:root{font-family:Inter,ui-rounded,Noto Sans,system-ui,sans-serif;color:#f8f1ff;background:#151126;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;background:radial-gradient(circle at 50% -10%,rgba(143,107,210,.5),transparent 42%),linear-gradient(180deg,#241d3a,#151126 70%)}button{font:inherit}.app-shell{width:min(100%,520px);min-height:100dvh;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom))}header{text-align:center}.eyebrow{color:#e8badd;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;margin:0 0 8px}h1{font-family:Georgia,serif;margin:0;font-size:clamp(2rem,9vw,3rem)}.subtitle{color:#cabfdd;max-width:34rem;margin:10px auto 18px}.status-card,.diagnostics{border:1px solid rgba(255,255,255,.14);background:#0b081694;box-shadow:0 18px 50px #00000040;border-radius:16px}.status-card{display:grid;gap:6px;padding:12px 14px;font-size:.78rem}.sha{overflow-wrap:anywhere;color:#cfc5df}.board-panel{margin:18px 0}.hint{min-height:1.4em;text-align:center;color:#eadbb7;margin:0 0 10px}.board{aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);border:6px solid #7c5a43;border-radius:8px;overflow:hidden;box-shadow:0 18px 45px #0006}.cell{border:0;display:grid;place-items:center;min-width:0;touch-action:manipulation}.cell.light{background:#e9dcc2}.cell.dark{background:#786d98}.cell.selected{outline:4px solid #ffd56a;outline-offset:-4px}.placeholder{width:48%;aspect-ratio:1;border-radius:50% 50% 42% 42%;background:#1f18347a;box-shadow:inset 0 0 0 2px #fff3}.diagnostics{padding:14px;display:grid;grid-template-columns:1fr auto;gap:10px}.diagnostics h2,.diagnostics p{margin:0}.diagnostics p{color:#b9aecb;font-size:.78rem;margin-top:3px}.diagnostics button{border:0;border-radius:10px;padding:8px 12px;background:#e8badd;color:#24172d;font-weight:700}.diagnostics pre{grid-column:1 / -1;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#cfc5df;font-size:.72rem;margin:0;max-height:10rem}@media(min-height:840px){.app-shell{display:grid;align-content:center}}