.app-header{background:var(--bg-alt);border-bottom:4px solid var(--border);box-shadow:var(--glow-y);position:sticky;top:0;z-index:400}.header-marquee{display:flex;align-items:center;justify-content:space-between;padding:.4rem 1rem;border-bottom:2px solid var(--border-dim);gap:1rem;flex-wrap:wrap}.logo{font-family:Tiny5,monospace;font-size:1.6rem;color:var(--accent);text-shadow:var(--glow-y);letter-spacing:6px;text-transform:uppercase;animation:flicker 9s infinite;white-space:nowrap;-webkit-user-select:none;user-select:none}.logo-bracket{color:var(--accent2);text-shadow:var(--glow-c);font-size:1.2rem;opacity:.7}.header-scores{display:flex;gap:1.5rem;align-items:center}.score-block{display:flex;flex-direction:column;align-items:center;line-height:1.1}.score-label{font-family:Tiny5,monospace;font-size:.45rem;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim)}.score-value{font-family:Tiny5,monospace;font-size:.9rem;letter-spacing:2px;color:var(--text-bright)}.score-value.coin{color:var(--yellow);text-shadow:var(--glow-y)}.score-value.streak{color:var(--orange)}.score-value.level{color:var(--cyan);text-shadow:var(--glow-c)}.header-controls{display:flex;align-items:center;gap:.5rem}.theme-toggle-btn{font-family:Tiny5,monospace;font-size:.65rem;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;background:var(--bg-panel);color:var(--text-dim);border:2px solid var(--border-dim);cursor:pointer;transition:border-color .1s,color .1s;white-space:nowrap}.theme-toggle-btn:hover{border-color:var(--accent2);color:var(--accent2);box-shadow:var(--glow-c)}.logout-btn{font-family:Tiny5,monospace;font-size:.65rem;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;background:var(--bg-panel);color:var(--danger);border:2px solid var(--danger);cursor:pointer;transition:background .1s}.logout-btn:hover{background:var(--danger);color:var(--bg);box-shadow:var(--glow-r)}.header-nav{display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none}.header-nav::-webkit-scrollbar{display:none}.header-nav a{font-family:Tiny5,monospace;font-size:.9rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);padding:.4rem .75rem;border-right:1px solid var(--border-dim);white-space:nowrap;transition:color .1s,background .1s;display:flex;align-items:center}.header-nav a:first-child{border-left:none}.header-nav a:hover{color:var(--accent);background:#ffef000f}.header-nav a.active{color:var(--accent);background:#ffef001a;box-shadow:inset 0 -3px 0 var(--accent)}[data-theme=light] .header-nav a:hover{background:#0088cc1a;color:var(--accent2)}[data-theme=light] .header-nav a.active{color:var(--danger);background:#cc000012;box-shadow:inset 0 -3px 0 var(--danger)}[data-theme=light] .score-value.coin{color:var(--yellow)}[data-theme=light] .score-value.streak{color:var(--orange)}[data-theme=light] .score-value.level{color:var(--cyan)}@media(max-width:640px){.logo{font-size:1.1rem;letter-spacing:3px}.header-scores{gap:.8rem}.score-value{font-size:.75rem}.header-marquee{padding:.3rem .5rem}}@font-face{font-family:Tiny5;src:url(/assets/BitcountSingle-Regular-8yEJNShF.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg: #000011;--bg-alt: #08081e;--bg-panel: #05050f;--bg-input: #020208;--text: #d4d4ff;--text-bright: #ffffff;--text-dim: #6666aa;--text-muted: #333366;--yellow: #ffef00;--cyan: #00efff;--pink: #ff2d78;--green: #39ff14;--orange: #ff8800;--red: #ff2200;--purple: #cc44ff;--accent: var(--yellow);--accent2: var(--cyan);--success: var(--green);--danger: var(--red);--warn: var(--orange);--border: var(--yellow);--border-dim: #332200;--glow-y: 0 0 6px #ffef0099, 0 0 16px #ffef0044;--glow-c: 0 0 6px #00efff99, 0 0 16px #00efff44;--glow-g: 0 0 6px #39ff1499, 0 0 16px #39ff1444;--glow-r: 0 0 6px #ff220099;--glow-p: 0 0 6px #cc44ff99, 0 0 16px #cc44ff44;--panel-shadow: 0 0 0 4px var(--border), 4px 4px 0 4px var(--border-dim);--scanline-color: rgba(0, 0, 60, .5);font-family:PixelifySans,Courier New,monospace;font-size:14px;line-height:1.6;color:var(--text);background-color:var(--bg)}[data-theme=light]{--bg: #eef6ff;--bg-alt: #d4e8ff;--bg-panel: #d3d0d3;--bg-input: #f4f8ff;--text: #1a1060;--text-bright: #080430;--text-dim: #5060a8;--text-muted: #9090c0;--yellow: #e8a800;--cyan: #0088cc;--pink: #e0004c;--green: #008800;--orange: #e85000;--red: #cc0000;--purple: #7800b8;--accent: var(--red);--accent2: var(--cyan);--success: var(--green);--danger: var(--red);--warn: var(--orange);--border: #cc0000;--border-dim: #7888cc;--glow-y: none;--glow-c: none;--glow-g: none;--glow-r: none;--glow-p: none;--panel-shadow: 4px 4px 0 var(--border-dim);--scanline-color: transparent}body:before{content:"";position:fixed;inset:0;z-index:9997;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,30,.18) 3px,rgba(0,0,30,.18) 4px)}[data-theme=light] body:before{display:none}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--bg)}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}img{image-rendering:pixelated}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,22%,24%,55%{opacity:.6}}@keyframes march{0%{background-position:0 0}to{background-position:24px 0}}@keyframes pulse-border{0%,to{box-shadow:var(--glow-y)}50%{box-shadow:none}}.blink{animation:blink 1s step-end infinite}.flicker{animation:flicker 6s infinite}.page-wrapper{max-width:1080px;margin:0 auto;padding:1rem 1rem 5rem;width:100%}h1,h2,h3,.pixel-heading{font-family:Tiny5,monospace;letter-spacing:2px;text-transform:uppercase;color:var(--accent);text-shadow:var(--glow-y);margin:0 0 .5rem}.pixel-panel{background:var(--bg-panel);border:4px solid var(--border);padding:1rem;position:relative;box-shadow:var(--panel-shadow)}.pixel-panel .panel-title{font-family:Tiny5,monospace;font-size:.65rem;letter-spacing:3px;text-transform:uppercase;color:var(--accent);text-shadow:var(--glow-y);background:var(--bg-panel);position:absolute;top:-.65rem;left:.75rem;padding:0 .3rem;margin:0}.nes-container{font-family:PixelifySans,monospace!important;background:var(--bg-panel)!important;color:var(--text)!important}.nes-container.is-dark{background:var(--bg-panel)!important;color:var(--text)!important}.nes-container:before,.nes-container:after,.nes-container>.container:before,.nes-container>.container:after{background-color:var(--border)!important}.nes-container.with-title>.title{font-family:Tiny5,monospace!important;font-size:.65rem!important;letter-spacing:3px!important;text-transform:uppercase!important;color:var(--accent)!important;background:var(--bg-panel)!important}.nes-btn{font-family:Tiny5,monospace!important;font-size:1.1rem!important;font-weight:700!important;letter-spacing:1px!important;text-transform:uppercase!important;cursor:pointer;position:relative;border-image:none!important;border-style:solid!important;border-width:4px!important;border-color:var(--border)!important}.nes-btn:after{box-shadow:inset -4px -4px var(--border)!important}.nes-btn:not([disabled]):hover{filter:brightness(1.2)}.nes-btn:not([disabled]):hover:after{box-shadow:inset -6px -6px var(--border)!important}.nes-input,.nes-input.is-dark{font-family:PixelifySans,monospace!important;background:var(--bg-input)!important;color:var(--text)!important;border-color:var(--border-dim)!important;font-size:.9rem!important}.nes-input:focus,.nes-input.is-dark:focus{border-color:var(--accent)!important;outline:none;box-shadow:var(--glow-y)}.nes-textarea{font-family:PixelifySans,monospace!important;background:var(--bg-input)!important;color:var(--text)!important;border-color:var(--border-dim)!important}.nes-progress{height:12px!important}.nes-table.is-dark{background:var(--bg-panel)!important;color:var(--text)!important}.nes-table.is-bordered.is-dark td,.nes-table.is-bordered.is-dark th{border-color:var(--border-dim)!important}.nes-checkbox+span,.nes-radio+span{color:var(--text)!important}.pixel-btn{font-family:Tiny5,monospace;font-size:.7rem;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;background:var(--bg-alt);color:var(--text);border:3px solid var(--border-dim);cursor:pointer;transition:border-color .1s,color .1s}.pixel-btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--glow-y)}.pixel-btn.btn-danger{border-color:var(--danger);color:var(--danger)}.pixel-btn.btn-danger:hover{background:var(--danger);color:#fff;box-shadow:var(--glow-r)}.pixel-btn.btn-accent{border-color:var(--accent);color:var(--accent)}.pixel-btn.btn-success{border-color:var(--success);color:var(--success)}.stat-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.stat-row label{width:72px;font-size:.65rem;text-align:right;color:var(--text-dim);font-family:Tiny5,monospace;text-transform:uppercase;letter-spacing:1px}.heatmap{display:flex;gap:3px;flex-wrap:wrap}.heatmap-cell{width:12px;height:12px;background:var(--bg-alt);border:1px solid var(--border-dim);cursor:default}.heatmap-cell.level-1{background:#1a3a00;border-color:#2a5a00}.heatmap-cell.level-2{background:#2a6a00;border-color:#3a8a00}.heatmap-cell.level-3{background:#39aa00;border-color:var(--green)}.heatmap-cell.level-4{background:var(--green);border-color:var(--green);box-shadow:var(--glow-g)}[data-theme=light] .heatmap-cell{background:#d4e8ff;border-color:#9ab0e0}[data-theme=light] .heatmap-cell.level-1{background:#a0d8a0;border-color:#60b060}[data-theme=light] .heatmap-cell.level-2{background:#50b850;border-color:#309030}[data-theme=light] .heatmap-cell.level-3{background:#209820;border-color:#108010}[data-theme=light] .heatmap-cell.level-4{background:#080;border-color:#006000}.avatar-wrap{position:relative;display:inline-block}.avatar-wrap img{position:absolute;top:0;left:0;width:100%;height:100%;image-rendering:pixelated}.avatar-wrap img:first-child{position:relative}.study-card{min-height:220px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-panel);border:4px solid var(--accent2);box-shadow:var(--glow-c);transition:box-shadow .15s}.study-card:hover{box-shadow:var(--glow-c),0 0 30px #00efff33}.study-card-text{font-size:1.5rem;text-align:center;padding:1.5rem;color:var(--text-bright)}.arcade-timer{font-family:Tiny5,monospace;font-size:2.5rem;text-align:center;color:var(--success);text-shadow:var(--glow-g);letter-spacing:4px}.arcade-timer.urgent{color:var(--danger);text-shadow:var(--glow-r);animation:blink .5s step-end infinite}.score-display{font-family:Tiny5,monospace;letter-spacing:2px}.score-display.accent{color:var(--accent);text-shadow:var(--glow-y)}.score-display.accent2{color:var(--accent2);text-shadow:var(--glow-c)}.score-display.success{color:var(--success);text-shadow:var(--glow-g)}.score-display.danger{color:var(--danger);text-shadow:var(--glow-r)}.badge-coin{color:var(--yellow);font-family:Tiny5,monospace}.badge-xp{color:var(--green);font-family:Tiny5,monospace}.badge-streak{color:var(--orange);font-family:Tiny5,monospace}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:500;background:var(--bg-alt);border-top:4px solid var(--border)}.bottom-nav-inner{display:flex;justify-content:space-between;padding:0 15px}.bottom-nav a,.bottom-nav .menu-btn{display:flex;flex-direction:column;align-items:center;font-family:Tiny5,monospace;font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:.5rem .3rem;color:var(--text-dim);gap:2px}.bottom-nav a .nav-icon,.bottom-nav .menu-btn .nav-icon{font-size:1.2rem;line-height:1}.bottom-nav a.active,.bottom-nav .menu-btn.active{color:var(--accent);text-shadow:var(--glow-y)}.overlay-modal{position:fixed;inset:0;background:#00000ad9;display:flex;align-items:center;justify-content:center;z-index:9000}[data-theme=light] .overlay-modal{background:#000000a6}.match-cols{display:flex;gap:1rem}.match-col{flex:1;display:flex;flex-direction:column;gap:.5rem}.match-item{padding:.5rem;cursor:pointer;border:3px solid var(--border-dim);text-align:center;background:var(--bg-panel);transition:border-color .1s}.match-item:hover{border-color:var(--accent2)}.match-item.selected{border-color:var(--accent);box-shadow:var(--glow-y);background:#1a1400}.match-item.matched{opacity:.25;pointer-events:none}.match-item.wrong{border-color:var(--danger);box-shadow:var(--glow-r)}[data-theme=light] .match-item.selected{background:#ffd0d0;border-color:var(--red)}.listen-choice{display:block;width:100%;margin-bottom:.5rem;text-align:left}@keyframes retro-blink{0%,to{filter:none}50%{filter:drop-shadow(4px 0 0 var(--accent)) drop-shadow(-4px 0 0 var(--accent)) drop-shadow(0 4px 0 var(--accent)) drop-shadow(0 -4px 0 var(--accent))}}.nes-btn:hover{animation:retro-blink .4s step-end infinite;position:relative;z-index:100}.flash-warning{animation:blink 1s linear infinite;font-weight:700}.level-up-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none;text-align:center;animation:level-up-pop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes level-up-pop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}to{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.pixel-text-gold{color:var(--accent);text-shadow:4px 4px 0px #000;font-size:3rem;margin:0}.fade-in-up{animation:fadeInUp .5s ease-out forwards;opacity:0;transform:translateY(15px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes streak-pop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1);color:var(--accent)}to{transform:scale(1);opacity:1}}.streak-pop-anim{animation:streak-pop .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes speed-float-up{0%{opacity:1;transform:translate(-50%) scale(.8)}20%{transform:translate(-50%,-10px) scale(1.1)}to{opacity:0;transform:translate(-50%,-30px) scale(1)}}.speed-anim{animation:speed-float-up 1s ease-out forwards}.clickable-row{cursor:pointer}.clickable-row:hover{background-color:#ffffff1a!important}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}input[type=range].nes-slider{-webkit-appearance:none;width:100%;background:transparent}input[type=range].nes-slider::-webkit-slider-runnable-track{width:100%;height:12px;background:var(--bg);border:4px solid var(--border-dim);cursor:pointer}input[type=range].nes-slider::-webkit-slider-thumb{-webkit-appearance:none;height:24px;width:12px;background:var(--accent);border:2px solid var(--bg);cursor:pointer;margin-top:-10px;box-shadow:2px 2px 0 var(--bg)}input[type=range].nes-slider::-moz-range-track{width:100%;height:12px;background:var(--bg);border:4px solid var(--border-dim)}input[type=range].nes-slider::-moz-range-thumb{height:24px;width:12px;background:var(--accent);border:2px solid var(--bg);border-radius:0}.nes-container.with-title{position:relative}.embedded-back{position:absolute;top:-.4rem;right:1.5rem;transform:translateY(-8px);background:var(--bg-panel);padding:0 .5rem;color:var(--danger);text-decoration:none;font-size:1rem;cursor:pointer;z-index:10;text-transform:uppercase}.embedded-back:hover{color:var(--accent);text-decoration:none}@media(max-width:640px){.bottom-nav{display:block}.desktop-nav{display:none!important}:root{font-size:12px}.page-wrapper{padding:.5rem}.nes-container{padding:1rem}td>div[style*="display: flex"]{flex-wrap:wrap;justify-content:center}.title,h1,h2{font-size:1.2rem!important}.nes-btn{font-size:.8rem!important;padding:.4rem .8rem!important}}.main-layout-container{border-width:8px!important;border-color:var(--border)!important;padding:1rem 2rem!important}.main-layout-container:before,.main-layout-container:after{border-width:8px!important;inset:-8px!important;background-color:var(--border)!important}.main-layout-container>.title{top:-1.2rem!important;left:2rem!important;font-size:1.2rem!important;margin-bottom:0!important}.main-layout-container>.embedded-back{top:-1.2rem!important;right:2rem!important;transform:none!important}::selection{background:var(--accent);color:var(--bg)}