:root{
  --bg:#071016;--panel:#0b1722;--panel2:#102232;--ink:#e8f0f7;--muted:#8ba1b3;
  --line:#294052;--bold:#7890a2;--accent:#50d5c3;--accent2:#7eb8ff;--danger:#ff7385;
  --good:#68d391;--related:#102b3c;--same:#173b4c;--selected:#235269;--shadow:0 22px 70px rgba(0,0,0,.34)
}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 6%,#0e3440 0,transparent 28%),radial-gradient(circle at 90% 0,#142b48 0,transparent 30%),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,select,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.topbar{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{color:var(--ink);text-decoration:none;font-weight:850;letter-spacing:-.03em}.brand .dot,.game-head h1 span{color:var(--accent)}.nav{display:flex;gap:14px}.nav a{color:var(--muted);text-decoration:none;font-size:.9rem}.nav a:hover{color:var(--ink)}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto 42px}.game-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin:18px 0}.eyebrow{margin:0 0 6px;color:var(--accent);font-size:.72rem;font-weight:850;letter-spacing:.14em}.game-head h1{font-size:clamp(2.4rem,5vw,4.6rem);line-height:.9;margin:0;letter-spacing:-.06em}.game-head p.sub{margin:.65rem 0 0;color:var(--muted)}.btn,select,input{border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:12px;padding:10px 12px}.btn{cursor:pointer;transition:border-color .15s ease,transform .15s ease,background .15s ease}.btn:hover{border-color:#4f7187}.btn:active{transform:scale(.985)}.btn.primary,.btn.active{background:var(--accent);color:#061316;border-color:var(--accent);font-weight:850}.btn.mini{padding:7px 9px;border-radius:9px;font-size:.72rem}.layout{display:grid;grid-template-columns:minmax(320px,650px) minmax(270px,1fr);gap:22px}.game-card,.side-card{background:linear-gradient(180deg,rgba(17,36,53,.97),rgba(8,24,36,.97));border:1px solid rgba(120,144,162,.22);border-radius:24px;box-shadow:var(--shadow)}.game-card{padding:20px}.meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.chip{border:1px solid var(--line);background:#091923;border-radius:999px;padding:7px 10px;color:var(--muted);font-size:.8rem}.chip strong{color:var(--ink)}.board-wrap{position:relative;aspect-ratio:1;width:100%;background:var(--bold);padding:4px;border-radius:18px;overflow:hidden}.board{height:100%;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);gap:1px;background:var(--line);border-radius:14px;overflow:hidden}.cell{position:relative;border:0;background:#0d1d2a;color:var(--accent2);display:grid;place-items:center;font-size:clamp(1.6rem,5vw,2.75rem);font-weight:780;cursor:pointer;padding:0;user-select:none;touch-action:manipulation;outline:none}.cell.given{color:#f0f6fb;font-weight:900}.cell.related{background:var(--related)}.cell.same{background:var(--same)}.cell.selected{background:var(--selected);box-shadow:inset 0 0 0 3px var(--accent);z-index:2}.cell.error{color:var(--danger)}.cell:focus-visible{box-shadow:inset 0 0 0 3px var(--accent2);z-index:3}.cell.box-right{border-right:3px solid var(--bold)}.cell.box-bottom{border-bottom:3px solid var(--bold)}.notes-grid{position:absolute;inset:5px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);color:#8fa4b8;font-size:clamp(.55rem,1.7vw,.85rem);font-weight:700}.note{display:grid;place-items:center}.pause-cover{position:absolute;inset:4px;z-index:5;border-radius:14px;background:rgba(7,16,22,.96);display:grid;place-items:center;text-align:center}.pause-cover[hidden]{display:none}.pause-cover span{display:block;color:var(--muted);font-size:.72rem;font-weight:850;letter-spacing:.18em;margin-bottom:14px}.number-pad{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:14px}.number{border:1px solid #24465c;background:#102b3c;color:var(--accent);border-radius:12px;aspect-ratio:1.25;font-size:1.35rem;font-weight:900;cursor:pointer;touch-action:manipulation}.number:disabled{opacity:.28;cursor:default}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.message{min-height:26px;margin-top:10px;text-align:center;color:var(--muted);font-weight:750}.message.good{color:var(--good)}.message.bad{color:var(--danger)}.side{display:grid;gap:14px;align-content:start}.side-card{padding:16px}.side-card h2{font-size:1rem;margin:0 0 12px}.setup{display:grid;grid-template-columns:1fr;gap:8px}.field{display:grid;gap:6px}.field>span{color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.field select,.field input{width:100%;min-width:0}.subtle{font-size:.82rem;line-height:1.5;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.metric{background:#081824;border:1px solid rgba(120,144,162,.18);padding:10px;border-radius:12px}.metric small{display:block;color:var(--muted);font-size:.67rem;text-transform:uppercase;letter-spacing:.08em}.metric strong{display:block;margin-top:3px}.footer-note{margin-top:18px;color:var(--muted);font-size:.78rem}.arcade-card{border-color:rgba(80,213,195,.34);background:linear-gradient(180deg,rgba(11,31,42,.98),rgba(5,20,29,.98))}.arcade-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.arcade-head small{display:block;color:var(--accent);font-size:.62rem;font-weight:900;letter-spacing:.15em;margin-bottom:4px}.arcade-head h2{margin:0;font-size:1.15rem;letter-spacing:.01em}.arcade-tag{border:1px solid rgba(80,213,195,.46);background:#071b20;color:var(--accent);border-radius:999px;padding:6px 9px;font:800 .67rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;white-space:nowrap}.arcade-tag.unset{color:var(--muted);border-color:var(--line)}.leader-columns,.leader-row{display:grid;grid-template-columns:36px minmax(0,1fr) 76px;align-items:center;gap:8px}.leader-columns{padding:0 8px 7px;color:#5f7c89;font:800 .58rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.leader-columns span:last-child,.leader-time{text-align:right}.leaderboard-rows{border:1px solid rgba(80,213,195,.2);background:#06151d;min-height:96px}.leader-row{padding:9px 8px;border-bottom:1px solid rgba(120,144,162,.12);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.leader-row:last-child{border-bottom:0}.leader-row.you{background:rgba(80,213,195,.08);box-shadow:inset 3px 0 0 var(--accent)}.leader-rank{color:#607d8b;font-size:.7rem}.leader-tag{color:#dceef2;letter-spacing:.12em}.leader-time{color:var(--accent);font-weight:850}.leader-empty,.leader-loading{padding:28px 10px;text-align:center;color:#607d8b;font:800 .68rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.arcade-actions{display:flex;justify-content:flex-end;margin-top:8px}.arcade-status{margin-top:8px;color:#6f8792;font-size:.72rem;line-height:1.4}.arcade-status.good{color:var(--good)}.arcade-status.bad{color:var(--danger)}.tag-dialog{width:min(430px,calc(100% - 24px));padding:0;border:1px solid rgba(80,213,195,.38);border-radius:20px;background:#07141d;color:var(--ink);box-shadow:0 30px 100px rgba(0,0,0,.62)}.tag-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.tag-dialog-shell{padding:22px}.tag-dialog h2{margin:0;font-size:1.8rem}.finish-time{margin:14px 0 18px;color:var(--accent);font:900 clamp(2.2rem,10vw,3.4rem) ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.tag-dialog input{text-transform:uppercase;letter-spacing:.14em;font:800 1rem ui-monospace,SFMono-Regular,Menlo,monospace}.tag-help{min-height:38px;color:var(--muted);font-size:.78rem;line-height:1.45}.tag-help.bad{color:var(--danger)}.tag-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
@media(max-width:850px){.layout{grid-template-columns:1fr}.side{grid-template-columns:1fr 1fr}.actions{grid-template-columns:repeat(4,1fr)}.arcade-card{grid-column:1/-1}}
@media(max-width:560px){.topbar,.game-head{align-items:flex-start;flex-direction:column}.shell,.topbar{width:min(100% - 20px,1180px)}.game-card{padding:12px}.side{grid-template-columns:1fr}.actions{grid-template-columns:repeat(2,1fr)}.number{aspect-ratio:1}.nav{display:none}.meta{gap:5px}.chip{font-size:.72rem;padding:6px 8px}.arcade-card{grid-column:auto}.tag-dialog-shell{padding:18px}.tag-dialog-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}