@layer theme,base,components,utilities;@layer theme{:root,:host{--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-hud: "Press Start 2P", "Courier New", monospace;--text-2xs: .625rem;--text-xs: .6875rem;--text-sm: .75rem;--text-md: .8125rem;--text-lg: .9375rem;--text-xl: 1.0625rem;--tracking-wide: .13em;--tracking-nav: .08em;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1.125rem;--spacing-lg: 1.625rem;--spacing-xl: 2.5rem;--spacing-2xl: 3.875rem;--rule-width: 1px;--container-width: 1180px;--shell-padding: 1.75rem;--header-height: 66px;--transition-fast: .2s ease;--transition-base: .35s ease;--arm-duration: 1.15s;--arm-cell: 14px;--color-hud-bg: var(--color-bg);--color-hud-bg-soft: var(--color-bg-soft);--color-hud-surface: var(--color-surface);--color-hud-border: var(--color-border);--color-hud-text-strong: var(--color-text-strong);--color-hud-text-muted: var(--color-text-muted);--color-hud-accent: var(--color-accent);--color-hud-accent-deep: var(--color-accent-deep);--color-hud-link: var(--color-link);--color-hud-effect: var(--color-effect);--color-hud-detail: var(--color-detail)}}@layer utilities{.flex{display:flex}.grid{display:grid}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[1\.3fr_1fr\]{grid-template-columns:1.3fr 1fr}.grid-cols-\[44px_168px_1fr\]{grid-template-columns:44px 168px 1fr}.grid-cols-\[168px_1fr\]{grid-template-columns:168px 1fr}.grid-cols-\[226px_1fr\]{grid-template-columns:226px 1fr}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.gap-lg{gap:var(--spacing-lg)}.gap-md{gap:var(--spacing-md)}.gap-sm{gap:var(--spacing-sm)}.gap-xl{gap:var(--spacing-xl)}.gap-xs{gap:var(--spacing-xs)}.text-lg{font-size:var(--text-lg)}.text-md{font-size:var(--text-md)}.text-xl{font-size:var(--text-xl)}@media(max-width:620px){.to-narrow\:hidden{display:none}.to-narrow\:grid-cols-\[1fr\]{grid-template-columns:1fr}.to-narrow\:flex-row{flex-direction:row}.to-narrow\:items-center{align-items:center}.to-narrow\:gap-sm{gap:var(--spacing-sm)}}@media(max-width:900px){.to-tablet\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.to-tablet\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.to-tablet\:grid-cols-\[1fr\]{grid-template-columns:1fr}.to-tablet\:grid-cols-\[44px_1fr\]{grid-template-columns:44px 1fr}}@media(min-width:901px){.from-desktop\:hidden{display:none}}}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/manrope-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/press-start-2p-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/press-start-2p-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--color-bg: #eff0f8;--color-bg-soft: #e2e4f0;--color-surface: #ffffff;--color-border: #b4b8d8;--color-text-strong: #0b0e1c;--color-text-muted: #565c86;--color-accent-deep: #3f7f13;--color-accent: #4e9c14;--color-link: #366d10;--color-effect: #5b3fbf;--color-detail: #96742a;--color-on-accent: #0c1206;--color-px-1: #4e9c14;--color-px-2: #5b3fbf;--color-px-3: #dcdeee;--color-px-4: #cbcee4;--color-scan: rgba(63, 127, 19, .05)}@media(prefers-color-scheme:dark){:root{--color-bg: #0c0f1e;--color-bg-soft: #12162b;--color-surface: #191e3a;--color-border: #303764;--color-text-strong: #eaecf9;--color-text-muted: #a5a6ce;--color-accent-deep: #3f9f1f;--color-accent: #7fd42a;--color-link: #7fd42a;--color-effect: #9276e4;--color-detail: #c9a24e;--color-on-accent: #0c1206;--color-px-1: #7fd42a;--color-px-2: #9276e4;--color-px-3: #232a52;--color-px-4: #171c3a;--color-scan: rgba(127, 212, 42, .03)}}:root[data-theme=light]{--color-bg: #eff0f8;--color-bg-soft: #e2e4f0;--color-surface: #ffffff;--color-border: #b4b8d8;--color-text-strong: #0b0e1c;--color-text-muted: #565c86;--color-accent-deep: #3f7f13;--color-accent: #4e9c14;--color-link: #366d10;--color-effect: #5b3fbf;--color-detail: #96742a;--color-on-accent: #0c1206;--color-px-1: #4e9c14;--color-px-2: #5b3fbf;--color-px-3: #dcdeee;--color-px-4: #cbcee4;--color-scan: rgba(63, 127, 19, .05)}:root[data-theme=dark]{--color-bg: #0c0f1e;--color-bg-soft: #12162b;--color-surface: #191e3a;--color-border: #303764;--color-text-strong: #eaecf9;--color-text-muted: #a5a6ce;--color-accent-deep: #3f9f1f;--color-accent: #7fd42a;--color-link: #7fd42a;--color-effect: #9276e4;--color-detail: #c9a24e;--color-on-accent: #0c1206;--color-px-1: #7fd42a;--color-px-2: #9276e4;--color-px-3: #232a52;--color-px-4: #171c3a;--color-scan: rgba(127, 212, 42, .03)}@layer base{*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:1rem;line-height:1.65;color:var(--color-text-strong);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;background:repeating-linear-gradient(to bottom,var(--color-scan) 0 var(--rule-width),transparent var(--rule-width) 4px)}h1,h2,h3{margin:0;color:var(--color-text-strong);font-family:var(--font-hud);font-weight:400;line-height:1.26}p{margin:0}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-detail)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}}@layer components{.shell{width:100%;max-width:var(--container-width);margin-inline:auto;padding-inline:var(--shell-padding)}.section{padding-block:var(--spacing-2xl);border-bottom:var(--rule-width) solid var(--color-border)}.section--last{border-bottom:0}.hud-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted)}.hud-value{font-family:var(--font-hud);font-variant-numeric:tabular-nums}.hud-card{background:var(--color-surface);border:var(--rule-width) solid var(--color-border)}.hud-rule{flex:1 1 auto;height:var(--rule-width);background:var(--color-border)}.hud-control{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:6px 10px;border:var(--rule-width) solid var(--color-border);background:transparent;color:var(--color-text-muted);font-family:inherit;font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-nav);text-transform:uppercase;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.hud-control:hover{border-color:var(--color-accent);color:var(--color-accent)}.hud-chip{padding:4px 10px;border:var(--rule-width) solid var(--color-border);background:var(--color-bg-soft);color:var(--color-text-strong);font-size:var(--text-md)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding-inline:var(--spacing-md);font-family:var(--font-hud);font-size:var(--text-2xs);line-height:1.5;text-align:center;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn--solid{background:var(--color-accent);color:var(--color-on-accent);box-shadow:4px 4px 0 var(--color-effect)}.btn--solid:hover{color:var(--color-on-accent);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-effect)}.btn--outline{border:var(--rule-width) solid var(--color-border);color:var(--color-text-strong)}.btn--outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.seg{display:block;width:11px;height:13px;background:var(--color-px-3)}.seg--on{background:var(--color-accent-deep);box-shadow:inset 0 0 0 var(--rule-width) var(--color-accent)}.seg--small{width:7px;height:9px}.seg--small.seg--on{background:var(--color-effect);box-shadow:none}.pixel-mat{position:relative;display:block}.pixel-mat__content{position:relative;z-index:1;opacity:1}.pixel-mat__curtain,.pixel-mat__sparks{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.pixel-mat__curtain{background-image:repeating-conic-gradient(var(--color-px-3) 0% 25%,var(--color-px-4) 0% 50%);background-size:var(--arm-cell) var(--arm-cell);opacity:0}.pixel-mat__spark{position:absolute;display:block;opacity:0}.pixel-mat__spark--accent{background:var(--color-px-1)}.pixel-mat__spark--effect{background:var(--color-px-2)}.pixel-mat__spark--shadow{background:var(--color-px-3)}.pixel-mat__spark--void{background:var(--color-px-4)}.is-arming .pixel-mat__content{animation:pixel-mat-shape var(--arm-duration) steps(2,end) both}.is-arming .pixel-mat__curtain{animation:pixel-mat-curtain var(--arm-duration) steps(6,end) both}.is-arming .pixel-mat__spark{animation:pixel-mat-spark var(--arm-duration) steps(4,end) both}@keyframes pixel-mat-shape{0%,58%{opacity:0}84%,to{opacity:1}}@keyframes pixel-mat-curtain{0%{transform:translateY(-110%);opacity:1}38%,66%{transform:translateY(0);opacity:1}to{transform:translateY(0);opacity:0}}@keyframes pixel-mat-spark{0%{transform:translateY(-160px);opacity:0}14%{opacity:1}46%{transform:translateY(0);opacity:1}80%{opacity:1}to{opacity:0}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.is-arming .pixel-mat__content,.is-arming .pixel-mat__curtain,.is-arming .pixel-mat__spark{animation:none}.btn,.btn:hover,.hud-control,a{transform:none;transition:none}}
