:root{--ground: #f4f6f7;--surface: #fff;--ink: #1c2833;--muted: #5c6b77;--line: #d5dde2;--line-soft: #e4eaed;--focus: #d97e00;--focus-soft: #f8e9d2;--fill: #1f8a70;--fill-soft: #d9efe9;--cover: #dfe6ea;--hover: #f8e9d2}@media (prefers-color-scheme: dark){:root{--ground: #12181d;--surface: #1a222a;--ink: #e9eef2;--muted: #8a99a5;--line: #2c3843;--line-soft: #232e38;--focus: #f0a93b;--focus-soft: #3a2e17;--fill: #4db89a;--fill-soft: #17332c;--cover: #0e1419;--hover: rgba(255, 255, 255, .28)}}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font:16px/1.5 Avenir Next,Segoe UI,system-ui,sans-serif}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-variant-numeric:tabular-nums}.app{max-width:1080px;margin:0 auto;padding:20px 24px 80px}header{text-align:center}header h1{margin:10px 0 2px;font-size:30px;letter-spacing:-.01em}.tag{color:var(--muted);margin:0 0 24px}.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:24px;max-width:640px;margin:0 auto}label{display:block;margin:16px 0;font-weight:600;font-size:14px}label input{display:block;width:100%;margin-top:6px;font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:var(--ground);color:var(--ink)}button{font:600 14px/1 inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:10px 16px;cursor:pointer}button.primary{background:var(--focus);border-color:var(--focus);color:#fff}button.primary:disabled{opacity:.55;cursor:default}button.ghost{border:none;background:none;color:var(--muted)}button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.rules{margin-top:0;font-size:14.5px;color:var(--muted)}.stats{margin-top:16px}.stats h3{color:var(--ink);font-size:14px;margin-bottom:4px}.stats p{font-size:14px;color:var(--muted);margin:4px 0}.row{display:flex;gap:10px;margin-top:12px}.nickrow{display:grid;grid-template-columns:3fr 2fr;gap:12px}.nickrow label{margin-bottom:6px}.passnote{margin:0;font-size:12.5px;color:var(--muted)}.namestatus{margin:8px 0 0;font-size:13px}.namestatus.ok{color:var(--fill)}.namestatus.bad{color:#d64541}.diffrow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.diff{padding:16px 0 12px;font-size:17px;text-transform:capitalize}.diff:hover:not(:disabled){border-color:var(--focus)}.diff:disabled{opacity:.4;cursor:not-allowed}.diff small{display:block;font-weight:400;font-size:12px;color:var(--muted);margin-top:4px}.playwrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}.playmain{display:flex;flex-direction:column;gap:18px;min-width:0}.sidebar{display:flex;flex-direction:column;gap:18px;position:sticky;top:16px}.hud{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.counter{font-size:18px;color:var(--muted)}.counter b{color:var(--ink);font-size:22px}.glances{color:var(--muted);margin-left:auto;font-size:13px}.strip{display:flex;flex-direction:column;gap:5px}.striplabel{text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600;color:var(--muted)}.slots{display:grid;grid-template-columns:repeat(9,1fr);gap:6px}.slot{position:relative;aspect-ratio:1;min-width:0;padding:0;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line);border-radius:5px;font-family:ui-monospace,SF Mono,Menlo,monospace;cursor:pointer}.slot .val{font-size:clamp(17px,2.4vw,26px);color:var(--muted);line-height:1}.slot.own .val{color:var(--fill);font-weight:600}.slot.given{cursor:default;background:var(--cover)}.slot.given .val{color:var(--ink);font-weight:700}.slot.selected{box-shadow:inset 0 0 0 2px var(--fill)}.slot.dirty .val{text-decoration:underline;text-underline-offset:3px}.pad{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.pad button{padding:14px 0;font-size:17px}.pad button:disabled{opacity:.4;cursor:default}.hint{color:var(--muted);font-size:13.5px;min-height:2.5em;margin:0}.memory{display:flex;flex-direction:column;gap:6px}.memcells{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.memslot{aspect-ratio:1}.memslot .val{color:var(--focus);font-weight:600}.nextbar{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px}.mapcaption{margin:0;font-size:13px;color:var(--muted)}.mapcaption b{color:var(--ink)}.legend{margin-left:10px;white-space:nowrap}.legend .sw{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:-1px}.legend .sw.cur{background:var(--fill)}.legend .sw.nxt{background:var(--focus)}.navpicker{display:grid;grid-template-columns:18px repeat(9,1fr);grid-template-rows:18px repeat(9,1fr);width:100%;aspect-ratio:1}.gut{border:none;border-radius:3px;padding:0;margin:1px;background:var(--line-soft);cursor:pointer;min-width:0}.gut:hover{background:var(--hover)}.gut.here{background:var(--fill);opacity:.55}.gut.on{background:var(--focus);opacity:1}.mini{border:none;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);border-radius:0;padding:0;background:var(--ground);cursor:pointer;min-width:0}.mini.bR{border-right:2px solid var(--muted)}.mini.bB{border-bottom:2px solid var(--muted)}.mini.cur{background:var(--fill);opacity:.45}.mini.nxt{background:var(--focus);opacity:.55}.mini.nxtbox{opacity:.9}.mini:hover{background:var(--hover)}.verbanner{margin:0;padding:10px 14px;border-radius:6px;font-size:14px;background:var(--focus-soft);color:var(--ink);border:1px solid var(--focus)}@media (max-width: 860px){.playwrap{grid-template-columns:1fr;gap:20px}.sidebar{position:static}.hint{display:none}.app{padding:16px 12px 80px}}.consent{font-size:12.5px;color:var(--muted);margin-top:16px}.leader{list-style:decimal inside;padding:0;margin:4px 0 0;font-size:14px}.leader li{display:flex;justify-content:space-between;gap:12px;padding:3px 0;border-bottom:1px solid var(--line-soft)}.leader li span:last-child{color:var(--muted)}.datapanel{position:fixed;bottom:0;left:0;right:0;display:flex;gap:12px;align-items:center;justify-content:center;padding:10px;background:var(--surface);border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}.orderdiag{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;background:var(--ground);border:1px solid var(--line-soft);border-radius:6px;padding:14px 16px;margin:16px 0}.odpart{display:flex;flex-direction:column;gap:6px}.odtitle{font-size:12px;font-weight:600;color:var(--ink)}.odnote{font-size:11.5px;color:var(--muted);max-width:210px}.odbox{fill:var(--surface);stroke:var(--line);stroke-width:1}.odnum{font-size:8px;fill:var(--muted);font-family:ui-monospace,Menlo,monospace}.odtiny{font-size:4.5px;fill:var(--muted);font-family:ui-monospace,Menlo,monospace}.odslot{fill:var(--surface);stroke:var(--line);stroke-width:.8}.odarrow{stroke:var(--focus);stroke-width:1.4;fill:none;stroke-linecap:round}.striphint{font-weight:400;color:var(--muted);text-transform:none;letter-spacing:0;margin-left:8px;font-size:10.5px}