:root{--bg0: #05060f;--bg1: #0b1026;--fg: #e8ecff;--muted: #8b93c0;--accent: #6ee7ff;--accent2: #b794ff;--good: #7CFFB2;--bad: #ff6b8b;--panel: rgba(14, 18, 42, .92);--border: rgba(120, 140, 220, .25)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;background:var(--bg0);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,sans-serif;overflow:hidden;touch-action:none;user-select:none}#app,#proto{position:fixed;inset:0}canvas{display:block;width:100%;height:100%}.hidden{display:none!important}#hud{position:absolute;top:max(16px,env(safe-area-inset-top));left:0;right:0;text-align:center;pointer-events:none}.hud-score{font-size:56px;font-weight:800;letter-spacing:-2px;text-shadow:0 2px 24px rgba(110,231,255,.4)}.hud-combo{font-size:18px;font-weight:700;color:var(--accent);min-height:22px}.hud-stars{margin-top:6px;font-size:16px;font-weight:700;color:#ffe27a;text-shadow:0 2px 12px rgba(255,210,110,.4)}.hud-mod{display:none;margin-top:8px;font-size:14px;font-weight:700;color:var(--accent2)}.mod-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.mod-list button{margin:0;padding:13px 8px;font-size:14px}.mod-list button.primary{grid-column:1 / -1}.help-body{text-align:left;max-height:60vh;overflow-y:auto;margin-bottom:12px}.help-body h3{font-size:15px;color:var(--accent);margin:16px 0 6px}.help-body p{font-size:14px;line-height:1.6;color:var(--fg)}.help-body b{color:var(--fg)}.help-mods{list-style:none;margin-top:4px}.help-mods li{font-size:13px;line-height:1.5;padding:6px 0;border-bottom:1px solid var(--border);color:var(--muted)}.help-mods li b{color:var(--accent2);margin-right:6px}.board-mod{width:100%;margin-bottom:12px;padding:11px 36px 11px 12px;border-radius:12px;border:1px solid var(--border);background-color:#ffffff0a;color:var(--fg);font-size:14px;font-weight:700;font-family:inherit;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236ee7ff' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.board-mod:focus{outline:none;border-color:var(--accent)}.board-mod option{background:#0e122a;color:var(--fg)}.toast{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);background:var(--panel);border:1px solid var(--border);padding:12px 22px;border-radius:999px;font-weight:700;font-size:15px;pointer-events:none;transition:opacity .4s}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#141a3c99,#05060fd9);backdrop-filter:blur(2px);z-index:10}#menu{background:linear-gradient(#05060f73,#05060fd1),url(/menu-bg.png) center / cover no-repeat;backdrop-filter:none}.panel{background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:32px 28px;width:min(86vw,360px);text-align:center;box-shadow:0 24px 80px #00000080}.panel.wide{width:min(90vw,440px)}.panel h1{font-size:38px;letter-spacing:-1px;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.panel h2{font-size:26px;margin-bottom:8px}.tag{color:var(--muted);margin:10px 0 22px}button{display:block;width:100%;margin:9px 0;padding:15px;border:1px solid var(--border);border-radius:14px;background:#ffffff0a;color:var(--fg);font-size:16px;font-weight:700;cursor:pointer;transition:transform .08s,background .15s}button:active{transform:scale(.97)}button.primary{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#08111f;border:none}.best,.nick{color:var(--muted);margin-top:16px;font-size:14px}button.lang{margin-top:16px;padding:9px;font-size:13px;font-weight:600;color:var(--muted);background:transparent}.best b{color:var(--fg)}.go-score b{color:var(--accent);font-size:28px}.go-best b{color:var(--fg)}.go-score,.go-best{margin:6px 0}.submit-status{min-height:20px;color:var(--muted);font-size:14px;margin:12px 0}.record b{color:var(--good)}.board-tabs{display:flex;gap:8px;margin-bottom:14px}.board-tabs button{margin:0;padding:10px}.board-tabs button.active{background:#6ee7ff29;border-color:var(--accent)}.board-list{list-style:none;text-align:left;max-height:50vh;overflow-y:auto}.board-list li{display:flex;justify-content:space-between;padding:10px 8px;border-bottom:1px solid var(--border)}.board-list li .rank{color:var(--muted);width:28px}.board-list li .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-list li .sc{color:var(--accent);font-weight:700}.board-empty{color:var(--muted);padding:20px}#nick-input,#nickmodal input{width:100%;padding:13px;border-radius:12px;border:1px solid var(--border);background:#0000004d;color:var(--fg);font-size:16px;margin:14px 0 6px;text-align:center}.hint{color:var(--muted);font-size:13px}.err{color:var(--bad);font-size:13px;min-height:16px}#proto-canvas{position:absolute;inset:0}#proto-panel{position:absolute;top:12px;right:12px;width:min(86vw,300px);background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px 18px;font-size:13px}#proto-panel h3{margin-bottom:4px}.proto-hint{color:var(--muted);font-size:12px;margin-bottom:12px}#proto-panel label{display:block;margin:10px 0 3px;color:var(--muted)}#proto-panel label.row{display:flex;align-items:center;gap:8px;color:var(--fg)}#proto-panel output{color:var(--accent);font-weight:700}#proto-panel input[type=range]{width:100%}.proto-readout{margin:14px 0;line-height:1.7}.proto-readout b{color:var(--accent)}#proto-reset{margin-top:6px}