@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0}body{min-width:320px;min-height:100vh;font-family:var(--font-mono, ui-monospace, monospace);color:var(--text-color-secondary);background-color:var(--bg-color-one);transition:background-color .2s ease,color .2s ease}h1,h2,h3{font-family:var(--font-display)}html[data-mode=default][data-appearance=light]{color-scheme:light;--font-display: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--bg-color-header: #fff;--text-color-header: #6E0184;--text-hover-color-header: #aab1b8;--border-color-header: #6E0184;--boder-color-top-header: #4e0061;--text-color-home: #fff;--border-color-home: #fff;--bg-btn-home: #6E0184;--bg-color-one: #f8f9fa;--bg-color-two: #e9ecef;--text-color-primary: #a243b0;--text-color-secondary: #4e0061;--underline-color: #6E0184;--icon-color: #6E0184;--icon-color0: #6E0184;--border-color: #6E0184;--color-text: rgba(110, 1, 132, .7);--accent: #6E0184;--accent-bright: #a243b0;--accent-soft: rgba(110, 1, 132, .08);--card-bg: rgba(0, 0, 0, .03);--card-border: rgba(110, 1, 132, .15);--shadow-elevated: 0 20px 50px -20px rgba(110, 1, 132, .25);--pixel-shadow: 0 2px 8px rgba(110, 1, 132, .15);--radius-md: 14px;--radius-lg: 20px;--ease-out: cubic-bezier(.16, 1, .3, 1);--sidebar-bg: rgba(255, 255, 255, .75);--sidebar-border: rgba(110, 1, 132, .15);--section-bg-one: rgba(248, 249, 250, .82);--section-bg-two: rgba(233, 236, 239, .82);--section-divider: rgba(110, 1, 132, .12)}html[data-mode=default][data-appearance=dark]{color-scheme:dark;--font-display: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--bg-color-header: #000;--text-color-header: #aab1b8;--text-hover-color-header: #6E0184;--border-color-header: #aab1b8;--boder-color-top-header: #333;--text-color-home: #fff;--border-color-home: #fff;--bg-btn-home: #6E0184;--bg-color-one: #212529;--bg-color-two: #343a40;--text-color-primary: #6c757d;--text-color-secondary: #fff;--border-color: #6c757d;--underline-color: #6E0184;--icon-color: #6E0184;--icon-color0: #6E0184;--color-text: rgba(255, 255, 255, .5);--accent: #6E0184;--accent-bright: #D300FF;--accent-soft: rgba(110, 1, 132, .12);--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .08);--shadow-elevated: 0 20px 50px -20px rgba(0, 0, 0, .6);--pixel-shadow: 0 2px 8px rgba(0, 0, 0, .4);--radius-md: 14px;--radius-lg: 20px;--ease-out: cubic-bezier(.16, 1, .3, 1);--sidebar-bg: rgba(5, 2, 8, .6);--sidebar-border: rgba(210, 100, 255, .18);--section-bg-one: rgba(20, 18, 24, .78);--section-bg-two: rgba(30, 26, 36, .78);--section-divider: rgba(210, 100, 255, .16)}html[data-mode=game][data-appearance=dark]{color-scheme:dark;--font-display: "Press Start 2P", "VT323", ui-monospace, monospace;--font-mono: "VT323", ui-monospace, monospace;--bg-color-header: #142850;--text-color-header: #fff8e7;--text-hover-color-header: #ffe000;--border-color-header: #00e676;--boder-color-top-header: #0a1638;--text-color-home: #fff8e7;--border-color-home: #fff8e7;--bg-btn-home: #ff1e39;--bg-color-one: #1e6fff;--bg-color-two: #142850;--text-color-primary: #eaf4ff;--text-color-secondary: #fff1c7;--border-color: #00e676;--underline-color: #ffe000;--icon-color: #ff1e39;--icon-color0: #ff1e39;--color-text: rgba(234, 244, 255, .85);--accent: #ff1e39;--accent-bright: #ffe000;--accent-soft: rgba(255, 30, 57, .22);--retro-cyan: #00c3ff;--retro-yellow: #ffe000;--retro-green: #00e676;--retro-red: #ff1e39;--retro-brown: #e2921f;--card-bg: linear-gradient(135deg, rgba(0, 230, 118, .2) 0%, rgba(20, 40, 80, .93) 55%);--card-border: #00c3ff;--shadow-elevated: 6px 6px 0 0 rgba(0, 0, 0, .55);--pixel-shadow: 4px 4px 0 0 #000;--radius-md: 0px;--radius-lg: 0px;--ease-out: steps(6, end);--sidebar-bg: rgba(20, 40, 80, .92);--sidebar-border: #00c3ff;--mobile-header-h: 78px;--mode-row-h: 34px;--phase-top-h: 54px;--phase-top-h-mobile: 44px;--section-bg-one: linear-gradient(135deg, rgba(30, 111, 255, .55) 0%, rgba(20, 40, 80, .93) 60%);--section-bg-two: linear-gradient(135deg, rgba(255, 30, 57, .5) 0%, rgba(20, 40, 80, .93) 60%);--section-divider: #000}html[data-mode=game][data-appearance=light]{color-scheme:light;--font-display: "Press Start 2P", "VT323", ui-monospace, monospace;--font-mono: "VT323", ui-monospace, monospace;--bg-color-header: #fff8e7;--text-color-header: #142850;--text-hover-color-header: #ff1e39;--border-color-header: #142850;--boder-color-top-header: #ffe9be;--text-color-home: #142850;--border-color-home: #142850;--bg-btn-home: #ff1e39;--bg-color-one: #7fd3ff;--bg-color-two: #ffd873;--text-color-primary: #142850;--text-color-secondary: #1d3a75;--border-color: #00b34a;--underline-color: #ff1e39;--icon-color: #ff1e39;--icon-color0: #ff1e39;--color-text: rgba(20, 40, 80, .8);--accent: #0074ff;--accent-bright: #e6a700;--accent-soft: rgba(0, 116, 255, .14);--retro-cyan: #00aaff;--retro-yellow: #e6a700;--retro-green: #1fbf4c;--retro-red: #ff1e39;--retro-brown: #e2921f;--card-bg: linear-gradient(135deg, rgba(0, 195, 255, .28) 0%, rgba(255, 248, 231, .92) 55%);--card-border: #0074ff;--shadow-elevated: 6px 6px 0 0 rgba(20, 40, 80, .25);--pixel-shadow: 4px 4px 0 0 rgba(20, 40, 80, .7);--radius-md: 0px;--radius-lg: 0px;--ease-out: steps(6, end);--sidebar-bg: rgba(255, 248, 231, .94);--sidebar-border: #0074ff;--mobile-header-h: 78px;--mode-row-h: 34px;--phase-top-h: 54px;--phase-top-h-mobile: 44px;--section-bg-one: linear-gradient(135deg, rgba(255, 30, 57, .38) 0%, rgba(255, 248, 231, .92) 60%);--section-bg-two: linear-gradient(135deg, rgba(255, 224, 0, .45) 0%, rgba(255, 248, 231, .92) 60%);--section-divider: #142850}html[data-mode=vscode][data-appearance=dark]{color-scheme:dark;--font-display: "JetBrains Mono", ui-monospace, monospace;--font-mono: "JetBrains Mono", ui-monospace, monospace;--bg-color-header: #1e1e1e;--text-color-header: #cccccc;--text-hover-color-header: #ffffff;--border-color-header: #3c3c3c;--boder-color-top-header: #2d2d2d;--text-color-home: #d4d4d4;--border-color-home: #3c3c3c;--bg-btn-home: #0e639c;--bg-color-one: #1e1e1e;--bg-color-two: #252526;--text-color-primary: #a0a0a0;--text-color-secondary: #d4d4d4;--border-color: #3c3c3c;--underline-color: #569cd6;--icon-color: #569cd6;--icon-color0: #569cd6;--color-text: rgba(212, 212, 212, .8);--accent: #0e639c;--accent-bright: #569cd6;--accent-soft: rgba(86, 156, 214, .15);--syntax-keyword: #c586c0;--syntax-string: #ce9178;--syntax-comment: #6a9955;--syntax-function: #dcdcaa;--syntax-number: #b5cea8;--syntax-variable: #9cdcfe;--syntax-type: #4ec9b0;--card-bg: #252526;--card-border: #3c3c3c;--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .45);--pixel-shadow: 0 2px 6px rgba(0, 0, 0, .4);--radius-md: 4px;--radius-lg: 6px;--ease-out: cubic-bezier(.16, 1, .3, 1);--sidebar-bg: #252526;--sidebar-border: #3c3c3c;--section-bg-one: #1e1e1e;--section-bg-two: #202021;--section-divider: #3c3c3c}html[data-mode=vscode][data-appearance=light]{color-scheme:light;--font-display: "JetBrains Mono", ui-monospace, monospace;--font-mono: "JetBrains Mono", ui-monospace, monospace;--bg-color-header: #ffffff;--text-color-header: #333333;--text-hover-color-header: #000000;--border-color-header: #e5e5e5;--boder-color-top-header: #f3f3f3;--text-color-home: #1e1e1e;--border-color-home: #d4d4d4;--bg-btn-home: #0060c0;--bg-color-one: #ffffff;--bg-color-two: #f3f3f3;--text-color-primary: #616161;--text-color-secondary: #1e1e1e;--underline-color: #0060c0;--icon-color: #0060c0;--icon-color0: #0060c0;--border-color: #e5e5e5;--color-text: rgba(30, 30, 30, .8);--accent: #0060c0;--accent-bright: #0070d4;--accent-soft: rgba(0, 96, 192, .1);--syntax-keyword: #af00db;--syntax-string: #a31515;--syntax-comment: #008000;--syntax-function: #795e26;--syntax-number: #098658;--syntax-variable: #001080;--syntax-type: #267f99;--card-bg: #f3f3f3;--card-border: #e5e5e5;--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .1);--pixel-shadow: 0 2px 6px rgba(0, 0, 0, .08);--radius-md: 4px;--radius-lg: 6px;--ease-out: cubic-bezier(.16, 1, .3, 1);--sidebar-bg: #f3f3f3;--sidebar-border: #e5e5e5;--section-bg-one: #ffffff;--section-bg-two: #f8f8f8;--section-divider: #e5e5e5}::selection{background-color:var(--accent-bright);color:#05030a}.reveal{opacity:0;transform:translateY(20px);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}.mode-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;background:#0d0d10;z-index:5000}.mode-loading__dot{width:10px;height:10px;border-radius:50%;background:#7c5cff;animation:mode-loading-bounce .9s ease-in-out infinite}.mode-loading__dot:nth-child(2){animation-delay:.15s;background:#ff4fa3}.mode-loading__dot:nth-child(3){animation-delay:.3s;background:#35d6ff}@keyframes mode-loading-bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-8px);opacity:1}}@media(prefers-reduced-motion:reduce){.mode-loading__dot{animation:none}}.achievement-toast-stack{position:fixed;right:18px;bottom:18px;z-index:6000;display:flex;flex-direction:column-reverse;gap:10px;pointer-events:none}.achievement-toast{display:flex;align-items:center;gap:12px;min-width:260px;max-width:320px;padding:12px 16px;border-radius:12px;background:#17152b;border:1px solid #FFD93D;box-shadow:0 10px 30px #00000073;color:#fff;animation:achievement-toast-in .4s cubic-bezier(.16,1,.3,1)}.achievement-toast__icon{font-size:1.6rem;flex-shrink:0;filter:drop-shadow(0 0 6px rgba(255,217,61,.6))}.achievement-toast__body{display:flex;flex-direction:column;min-width:0}.achievement-toast__eyebrow{font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:#ffd93d;font-weight:700}.achievement-toast__title{font-size:.95rem;line-height:1.3}.achievement-toast__desc{font-size:.75rem;color:#ffffffb3;line-height:1.3}@keyframes achievement-toast-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media(max-width:480px){.achievement-toast-stack{left:12px;right:12px;bottom:12px}.achievement-toast{max-width:none}}@media(prefers-reduced-motion:reduce){.achievement-toast{animation:none}}.konami-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7000;display:flex;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle at center,rgba(91,46,255,.25),transparent 70%);animation:konami-flash .4s steps(2)}.konami-banner{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 40px;background:#000;border:3px solid #FFD93D;box-shadow:0 0 0 4px #000,0 0 40px #ffd93d80;animation:konami-pop .35s cubic-bezier(.34,1.56,.64,1)}.konami-banner__line1{font-family:Courier New,monospace;font-weight:900;font-size:1.6rem;letter-spacing:.08em;color:#ffd93d;text-shadow:2px 2px 0 #FF4FA3;animation:konami-blink .5s steps(2) infinite}.konami-banner__line2{font-family:Courier New,monospace;font-size:.85rem;letter-spacing:.05em;color:#35d6ff}@keyframes konami-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes konami-flash{0%{background-color:#ffd93d59}to{background-color:transparent}}@keyframes konami-blink{0%,49%{opacity:1}50%,to{opacity:.4}}@media(prefers-reduced-motion:reduce){.konami-overlay,.konami-banner,.konami-banner__line1{animation:none}}