:root{color-scheme:dark;--bg:#05070d;--fg:#e8eefc;--muted:#5c6a86;--accent:#4cf0c0}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overscroll-behavior:none}#app{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px}.titlebar{display:flex;align-items:baseline;gap:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.titlebar h1{margin:0;font-size:18px;letter-spacing:.22em;font-weight:700;color:var(--fg)}.titlebar .day{font-size:12px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stage{position:relative;width:min(96vw,calc(92vh * (480 / 720)));aspect-ratio:480/720;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px rgba(76,240,192,.12),0 20px 60px rgba(0,0,0,.55);background:#0b1020}canvas{display:block;width:100%;height:100%;touch-action:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.status,canvas{-webkit-user-select:none}.status{font-size:13px;color:var(--fg);-moz-user-select:none;user-select:none;min-height:18px;text-align:center}.status .muted{color:var(--muted)}.status .bad{color:#ff6b8a}.status .good{color:var(--accent);font-weight:700}.challenge{margin-left:10px;font:inherit;font-size:12px;color:#c9a9ff;background:transparent;border:1px solid #3a2f5e;border-radius:6px;padding:3px 10px;cursor:pointer}.challenge:hover{background:#19142b}.ghostbar{font-size:12px;color:var(--muted);-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;gap:6px}.ghostbar b{color:#c9a9ff;font-weight:700}.ghostbar .gpip{width:10px;height:10px;border-radius:50%;border:2px solid #c9a9ff;box-sizing:border-box;display:inline-block}.ghostbar .ghost-toggle{margin-left:auto;font:inherit;font-size:11px;color:var(--muted);background:transparent;border:1px solid #2a3450;border-radius:6px;padding:2px 8px;cursor:pointer}.ghostbar .ghost-toggle:hover{color:var(--fg);border-color:#c9a9ff}.leaderboard{width:min(96vw,360px);font-size:13px;color:var(--fg);background:#0b1020;border:1px solid #1c2742;border-radius:10px;padding:10px 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.leaderboard.offline{color:var(--muted);text-align:center}.leaderboard .lb-head{font-size:11px;letter-spacing:.12em;color:var(--muted);margin-bottom:6px}.leaderboard ol{list-style:none;margin:0;padding:0}.leaderboard ol.around{margin-top:6px;border-top:1px dashed #1c2742;padding-top:6px}.leaderboard li{display:grid;grid-template-columns:24px 22px 1fr auto;grid-gap:8px;gap:8px;align-items:center;padding:3px 0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.leaderboard .lb-av{width:20px;height:20px;border-radius:50%;object-fit:cover;background:#060a14;flex:none}.leaderboard .lb-av-dot{border:1px solid rgba(255,255,255,.18)}.leaderboard li.me{color:var(--accent);font-weight:700}.leaderboard .rk{color:var(--muted);text-align:right}.leaderboard li.me .rk{color:var(--accent)}.leaderboard .hd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cliprow{display:flex;align-items:center;gap:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.clipbtn{font:inherit;font-size:13px;color:var(--accent);background:transparent;border:1px solid #1f5a4c;border-radius:8px;padding:6px 14px;cursor:pointer}.clipbtn:hover:not(:disabled){background:#0e2620}.clipbtn:disabled{color:var(--muted);border-color:#1c2742;cursor:progress}.cliprow .muted,.hint{font-size:12px;color:var(--muted)}.hint{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;max-width:480px;line-height:1.5}.hint kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;padding:1px 6px;border-radius:5px;border:1px solid #2a3450;background:#121a2e;color:#b9c6e6}.landing{display:flex;flex-direction:column;align-items:center;gap:18px;width:min(96vw,460px);text-align:center}.hero h1{margin:0;font-size:30px;letter-spacing:.18em;font-weight:800}.hero .tag{margin:10px 0 4px;font-size:14px;color:#b9c6e6;line-height:1.5}.hero .tag b{color:var(--accent)}.hero .meta{font-size:12px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.playbox{display:flex;flex-direction:column;gap:8px;width:100%;background:#0b1020;border:1px solid #1c2742;border-radius:12px;padding:16px}.playbox label{font-size:11px;letter-spacing:.14em;color:var(--muted);text-align:left}.playbox input{font:inherit;font-size:18px;padding:10px 12px;border-radius:8px;border:1px solid #2a3450;background:#060a14;color:var(--fg);outline:none}.playbox input:focus{border-color:var(--accent)}.playbox .play{font:inherit;font-weight:800;font-size:17px;letter-spacing:.06em;color:#051410;background:var(--accent);border:0;border-radius:8px;padding:12px;cursor:pointer}.playbox .play:disabled{opacity:.6;cursor:progress}.playbox .note{margin:2px 0 0;font-size:11px;color:var(--muted)}.howto{text-align:left;margin:0;padding-left:18px;line-height:1.7;width:100%}.footer,.howto{font-size:12px;color:var(--muted)}.footer{text-align:center;padding:4px 0 10px}.footer a{color:var(--accent);text-decoration:none}.footer a:hover{text-decoration:underline}.adslot{width:min(96vw,460px);margin:2px 0 6px;overflow:hidden}.adslot .adsbygoogle{display:block}.site-footer{display:flex;flex-direction:column;align-items:center;gap:4px}.footer-nav{display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:center}.footer-nav a,.linklike{font:inherit;font-size:12px;color:var(--muted);text-decoration:none;background:none;border:0;padding:0;cursor:pointer}.footer-nav a:hover,.linklike:hover{color:var(--fg);text-decoration:underline}.footer-credit{font-size:12px;color:var(--muted)}.consent{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;max-width:720px;margin:0 auto;background:#0b1020;border:1px solid #2a3450;border-radius:12px;padding:14px 16px;box-shadow:0 20px 60px rgba(0,0,0,.55)}.consent p{margin:0 0 10px;font-size:13px;line-height:1.55;color:#c7d2ea}.consent a{color:var(--accent)}.consent-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.consent button{font:inherit;font-size:13px;border-radius:8px;padding:8px 14px;cursor:pointer;border:1px solid #2a3450;background:transparent;color:var(--fg)}.consent-accept{background:var(--accent);color:#051410;border:0;font-weight:700}.consent-reject{color:var(--muted)}.page{width:min(94vw,760px);margin:0 auto;padding:26px 4px 4px;text-align:left;line-height:1.65;color:#c7d2ea}.page .back{display:inline-block;margin-bottom:12px;font-size:13px;color:var(--muted);text-decoration:none}.page .back:hover,.page h1{color:var(--fg)}.page h1{margin:0 0 4px;font-size:26px;letter-spacing:.03em}.page h2{margin:24px 0 8px;font-size:17px;color:var(--fg)}.page li,.page p{font-size:14px}.page .lead{font-size:15px;color:#b9c6e6}.page .muted{font-size:12px;color:var(--muted)}.page a{color:var(--accent)}.page ul{padding-left:18px;margin:8px 0}.page li{margin:4px 0}.page code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:#121a2e;border:1px solid #2a3450;border-radius:4px;padding:1px 5px}.page .site-footer{margin-top:30px}.titlebar .menu{font:inherit;font-size:12px;color:var(--muted);background:transparent;border:1px solid #1c2742;border-radius:6px;padding:2px 8px;cursor:pointer}.titlebar .menu:hover{color:var(--fg)}.toast{width:100%;text-align:center;font-size:13px;color:var(--accent);background:#0e2620;border:1px solid #1f5a4c;border-radius:8px;padding:8px 12px}.account,.customize{width:100%;display:flex;flex-direction:column;gap:8px;background:#0b1020;border:1px solid #1c2742;border-radius:12px;padding:14px}.account input{font:inherit;font-size:15px;padding:9px 11px;border-radius:8px;border:1px solid #2a3450;background:#060a14;color:var(--fg);outline:none}.account input:focus{border-color:var(--accent)}.acc-tabs{display:flex;gap:8px}.acc-tabs button{flex:1 1;font:inherit;font-size:13px;padding:7px;border-radius:8px;border:1px solid #1c2742;background:transparent;color:var(--muted);cursor:pointer}.acc-tabs button.on{color:var(--fg);border-color:var(--accent)}.acc-submit{font:inherit;font-weight:700;font-size:15px;color:#051410;background:var(--accent);border:0;border-radius:8px;padding:10px;cursor:pointer}.acc-submit:disabled{opacity:.6;cursor:progress}.discord-btn{text-align:center;font-size:14px;font-weight:600;text-decoration:none;color:#fff;background:#5865f2;border-radius:8px;padding:10px}.acc-error{color:#ff6b8a}.acc-error,.acc-note{margin:0;font-size:12px}.acc-note{color:var(--muted)}.acc-head{display:flex;align-items:center;gap:10px}.acc-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--accent)}.acc-avatar.placeholder{background:#1c2742;border-color:#2a3450}.acc-meta{display:flex;flex-direction:column;flex:1 1;min-width:0}.acc-meta b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acc-badges{font-size:11px;color:var(--muted)}.link-btn{font:inherit;font-size:12px;color:var(--muted);background:transparent;border:1px solid #1c2742;border-radius:6px;padding:4px 10px;cursor:pointer}.link-btn:hover{color:var(--fg)}.cz-avatar{display:flex;align-items:center;gap:10px}.cz-avatar-text{display:flex;flex-direction:column;flex:1 1}.cz-avatar-text span,.cz-label{font-size:11px;color:var(--muted)}.cz-label{letter-spacing:.14em;margin-top:4px}.skins{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.skin{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:10px;border:1px solid #1c2742;background:#060a14;color:var(--fg);cursor:pointer}.skin.on{border-color:var(--accent)}.skin:disabled{cursor:default}.skin .swatch{width:24px;height:24px;border-radius:50%}.skin-name{font-size:12px}.skin-tag{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.skin.on .skin-tag{color:var(--accent)}.cz-msg{margin:0;font-size:12px;color:var(--muted)}.cz-lock{margin:0 0 2px;font-size:12px;color:#ffcf6b;text-align:center}