:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#071311;--panel:#0a1817d1;--panel-line:#c5efdd1f;--text:#eef7f2;--muted:#dfefe8b8;--accent:#f2c57a;--shadow:#00000052}*{box-sizing:border-box}html,body,#app{min-height:100%}html,body{margin:0}body{color:var(--text);background:radial-gradient(circle at 18% 16%,#f2c57a2e,#0000 24%),radial-gradient(circle at 82% 18%,#6ddbc224,#0000 20%),radial-gradient(circle at 52% 84%,#2c72642e,#0000 28%),linear-gradient(155deg,#04100f 0%,#081716 52%,#030807 100%);font-family:Bahnschrift,Aptos,Segoe UI,PingFang SC,sans-serif}body:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 18%,#0000 78%);mask-image:radial-gradient(circle,#000 18%,#0000 78%)}#app{padding:clamp(16px,3vw,30px);padding-bottom:max(clamp(16px, 3vw, 30px), env(safe-area-inset-bottom));grid-template-columns:minmax(320px,410px) 1fr;gap:clamp(16px,3vw,34px);display:grid}.panel-shell{border:1px solid var(--panel-line);background:linear-gradient(180deg, #ffffff0d, transparent 16%), var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 64px var(--shadow);border-radius:30px;align-self:start;gap:16px;padding:24px;display:grid}.eyebrow,.board-head__eyebrow,.result__tag,.stat-card span,.meta-item span{letter-spacing:.14em;text-transform:uppercase}.eyebrow,.board-head__eyebrow,.result__tag{color:var(--accent);margin:0;font-size:.78rem;font-weight:700}.panel-shell h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.2rem,4.8vw,3.8rem);line-height:.92}.summary,.hint,.board-tip{color:var(--muted);margin:0;line-height:1.72}.mode-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mode-button,button,select{font:inherit;border:none;border-radius:18px}.mode-button,button{cursor:pointer;padding:12px 16px;transition:transform .14s,box-shadow .14s,opacity .14s,background .14s}.mode-button{color:var(--text);background:#ffffff0f;font-weight:700;box-shadow:inset 0 0 0 1px #ffffff14}.mode-button.is-active,#new-game,#result-restart{color:#1c190d;background:linear-gradient(135deg,#f9ddb0,#f0b56a);box-shadow:0 14px 26px #f0b56a33}.button-secondary{color:var(--text);background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff14}.mode-button:hover,button:hover{transform:translateY(-1px)}.mode-button:active,button:active{transform:translateY(1px)}button:disabled,select:disabled{opacity:.5;cursor:not-allowed}.panel,.stat-card,.result__card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:24px}.panel{padding:16px}.panel--compact{gap:12px;display:grid}.panel__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel__head h2,.panel h2,.board-shell h2{letter-spacing:.04em;margin:0;font-size:1rem}.field{gap:8px;margin-bottom:14px;display:grid}.field span{color:var(--muted);font-size:.92rem}select{min-height:46px;color:var(--text);background:linear-gradient(#ffffff0d,#0000 60%),#ffffff0f;outline:none;padding:0 14px;box-shadow:inset 0 0 0 1px #ffffff14}.actions{flex-wrap:wrap;gap:10px;display:flex}.actions>*{flex:1 1 0}.pill,.turn-chip{border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:0 12px;font-size:.78rem;font-weight:700;display:inline-flex}.pill{color:#1c190d;background:linear-gradient(135deg,#fbe5b1,#efb261)}.pill--muted{color:var(--text);background:#ffffff14}.stats,.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stat-card,.meta-item{padding:14px 16px 16px}.stat-card span,.meta-item span{color:var(--muted);font-size:.72rem;display:block}.stat-card strong,.meta-item strong{margin-top:7px;font-size:clamp(1.18rem,1.8vw,1.9rem);display:block}.board-shell{min-height:calc(100vh - clamp(32px,6vw,60px));box-shadow:0 28px 76px var(--shadow);background:radial-gradient(circle at top,#f2c57a1a,#0000 24%),linear-gradient(#081812f5,#030a08);border:1px solid #ffffff14;border-radius:34px;align-content:start;gap:14px;padding:18px;display:grid}.board-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.board-head h2{letter-spacing:-.04em;margin-top:6px;font-size:clamp(1.6rem,3.4vw,2.4rem)}.turn-chip{color:#101114;background:linear-gradient(135deg,#f1f3f7,#b9c5d8);align-self:start}.turn-chip--black{color:#eef4ff;background:linear-gradient(135deg,#2a323f,#101317)}.turn-chip--thinking{color:#1a1c11;background:linear-gradient(135deg,#f5dfa8,#f09a57)}.canvas-frame{aspect-ratio:1;background:linear-gradient(135deg,#ffffff0a,#0000 26%),linear-gradient(#00000029,#00000014);border-radius:30px;width:min(100%,100vh - 180px);max-width:100%;margin-inline:auto;padding:clamp(10px,1.8vw,16px);position:relative;box-shadow:inset 0 0 0 1px #ffffff0f,0 20px 50px #00000038}#board{touch-action:none;border-radius:24px;width:100%;height:100%;display:block}.result{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050c0a6b;border-radius:30px;place-items:center;transition:opacity .16s;display:grid;position:absolute;inset:0}.result.hidden{opacity:0;pointer-events:none}.result__card{width:min(88%,420px);box-shadow:0 24px 60px var(--shadow);background:linear-gradient(#ffffff0f,#0000 18%),#0c1816f0;padding:24px}.result__card h3{letter-spacing:-.04em;margin:8px 0 0;font-size:clamp(1.8rem,4vw,2.5rem)}.result__card p:last-of-type{color:var(--muted);margin:12px 0 0;line-height:1.7}@media (width<=980px){#app{grid-template-columns:1fr}.board-shell{order:1;min-height:auto}.panel-shell{order:2}.canvas-frame{width:100%}}@media (width<=640px){#app{gap:14px;padding:14px}.panel-shell,.board-shell{border-radius:24px;padding:16px}.panel,.stat-card,.result__card{border-radius:20px}.stats,.meta-grid{grid-template-columns:1fr 1fr}.actions{flex-direction:column}}