@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=JetBrains+Mono:wght@400;500;700&family=Space+Mono:wght@400;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--bg-0:#070b16;--bg-1:#0b1020;--bg-2:#111827;--surface-1:#161b2e;--surface-2:#1a1f35;--border-soft:#7aa2f72e;--border-medium:#7aa2f757;--border-strong:#7aa2f79e;--text-primary:#c0caf5;--text-secondary:#a9b1d6;--text-muted:#565f89;--blue:#7aa2f7;--cyan:#7dcfff;--purple:#bb9af7;--pink:#f7768e;--green:#9ece6a;--gold:#e0af68;--danger:#f7768e;--success:#9ece6a;--warning:#e0af68;--font-family-pixel:"Press Start 2P", "Pixelify Sans", monospace;--font-family-body:"Inter", "IBM Plex Sans", sans-serif;--font-family-label:"Space Mono", monospace;--font-family-sans:var(--font-family-body);--font-family-mono:"JetBrains Mono", "Fira Code", monospace;--font-pixel:var(--font-family-pixel);--font-body:var(--font-family-body);--font-mono:var(--font-family-mono);--color-bg:var(--bg-1);--color-bg-deep:var(--bg-0);--color-bg-secondary:var(--bg-2);--color-surface:var(--surface-1);--color-surface-high:var(--surface-2);--color-surface-highest:#1a1f35;--color-border:var(--border-medium);--color-border-subtle:var(--border-soft);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-tertiary:var(--text-muted);--color-text-muted:#3b3f54;--color-accent:var(--blue);--color-accent-secondary:var(--purple);--color-accent-dim:#7aa2f71f;--color-cyan:var(--cyan);--color-success:var(--green);--color-warning:var(--gold);--color-danger:var(--pink);--border-lv1:1px solid var(--border-medium);--border-lv2:1px solid var(--border-soft);--border-active:2px solid var(--blue);--border-success-subtle:1px solid #9ece6a73;--border-premium:1px solid var(--gold);--bevel-highlight:#1f2438;--bevel-shadow:var(--bg-0);--inset-highlight:var(--bg-0);--inset-shadow:#1f2438;--shadow-sm:2px 2px 0px var(--color-bg-deep);--shadow-md:4px 4px 0px var(--color-bg-deep);--shadow-lg:6px 6px 0px var(--color-bg-deep);--shadow-glow-accent:0 0 4px #7aa2f773, 0 0 10px #7aa2f726;--shadow-glow-gold:0 0 4px #e0af6880, 0 0 12px #e0af6833;--shadow-glow-danger:0 0 4px #f7768e80, 0 0 12px #f7768e33;--sidebar-width:280px;--header-height:64px;--mobile-appbar-height:64px;--border-radius:0px;--border-radius-lg:0px;--grid-unit:8px;--transition-speed:.15s;--transition-smooth:.2s ease;--text-h1:clamp(18px, 1.5vw + 12px, 24px);--text-h2:clamp(14px, 1vw + 10px, 16px);--text-h3:clamp(11px, .8vw + 9px, 13px);--text-body:clamp(15px, .3vw + 14px, 16px);--space-fluid:clamp(.5rem, 1vw + .25rem, 1.5rem)}*,:before,:after{box-sizing:border-box;image-rendering:pixelated;margin:0;padding:0}html{font-family:var(--font-family-body);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;text-rendering:optimizespeed;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:16px;line-height:1.5;overflow-x:hidden}body{overscroll-behavior:none;overflow:hidden}.landing-page,.selection-view-container,.learning-path-view,.pricing-view,.sidebar,.instructions-panel,.console-panel pre{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-pixel);color:var(--color-text-primary);margin-bottom:calc(var(--grid-unit) * 1);font-weight:400;line-height:1.4}h1{font-size:var(--text-h1);line-height:1.4}h2{font-size:var(--text-h2);line-height:1.4}h3{font-size:var(--text-h3);line-height:1.4}p{margin-bottom:calc(var(--grid-unit) * 2);color:var(--color-text-secondary);font-family:var(--font-family-body);font-size:var(--text-body)}a{color:var(--color-accent);transition:color var(--transition-speed) ease;text-decoration:none}a:hover{color:var(--color-cyan)}button{font-family:var(--font-family-label);cursor:pointer;border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);transition:background-color var(--transition-speed) ease, color var(--transition-speed) ease, transform var(--transition-speed) ease, border-color var(--transition-speed) ease, box-shadow var(--transition-speed) ease;touch-action:manipulation;border-radius:0}button:hover{border-color:var(--color-cyan);box-shadow:var(--shadow-glow-accent)}button:active{transform:translate(2px,2px);box-shadow:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan)!important;outline-offset:2px!important}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-bg-deep);border-top:2px solid var(--color-border-subtle);border-left:2px solid var(--color-border-subtle)}::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-bg-deep);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::-webkit-scrollbar-corner{background:var(--color-bg-deep)}.app-wrapper{flex-direction:column;width:100%;height:100dvh;display:flex}.app-container{background-color:var(--color-bg);background-image:linear-gradient(var(--color-bg-deep) 1px, transparent 1px), linear-gradient(90deg, var(--color-bg-deep) 1px, transparent 1px);background-position:50%;background-size:32px 32px;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.legal-rain{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.rain-drop{background:linear-gradient(#0000,#7aa2f740 50%,#7dcfffbf);width:2px;animation:linear infinite rain-fall;position:absolute;top:-3rem;box-shadow:0 0 4px #7dcfff66}@keyframes rain-fall{0%{transform:translateY(0)}to{transform:translateY(110vh)}}.legal-vignette,.legal-scanlines{z-index:4;pointer-events:none;position:fixed;inset:0}.legal-vignette{z-index:5;mix-blend-mode:multiply;background:radial-gradient(circle,#0000 45%,#070b1680 85%,#04060cd9)}.legal-scanlines{opacity:.45;background:linear-gradient(#12101000 50%,#00000029 50%) 0 0/100% 4px,linear-gradient(90deg,#ff000005,#00ff0002,#0000ff05) 0 0/6px 100%}@media (prefers-reduced-motion:reduce){.rain-drop{animation:none;display:none}.legal-scanlines{opacity:.22}}.loading-screen{height:100vh;font-family:var(--font-family-pixel);color:var(--color-text-secondary);letter-spacing:1px;justify-content:center;align-items:center;font-size:14px;display:flex}.global-header{z-index:1000;position:fixed;top:24px;right:24px}.connectivity-notice{left:50%;bottom:max(12px, env(safe-area-inset-bottom));z-index:20000;width:min(100% - 24px,520px);min-height:44px;color:var(--color-warning);font-family:var(--font-family-mono);text-align:center;background:#090b1afa;border:1px solid #e0af68a6;justify-content:center;align-items:center;gap:10px;padding:10px 14px;font-size:13px;line-height:1.4;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 3px #03050d,0 0 14px #e0af682e}.connectivity-notice>span{background:currentColor;flex:none;width:9px;height:9px}.bevel-outset{border:2px solid var(--color-border);border-top-color:var(--bevel-highlight);border-left-color:var(--bevel-highlight);border-bottom-color:var(--bevel-shadow);border-right-color:var(--bevel-shadow)}.bevel-inset{border:2px solid var(--color-border);border-top-color:var(--inset-highlight);border-left-color:var(--inset-highlight);border-bottom-color:var(--inset-shadow);border-right-color:var(--inset-shadow)}.border-lv1{border:var(--border-lv1)}.border-lv2{border:var(--border-lv2)}.border-active{border:var(--border-active)}.border-success-subtle{border:var(--border-success-subtle)}.border-premium{border:var(--border-premium)}@keyframes blink-cursor{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes pixel-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pixel-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scanline-scroll{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes float-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes streak-fire{0%,to{filter:drop-shadow(0 0 2px var(--color-warning));transform:scale(1)rotate(-5deg)}50%{filter:drop-shadow(0 0 6px #ffb86c);transform:scale(1.15)rotate(5deg)}}@keyframes coin-flip{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.btn-primary,.btn-secondary,.btn-danger,.btn-premium{box-sizing:border-box;justify-content:center;align-items:center;min-height:44px;display:inline-flex}.btn-primary{font-family:var(--font-family-label);letter-spacing:1px;text-transform:uppercase;padding:calc(var(--grid-unit) * 1.5) calc(var(--grid-unit) * 3);cursor:pointer;transition:transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease;background:linear-gradient(#8fb7ff 0%,#6d9bff 100%);border:2px solid #4d7bca;border-color:#c0caf5 #4d7bca #4d7bca #c0caf5;font-size:13px;font-weight:800;box-shadow:0 4px #31528a,0 0 15px #7aa2f740;color:#08111f!important}.btn-primary:hover{background:linear-gradient(#a2c4ff 0%,#7eacff 100%);transform:translateY(-2px);box-shadow:0 6px #31528a,0 0 24px #7aa2f773}.btn-primary:active{transform:translateY(4px);box-shadow:0 0 #0000!important}.btn-secondary{font-family:var(--font-family-label);letter-spacing:.5px;text-transform:uppercase;padding:calc(var(--grid-unit) * 1.5) calc(var(--grid-unit) * 3);box-shadow:0px 4px 0px var(--bg-0);cursor:pointer;transition:transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease, border-color var(--transition-speed) ease;background:#161b2edb;border:2px solid #7aa2f761;font-size:13px;font-weight:700;color:#c0caf5!important}.btn-secondary:hover{border-color:var(--blue);box-shadow:0px 6px 0px var(--bg-0), 0px 0px 12px #7aa2f726;transform:translateY(-2px);color:#fff!important}.btn-secondary:active{transform:translateY(4px);box-shadow:0 0 #0000!important}.btn-danger{font-family:var(--font-family-label);letter-spacing:.5px;text-transform:uppercase;padding:calc(var(--grid-unit) * 1.5) calc(var(--grid-unit) * 3);box-shadow:0px 4px 0px var(--bg-0);cursor:pointer;transition:transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease, background-color var(--transition-speed) ease;background:#f7768e14;border:2px solid #f7768e73;font-size:13px;font-weight:700;color:#f7768e!important}.btn-danger:hover{box-shadow:0px 6px 0px var(--bg-0), 0px 0px 12px #f7768e33;background:#f7768e2e;border-color:#f7768e;transform:translateY(-2px)}.btn-danger:active{transform:translateY(4px);box-shadow:0 0 #0000!important}.btn-premium{font-family:var(--font-family-label);letter-spacing:1px;text-transform:uppercase;padding:calc(var(--grid-unit) * 1.5) calc(var(--grid-unit) * 3);box-shadow:0px 4px 0px #805e2b, var(--shadow-glow-gold);cursor:pointer;transition:transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease;background:linear-gradient(#f5d393 0%,#e0af68 100%);border:2px solid #b38645;border-color:#fff2d6 #b38645 #b38645 #fff2d6;font-size:13px;font-weight:800;color:#08111f!important}.btn-premium:hover{background:linear-gradient(#ffe2a8 0%,#f5c682 100%);transform:translateY(-2px);box-shadow:0 6px #805e2b,0 0 24px #e0af6873}.btn-premium:active{transform:translateY(4px);box-shadow:0 0 #0000!important}.legal-back-btn{font-size:10px;font-family:var(--font-family-pixel);letter-spacing:1.5px;color:var(--text-primary);border:2px solid var(--blue);cursor:pointer;box-shadow:0px 4px 0px var(--bg-0), 0px 0px 10px #7aa2f733;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0b1020d9;border-radius:0;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:12px 20px;font-weight:800;text-decoration:none;transition:transform .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.legal-back-btn svg{transition:transform .2s}.btn-ok-dot{background-color:var(--green);width:6px;height:6px;box-shadow:0 0 6px var(--green);border-radius:50%;animation:1.2s infinite alternate status-pulse-green-dot;display:inline-block}@keyframes status-pulse-green-dot{0%{opacity:.4;box-shadow:0 0 2px var(--green)}to{opacity:1;box-shadow:0 0 8px var(--green)}}.legal-back-btn:hover{border-color:var(--cyan);color:#fff;box-shadow:0px 6px 0px var(--bg-0), 0px 0px 16px #7dcfff66;transform:translateY(-2px)}.legal-back-btn:hover svg{transform:translate(-4px)}.legal-back-btn:active{transform:translateY(4px);box-shadow:0 0 #0000}@media (width<=1024px){.global-header{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));z-index:10020;padding:0;position:fixed}.login-button{touch-action:manipulation;justify-content:center;width:48px;height:48px;gap:0!important;padding:0!important;font-size:0!important;box-shadow:0 2px #000!important}.login-button svg{width:18px!important;height:18px!important}.user-avatar{width:48px!important;height:48px!important}.selection-view-container::-webkit-scrollbar{width:0;height:0}.learning-path-view::-webkit-scrollbar{width:0;height:0}.instructions-panel::-webkit-scrollbar{width:0;height:0}.selection-view-container,.learning-path-view,.instructions-panel{scrollbar-width:none}}body:after{content:"";z-index:99999;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:fixed;inset:0}.auth-button-loading{color:var(--color-text-tertiary,#565f89);font-family:var(--font-pixel,monospace);padding:.5rem 1rem;font-size:11px}.login-button{color:#fff;font-size:10px;font-family:var(--font-pixel,monospace);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#2a2e45d9;border:2px solid #12141c;border-color:#7a88cf #12141c #12141c #7a88cf;align-items:center;gap:10px;padding:10px 18px;transition:border-color .1s,box-shadow .1s,transform .1s;display:flex;box-shadow:0 3px #000}.login-button:hover{border-color:#7dcfff99;transform:translateY(-1px);box-shadow:0 4px #1b203a,0 0 10px #7dcfff59}.login-button:active{border-color:#12141c #7a88cf #7a88cf #12141c!important;transform:translateY(2px)!important;box-shadow:0 0 #0000!important}.login-button .google-icon{flex-shrink:0}.user-menu{display:inline-block;position:relative}.user-avatar{cursor:pointer;width:38px;height:38px;image-rendering:pixelated;background:#07080df2;border:2px solid #7dcfff73;border-radius:0;justify-content:center;align-items:center;padding:0;transition:border-color .15s,box-shadow .15s,transform .15s;display:inline-flex;overflow:hidden;box-shadow:0 0 8px #7dcfff26,inset 0 0 6px #7dcfff1a}.user-avatar-image,.user-avatar-identicon{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.user-avatar:hover{border-color:var(--color-cyan,#7dcfff);transform:scale(1.05);box-shadow:0 0 12px #7dcfff73,inset 0 0 8px #7dcfff33}.user-avatar:active{transform:scale(.95)}.user-dropdown{opacity:0;visibility:hidden;z-index:10000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090b1af5;border:2px solid #bb9af773;min-width:270px;padding:16px;transition:opacity .2s,visibility .2s,transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 12px);right:0;transform:translateY(12px)scale(.98);box-shadow:0 20px 50px #000000f2,0 0 30px #bb9af726,inset 0 0 15px #7aa2f714}.user-dropdown:before{content:"";pointer-events:none;z-index:0;border:1px solid #bb9af726;position:absolute;inset:6px}.user-dropdown:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#00000026 0 1px,#0000 1px 2px);position:absolute;inset:0}.user-dropdown>*{z-index:5;position:relative}.user-dropdown.is-open{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.user-info{border-bottom:2px dashed #bb9af740;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}.user-info-avatar-wrap{flex-shrink:0;position:relative}.user-info-avatar-ring{background:#07080df2;border:2px solid #7dcfff80;border-radius:0;width:48px;height:48px;padding:2px;box-shadow:inset 0 0 6px #000000d9}.user-info-avatar{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;border-radius:0}.user-info-status-dot{background:var(--color-success,#9ece6a);width:10px;height:10px;box-shadow:0 0 6px var(--color-success,#9ece6a);border:2px solid #070b16;border-radius:50%;animation:1.2s infinite alternate status-pulse-green;position:absolute;bottom:-2px;right:-2px}.user-info-copy{flex-direction:column;min-width:0;display:flex}.user-name{color:#fff;font-size:11px;font-family:var(--font-pixel,monospace);text-transform:uppercase;letter-spacing:.5px;text-shadow:0 0 4px #bb9af759;margin-bottom:4px}.user-email{color:var(--color-text-secondary,#a9b1d6);font-size:11px;font-family:var(--font-mono,monospace);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-stats-card{background:#07080df2;border:1px solid #7aa2f740;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;padding:10px 12px;display:grid;box-shadow:inset 0 0 8px #000000e6}.user-stat-item{align-items:center;gap:8px;min-width:0;display:flex}.user-stat-item.coins{border-left:1px dashed #7aa2f740;padding-left:10px}.user-stat-icon{background:#07080df2;border:1px solid #7aa2f740;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:border-color .2s,box-shadow .2s;display:inline-flex;overflow:hidden;box-shadow:inset 0 0 4px #000c}.user-stat-icon.streak{border-color:#e0af6866;box-shadow:inset 0 0 4px #000c,0 0 6px #e0af6826}.user-stat-icon.coins{border-color:#7dcfff66;box-shadow:inset 0 0 4px #000c,0 0 6px #7dcfff26}.user-stat-img{object-fit:contain;width:18px;height:18px;image-rendering:pixelated;pointer-events:none}.streak-img{animation:1.2s ease-in-out infinite alternate pixel-fire-burning}.coin-img{animation:2s ease-in-out infinite alternate pixel-coin-glow}.user-stat-copy{flex-direction:column;min-width:0;display:flex}.user-stat-label{font-size:7px;font-family:var(--font-pixel,monospace);color:var(--color-text-tertiary,#565f89);letter-spacing:.5px}.user-stat-value{color:#fff;font-family:var(--font-mono,monospace);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;font-weight:700;overflow:hidden}.user-plan-section{border-bottom:2px dashed #bb9af740;flex-direction:column;gap:8px;margin-bottom:12px;padding-bottom:12px;display:flex}.user-plan-badge{font-size:9px;font-family:var(--font-pixel,monospace);color:var(--color-warning,#e0af68);text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 4px #e0af6866;background:#07080df2;border:2px solid #e0af688c;border-radius:0;justify-content:center;align-items:center;padding:6px 12px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 6px #000000d9,0 0 10px #e0af6826}.upgrade-plan-btn{color:#070b16;width:100%;font-size:10px;font-family:var(--font-pixel,monospace);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(#f5d393 0%,#e0af68 100%);border:2px solid #b38645;border-color:#fff2d6 #b38645 #b38645 #fff2d6;justify-content:center;align-items:center;gap:8px;padding:10px;font-weight:700;transition:background-color .1s,border-color .1s,box-shadow .1s,color .1s,transform .1s;display:flex;overflow:hidden;box-shadow:0 3px #805e2b,0 0 12px #e0af6859}.upgrade-plan-btn:hover{background:linear-gradient(#fadba2 0%,#e8bc7a 100%);transform:translateY(-1px);box-shadow:0 4px #805e2b,0 0 16px #e0af688c}.upgrade-plan-btn:active{border-color:#805e2b #fff2d6 #fff2d6 #805e2b!important;transform:translateY(2px)!important;box-shadow:0 0 #0000!important}.user-plan-details{background:#07080df2;border:1px solid #7aa2f740;border-radius:0;gap:6px;padding:10px 12px;display:grid;box-shadow:inset 0 0 6px #000000d9}.user-plan-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.user-plan-label{font-size:7px;font-family:var(--font-pixel,monospace);color:var(--color-text-tertiary,#565f89);letter-spacing:.5px;text-transform:uppercase}.user-plan-value{font-size:11px;font-family:var(--font-mono,monospace);color:#fff;text-align:right;white-space:nowrap}.user-plan-status{border:1px solid var(--color-border,#3b4261);font-size:8px;font-family:var(--font-pixel,monospace);text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-top:4px;padding:6px 8px}.user-plan-status.active{color:var(--color-success,#9ece6a);text-shadow:0 0 4px #9ece6a4d;background:#9ece6a1f;border-color:#9ece6a59}.user-plan-status.inactive{color:var(--color-danger,#f7768e);text-shadow:0 0 4px #f7768e4d;background:#f7768e1f;border-color:#f7768e59}.logout-button{width:100%;color:var(--color-danger,#f7768e);font-size:10px;font-family:var(--font-pixel,monospace);text-align:center;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#f7768e14;border:2px solid #f7768e66;padding:10px;font-weight:700;transition:background-color .1s,border-color .1s,box-shadow .1s,color .1s,transform .1s;box-shadow:0 3px #3a1c22,0 0 10px #f7768e33}.logout-button:hover{color:#fff;background:#f7768e26;border-color:#f7768e99;transform:translateY(-1px);box-shadow:0 4px #3a1c22,0 0 14px #f7768e66}.logout-button:active{border-color:#3a1c22 #f7768e66 #f7768e66 #3a1c22!important;transform:translateY(2px)!important;box-shadow:0 0 #0000!important}.points-badge{color:var(--color-warning,#e0af68);font-size:9px;font-family:var(--font-pixel,monospace);background-color:#07080de6;border:1px solid #e0af6866;border-radius:0;align-items:center;gap:8px;padding:6px 12px;display:inline-flex;box-shadow:inset 0 0 4px #000000d9}@keyframes pixel-fire-burning{0%{filter:drop-shadow(0 0 2px #ff5a0099)drop-shadow(0 0 6px #ffaa0059);transform:scale(1)translateY(0)rotate(-2deg)}50%{filter:drop-shadow(0 0 4px #ff6400d9)drop-shadow(0 0 10px #ffc8008c);transform:scale(1.1)translateY(-1px)rotate(2deg)}to{filter:drop-shadow(0 0 3px #ff5f00bf)drop-shadow(0 0 8px #ffb40073);transform:scale(1.05)translateY(-.5px)rotate(-1deg)}}@keyframes pixel-coin-glow{0%{filter:drop-shadow(0 0 2px #00f0ff8c)drop-shadow(0 0 6px #0078ff4d);transform:translateY(.5px)scale(.95)}to{filter:drop-shadow(0 0 4px #00ffffd9)drop-shadow(0 0 10px #00a0ff80);transform:translateY(-.5px)scale(1.05)}}@keyframes status-pulse-green{0%{opacity:.55;box-shadow:0 0 3px var(--color-success,#9ece6a)}to{opacity:1;box-shadow:0 0 9px var(--color-success,#9ece6a)}}@media (width<=480px){.user-dropdown{top:calc(max(8px, env(safe-area-inset-top)) + 56px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:calc(100vw - 24px);min-width:0;padding:12px;position:fixed;left:12px;right:12px}.user-dropdown:before{inset:4px}.user-stats-card{gap:6px;padding:8px}.user-info{gap:8px;margin-bottom:8px;padding-bottom:8px}.user-info-avatar-ring{width:40px;height:40px}}@media (width<=1024px){.user-avatar{width:48px;height:48px}.login-button{touch-action:manipulation;justify-content:center;gap:0;width:48px;min-width:48px;height:48px;min-height:48px;padding:0;font-size:0}}body.stdin-dialog-open{overflow:hidden}.input-modal{color:#f4f5ff;background:#090d1a;border:1px solid #7dcfffb8;border-radius:0;width:100%;max-width:46rem;max-height:min(88dvh,46rem);margin:0 auto;padding:0;position:fixed;inset:auto 0 0;overflow:hidden;box-shadow:0 -12px 32px #03050d9e,0 0 20px #7dcfff1f}.input-modal:not([open]){display:none}.input-modal[open]{grid-template-rows:auto minmax(0,1fr);display:grid}.input-modal::backdrop{background:#03050dd1}.input-modal:before,.input-modal:after{content:"";z-index:3;pointer-events:none;width:1.125rem;height:1.125rem;position:absolute}.input-modal:before{border-top:3px solid #7dcfff;border-left:3px solid #7dcfff;inset:-1px auto auto -1px}.input-modal:after{border-bottom:3px solid #bb9af7;border-right:3px solid #bb9af7;inset:auto -1px -1px auto}.input-modal-header{background:#070b16f5;border-bottom:1px solid #7dcfff47;justify-content:space-between;align-items:center;gap:1rem;min-height:4.5rem;padding:.875rem .875rem .875rem 1rem;display:flex}.input-modal-heading{min-width:0}.input-modal-kicker{color:#7dcfff;font-family:var(--font-mono,"JetBrains Mono", monospace);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.375rem;font-size:.6875rem;font-weight:700;line-height:1.35;display:block}.input-modal-header h2{color:#fff;font-family:var(--font-pixel,"Press Start 2P", monospace);text-wrap:balance;margin:0;font-size:clamp(.875rem,3.9vw,1.125rem);line-height:1.45}.input-modal-close{color:#a9b1d6;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:#7dcfff2e;background:#a9b1d60a;border:1px solid #a9b1d64d;border-radius:0;place-items:center;width:2.75rem;min-width:2.75rem;height:2.75rem;padding:0;transition:border-color .14s,background-color .14s,color .14s;display:grid}.input-modal-form{grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid;overflow:hidden}.input-modal-body{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:1rem;overflow-y:auto}.input-modal-status{color:#9ece6a;font-family:var(--font-mono,"JetBrains Mono", monospace);letter-spacing:.06em;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.6875rem;font-weight:700;display:flex}.input-modal-status-light{background:#9ece6a;flex:none;width:.4375rem;height:.4375rem;box-shadow:0 0 .5rem #9ece6a9e}.input-modal-description{color:#a9b1d6;max-width:42rem;font-family:var(--font-family-body,"Inter", sans-serif);text-wrap:pretty;margin:0 0 1rem;font-size:1rem;line-height:1.55}.input-fields-container{gap:.75rem;display:grid}.input-field-row{background:#101424b8;border:1px solid #a9b1d633;min-width:0;padding:.75rem}.input-field-row:focus-within{border-color:#7dcfffb3;box-shadow:inset 3px 0 #7dcfff}.input-field-heading{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.625rem;min-width:0;margin-bottom:.625rem;display:grid}.input-field-number{color:#bb9af7;min-width:1.75rem;font-family:var(--font-mono,"JetBrains Mono", monospace);text-align:center;font-variant-numeric:tabular-nums;border:1px solid #bb9af78c;padding:.25rem .3125rem;font-size:.75rem;line-height:1.25}.input-field-label{color:#f4f5ff;min-width:0;font-family:var(--font-family-body,"Inter", sans-serif);overflow-wrap:anywhere;font-size:.9375rem;font-weight:700;line-height:1.35}.input-field-kind{color:#7dcfff;font-family:var(--font-mono,"JetBrains Mono", monospace);letter-spacing:.03em;text-transform:uppercase;border:1px solid #7dcfff4d;padding:.25rem .375rem;font-size:.6875rem;font-weight:700;line-height:1.25}.input-field-control{color:#9ece6a;background:#070b16;border:1px solid #7dcfff57;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;min-width:0;min-height:3rem;padding:0 .75rem;display:grid}.input-field-control:focus-within{border-color:#7dcfff;box-shadow:0 0 0 2px #7dcfff1f,0 0 .75rem #7dcfff1a}.input-field-control>span{font-family:var(--font-mono,"JetBrains Mono", monospace);font-size:1.125rem;font-weight:700}.input-field-input{color:#c0caf5;caret-color:#9ece6a;width:100%;min-width:0;min-height:2.875rem;font-family:var(--font-mono,"JetBrains Mono", monospace);background:0 0;border:0;border-radius:0;outline:0;padding:.625rem 0;font-size:1rem;line-height:1.5}.input-field-input::placeholder{color:#6f7697;opacity:1}.input-modal-shortcut{color:#737aa2;font-family:var(--font-family-body,"Inter", sans-serif);text-align:center;margin:.875rem 0 0;font-size:.8125rem;line-height:1.45;display:none}.input-modal-shortcut kbd{color:#a9b1d6;font:inherit;background:#a9b1d612;border:1px solid #a9b1d642;border-radius:0;padding:.125rem .3125rem}.input-modal-actions{padding:.75rem 1rem max(.75rem, env(safe-area-inset-bottom));background:#070b16fa;border-top:1px solid #7dcfff3d;grid-template-columns:minmax(0,.82fr) minmax(0,1.42fr);gap:.5rem;display:grid}.input-modal-cancel,.input-modal-submit{min-width:0;min-height:3rem;font-family:var(--font-pixel,"Press Start 2P", monospace);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:#7dcfff2e;border-radius:0;padding:.75rem;font-size:clamp(.625rem,2.6vw,.75rem);line-height:1.4;transition:background-color .14s,border-color .14s,color .14s,transform 90ms,box-shadow .14s}.input-modal-cancel{color:#a9b1d6;background:#a9b1d60f;border:1px solid #a9b1d657}.input-modal-submit{color:#070b16;background:#7dcfff;border-top:1px solid #7dcfff;border-bottom:4px solid #4f78b8;border-left:1px solid #7dcfff;border-right:1px solid #4f78b8;box-shadow:0 0 .875rem #7dcfff29}.input-modal-close:focus-visible,.input-modal-cancel:focus-visible,.input-modal-submit:focus-visible{outline-offset:2px;outline:3px solid #bb9af7}.input-modal-close:active,.input-modal-cancel:active,.input-modal-submit:active{transform:translateY(2px)}@media (width>=600px){.input-modal{width:min(100% - 2rem,46rem);margin-bottom:max(1rem, env(safe-area-inset-bottom))}.input-modal-header,.input-modal-body,.input-modal-actions{padding-inline:1.25rem}}@media (height<=600px){.input-modal{height:100dvh;max-height:100dvh}.input-modal-header{min-height:3.75rem;padding-block:.625rem}.input-modal-body{padding-block:.75rem}}@media (width>=769px) and (pointer:fine){.input-modal{width:min(100% - 2rem,34rem);max-height:min(82dvh,42rem);margin:auto;inset:0;box-shadow:0 18px 50px #03050db8,0 0 24px #7dcfff24}.input-modal-shortcut{display:block}}@media (hover:hover){.input-modal-close:hover,.input-modal-cancel:hover{color:#fff;background:#7dcfff17;border-color:#7dcfff}.input-modal-submit:hover{background:#9bdcff;border-color:#9bdcff;box-shadow:0 0 1.25rem #7dcfff4d}}@media (prefers-reduced-motion:no-preference){.input-modal[open]{animation:.18s ease-out both stdin-dialog-enter}@keyframes stdin-dialog-enter{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}}.pwa-install-dialog{width:min(100% - 24px,520px);max-width:none;max-height:calc(100dvh - 24px);margin:auto auto max(12px, env(safe-area-inset-bottom));color:#f4f5ff;background:#090d1a;border:1px solid #7dcfffa6;border-radius:0;padding:0;overflow:visible;box-shadow:0 0 0 4px #090d1aeb,0 0 28px #7dcfff38}.pwa-install-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03050dc7}.pwa-install-shell{padding:18px 18px calc(18px + env(safe-area-inset-bottom));overscroll-behavior:contain;position:relative;overflow-y:auto}.pwa-install-shell:before,.pwa-install-shell:after{content:"";pointer-events:none;width:18px;height:18px;position:absolute}.pwa-install-shell:before{border-top:3px solid #7dcfff;border-left:3px solid #7dcfff;inset:-1px auto auto -1px}.pwa-install-shell:after{border-bottom:3px solid #bb9af7;border-right:3px solid #bb9af7;inset:auto -1px -1px auto}.pwa-install-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.pwa-install-kicker{color:#7dcfff;font-family:var(--font-pixel,"Press Start 2P", monospace);letter-spacing:.08em;text-transform:uppercase;font-size:clamp(8px,2.4vw,10px);line-height:1.5}.pwa-install-close{color:#a9b1d6;width:44px;min-width:44px;height:44px;font:28px/1 var(--font-mono,monospace);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:#7dcfff2e;background:0 0;border:0;place-items:center;margin:-10px -10px -4px 0;padding:0;display:grid}.pwa-install-heading{grid-template-columns:58px minmax(0,1fr);align-items:start;gap:14px;margin-top:14px;display:grid}.pwa-install-icon{color:#9ece6a;width:58px;height:58px;font-family:var(--font-pixel,"Press Start 2P", monospace);background:linear-gradient(135deg,#7dcfff21,#bb9af724);border:1px solid #bb9af7ad;place-items:center;font-size:12px;display:grid;box-shadow:inset 3px 3px #7dcfff14}.pwa-install-heading h2{color:#fff;font-family:var(--font-pixel,"Press Start 2P", monospace);text-wrap:balance;margin:0;font-size:clamp(15px,4.3vw,20px);line-height:1.45}.pwa-install-heading p,.pwa-install-guide p{color:#a9b1d6;font-family:var(--font-family-body,"Inter", sans-serif);overflow-wrap:anywhere;margin:8px 0 0;font-size:15px;line-height:1.55}.pwa-install-benefits{flex-wrap:wrap;gap:8px;margin:16px 0 0 72px;display:flex}.pwa-install-benefits span{color:#c0caf5;font:700 11px/1.25 var(--font-mono,monospace);letter-spacing:.03em;background:#7dcfff0f;border:1px solid #7dcfff47;padding:7px 9px}.pwa-install-online-note{color:#c0caf5;font:13px/1.5 var(--font-family-body,"Inter", sans-serif);background:#e0af6812;border-left:2px solid #e0af68;align-items:flex-start;gap:9px;margin:14px 0 0;padding:11px 12px;display:flex}.pwa-install-online-note span{background:#e0af68;flex:none;width:7px;height:7px;margin-top:6px;box-shadow:0 0 8px #e0af68b3}.pwa-install-guide{background:#bb9af70f;border:1px solid #bb9af76b;margin-top:16px;padding:14px}.pwa-install-guide p{margin:0}.pwa-install-guide ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}.pwa-install-guide li{color:#c0caf5;font:14px/1.5 var(--font-family-body,"Inter", sans-serif);grid-template-columns:30px minmax(0,1fr);align-items:start;gap:8px;display:grid}.pwa-install-guide li>strong{color:#9ece6a;font-family:var(--font-mono,monospace)}.pwa-install-actions{gap:8px;margin-top:16px;display:grid}.pwa-install-primary,.pwa-install-later{min-height:48px;font-family:var(--font-pixel,"Press Start 2P", monospace);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:#7dcfff2e;border-radius:0;padding:11px 16px;font-size:10px;line-height:1.45}.pwa-install-primary{color:#fff;background:linear-gradient(#7dcfff3b,#7dcfff1c);border:1px solid #7dcfff;border-bottom-width:4px}.pwa-install-primary:disabled{cursor:wait;opacity:.72}.pwa-install-later{color:#a9b1d6;background:0 0;border:1px solid #a9b1d63d}.pwa-install-close:hover,.pwa-install-close:active,.pwa-install-later:hover,.pwa-install-later:active{color:#fff;background:#7dcfff14}.pwa-install-primary:hover,.pwa-install-primary:active{background:linear-gradient(#7dcfff54,#7dcfff29)}.pwa-install-close:focus-visible,.pwa-install-primary:focus-visible,.pwa-install-later:focus-visible{outline-offset:2px;outline:3px solid #bb9af7}@media (width<=420px){.pwa-install-dialog{width:calc(100% - 16px);margin-bottom:max(8px, env(safe-area-inset-bottom))}.pwa-install-shell{padding:14px 14px calc(14px + env(safe-area-inset-bottom))}.pwa-install-heading{grid-template-columns:48px minmax(0,1fr);gap:11px}.pwa-install-icon{width:48px;height:48px;font-size:10px}.pwa-install-benefits{margin-left:59px}}@media (prefers-reduced-motion:no-preference){.pwa-install-dialog[open]{animation:.18s ease-out both pwa-dialog-enter}@keyframes pwa-dialog-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}