:root{
  color-scheme: dark;
  /* --- 地・面 --- */
  --bg-app: #12101B;
  --bg-panel: #1A1726;
  --bg-panel-2: #232032;
  --bg-raise: #2C2840;
  --bg-input: #201C2E;
  --bg-scrim: rgba(8,6,14,.72);
  --line: #3A3550;
  --line-soft: rgba(255,255,255,.07);
  /* --- 文字 --- */
  --text: #F3F0F9;
  --text-mid: #B7B0C8;
  --text-dim: #9A93AE;
  --text-ink: #17121F;
  /* --- アクセント(菫。どのキャラ色とも被らない)--- */
  --accent: #A98BFF;
  --accent-hi: #C4B0FF;
  --accent-deep: #6E52D6;
  --accent-soft: rgba(169,139,255,.16);
  --accent-line: rgba(169,139,255,.42);
  /* --- コイン(通貨。金)--- */
  --coin: #FFD75E;
  --coin-hi: #FFF0B8;
  --coin-deep: #E0A21A;
  --coin-soft: rgba(255,215,94,.15);
  /* --- 意味色 --- */
  --danger: #FF4D6A;
  --danger-deep: #C9203D;
  --heal: #4FE3C1;
  --ok: #6DE08A;
  --warn: #FFB648;
  --dmg: #FFF4C2;
  --dmg-crit: #FFB020;
  --dmg-in: #FF7A8C;
  /* --- レアリティ(☆ではなく色+文字チップで表す)--- */
  --ra-n: #9AA3B5;
  --ra-n-bg: rgba(154,163,181,.14);
  --ra-r: #4FA8FF;
  --ra-r-bg: rgba(79,168,255,.14);
  --ra-sr: #D08BFF;
  --ra-sr-bg: rgba(208,139,255,.16);
  --ra-ssr: #FFD24A;
  --ra-ssr-bg: rgba(255,210,74,.18);
  --ra-ssr-grad: linear-gradient(115deg,#FFD24A,#FF6FD8,#7FE7FF,#FFD24A);
  /* --- キャラのイメージカラー(docs/spec/04_characters.md)--- */
  --c-r1: #E8243C;
  --c-r1-t: #FF6B7E;
  --c-r2: #9BE81E;
  --c-r2-t: #B4EE55;
  --c-r3: #2E9BFF;
  --c-r3-t: #6DBBFF;
  --c-r4: #FFA200;
  --c-r4-t: #FFBE55;
  --c-r5: #C8CDD6;
  --c-r5-t: #E1E5EC;
  --c-r5-ink: #1A1A1A;
  --c-r6: #FF3FA4;
  --c-r6-t: #FF7CC2;
  /* --- 敵(CSS 描画)--- */
  --enemy-1: #6B5FA8;
  --enemy-2: #2A2440;
  --enemy-eye: #FFD75E;
  --boss-1: #7A2440;
  --boss-2: #2A0F1C;
  --boss-eye: #FF4D6A;
  /* --- 形・影・時間 --- */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-pill: 999px;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --shadow-1: 0 2px 6px rgba(0,0,0,.35);
  --shadow-2: 0 10px 28px rgba(0,0,0,.48);
  --glow-accent: 0 0 14px rgba(169,139,255,.55);
  --glow-coin: 0 0 12px rgba(255,215,94,.55);
  --glow-ssr: 0 0 22px rgba(255,210,74,.65);
  --dur-1: 120ms;
  --dur-2: 200ms;
  --dur-3: 320ms;
  --dur-4: 600ms;
  --ease-out: cubic-bezier(.2,.8,.2,1);
  --ease-pop: cubic-bezier(.2,1.5,.4,1);
  /* --- レイアウト定数 --- */
  --hdr-h: 56px;
  --hdr-h-sp: 78px;
  --tabbar-h: 58px;
  --page-max: 1120px;
  --font-ui: "Hiragino Maru Gothic ProN", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", "Yu Gothic Medium",
 "YuGothic", "Yu Gothic", "Meiryo", "Noto Sans JP", "Noto Sans CJK JP", system-ui, -apple-system, "Segoe UI",
 Roboto, sans-serif;
  --font-num: "DIN Alternate", "Bahnschrift", "Roboto Condensed", "Helvetica Neue", Arial, var(--font-ui);
}
*,*::before,*::after{
  box-sizing:border-box;
}
html,body{
  margin:0;
  min-width:0;
  min-height:100%;
}
body{
  font-family:var(--font-ui);
  background:var(--bg-app);
  color:var(--text);
  font-size:15px;
  line-height:1.6;
  word-break:normal;
  overflow-wrap:anywhere;
  touch-action:manipulation;
  user-select:none;
}
button,input,select,textarea{
  font:inherit;
  color:inherit;
}
button{
  min-width:44px;
  min-height:44px;
  background:var(--bg-input);
  border:1px solid var(--line);
  border-radius:var(--r-sm);
  cursor:pointer;
}
img,svg{
  display:block;
  max-width:100%;
}
[hidden]{
  display:none!important;
}
.svg-sprite{
  position:absolute;
  overflow:hidden;
}
.ic{
  width:1.25em;
  height:1.25em;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.num,.coin-chip__val,.hp__txt,.depth__val,.fx-num{
  font-family:var(--font-num);
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
  letter-spacing:.01em;
}
h1,h2,h3{
  font-weight:700;
  letter-spacing:.06em;
}
h1,h2,.heading-grad{
  color:var(--accent-hi);
  background:linear-gradient(100deg,var(--accent-hi),var(--coin));
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}