:root{--bg:#0b0d12;--panel:#0a0c12eb;--border:#2c3348;--text:#e6e9f0;--muted:#7d879e;--accent:#ffa116;--easy:#00b8a3;--medium:#ffc01e;--hard:#ff375f;--pixel:"Press Start 2P", "Courier New", monospace;--mono:"JetBrains Mono", "Consolas", monospace}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--mono);margin:0}.app{height:100%;position:relative;overflow:hidden}.canvas-wrap{position:absolute;inset:0}.pixel-panel{-webkit-backdrop-filter:blur(12px)saturate(1.2);background:#0a0d14ad;border:1px solid #5a699173;border-radius:2px;padding:14px 16px;animation:.18s ease-out panel-in;box-shadow:0 0 0 1px #05070ce6,0 8px 32px #0000008c,0 0 22px #ffa1160f,inset 0 1px #ffffff0a}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pixel-button{font-family:var(--pixel);letter-spacing:.5px;color:var(--text);border:1px solid var(--border);cursor:pointer;text-align:center;background:#161a26;border-radius:2px;padding:9px 12px;font-size:9px;text-decoration:none;transition:border-color .12s,background .12s;display:inline-block}.pixel-button:hover{border-color:var(--accent)}.pixel-button.primary{background:var(--accent);border-color:var(--accent);color:#14161c}.pixel-button.primary:hover{background:#ffb545}.pixel-button:disabled{opacity:.5;cursor:default}.hud-logo{z-index:10;font-family:var(--pixel);color:var(--accent);text-shadow:0 0 12px #ffa11673;letter-spacing:1px;-webkit-user-select:none;user-select:none;font-size:13px;position:absolute;top:18px;left:18px}.hud-hints{z-index:10;font-family:var(--pixel);color:var(--muted);letter-spacing:.5px;-webkit-user-select:none;user-select:none;opacity:.8;font-size:7px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.hud-hints span{color:var(--text)}.landing{background:radial-gradient(ellipse at 50% 130%, #1a2136 0%, transparent 62%), var(--bg);position:absolute;inset:0}.username-form{z-index:10;flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute}.username-form.hero{pointer-events:none;justify-content:center;inset:0}.username-form.hero>*{pointer-events:auto}.username-form.docked{top:14px;left:50%;transform:translate(-50%)}.hero-skyline{opacity:.55;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);pointer-events:none!important}.hero-bar{border-radius:1px;width:26px;animation:.7s cubic-bezier(.2,.9,.3,1.2) backwards rise}.hero-bar.easy{background:linear-gradient(#00d9c0,#00695d)}.hero-bar.medium{background:linear-gradient(#ffd058,#8f6a00)}.hero-bar.hard{background:linear-gradient(#ff6485,#8f0f2c)}@keyframes rise{0%{transform-origin:bottom;transform:scaleY(0)}to{transform-origin:bottom;transform:scaleY(1)}}.hero-copy{text-align:center;margin-bottom:4px}.hero-kicker{font-family:var(--pixel);color:var(--muted);letter-spacing:2px;margin-bottom:16px;font-size:9px}.hero-copy h1{font-family:var(--pixel);letter-spacing:2px;background:linear-gradient(120deg, var(--easy), var(--medium), var(--hard));color:#0000;filter:drop-shadow(0 4px 24px #ffa11640);-webkit-background-clip:text;background-clip:text;margin:0;font-size:44px}.hero-copy p{font-family:var(--pixel);color:var(--muted);letter-spacing:1px;margin:18px 0 0;font-size:9px}.hero-footer{font-family:var(--pixel);color:#4a526a;letter-spacing:.5px;font-size:7px}.username-form form{-webkit-backdrop-filter:blur(12px)saturate(1.2);background:#0a0d14ad;border:1px solid #5a699173;border-radius:2px;gap:8px;padding:8px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 0 0 1px #05070ce6,0 8px 32px #0000008c,0 0 22px #ffa1160f}.username-form form:focus-within{border-color:#ffa1168c;box-shadow:0 0 0 1px #05070ce6,0 8px 32px #0000008c,0 0 28px #ffa11629}.username-form input{color:var(--text);font-family:var(--pixel);background:0 0;border:none;outline:none;width:250px;padding:10px;font-size:10px}.username-form input::placeholder{color:#565f78}.username-form button[type=submit]{font-family:var(--pixel);background:var(--accent);color:#14161c;cursor:pointer;white-space:nowrap;border:none;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;padding:10px 14px;font-size:9px;line-height:1;transition:opacity .15s,background .15s;display:inline-flex}.username-form button[type=submit]:hover{background:#ffb545}.username-form button[type=submit]:disabled{opacity:.45;cursor:default}.demo-link{color:var(--muted);font-family:var(--pixel);cursor:pointer;letter-spacing:.5px;background:0 0;border:none;font-size:8px}.demo-link:hover{color:var(--accent)}.error{color:#ff8fa8;text-align:center;background:#ff375f1a;border:1px solid #ff375f73;border-radius:2px;max-width:400px;padding:10px 14px;font-size:12px}.stats-overlay{z-index:10;min-width:300px;max-width:340px;position:absolute;bottom:40px;left:18px}.info-panel{z-index:10;min-width:280px;max-width:330px;padding-right:20px;position:absolute;top:76px;right:18px}.stats-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.stats-header img,.avatar-fallback{border:1px solid var(--border);border-radius:2px;width:42px;height:42px;box-shadow:0 0 0 1px #05070c}.avatar-fallback{color:var(--accent);font-family:var(--pixel);background:#1a1f2e;justify-content:center;align-items:center;font-size:16px;display:flex}.stats-name{font-family:var(--pixel);letter-spacing:.5px;align-items:center;gap:8px;font-size:12px;display:flex}.demo-badge{font-family:var(--pixel);color:var(--accent);border:1px solid var(--accent);border-radius:2px;padding:2px 5px;font-size:7px}.stats-sub{font-family:var(--pixel);color:var(--muted);letter-spacing:.5px;margin-top:6px;font-size:7px}.stats-grid{gap:6px;margin:10px 0;display:grid}.stats-grid.six{grid-template-columns:repeat(3,1fr)}.stat{border:1px solid var(--border);text-align:center;font-family:var(--pixel);color:var(--muted);letter-spacing:.5px;background:#10131d;border-radius:2px;padding:8px 4px;font-size:6px}.stat span{color:var(--text);margin-bottom:5px;font-size:13px;display:block}.stat.easy span{color:var(--easy)}.stat.medium span{color:var(--medium)}.stat.hard span{color:var(--hard)}.stat.accent span{color:var(--accent)}.trophies{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.trophy{font-family:var(--pixel);color:var(--medium);letter-spacing:.5px;background:#171308;border:1px solid #3a3420;border-radius:2px;padding:5px 7px;font-size:7px}.card-actions{align-items:center;gap:10px;margin-top:12px;display:flex}.stats-foot{font-family:var(--pixel);color:var(--muted);font-size:7px}.info-close{color:var(--muted);font-family:var(--pixel);cursor:pointer;background:0 0;border:none;font-size:8px;position:absolute;top:8px;right:8px}.info-close:hover{color:var(--text)}.info-title{font-family:var(--pixel);margin-bottom:4px;padding-right:40px;font-size:11px}.info-diff{font-family:var(--pixel);border:1px solid var(--border);background:#10131d;border-radius:2px;margin-top:10px;padding:6px 9px;font-size:8px;display:inline-block}.info-diff.easy{color:var(--easy)}.info-diff.medium{color:var(--medium)}.info-diff.hard{color:var(--hard)}.c-easy{color:var(--easy)}.c-medium{color:var(--medium)}.c-hard{color:var(--hard)}.controls{z-index:10;gap:8px;display:flex;position:absolute;top:18px;right:18px}.controls select,.controls button{font-family:var(--pixel);-webkit-backdrop-filter:blur(12px);color:var(--text);cursor:pointer;letter-spacing:.5px;background:#0a0d14ad;border:1px solid #5a699173;border-radius:2px;padding:9px 11px;font-size:8px}.controls select:hover,.controls button:hover{border-color:var(--accent)}.controls .mode-toggle{color:var(--accent)}.mode-group{-webkit-backdrop-filter:blur(12px);background:#0a0d14ad;border:1px solid #5a699173;border-radius:2px;display:flex;overflow:hidden}.mode-btn{font-family:var(--pixel);color:var(--muted);cursor:pointer;letter-spacing:.5px;background:0 0;border:none;padding:9px 10px;font-size:8px;transition:color .12s,background .12s}.mode-btn:hover{color:var(--text)}.mode-btn.active{color:#14161c;background:var(--accent)}.race-btn{color:var(--hard)!important}.walk-btn{color:#7dffb0!important}.walk-btn.active{color:#14161c!important;background:#7dffb0!important}.share-button{z-index:10;font-family:var(--pixel);-webkit-backdrop-filter:blur(12px);color:var(--text);cursor:pointer;letter-spacing:.5px;background:#0a0d14ad;border:1px solid #5a699173;border-radius:2px;padding:12px 16px;font-size:9px;transition:border-color .15s,box-shadow .15s;position:absolute;bottom:40px;right:18px;box-shadow:0 0 0 1px #05070ce6,0 0 22px #ffa1160f}.share-button:hover{border-color:var(--accent);color:var(--accent)}@media (width<=640px){.hero-copy h1{font-size:26px}.username-form input{width:150px}.stats-overlay{min-width:0;bottom:34px;left:10px}.share-button{bottom:34px;right:10px}.hud-hints{display:none}}.race-overlay{z-index:30;-webkit-backdrop-filter:blur(3px);background:#04060a8c;justify-content:center;align-items:center;animation:.15s ease-out panel-in;display:flex;position:absolute;inset:0}.race-modal{width:min(640px,92vw);max-height:88vh;padding:20px 22px;position:relative;overflow-y:auto}.race-title{font-family:var(--pixel);color:var(--accent);letter-spacing:1px;font-size:16px}.race-sub{font-family:var(--pixel);color:var(--muted);letter-spacing:.5px;margin-top:8px;font-size:7px}.race-problem{border:1px solid var(--border);background:#10131d;border-radius:2px;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;padding:14px;display:flex}.race-problem-name{font-family:var(--pixel);margin-bottom:8px;font-size:12px}.race-diff{font-family:var(--pixel);border:1px solid var(--border);border-radius:2px;padding:4px 7px;font-size:8px}.race-diff.easy{color:var(--easy)}.race-diff.medium{color:var(--medium)}.race-diff.hard{color:var(--hard)}.race-actions{gap:10px;margin-bottom:16px;display:flex}.race-cols{grid-template-columns:1fr 1fr;gap:14px;display:grid}.race-col-head{font-family:var(--pixel);color:var(--muted);letter-spacing:.5px;margin-bottom:10px;font-size:8px}.race-row{font-family:var(--mono);border:1px solid #0000;border-radius:2px;align-items:center;gap:8px;padding:7px 8px;font-size:12px;display:flex}.race-row.you{background:#ffa11614;border-color:#ffa11680}.race-order{font-family:var(--pixel);color:var(--accent);min-width:22px;font-size:8px}.race-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.race-pts{color:var(--easy);font-weight:700}.race-time{color:var(--muted);text-align:right;min-width:40px;font-size:10px}.race-empty{font-family:var(--mono);color:var(--muted);padding:8px;font-size:11px;font-style:italic}.race-foot{font-family:var(--pixel);color:#4a526a;text-align:center;letter-spacing:.5px;margin-top:16px;font-size:7px}@media (width<=560px){.race-cols{grid-template-columns:1fr}}.profile-card{z-index:10;width:340px;padding:18px 18px 16px;position:absolute;top:76px;right:18px}.pc-head{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding-bottom:14px;display:flex}.pc-avatar{border:1px solid var(--accent);width:48px;height:48px;color:var(--accent);font-family:var(--pixel);background:#1a1f2e;border-radius:2px;justify-content:center;align-items:center;font-size:18px;display:flex;box-shadow:0 0 0 1px #05070c,0 0 14px #ffa11640}.pc-name{font-family:var(--pixel);letter-spacing:.5px;font-size:13px}.pc-handle{font-family:var(--pixel);color:var(--muted);letter-spacing:.5px;margin-top:7px;font-size:7px}.pc-level{align-items:center;gap:12px;margin:14px 0;display:flex}.pc-lvl-badge{border:1px solid var(--accent);width:40px;height:40px;font-family:var(--pixel);color:var(--accent);background:#ffa11614;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.pc-lvl-info{flex:1;min-width:0}.pc-lvl-title{font-family:var(--pixel);letter-spacing:.5px;font-size:8px}.pc-xpbar{border:1px solid var(--border);background:#10131d;border-radius:2px;height:8px;margin-top:7px;overflow:hidden}.pc-xpfill{background:linear-gradient(90deg, var(--easy), var(--accent));height:100%;transition:width .4s}.pc-xptext{font-family:var(--pixel);color:var(--muted);letter-spacing:.5px;margin-top:5px;font-size:6px}.pc-tag{font-family:var(--pixel);color:var(--accent);letter-spacing:.5px;background:#ffa1160f;border:1px solid #ffa11666;border-radius:2px;margin-bottom:12px;padding:6px 9px;font-size:7px;display:inline-block}.pc-stats{gap:7px}.pc-stats .stat{padding:9px 4px}.pc-section{font-family:var(--pixel);color:var(--muted);letter-spacing:.5px;margin:12px 0 8px;font-size:7px}.pc-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.pc-actions .pixel-button{padding:11px 8px}@media (width<=640px){.profile-card{width:calc(100vw - 20px);top:66px;right:10px}.hud-logo{display:none}.username-form.docked{align-items:stretch;gap:8px;width:auto;top:8px;left:8px;right:8px;transform:none}.username-form.docked form{width:100%}.username-form.docked input{flex:1;width:auto;min-width:0}.controls{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;padding:0 8px;top:60px;left:0;right:0;overflow-x:auto}.controls::-webkit-scrollbar{display:none}.controls>*{flex-shrink:0}.profile-card,.info-panel{top:108px}}.insights-btn{color:var(--easy)!important}.ins-overlay{z-index:30;-webkit-backdrop-filter:blur(3px);background:#04060a8c;justify-content:center;align-items:center;animation:.15s ease-out panel-in;display:flex;position:absolute;inset:0}.ins-modal{width:min(680px,94vw);max-height:88vh;padding:20px 22px;position:relative;overflow-y:auto}.ins-title{font-family:var(--pixel);color:var(--accent);letter-spacing:.5px;font-size:14px}.ins-note{font-family:var(--pixel);color:var(--muted);letter-spacing:.5px;margin-top:8px;font-size:7px}.ins-section{border-top:1px solid var(--border);margin-top:18px;padding-top:14px}.ins-h{font-family:var(--pixel);color:var(--text);letter-spacing:.5px;margin-bottom:12px;font-size:9px}.ins-h-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.ins-h-row select{font-family:var(--pixel);border:1px solid var(--border);color:var(--text);cursor:pointer;background:#10131d;border-radius:2px;padding:6px 8px;font-size:8px}.ins-standing{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.ins-big{font-family:var(--pixel);color:var(--muted);flex-direction:column;gap:3px;font-size:12px;display:flex}.ins-big span{color:var(--accent);font-size:26px}.ins-big em{color:var(--muted);font-size:6px;font-style:normal}.ins-sw{min-width:180px;font-family:var(--mono);flex-direction:column;flex:1;gap:8px;font-size:12px;display:flex}.ins-lbl{font-family:var(--pixel);color:var(--muted);letter-spacing:.5px;margin-bottom:4px;font-size:6px;display:block}.ins-pace{font-family:var(--mono);color:var(--text);font-size:13px}.ins-pace b{color:var(--accent)}.ins-pace.muted{color:var(--muted)}.ins-bar{border:1px solid var(--border);background:#10131d;border-radius:2px;height:22px;position:relative;overflow:hidden}.ins-bar-fill{background:linear-gradient(90deg, var(--hard), var(--medium), var(--easy));height:100%;transition:width .4s}.ins-bar span{font-family:var(--pixel);color:var(--text);text-shadow:0 1px 2px #000;font-size:9px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.ins-focus{font-family:var(--pixel);color:var(--muted);letter-spacing:.5px;margin-top:8px;font-size:7px}.ins-gaps{flex-direction:column;gap:12px;display:flex}.ins-gap-topic{font-family:var(--pixel);margin-bottom:8px;font-size:9px}.ins-gap-topic em{color:var(--muted);font-size:7px;font-style:normal}.ins-gap-probs{flex-wrap:wrap;gap:6px;display:flex}.ins-prob{font-family:var(--mono);color:var(--text);border:1px solid var(--border);background:#10131d;border-left-width:3px;border-radius:2px;padding:5px 8px;font-size:11px;text-decoration:none}.ins-prob:hover{border-color:var(--accent)}.ins-prob.easy{border-left-color:var(--easy)}.ins-prob.medium{border-left-color:var(--medium)}.ins-prob.hard{border-left-color:var(--hard)}.ins-story p{font-family:var(--mono);color:var(--text);margin:0 0 8px;font-size:13px;line-height:1.5}@media (width<=640px){.ins-modal{width:calc(100vw - 16px);padding:16px}}.ins-overlay{background:#030509cc}.ins-modal{-webkit-backdrop-filter:blur(6px);background:#0b0e15fa}.race-modal{background:#0b0e15fa}.race-msg{font-family:var(--mono);color:var(--muted);border:1px solid var(--border);background:#10131d;border-radius:2px;margin-bottom:14px;padding:8px 10px;font-size:12px;line-height:1.4}.lb-btn{color:var(--medium)!important}.lb-overlay{z-index:30;-webkit-backdrop-filter:blur(3px);background:#030509cc;justify-content:center;align-items:center;animation:.15s ease-out panel-in;display:flex;position:absolute;inset:0}.lb-modal{background:#0b0e15fa;width:min(520px,94vw);max-height:86vh;padding:20px 22px;position:relative;overflow-y:auto}.lb-title{font-family:var(--pixel);color:var(--accent);letter-spacing:.5px;font-size:14px}.lb-sub{font-family:var(--pixel);color:var(--muted);letter-spacing:.5px;margin:8px 0 16px;font-size:7px}.lb-empty{font-family:var(--mono);color:var(--muted);text-align:center;padding:20px 0;font-size:13px}.lb-head,.lb-row{grid-template-columns:40px 1fr 70px 70px;align-items:center;gap:8px;display:grid}.lb-head{font-family:var(--pixel);color:var(--muted);letter-spacing:.5px;padding:0 8px 8px;font-size:7px}.lb-row{border:1px solid var(--border);cursor:pointer;width:100%;font-family:var(--mono);color:var(--text);text-align:left;background:#10131d;border-radius:2px;margin-bottom:5px;padding:9px 8px;font-size:13px}.lb-row:hover{border-color:var(--accent)}.lb-row.you{border-color:var(--accent);background:#ffa11614}.lb-rank{font-family:var(--pixel);color:var(--muted);text-align:center;font-size:10px}.lb-rank.top{color:var(--accent)}.lb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-solved{color:var(--easy);text-align:right}.lb-rating{color:var(--medium);text-align:right}.ins-cov{flex-direction:column;gap:6px;margin-top:12px;display:flex}.ins-cov-row{font-family:var(--mono);color:var(--text);grid-template-columns:150px 1fr 32px;align-items:center;gap:10px;font-size:11px;display:grid}.ins-cov-row.weak .ins-cov-topic{color:var(--hard)}.ins-cov-topic{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ins-cov-track{border:1px solid var(--border);background:#10131d;border-radius:2px;height:8px;overflow:hidden}.ins-cov-fill{background:linear-gradient(90deg, var(--hard), var(--medium), var(--easy));height:100%;display:block}.ins-cov-num{text-align:right;color:var(--muted)}.ins-weak{background:#ff375f0d;border:1px solid #ff375f59;border-radius:2px;margin-top:14px;padding:12px}.ins-weak-h{font-family:var(--pixel);color:var(--hard);letter-spacing:.5px;margin-bottom:12px;font-size:8px}.ins-weak .ins-gap{margin-bottom:10px}.ins-tiny{font-family:var(--pixel);color:#4a526a;letter-spacing:.5px;margin-top:10px;font-size:6px;line-height:1.5}.ins-modal,.race-modal,.lb-modal{-webkit-backdrop-filter:none;background:#0c0f17}.topbar{z-index:10;align-items:center;gap:14px;display:flex;position:absolute;top:12px;left:14px;right:14px}.topbar .hud-logo{flex-shrink:0;position:static}.topbar .username-form.docked{flex:auto;align-items:center;min-width:0;position:static;transform:none}.topbar .username-form.docked form{flex-wrap:nowrap;align-items:center;width:100%;max-width:460px;margin:0 auto}.topbar .username-form.docked form input{flex:auto;width:auto;min-width:0}.topbar .controls{flex-shrink:0;position:static}@media (width<=820px){.topbar{flex-wrap:wrap;gap:8px;left:8px;right:8px}.topbar .hud-logo{display:none}.topbar .username-form.docked{flex:100%}.topbar .username-form.docked form{max-width:none}.topbar .controls{scrollbar-width:none;flex-wrap:nowrap;flex:100%;justify-content:flex-start;overflow-x:auto}.topbar .controls::-webkit-scrollbar{display:none}}.ins-formula{font-family:var(--pixel);color:var(--muted);letter-spacing:.5px;margin-top:8px;font-size:7px}.roadmap-btn{color:#7dd3fc!important}.ins-resume{flex-direction:column;gap:8px;display:flex}.ins-resume-line{text-align:left;border:1px solid var(--border);cursor:pointer;font-family:var(--mono);color:var(--text);background:#10131d;border-radius:2px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:12.5px;line-height:1.45;display:flex}.ins-resume-line:hover{border-color:var(--accent)}.ins-resume-line em{font-family:var(--pixel);color:var(--accent);flex-shrink:0;font-size:7px;font-style:normal}.rm-overlay{z-index:30;background:#030509cc;justify-content:center;align-items:center;animation:.15s ease-out panel-in;display:flex;position:absolute;inset:0}.rm-modal{background:#0c0f17;width:min(560px,94vw);max-height:88vh;padding:20px 22px;position:relative;overflow-y:auto}.rm-title{font-family:var(--pixel);color:#7dd3fc;letter-spacing:.5px;font-size:14px}.rm-head-row{justify-content:space-between;align-items:center;gap:12px;margin:14px 0 10px;display:flex}.rm-head-row select{font-family:var(--pixel);border:1px solid var(--border);color:var(--text);cursor:pointer;background:#10131d;border-radius:2px;padding:8px 10px;font-size:9px}.rm-count{font-family:var(--pixel);color:var(--muted);font-size:10px}.rm-bar{border:1px solid var(--border);background:#10131d;border-radius:2px;height:20px;position:relative;overflow:hidden}.rm-bar-fill{background:linear-gradient(90deg, #0ea5e9, var(--easy));height:100%;transition:width .4s}.rm-bar span{font-family:var(--pixel);color:var(--text);text-shadow:0 1px 2px #000;font-size:9px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.rm-auto{font-family:var(--pixel);color:var(--easy);letter-spacing:.5px;margin-top:8px;font-size:7px;line-height:1.7}.rm-scan{font-family:var(--pixel);border:1px solid var(--border);color:#7dd3fc;cursor:pointer;letter-spacing:.5px;background:#10131d;border-radius:2px;margin-top:10px;padding:8px 12px;font-size:8px;transition:border-color .15s,opacity .15s}.rm-scan:hover{border-color:#7dd3fc}.rm-scan:disabled{opacity:.5;cursor:default}.rm-groups{margin-top:14px}.rm-group{margin-bottom:14px}.rm-group-h{font-family:var(--pixel);color:var(--muted);letter-spacing:.5px;margin-bottom:8px;font-size:8px}.rm-group-h em{color:var(--text);float:right;font-style:normal}.rm-item{align-items:center;gap:10px;padding:6px 0;display:flex}.rm-check{border:1px solid var(--border);width:20px;height:20px;color:var(--easy);cursor:pointer;background:#10131d;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}.rm-item.done .rm-check{border-color:var(--easy);background:#00b8a326}.rm-name{font-family:var(--mono);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;text-decoration:none;overflow:hidden}.rm-name:hover{color:var(--accent)}.rm-item.done .rm-name{color:var(--muted);text-decoration:line-through}.rm-diff{font-family:var(--pixel);text-align:center;flex-shrink:0;width:18px;font-size:8px}.rm-diff.easy{color:var(--easy)}.rm-diff.medium{color:var(--medium)}.rm-diff.hard{color:var(--hard)}.rm-foot{font-family:var(--pixel);color:#4a526a;letter-spacing:.5px;margin-top:14px;font-size:6px;line-height:1.6}.topbar .mode-group,.topbar .controls>button,.topbar .controls>select{box-sizing:border-box;height:34px}.topbar .mode-group{align-items:stretch;padding:0}.topbar .mode-btn{border-radius:0;align-items:center;height:100%;padding:0 12px;display:flex}.topbar .controls>button,.topbar .controls>select{align-items:center;display:inline-flex}.rm-go{color:var(--muted);font-size:10px}.rm-name:hover .rm-go{color:var(--accent)}.lobby-overlay{z-index:40;background:#04060b8c;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.lobby-panel{background:#0c0f17;width:min(440px,92vw);max-height:82vh;padding:20px 20px 18px;position:relative;overflow-y:auto}.lobby-tag{font-family:var(--pixel);color:var(--accent);letter-spacing:1px;font-size:8px}.lobby-title{font-family:var(--pixel);color:var(--text);letter-spacing:.5px;margin:8px 0 4px;font-size:15px}.lobby-list{flex-direction:column;gap:6px;margin:14px 0;display:flex}.lobby-item{border:1px solid var(--border);color:var(--text);font-family:var(--mono);background:#10131d;border-radius:2px;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;font-size:12.5px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.lobby-item:hover{border-color:var(--accent);background:#141826}.lobby-name{line-height:1.35}.lobby-empty{font-family:var(--mono);color:var(--muted);margin:14px 0;font-size:12px;line-height:1.5}.minimap{z-index:22;border:1px solid #7d8cb466;border-radius:4px;position:absolute;bottom:16px;right:16px;overflow:hidden;box-shadow:0 6px 22px #00000080}.minimap-label{font-family:var(--pixel);color:#c8d2f0b3;letter-spacing:1px;pointer-events:none;font-size:6px;position:absolute;top:4px;left:6px}.walkhud{z-index:21;pointer-events:none;position:absolute;inset:0}.joystick{pointer-events:auto;touch-action:none;background:radial-gradient(circle,#141a28b3,#080b128c);border:1px solid #7dffb059;border-radius:50%;width:120px;height:120px;position:absolute;bottom:26px;left:22px}.joystick-thumb{background:#7dffb0d9;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%;box-shadow:0 0 16px #7dffb080}.walkhud-actions{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:184px;right:16px}.walk-action{font-family:var(--pixel);color:var(--text);border:1px solid var(--border);cursor:pointer;letter-spacing:.5px;background:#0c0f17e6;border-radius:2px;padding:9px 12px;font-size:8px;transition:border-color .15s,background .15s,color .15s}.walk-action:hover{border-color:var(--accent)}.walk-action.on{color:#14161c;background:#7dffb0;border-color:#7dffb0}.walk-action.enter{color:#14161c;background:var(--accent);border-color:var(--accent);animation:1.2s ease-in-out infinite enterpulse}@keyframes enterpulse{0%,to{box-shadow:0 0 #ffa11600}50%{box-shadow:0 0 16px #ffa11699}}@media (width<=820px){.walkhud-actions{bottom:200px}.minimap{transform-origin:100% 100%;transform:scale(.82)}}