:root{--bg: #0b1020;--panel: #131a2e;--panel-2: #1b2440;--ink: #dbe4ff;--dim: #7583ad;--green: #7ee787;--gold: #ffd166;--orange: #ffab70;--cw: 21px;--ch: 32px;--mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 20% 0%,#17203c 0%,var(--bg) 55%);color:var(--ink);font-family:var(--mono)}#app{display:flex;justify-content:center;min-height:100vh}.screen{display:flex;flex-direction:column;align-items:center;padding:40px 24px;gap:14px;width:100%;max-width:860px}.logo{margin:0;font-size:44px;letter-spacing:.28em;color:var(--green);text-shadow:0 0 24px rgba(126,231,135,.35)}.tagline{margin:0;color:var(--dim)}.avatar-pick p{text-align:center;color:var(--dim);margin:6px 0}.avatar-row{display:flex;gap:18px}.avatar-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 26px;background:var(--panel);color:var(--ink);border:2px solid var(--panel-2);border-radius:14px;font-family:inherit;font-size:15px;cursor:pointer;transition:transform .1s,border-color .1s}.avatar-btn:hover{transform:translateY(-2px)}.avatar-btn.picked{border-color:var(--green);box-shadow:0 0 18px #7ee78740}.avatar-btn small{color:var(--dim)}.avatar-emoji{font-size:34px}.final-score{width:100%;max-width:560px;padding:14px 18px;text-align:center;background:linear-gradient(180deg,#ffd1661f,#ffd1660a);border:1px solid rgba(255,209,102,.55);border-radius:12px;box-shadow:0 0 30px #ffd1661f}.final-score-title{color:var(--gold);letter-spacing:.14em;font-size:12.5px}.final-score-line{margin-top:6px;font-size:16px}.final-score-line b{color:var(--gold);font-size:20px}.final-score-sub{margin-top:4px;color:var(--dim);font-size:11.5px}.players{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%;max-width:560px;padding:9px 12px;background:var(--panel);border:1px solid var(--panel-2);border-radius:10px}.players-label{color:var(--dim);font-size:10.5px;letter-spacing:.16em}.players-spacer{flex:1}.player-chip{padding:5px 12px;background:var(--panel-2);color:var(--ink);border:1px solid #2c3a63;border-radius:20px;font-family:inherit;font-size:12.5px;cursor:pointer}.player-chip:hover{border-color:var(--green)}.player-chip.active{background:#7ee78729;border-color:var(--green);color:var(--green);font-weight:700}.player-input{width:108px;padding:5px 10px;background:transparent;color:var(--ink);border:1px dashed #3a466e;border-radius:20px;font-family:inherit;font-size:12.5px}.player-input:focus{outline:none;border-color:var(--green);border-style:solid}.mini-btn{padding:4px 9px;background:transparent;color:var(--dim);border:1px solid transparent;border-radius:7px;font-family:inherit;font-size:11px;cursor:pointer}.mini-btn:hover{color:#ff8a95;border-color:#5a2730}.mini-btn.armed{color:#fff1f0;background:#a02330;border-color:#d43a4a}.who-card{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px;padding:28px 40px;background:var(--panel);border:1px solid var(--green);border-radius:16px;box-shadow:0 0 40px #7ee78726}.who-title{font-size:20px;color:var(--ink)}.who-sub{margin:0;color:var(--dim);font-size:12.5px}.add-player{display:flex;gap:8px;align-items:center}.who-card .player-input{width:200px;padding:9px 14px;font-size:14px}.who-go{padding:9px 18px;background:#7ee78729;color:var(--green);border:1px solid var(--green);border-radius:20px;font-family:inherit;font-size:13px;cursor:pointer}.who-existing{margin-top:6px;color:var(--dim);font-size:12px}.world-block{width:100%;max-width:560px;margin-top:12px}.world-label{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px;color:var(--gold);letter-spacing:.2em;font-size:13px}.world-sub{color:var(--dim);letter-spacing:.05em;font-size:11.5px}.world-stars{margin-left:auto;color:var(--dim);letter-spacing:.05em;font-size:11.5px}.level-list{display:flex;flex-direction:column;gap:8px;width:100%;max-width:560px}.level-btn{display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;gap:12px;padding:10px 16px;background:var(--panel);color:var(--ink);border:1px solid var(--panel-2);border-radius:10px;font-family:inherit;font-size:14px;cursor:pointer;text-align:left}.level-btn:hover{border-color:var(--green)}.level-num{color:var(--green);font-weight:700}.level-stars{color:var(--gold)}.level-best{color:var(--dim);font-size:12px}.foot{color:var(--dim);font-size:13px}.game-screen{gap:10px}.hud{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px;padding:10px 14px;background:var(--panel);border:1px solid var(--panel-2);border-radius:12px;font-size:13px}.hud-left{display:flex;gap:10px;align-items:baseline}.hud-world{color:var(--gold)}.hud-title{color:var(--ink)}.hud-keys kbd,kbd{display:inline-block;min-width:20px;padding:2px 7px;margin:0 2px;background:var(--panel-2);border:1px solid #2c3a63;border-bottom-width:3px;border-radius:6px;color:var(--green);font-family:inherit;font-size:12px;text-align:center}.hud-right{display:flex;gap:10px;align-items:center}.hud-score{color:var(--dim)}.hud-score b{color:var(--ink);font-size:15px}.hud-pending{color:var(--gold);min-width:3ch;text-align:right}.hud-mode{padding:3px 10px;border-radius:6px;font-weight:700;letter-spacing:.08em;font-size:11px}.hud-mode.normal{background:#7ee78726;color:var(--green)}.hud-mode.insert{background:#ffab702e;color:var(--orange)}.hud-keys-label{color:var(--dim);font-size:11px;margin-right:4px;letter-spacing:.1em}kbd.new{color:var(--gold);border-color:#5a4a1e;box-shadow:0 0 8px #ffd16640}.icon-btn{padding:4px 9px;background:var(--panel-2);color:var(--dim);border:1px solid #2c3a63;border-radius:7px;font-family:inherit;font-size:13px;cursor:pointer}.icon-btn:hover{color:var(--ink);border-color:var(--green)}.goal-bar{width:100%;padding:8px 16px;background:#ffd16612;border:1px solid rgba(255,209,102,.25);border-radius:10px;color:var(--gold);font-size:13.5px}.goal-bar b{letter-spacing:.12em}.toolkit{width:100%;padding:9px 14px;background:var(--panel);border:1px solid var(--panel-2);border-radius:10px;font-size:12px;line-height:2}.toolkit-label{color:var(--dim);letter-spacing:.14em;font-size:11px;margin-right:8px;text-transform:uppercase}.toolkit kbd{cursor:help}.toolkit-note{display:block;color:var(--dim);font-size:11px;line-height:1.4}.brief-card{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:480px;padding:26px 36px;background:var(--panel);border:1px solid var(--gold);border-radius:16px;box-shadow:0 0 40px #ffd16626;text-align:center}.brief-kicker{color:var(--gold);letter-spacing:.3em;font-size:11px}.brief-title{color:var(--ink);font-size:21px;font-weight:700}.brief-intro{margin:0;color:var(--dim);font-size:13px;line-height:1.55}.brief-goal{padding:8px 14px;background:#ffd16614;border:1px solid rgba(255,209,102,.3);border-radius:9px;color:var(--gold);font-size:13.5px}.brief-keys,.brief-pars{color:var(--dim);font-size:12px}.brief-mode{padding:6px 12px;background:#7ee78712;border:1px solid rgba(126,231,135,.22);border-radius:8px;color:var(--green);font-size:12px;line-height:1.5}.locked-par{cursor:help;opacity:.75}.grid-frame{position:relative;padding:26px 30px;background:var(--panel);border:1px solid var(--panel-2);border-radius:14px;box-shadow:0 10px 40px #0006}.grid{position:relative;font-size:17px;line-height:var(--ch)}.row{height:var(--ch);white-space:nowrap}.cell{display:inline-block;width:var(--cw);height:var(--ch);text-align:center;vertical-align:top}.cursor{position:absolute;top:0;left:0;width:var(--cw);height:var(--ch);background:#7ee78747;outline:1px solid rgba(126,231,135,.7);border-radius:5px;transition:transform 80ms ease-out;z-index:1}.cursor.insert{width:3px;background:var(--orange);outline:none;border-radius:2px}.avatar{position:absolute;top:0;left:0;font-size:19px;transition:transform .11s ease-out;z-index:2;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.spark{color:#201a08;background:var(--gold);border-radius:4px;box-shadow:0 0 12px #ffd166bf;animation:pulse 1.2s ease-in-out infinite}.spark-got{color:var(--green);background:#7ee78721;border-radius:4px}.spark.spark-wait{background:#ffd16629;color:var(--gold);box-shadow:none;animation:none}.spark.spark-next{box-shadow:0 0 14px #ffd166f2,0 0 30px #ffd16666}.wire{color:#fff1f0;background:#a02330;border-radius:4px;box-shadow:0 0 12px #e040508c;animation:buzz .9s steps(2,end) infinite}@keyframes buzz{0%,to{background:#a02330}50%{background:#d43a4a}}.grid-frame.zapped{animation:shake .4s ease-in-out;border-color:#d43a4a}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.legend{display:flex;flex-wrap:wrap;gap:16px;width:100%;padding:7px 16px;background:var(--panel);border:1px solid var(--panel-2);border-radius:10px;font-size:11.5px}.lg-spark{color:var(--gold)}.lg-wire{color:#ff8a95}.lg-tip{color:var(--dim)}.goal-cell{color:var(--green);text-shadow:0 0 12px rgba(126,231,135,.9);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.cell.match{box-shadow:inset 0 -2px 0 var(--green)}.cell.match:not(.spark):not(.spark-got):not(.wire){background:#7ee78738;border-radius:3px}.hud-mode.cmd-bar{background:#7ee78726;color:var(--green)}.cmd-bar{width:100%;padding:10px 16px;background:#0a0f1e;border:1px solid var(--green);border-radius:10px;color:var(--green);font-size:15px;letter-spacing:.03em}.cmd-bar.hidden{display:none}.hud-mode.rec{background:#a02330;color:#fff1f0;animation:pulse 1s ease-in-out infinite}.buf-label{margin-bottom:8px;color:var(--dim);font-size:10.5px;letter-spacing:.16em}.grid-frame[data-buf]{transition:border-color .15s,opacity .15s}.grid-frame[data-buf]:not(.buf-active):has(+.grid-frame),.grid-frame[data-buf="1"]:not(.buf-active){opacity:.62}.grid-frame.buf-active{border-color:var(--green);opacity:1}.trow.thead{margin-top:6px;color:var(--dim);font-size:10.5px;letter-spacing:.16em}.export-btn{padding:6px 14px;background:transparent;color:var(--dim);border:1px dashed #3a466e;border-radius:8px;font-family:inherit;font-size:12px;cursor:pointer}.export-btn:hover{color:var(--green);border-color:var(--green)}.target-frame{width:100%;padding:12px 16px;background:var(--panel);border:1px dashed #2c3a63;border-radius:12px}.target-label{margin-bottom:8px;color:var(--dim);font-size:10.5px;letter-spacing:.16em}.target-text{font-size:14px;line-height:1.75}.trow{white-space:pre}.tmark{display:inline-block;width:18px;opacity:.8}.trow.done{color:var(--green);opacity:.55}.trow.todo{color:var(--gold)}.msg{width:100%;min-height:46px;padding:12px 16px;background:var(--panel);border:1px solid var(--panel-2);border-radius:12px;font-size:13.5px;line-height:1.45;color:var(--ink)}.msg.beep{color:var(--orange)}.msg.hint{color:var(--gold)}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0b1020d1;backdrop-filter:blur(2px);z-index:5}.overlay.hidden{display:none}.clear-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 40px;background:var(--panel);border:1px solid var(--green);border-radius:16px;box-shadow:0 0 40px #7ee7872e}.clear-title{color:var(--green);letter-spacing:.25em;font-weight:700}.stars{font-size:34px;color:var(--gold);text-shadow:0 0 16px rgba(255,209,102,.6)}.stars .dim,.stars.dim{color:#3a466e;text-shadow:none}.stars.big{font-size:48px}.clear-info{color:var(--dim);font-size:13px}.clear-actions{margin-top:6px;font-size:13px;color:var(--ink)}.coming{color:var(--gold);letter-spacing:.15em;font-size:13px}.cell.vsel{background:#7eb4e752;border-radius:3px}.hud-mode.visual{background:#7eb4e733;color:#9ec7f0}.hud-mode.replace{background:#e06cf02e;color:#e0aef0}.row.scroll-edge{color:var(--dim);font-size:11.5px;letter-spacing:.12em;line-height:var(--ch)}.board-slot{margin:10px 0 4px}.board-hint{color:var(--dim);font-size:13px}.board{background:var(--panel);border:1px solid var(--panel-2);border-radius:6px;padding:8px 12px;min-width:260px;text-align:left}.board-title{color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;letter-spacing:.14em;margin-bottom:6px}.b-row{display:flex;gap:10px;font-size:13.5px;line-height:1.7}.b-row.you{color:var(--green)}.b-rank{color:var(--dim);min-width:2ch;text-align:right}.b-handle{flex:1}.b-score{color:var(--gold)}.b-empty{color:var(--dim);font-size:13px}.pilot-form{display:flex;flex-direction:column;gap:8px;margin-top:10px}.pilot-form input{background:var(--panel);color:var(--ink);border:2px solid var(--panel-2);border-radius:6px;padding:8px 10px;font-family:var(--mono);font-size:14px}.pilot-form input:focus{outline:none;border-color:var(--green)}.pilot-err{color:var(--orange);font-size:13px;min-height:1.2em}.pilot-actions{display:flex;gap:8px;align-items:center}.support-link{color:var(--dim)}.overall-slot{margin:6px auto 22px;max-width:660px}.board.overall{width:100%}