:root{color:#eaf1ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#425fbb57,#0000 24%),radial-gradient(circle at 80% 20%,#00c2ff1a,#0000 20%),linear-gradient(#0a0f18 0%,#05070c 100%);font-family:Satoshi,Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100vh}body{margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#8dade80f 1px,#0000 1px),linear-gradient(90deg,#8dade80f 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000bf,#0000 85%);mask-image:linear-gradient(#000000bf,#0000 85%)}#root{width:min(1280px,100% - 24px);margin:0 auto;padding:20px 0 40px}h1{letter-spacing:-.04em;color:#f5f8ff;font-size:clamp(2.2rem,4vw,4.1rem);line-height:.98}h2,p{margin:0}.app-shell{grid-template-columns:minmax(0,1.7fr) minmax(320px,.95fr);align-items:start;gap:24px;display:grid}.board-panel,.control-panel{position:relative}.board-panel{background:radial-gradient(circle at 0 0,#517dff2e,#0000 28%),radial-gradient(circle at 100% 100%,#6df0ff14,#0000 30%),linear-gradient(160deg,#0e1522fa,#070b13f5);border:1px solid #9ab0d324;border-radius:30px;padding:28px;box-shadow:0 30px 80px #0000006b}.board-hero{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.panel-copy{text-align:left}.eyebrow{color:#7cc7ff;letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;font-size:.82rem;font-weight:700}.panel-copy h1{margin:0}.intro{max-width:62ch;margin-top:12px}.hero-badges{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.hero-badges span,.turn-pill{color:#d8e5ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #84a4d633;border-radius:999px;padding:8px 12px;font-size:.84rem}.board-frame{background:linear-gradient(#131d2de6,#0a0f18eb);border:1px solid #84a4d61f;border-radius:24px;padding:20px}.board-header{text-align:left;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.board-header strong{color:#f4f8ff;margin-top:4px;font-size:1.15rem;display:block}.section-kicker{color:#7d91b4;text-transform:uppercase;letter-spacing:.12em;font-size:.84rem}.turn-pill.thinking{color:#99f1ff;border-color:#64ceff61}.board-caption{color:#8fa2c2;text-align:left;margin-bottom:18px}.board-wrap{justify-content:center;display:flex}.control-panel{flex-direction:column;gap:16px;display:flex}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.info-tile,.status-card,.control-card,.move-card,.meta-card,.version-card{text-align:left;background:linear-gradient(#101826f2,#090d15f2);border:1px solid #91a9cf1f;border-radius:22px;padding:18px;box-shadow:0 18px 40px #00000038}.accent-card{background:radial-gradient(circle at 100% 0,#4c74ff38,#0000 34%),linear-gradient(#111b2cfa,#0a0f17f5)}.status-card strong{color:#f3f7ff;margin:6px 0 8px;font-size:1.25rem;display:block}.info-tile strong,.control-card h2,.move-card h2,.version-card h2{color:#f3f7ff}.info-tile span,.status-card span,.meta-card p,.version-card p,.intro,.empty-moves,.label{color:#92a4c3}.label{margin:0 0 10px;font-size:.92rem;font-weight:600;display:block}.info-tile span{margin-bottom:8px;font-size:.84rem;display:block}.info-tile strong{font-size:1rem}.card-heading h2,.version-card h2{margin:0;font-size:1.24rem}.control-stack{flex-direction:column;gap:18px;display:flex}.field-group{flex-direction:column;gap:10px;display:flex}.control-card label{color:#d7e2f7;font-weight:600;display:block}.field-label{color:#d7e2f7;font-size:.94rem;font-weight:600}.control-card select,.control-card button{width:100%}.copy-message{color:#9ee7ff;font-size:.9rem}.move-list{flex-direction:column;gap:8px;max-height:220px;margin:14px 0 0;padding:0;list-style:none;display:flex;overflow:auto}.move-list li{background:#ffffff0a;border-radius:12px;grid-template-columns:36px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;display:grid}.move-list span{color:#7d91b4;font-variant-numeric:tabular-nums}.move-list strong{color:#edf4ff;overflow-wrap:anywhere;min-width:0;font-size:.95rem}.empty-moves{margin-top:12px}.button-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}button,select{min-height:46px;font:inherit;border:1px solid #829cc729;border-radius:14px}button{color:#edf4ff;cursor:pointer;background:linear-gradient(#1d283df5,#131b29f5);transition:transform .12s,box-shadow .12s,border-color .12s,background .12s}button:hover:enabled{border-color:#7bafff57;transform:translateY(-1px);box-shadow:0 12px 28px #00000047}button:disabled,select:disabled{cursor:not-allowed;opacity:.7}button.active,button.primary{color:#f8fbff;background:linear-gradient(135deg,#6a89ff,#3f62ff);border-color:#0000}select{color:#eef4ff;background:#0f1827f5;padding:0 14px}.meta-card p{margin:0}.meta-card p+p,.version-card p+p{margin-top:10px}@media (width<=1024px){.app-shell{grid-template-columns:1fr}.board-hero,.board-header{flex-direction:column;align-items:flex-start}.hero-badges{justify-content:flex-start}}@media (width<=700px){.board-panel{border-radius:22px;padding:18px}.board-frame{padding:14px}.info-grid,.button-row{grid-template-columns:1fr}}