:root{--font-heading: "Zen Kaku Gothic New", system-ui, sans-serif;--font-body: "Noto Sans JP", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Roboto Mono", monospace;--font-feature-numeric: "tnum" 1, "lnum" 1;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--text-4xl: 3.5rem;--text-5xl: 4.5rem;--leading-tight: 1.15;--leading-snug: 1.4;--leading-normal: 1.6;--leading-jp: 1.8;--tracking-heading: -.02em;--tracking-tight: -.04em;--tracking-normal: 0;--tracking-wide: .04em;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-bold: 700;--weight-black: 900;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--space-32: 8rem;--radius-button: 6px;--radius-card: 12px;--radius-modal: 16px;--radius-pill: 9999px;--radius-input: 6px;--border-width: 1px;--border-color: rgba(0, 0, 0, .1);--border-color-strong: rgba(0, 0, 0, .18);--shadow-button: inset 0 1px 0 rgba(255, 255, 255, .15), 0 0 0 1px rgba(0, 0, 0, .15), 0 2px 8px rgba(0, 0, 0, .12);--shadow-card: 0 4px 12px rgba(0, 0, 0, .08);--shadow-card-hover: 0 12px 24px rgba(0, 0, 0, .1);--shadow-modal: 0 24px 48px rgba(0, 0, 0, .18);--shadow-none: none;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .6s;--hover-lift: -4px;--stagger: .1s;--container-lp: 1200px;--container-prose: 720px;--container-app: 1440px;--sidebar-width: 240px;--sidebar-width-compact: 64px;--gray-50: #f8f9fa;--gray-100: #f1f3f5;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--gray-600: #868e96;--gray-700: #495057;--gray-800: #343a40;--gray-900: #212529;--gray-950: #14171a;--color-success: #2f9e44;--color-warning: #e8a13a;--color-danger: #e03131;--color-info: #1971c2;--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-alt: var(--gray-50);--color-text: #1a2433;--color-text-muted: var(--gray-600);--color-heading: #0f1828;--color-primary: #2b59ff;--color-primary-hover: #1f47d6;--color-on-primary: #ffffff;--color-accent: #ff7a45;--color-on-accent: #ffffff;--color-border: var(--border-color);--color-focus: #2b59ff;--z-base: 1;--z-sticky: 100;--z-overlay: 1000;--z-modal: 1100;--z-toast: 1200}[data-context=app]{--text-base: .875rem;--leading-normal: 1.5;--leading-jp: 1.6;--shadow-card: var(--shadow-none);--radius-card: 8px}@media(prefers-reduced-motion:reduce){:root{--duration-fast: .01s;--duration-base: .01s;--duration-slow: .01s;--hover-lift: 0px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-jp);color:var(--color-text);background:var(--color-bg);font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-heading);line-height:var(--leading-tight);letter-spacing:var(--tracking-heading);color:var(--color-heading);font-weight:var(--weight-bold);margin:0 0 var(--space-4);word-break:auto-phrase;overflow-wrap:anywhere;text-wrap:balance}h1{font-size:var(--text-4xl);font-weight:var(--weight-black)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-xl)}p,li,dd,figcaption,blockquote{margin:0 0 var(--space-4);word-break:auto-phrase;text-wrap:pretty}li,dd,figcaption,blockquote{margin:0}a{color:var(--color-primary);text-decoration:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.numeric{font-feature-settings:var(--font-feature-numeric);font-variant-numeric:tabular-nums}:root{--font-heading: "Inter", system-ui, sans-serif;--font-body: "Inter", "Noto Sans JP", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Geist Mono", monospace;--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-alt: #f8f9fa;--color-text: #1a2230;--color-text-muted: #687485;--color-heading: #0d1420;--color-primary: #4c5fef;--color-primary-hover: #3b4cd6;--color-on-primary: #ffffff;--color-accent: #4c5fef;--color-on-accent: #ffffff;--color-focus: #4c5fef;--border-color: rgba(0, 0, 0, .09);--border-color-strong: rgba(0, 0, 0, .16);--radius-button: 6px;--radius-card: 8px;--radius-input: 6px}[data-theme=dark]{--color-bg: #0e1116;--color-surface: #161b22;--color-surface-alt: #1c2230;--color-text: #e6e9ef;--color-text-muted: #97a1b0;--color-heading: #f2f4f8;--color-primary: #6675ff;--color-primary-hover: #7d8aff;--color-on-primary: #ffffff;--color-accent: #6675ff;--color-on-accent: #ffffff;--border-color: rgba(255, 255, 255, .08);--border-color-strong: rgba(255, 255, 255, .16);--color-focus: #6675ff;--shadow-card: none}:root{--grad-hero: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);--grad-soft: linear-gradient(180deg, #fafbfc 0%, #f8f9fa 100%);--fx-glow: rgba(76, 95, 239, .06);--fx-texture-opacity: 0;--fx-dark-bg: #0e1116;--fx-dark-text: #e6e9ef;--fx-dark-muted: #97a1b0;--fx-dark-line: rgba(255, 255, 255, .08);--fx-reveal-distance: 8px;--fx-reveal-duration: .4s}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-weight:var(--weight-bold);font-size:var(--text-base);line-height:1;padding:var(--space-3) var(--space-6);border-radius:var(--radius-button);border:none;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.ds-btn:hover{transform:translateY(var(--hover-lift))}.ds-btn:active{transform:translateY(0)}.ds-btn--primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-button)}.ds-btn--primary:hover{background:var(--color-primary-hover)}.ds-btn--accent{background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-button)}.ds-btn--ghost{background:transparent;color:var(--color-primary);border:var(--border-width) solid var(--color-border)}.ds-btn--ghost:hover{background:var(--color-surface-alt)}.ds-btn--lg{font-size:var(--text-lg);padding:var(--space-4) var(--space-8)}.ds-btn--block{width:100%}.ds-card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-6);box-shadow:var(--shadow-card);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.ds-card--interactive:hover{transform:translateY(var(--hover-lift));box-shadow:var(--shadow-card-hover)}.ds-section{padding:var(--space-32) var(--space-6)}.ds-section--alt{background:var(--color-surface-alt)}.ds-container{max-width:var(--container-lp);margin-inline:auto}.ds-prose{max-width:var(--container-prose);margin-inline:auto}.ds-hero{display:grid;grid-template-columns:7fr 5fr;gap:var(--space-12);align-items:center;min-height:70vh;padding:var(--space-16) var(--space-6)}.ds-hero__title{font-size:var(--text-5xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-6)}.ds-hero__lead{font-size:var(--text-lg);color:var(--color-text-muted)}@media(max-width:768px){.ds-hero{grid-template-columns:1fr;min-height:auto;gap:var(--space-8)}.ds-hero__title{font-size:var(--text-3xl)}}.ds-field{margin-bottom:var(--space-4)}.ds-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);margin-bottom:var(--space-2);color:var(--color-text)}.ds-input,.ds-textarea,.ds-select{width:100%;font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3);color:var(--color-text);background:var(--color-surface);border:var(--border-width) solid var(--border-color-strong);border-radius:var(--radius-input);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.ds-input:focus,.ds-textarea:focus,.ds-select:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus) 18%,transparent)}.ds-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.ds-table th{text-align:left;font-weight:var(--weight-medium);color:var(--color-text-muted);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--border-color-strong);position:sticky;top:0;background:var(--color-surface)}.ds-table td{padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--border-color)}.ds-table tbody tr:hover{background:var(--color-surface-alt)}.ds-table .num{text-align:right;font-variant-numeric:tabular-nums}.ds-sidebar{width:var(--sidebar-width);height:100vh;padding:var(--space-4);background:var(--color-surface);border-right:var(--border-width) solid var(--color-border)}.ds-nav-item{display:flex;align-items:center;gap:var(--space-3);height:36px;padding-inline:var(--space-3);border-radius:var(--radius-button);color:var(--color-text-muted);font-size:var(--text-sm);transition:background var(--duration-fast)}.ds-nav-item:hover{background:var(--color-surface-alt);color:var(--color-text)}.ds-nav-item--active{background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary);font-weight:var(--weight-medium)}.ds-empty{text-align:center;padding:var(--space-16) var(--space-6);color:var(--color-text-muted)}.ds-empty__icon{font-size:2rem;opacity:.4;margin-bottom:var(--space-3)}.ds-toast{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);max-width:360px;padding:var(--space-3) var(--space-4);background:var(--color-heading);color:#fff;border-radius:var(--radius-button);box-shadow:var(--shadow-modal);font-size:var(--text-sm)}.ds-skeleton{background:linear-gradient(90deg,var(--color-surface-alt) 25%,color-mix(in srgb,var(--color-surface-alt) 60%,var(--color-surface)) 50%,var(--color-surface-alt) 75%);background-size:200% 100%;animation:ds-shimmer 1.4s infinite;border-radius:var(--radius-input)}@keyframes ds-shimmer{to{background-position:-200% 0}}.ds-reveal{opacity:0;transform:translateY(16px);filter:blur(8px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out),filter var(--duration-slow) var(--ease-out)}.ds-reveal.is-visible{opacity:1;transform:none;filter:none}.ds-cta-bar{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);display:none;gap:var(--space-2);padding:var(--space-2);background:var(--color-surface);border-top:var(--border-width) solid var(--color-border)}@media(max-width:768px){.ds-cta-bar{display:flex}}.ds-cta-bar .ds-btn{flex:1}.fx-surface{background:var(--grad-soft, var(--color-surface-alt))}.fx-hero{position:relative;background:radial-gradient(52% 44% at 78% 8%,var(--fx-glow, transparent),transparent 72%),var(--grad-hero, var(--color-bg))}.fx-dark{background:radial-gradient(56% 48% at 82% 0%,var(--fx-glow, transparent),transparent 70%),var(--fx-dark-bg, var(--color-heading));color:var(--fx-dark-text, #e8ebf0);--color-text: var(--fx-dark-text, #e8ebf0);--color-text-muted: var(--fx-dark-muted, rgba(232, 235, 240, .66));--color-heading: var(--fx-dark-text, #ffffff);--color-border: var(--fx-dark-line, rgba(255, 255, 255, .12));--border-color: var(--fx-dark-line, rgba(255, 255, 255, .12))}.fx-dark h1,.fx-dark h2,.fx-dark h3,.fx-dark h4{color:var(--fx-dark-text, #ffffff)}.fx-noise:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:var(--fx-texture-opacity, .04);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.fx-noise>*{position:relative;z-index:1}.fx-dark.fx-noise:before,.fx-dark .fx-noise:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:calc(var(--fx-texture-opacity, .04) * 2.2)}.fx-dots{background-image:radial-gradient(85% 70% at 50% 40%,transparent 40%,var(--color-bg) 95%),radial-gradient(color-mix(in srgb,var(--color-heading) 14%,transparent) 1px,transparent 1.6px);background-size:auto,28px 28px}.fx-dark.fx-dots{background-image:radial-gradient(85% 70% at 50% 40%,transparent 40%,var(--fx-dark-bg, var(--color-heading)) 95%),radial-gradient(color-mix(in srgb,var(--fx-dark-text, #fff) 16%,transparent) 1px,transparent 1.6px),radial-gradient(56% 48% at 82% 0%,var(--fx-glow, transparent),transparent 70%);background-size:auto,28px 28px,auto}.fx-lines{background-image:linear-gradient(color-mix(in srgb,var(--color-heading) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-heading) 7%,transparent) 1px,transparent 1px);background-size:56px 56px}.fx-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:inset 0 1px #fff9,0 1px 2px #0f18280a,0 4px 12px #0f18280f,0 16px 32px #0f18280d}.fx-dark .fx-card{background:color-mix(in srgb,var(--fx-dark-text, #fff) 6%,transparent);border-color:var(--fx-dark-line, rgba(255, 255, 255, .12));box-shadow:inset 0 1px #ffffff12,0 12px 32px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.fx-glass{background:color-mix(in srgb,var(--color-bg) 72%,transparent);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border-bottom:1px solid var(--color-border)}.fx-elevate{border-radius:var(--radius-card);box-shadow:0 2px 4px #0f18280f,0 12px 24px #0f18281a,0 32px 64px -12px color-mix(in srgb,var(--color-primary) 24%,transparent)}.fx-num{font-family:var(--font-heading);font-weight:var(--weight-black, 900);letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:var(--grad-ink, linear-gradient(var(--color-heading), var(--color-heading)));-webkit-background-clip:text;background-clip:text;color:transparent}.fx-watermark{position:relative;overflow:hidden}.fx-watermark:after{content:attr(data-mark);position:absolute;right:-.04em;bottom:-.14em;z-index:0;font-family:var(--font-heading);font-weight:var(--weight-black, 900);font-size:clamp(120px,22vw,320px);line-height:1;color:var(--color-heading);opacity:.05;pointer-events:none;-webkit-user-select:none;user-select:none}.fx-dark.fx-watermark:after{color:var(--fx-dark-text, #fff);opacity:.06}.fx-watermark>*{position:relative;z-index:1}.fx-streak{position:relative;overflow:hidden}.fx-streak:before{content:"";position:absolute;inset:-20%;z-index:0;background:linear-gradient(115deg,transparent 40%,color-mix(in srgb,var(--color-accent) 9%,transparent) 52%,transparent 64%);transform:rotate(-3deg);pointer-events:none}.fx-streak>*{position:relative;z-index:1}.fx-orbs{position:relative;overflow:hidden}.fx-orbs:before,.fx-orbs:after{content:"";position:absolute;z-index:0;width:42vw;height:42vw;max-width:640px;max-height:640px;border-radius:50%;filter:blur(90px);opacity:.3;pointer-events:none}.fx-orbs:before{background:var(--color-primary);top:-12%;left:-6%}.fx-orbs:after{background:var(--color-accent);bottom:-18%;right:-4%;opacity:.18}.fx-orbs>*{position:relative;z-index:1}.fx-edge{border:1px solid transparent;background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 55%,transparent),color-mix(in srgb,var(--color-accent) 45%,transparent)) border-box}.fx-dark .fx-edge{background:linear-gradient(color-mix(in srgb,var(--fx-dark-bg, #10151c) 92%,#ffffff),color-mix(in srgb,var(--fx-dark-bg, #10151c) 92%,#ffffff)) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 70%,transparent),color-mix(in srgb,var(--color-accent) 50%,transparent)) border-box}@media(hover:hover){.fx-spotlight{position:relative}.fx-spotlight:after{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(320px circle at var(--mx, 70%) var(--my, 20%),var(--fx-glow, transparent),transparent 72%);opacity:0;transition:opacity .4s ease-out;pointer-events:none}.fx-spotlight:hover:after{opacity:1}.fx-spotlight>*{position:relative;z-index:1}}.fx-ring{position:relative}.fx-ring:before{content:"";position:absolute;z-index:0;width:78%;aspect-ratio:1;right:-12%;top:-14%;border:1.5px solid color-mix(in srgb,var(--color-accent) 45%,transparent);border-radius:50%;pointer-events:none}.fx-ring>*{position:relative;z-index:1}@media(prefers-contrast:more){.fx-noise:before,.fx-streak:before,.fx-orbs:before,.fx-orbs:after,.fx-spotlight:after,.fx-watermark:after,.fx-ring:before{display:none}.fx-hero{background:var(--color-bg)}.fx-dark{background:var(--fx-dark-bg, var(--color-heading))}.fx-dots,.fx-lines{background-image:none}}@media print{.fx-hero,.fx-dark,.fx-surface,.fx-dots,.fx-lines{-webkit-print-color-adjust:exact;print-color-adjust:exact}.fx-noise:before,.fx-orbs:before,.fx-orbs:after,.fx-streak:before,.fx-spotlight:after{content:none!important}.fx-glass{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--color-bg)}.fx-card{box-shadow:none}.fx-num{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--color-heading)}.fx-dark .fx-num{color:var(--fx-dark-text, #ffffff)}}:root{--fx-reveal-distance: 20px;--fx-reveal-duration: .7s;--fx-reveal-ease: cubic-bezier(.22, 1, .36, 1);--fx-hover-duration: .25s}.fx-motion [data-reveal]{opacity:0;transform:translateY(var(--fx-reveal-distance));transition:opacity var(--fx-reveal-duration) var(--fx-reveal-ease),transform var(--fx-reveal-duration) var(--fx-reveal-ease),filter var(--fx-reveal-duration) var(--fx-reveal-ease);will-change:opacity,transform}.fx-motion [data-reveal=fade]{transform:none}.fx-motion [data-reveal=left]{transform:translate(calc(var(--fx-reveal-distance) * -1.2))}.fx-motion [data-reveal=right]{transform:translate(calc(var(--fx-reveal-distance) * 1.2))}.fx-motion [data-reveal=blur]{filter:blur(10px);transform:translateY(12px)}.fx-motion [data-reveal=clip]{transform:none;clip-path:inset(0 0 100% 0);transition:clip-path .9s var(--fx-reveal-ease),opacity .4s linear}.fx-motion [data-reveal].is-in{opacity:1;transform:none;filter:none;clip-path:inset(0 0 0 0)}.fx-lift{transition:transform var(--fx-hover-duration) var(--fx-reveal-ease),box-shadow var(--fx-hover-duration) var(--fx-reveal-ease)}.fx-lift:hover{transform:translateY(var(--hover-lift, -4px));box-shadow:var(--shadow-card-hover, 0 12px 24px rgba(0, 0, 0, .1))}.fx-underline{background-image:linear-gradient(currentColor,currentColor);background-size:0% 1.5px;background-repeat:no-repeat;background-position:left 100%;transition:background-size var(--fx-hover-duration) var(--fx-reveal-ease);text-decoration:none;padding-bottom:2px}.fx-underline:hover{background-size:100% 1.5px}.fx-zoom{overflow:hidden}.fx-zoom>img,.fx-zoom>.fx-zoom-target{transition:transform .6s var(--fx-reveal-ease);will-change:transform}.fx-zoom:hover>img,.fx-zoom:hover>.fx-zoom-target{transform:scale(1.04)}.fx-marquee{overflow:hidden;display:flex}.fx-marquee>*{display:flex;gap:var(--space-12, 3rem);align-items:center;flex-shrink:0;min-width:100%;animation:fx-marquee 28s linear infinite;padding-right:var(--space-12, 3rem)}.fx-marquee:hover>*,.fx-marquee:focus-within>*{animation-play-state:paused}@keyframes fx-marquee{to{transform:translate(-100%)}}.fx-float{animation:fx-float 7s ease-in-out infinite}@keyframes fx-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@supports (animation-timeline: view()){.fx-parallax{animation:fx-parallax linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes fx-parallax{0%{transform:translateY(24px)}to{transform:translateY(-24px)}}}@media print{.fx-motion [data-reveal]{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}.fx-marquee>*,.fx-float,.fx-parallax{animation:none!important}}@media(prefers-reduced-motion:reduce){.fx-motion [data-reveal]{opacity:1;transform:none;filter:none;clip-path:none;transition:none}.fx-lift,.fx-underline,.fx-zoom>img,.fx-zoom>.fx-zoom-target{transition:none}.fx-lift:hover{transform:none}.fx-zoom:hover>img,.fx-zoom:hover>.fx-zoom-target{transform:none}.fx-marquee>*{animation:none}.fx-float,.fx-parallax{animation:none}}:root{--color-bg: #0B0D16;--color-surface: #141824;--color-surface-alt: #202534;--color-text: #F3F1EC;--color-heading: #F3F1EC;--color-text-muted: #BAC0CD;--color-primary: #E4002B;--color-primary-hover: #BC0024;--color-accent: #4BE3FF;--color-focus: #4BE3FF;--color-on-primary: #F3F1EC;--font-heading: "Bebas Neue", Impact, "Arial Narrow", sans-serif;--font-body: "Noto Sans JP", sans-serif;--font-mono: "JetBrains Mono", Consolas, monospace;--border-color: #565E70;--radius-button: 2px;--radius-card: 2px}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}#game{position:relative;background:linear-gradient(#0b0d16cc,#0b0d16e8),url(../bg/keyart.jpg) center / cover}.viewport{position:absolute;top:50%;left:50%;transform-origin:center;overflow:hidden;touch-action:none;background:var(--color-bg)}canvas{display:block;image-rendering:auto}[hidden]{display:none!important}button{cursor:pointer;font-family:inherit}button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.hud{position:absolute;inset:0 0 auto;padding:max(var(--space-3),env(safe-area-inset-top)) var(--space-3) var(--space-2);background:linear-gradient(var(--color-bg) 70%,transparent);pointer-events:none}.hud-numbers{font:var(--weight-bold) var(--text-sm) var(--font-mono);min-height:var(--space-8);margin-right:calc(var(--space-8) + var(--space-2))}.pause-button{position:absolute;top:max(var(--space-2),env(safe-area-inset-top));right:var(--space-2);width:var(--space-8);height:var(--space-8);color:var(--color-text);background:var(--color-surface-alt);border:1px solid var(--border-color);pointer-events:auto}progress{display:block;border:0;width:100%;background:var(--color-surface-alt)}progress::-webkit-progress-bar{background:var(--color-surface-alt)}.health{height:var(--space-2);accent-color:var(--color-primary);margin-bottom:var(--space-1)}.health::-webkit-progress-value{background:var(--color-primary)}.experience{height:var(--space-1);accent-color:var(--color-accent)}.experience::-webkit-progress-value{background:var(--color-accent)}.build{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.build-label,.passives{font-size:var(--text-xs);color:var(--color-text-muted)}.build-slot{display:flex;flex-direction:column;align-items:center;min-width:var(--space-8)}.pips{color:var(--color-accent);font:var(--weight-bold) var(--text-xs) var(--font-mono);line-height:1}.skill-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--space-8);height:var(--space-8)}.skill-glyph{display:block;image-rendering:pixelated;background-repeat:no-repeat}.stick{position:absolute;transform:translate(-50%,-50%);border:1px solid var(--color-text-muted);border-radius:50%;pointer-events:none;background:#0b0d1666}.stick-knob{display:block;position:absolute;left:50%;top:50%;border-radius:50%;background:var(--color-text)}.passives{padding-top:var(--space-1)}.screen{position:absolute;inset:144px 0 0;display:flex;flex-direction:column;justify-content:center;padding:var(--space-6);gap:var(--space-4);background:#0b0d16f0;overflow-y:auto}.screen[data-state=title]{inset:0;justify-content:flex-end;padding-bottom:var(--space-16);background:linear-gradient(180deg,#0b0d1630,#0b0d16 76%),url(../bg/keyart.jpg) 48% top / auto 78% no-repeat}.eyebrow{font:var(--weight-bold) var(--text-xs) var(--font-mono);color:var(--color-text-muted)}.wordmark{margin:0;font:var(--weight-black) var(--text-5xl)/.9 var(--font-heading);letter-spacing:var(--tracking-tight)}.wordmark span{display:block}.wordmark span:last-child{color:var(--color-primary)}.tagline{max-width:30ch;font-size:var(--text-sm);line-height:var(--leading-jp)}h2{margin:0;font:var(--weight-black) var(--text-2xl)/var(--leading-tight) var(--font-body);text-wrap:balance}p{margin:0;max-width:40ch;text-wrap:pretty;word-break:auto-phrase}.btn{width:100%;min-height:var(--space-12);padding:var(--space-3) var(--space-4);color:var(--color-text);background:var(--color-surface-alt);border:1px solid var(--border-color);font-weight:var(--weight-bold);transition:background var(--duration-fast) var(--ease-out)}.btn-primary{background:var(--color-primary);border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover)}.controls-help{font:var(--text-xs) var(--font-mono);color:var(--color-text-muted)}.screen-sub{font-size:var(--text-sm);line-height:var(--leading-jp);color:var(--color-text-muted)}.choices{display:flex;flex-direction:column;gap:var(--space-3)}.choice{display:flex;align-items:center;text-align:left;width:100%;gap:var(--space-3);padding:var(--space-4);color:var(--color-text);background:var(--color-surface);border:1px solid var(--border-color);transition:background var(--duration-fast) var(--ease-out)}.choice:hover{background:var(--color-surface-alt)}.choice-content{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.choice-content strong{font-size:var(--text-base)}.choice-level{color:var(--color-accent);font:var(--text-xs) var(--font-mono)}.choice-effect{font:var(--text-xs)/var(--leading-snug) var(--font-mono);color:var(--color-text-muted)}.result-title{font:var(--weight-black) var(--text-4xl) var(--font-heading)}.result-score{font:var(--weight-black) var(--text-5xl) var(--font-mono);color:var(--color-accent)}.save-notice{position:absolute;bottom:var(--space-3);left:var(--space-3);right:var(--space-3);padding:var(--space-3);font-size:var(--text-sm);background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-primary)}.tier-stamp{position:absolute;top:40%;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center;pointer-events:none;background:var(--color-primary);padding:var(--space-2) 0}.tier-stamp-heading{font:var(--weight-black) var(--text-5xl) var(--font-heading);color:var(--color-text)}.tier-stamp-sub{font-size:var(--text-sm);color:var(--color-text)}.screen[data-overlay=settings],.screen[data-overlay=meta],.screen[data-overlay=trials],.screen[data-overlay=skills]{justify-content:flex-start;background:var(--color-bg);padding-top:var(--space-8)}.viewport:has(.screen[data-overlay=skills]){touch-action:pan-y}.screen[data-overlay=skills]>*{flex-shrink:0}.skill-group-heading{margin:var(--space-4) 0 0;color:var(--color-accent);font-size:var(--text-base)}.skill-guide{align-items:flex-start}.skill-guide-name{margin:0;font-size:var(--text-base)}.damage-numbers{position:absolute;inset:0;overflow:hidden;pointer-events:none}.damage-number{position:absolute;top:0;left:0;color:var(--color-text);font:var(--weight-bold) var(--text-sm) var(--font-mono);text-shadow:0 1px 2px var(--color-bg)}.screen[data-state=choosing] .choices{animation:choice-arrival var(--choice-duration) var(--ease-out)}@keyframes choice-arrival{0%{transform:translateY(var(--space-2))}to{transform:translateY(0)}}.chorus-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 var(--space-24) var(--color-primary)}[data-reduced-motion=true] *,[data-reduced-motion=true] *:before,[data-reduced-motion=true] *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.btn,.choice{transition:none}.screen[data-state=choosing] .choices{animation:none}}.btn-music{display:block;text-decoration:none;text-align:center;border:1px solid var(--ui-line-2, rgba(255, 255, 255, .3));background:transparent;color:inherit}.btn-music:hover,.btn-music:focus-visible{border-color:var(--ui-crimson, #e4002b)}.btn-music-sub{display:block;margin-top:4px;opacity:.62;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.credit{grid-column:1 / -1;margin-top:6px;opacity:.5;font-size:10px;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}