:root{--bg: #0a0a0a;--panel: #111111;--surface: #151515;--code: #151510;--overlay: rgba(0,0,0,.6);--border: #2a2218;--border-soft: #1a160f;--text: #e0d5c0;--text2: #b8a88a;--muted: #9a8a6d;--faint: #6a5c3f;--accent: #D4A84B;--accent-dim: #a37e35;--brand: #C65D07;--ink: #0a0a0a;--danger: #e25d3f;--topbar: rgba(10,10,10,.82);--bezel: #1a1a1a;--screen: #0c0f0c;--screen-shadow: rgba(0,0,0,.85);--screen-vig: rgba(0,0,0,.55);--page-vig: rgba(0,0,0,.22);--scan: rgba(0,0,0,.18);--success: #4a8a4a;--danger-color: #e25d3f;--info: #4a90b8;--warning: #e09f3e;--success-bg: rgba(74, 138, 74, .1);--danger-bg: rgba(226, 93, 63, .1);--warning-bg: rgba(224, 159, 62, .1);--info-bg: rgba(74, 144, 184, .1);--amber-glow: rgba(212, 168, 75, .15);--nav-bg: rgba(10, 10, 10, .85);--tier-citizen: var(--accent-dim);--tier-operator: #9a958a;--tier-elite: var(--accent);--diff-initiate: #7a9a5a;--diff-novice: #4a90b8;--diff-adept: #d4a84b;--diff-veteran: #C65D07;--diff-champion: #b48ee0;--diff-legendary: #ff6b35;--rank-plebeian: #6b5e4a;--rank-tiro: #8a6e30;--rank-legionary: #7a8a3e;--rank-centurion: var(--accent);--rank-praetorian: var(--info);--rank-operator: var(--accent);--rank-elite: var(--danger);--rank-consul: var(--diff-champion);--rank-emperor: var(--diff-legendary);color-scheme:dark}:root[data-theme=light]{--bg: #faf8f5;--panel: #f0ece5;--surface: #ffffff;--code: #f5f0e8;--overlay: rgba(0, 0, 0, .45);--border: #e0d8c8;--border-soft: #e9e0cd;--text: #2a2218;--text2: #5a4e3a;--muted: #6e6352;--faint: #c1b191;--accent: #946a12;--accent-dim: #7a5e1c;--amber-glow: rgba(212, 168, 75, .18);--brand: #9a5500;--ink: #0a0a0a;--danger: #b3261e;--danger-color: #b3261e;--info: #2a6d99;--tier-operator: #7a7670;--diff-initiate: #4d7a30;--diff-novice: #2a6d99;--diff-adept: #b8892a;--diff-veteran: #b84a00;--diff-champion: #8c62c0;--diff-legendary: #d45a1a;--rank-plebeian: #7a6e55;--rank-tiro: #a08030;--rank-legionary: #5a7a2e;--success: #2f6f3a;--success-bg: rgba(61, 122, 61, .12);--danger-bg: rgba(179, 38, 30, .1);--info-bg: rgba(42, 109, 153, .12);--warning-bg: rgba(200, 140, 30, .12);--topbar: rgba(250, 248, 245, .88);--nav-bg: rgba(250, 248, 245, .88);--bezel: #ddd2ba;--screen: #f2ede1;--screen-shadow: transparent;--screen-vig: transparent;--page-vig: transparent;--scan: rgba(70, 54, 20, .03);color-scheme:light}:root[data-theme=light] img,:root[data-theme=light] [style*=background-image]{filter:contrast(.86) brightness(1.05) saturate(.9)}@font-face{font-family:Glitch Pixelated;src:url(/fonts/glitch-regular-webfont.woff2) format("woff2"),url(/fonts/glitch-regular-webfont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--font-glitch: "Glitch Pixelated", "VT323", monospace;--font-terminal: "VT323", monospace;--font-heading: "Space Grotesk", -apple-system, sans-serif;--font-display: var(--font-glitch);--font-ui: "Space Mono", monospace;--font-mono: "Space Mono", ui-monospace, "SF Mono", Menlo, monospace}:root{--text-2xs: .875rem;--text-xxs: .875rem;--text-xs: .875rem;--text-s: .875rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.375rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 4rem;--text-7xl: 5.5rem;--text-hero: 4.625rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 900;--leading-tight: 1.05;--leading-snug: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.7;--tracking-tightest: -.02em;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-wider: .08em;--tracking-widest: .18em}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--space-9: 4rem;--space-10: 5rem;--space-12: 6rem;--space-16: 8rem;--container-max: 1240px;--container-wide: 1440px;--content-max: 68ch;--sidebar-w: 264px;--gutter: var(--space-6);--control-h-sm: 32px;--control-h-md: 40px;--control-h-lg: 52px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--z-base: 1;--z-sticky: 100;--z-overlay: 500;--z-modal: 1400;--z-toast: 1500}:root{--border-w: 1px;--border-w-2: 2px;--border-w-frame: 3px;--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--dur-instant: 80ms;--dur-fast: .14s;--dur-base: .22s;--dur-slow: .36s;--dur-stately: .6s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.5, 0, .75, 0);--transition-color: color var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);--transition-all: all var(--dur-base) var(--ease-standard)}@keyframes ctBlink{0%,49.9%{opacity:1}50%,to{opacity:0}}@keyframes ctFadein{0%{opacity:0}to{opacity:1}}@keyframes ctGlitch{0%,90%,to{text-shadow:none}92%{text-shadow:-2px 0 #C65D07,2px 0 #4a90b8}94%{text-shadow:2px 0 #C65D07,-2px 0 #4a90b8}96%{text-shadow:-1px 0 #D4A84B,1px 0 #C65D07}98%{text-shadow:1px 0 #4a90b8,-1px 0 #D4A84B}}@keyframes ctBreathe{0%,to{box-shadow:0 0 4px #d4a84b26}50%{box-shadow:0 0 12px #d4a84b59}}@keyframes ctMarquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent;border-radius:0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}*,*:before,*:after{box-sizing:border-box;border-radius:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1{font-family:var(--font-glitch);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);color:var(--text);line-height:var(--leading-snug);margin:0 0 var(--space-4)}h2{font-family:var(--font-terminal);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);color:var(--text);line-height:var(--leading-snug);margin:0 0 var(--space-4)}h3{font-family:var(--font-heading);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);color:var(--text);line-height:var(--leading-snug);margin:0 0 var(--space-4)}h4,h5,h6{font-family:var(--font-ui);font-weight:var(--weight-semibold);margin:0 0 var(--space-3)}nav,aside,[class*=sidebar],[class*=side-nav],[class*=Sidebar]{font-family:var(--font-terminal)}.font-glitch{font-family:var(--font-glitch)}.font-terminal{font-family:var(--font-terminal)}.font-heading{font-family:var(--font-heading)}.font-display{font-family:var(--font-display)}.font-ui{font-family:var(--font-ui)}.font-mono,button,input,select,textarea{font-family:var(--font-mono)}p{margin:0 0 var(--space-4);max-width:var(--content-max)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-dim);text-decoration:underline;text-underline-offset:2px}code,kbd,pre,samp{font-family:var(--font-mono)}::selection{background:var(--accent);color:var(--ink)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}hr{border:0;height:1px;background:var(--border);margin:var(--space-6) 0}.u-display{font-family:var(--font-glitch);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:var(--weight-bold)}.u-eyebrow{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--muted)}.u-mono{font-family:var(--font-mono)}.u-brand{font-family:var(--font-glitch)}:root{--gold-200: var(--accent);--gold-300: var(--accent);--gold-400: var(--accent);--gold-500: var(--accent);--gold-600: var(--accent-dim);--gold-700: var(--accent-dim);--ink-700: var(--text2);--ink-800: var(--text);--ink-900: var(--text);--parchment-400: var(--surface);--stone-600: var(--muted);--stone-800: var(--faint);--bronze-400: var(--accent);--bronze-600: var(--accent-dim);--laurel-300: #4a8a4a;--laurel-400: #3d7a3d;--laurel-600: #2d6a2d;--crimson-400: #d44a4a;--crimson-600: var(--danger);--verdigris-500: var(--info);--warning: #e09f3e;--warning-bg: rgba(224,159,62,.1);--success-bg: rgba(74,138,74,.1);--danger-bg: rgba(198,93,7,.1);--info-bg: rgba(74,144,184,.1);--glow-success: 0 0 8px rgba(74,138,74,.3);--surface-card: var(--surface);--surface-base: var(--bg);--surface-dark: var(--bg);--surface-sunken: var(--bg);--surface-hover: var(--panel);--bg-base: var(--bg);--bg-primary: var(--bg);--bg-secondary: var(--panel);--accent-soft: rgba(212,168,75,.08);--border-strong: var(--border);--border-dark: var(--border);--text-primary: var(--text);--text-secondary: var(--text2);--text-muted: var(--muted);--text-faint: var(--faint);--text-inverse: var(--bg);--text-inverse-dim: var(--panel);--text-on-gold: var(--ink);--hero-text: var(--text);--hero-text-dim: var(--text2);--white: #ffffff;--radius-xs: 0;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--radius-pill: 0;--radius-full: 9999px;--shadow-xs: none;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--shadow-inset: none;--shadow-relief-gold: none;--lift-hover: none;--font-serif: var(--font-display);--font-sans: var(--font-mono);--font-chat: var(--font-mono);--diff-trivial: var(--muted);--diff-easy: var(--diff-adept);--diff-medium: var(--diff-champion);--diff-hard: var(--diff-legendary);--feat-bg: var(--panel);--feat-grout: var(--border);--feat-text: var(--text);--feat-text-dim: var(--text2);--ease-stone: var(--ease-standard);--texture-grain: none}@keyframes ctZeroGlitch{0%,90%,to{text-shadow:0 0 5px rgba(198,93,7,.35);transform:translate(0)}91%{text-shadow:-2px 0 #ff6b35,2px 0 #5cd6e0;transform:translate(1px,-1px)}92.5%{text-shadow:2px 0 #ff6b35,-2px 0 #5cd6e0;transform:translate(-1px,1px)}94%{text-shadow:-1px 0 #ffd27a,1px 0 #ff6b35;transform:translate(1px)}95.5%{text-shadow:none;transform:none}}@keyframes ctGlitch{0%,95%{text-shadow:none}95.5%{text-shadow:-2px 0 rgba(255,107,53,.7),2px 0 rgba(198,93,7,.7)}96%{text-shadow:2px 0 rgba(255,107,53,.5),-1px 0 rgba(212,168,75,.5)}96.5%{text-shadow:-1px 0 rgba(198,93,7,.8),3px 0 rgba(255,107,53,.4)}97%,to{text-shadow:none}}@keyframes ctBlink{50%{opacity:0}}@keyframes ctFadein{to{opacity:1}}@keyframes ctMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes ctBreathe{0%,to{box-shadow:0 0 #d4a84b00}50%{box-shadow:0 0 30px 5px #d4a84b17}}@keyframes ctPop{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.ct-glitch0{display:inline-block;animation:ctZeroGlitch 3.2s infinite}.ct-glitch{animation:ctGlitch 14s infinite}.ct-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.ct-scroll::-webkit-scrollbar{width:8px;height:8px}.ct-scroll::-webkit-scrollbar-track{background:transparent}.ct-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:0}.ct-scroll::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}.ct-row:hover{background:#d4a84b0f!important;box-shadow:inset 3px 0 0 var(--accent)}.ct-navi:hover{background:#d4a84b0d!important}.ct-opcard:hover{border-color:var(--accent-dim)!important;box-shadow:0 0 0 1px #d4a84b2e,0 6px 18px #00000059}.ct-cart:hover{transform:translateY(-6px);box-shadow:0 12px 26px #0000008c,0 0 34px 2px #c65d076b,0 0 12px #ff6b354d}.ct-cta:hover{background:#c65d07!important}.ct-ghost:hover{border-color:var(--accent)!important;color:var(--accent)!important}.ct-card:hover,.ct-stage:hover{border-color:var(--accent-dim)!important}:root[data-theme=light] .ct-opcard:hover{box-shadow:0 0 0 1px #c8962a47,0 8px 20px #3a2f1c33!important}:root[data-theme=light] .ct-cart:hover{box-shadow:0 12px 26px #3a2f1c33,0 0 24px #c88c284d!important}:root[data-theme=light] .ct-card:hover{box-shadow:0 6px 16px #3a2f1c29!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0s!important}}.app-shell{display:flex;min-height:100vh;background:var(--bg)}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.app-content{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}@media(max-width:768px){button:not(.ct-compact),a:not(.ct-compact),[role=tab],[role=button]:not(.ct-compact){min-height:44px;min-width:44px}input[type=checkbox],input[type=radio]{width:20px;height:20px;flex-shrink:0}label:has(>input[type=checkbox]),label:has(>input[type=radio]){min-height:44px}input[type=text],input[type=email],input[type=password],input[type=number],textarea{font-size:16px!important}}
