:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#0f172a;background:#eef2ff;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes pieceMove{0%{transform:scale(1);opacity:1}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes tileFlash{0%{filter:none}50%{filter:brightness(1.15)}to{filter:none}}*{box-sizing:border-box}body{margin:0;min-width:320px}#root{min-height:100vh}.app{min-height:100vh;padding:1rem;display:grid;gap:1rem;grid-template-columns:320px minmax(320px,640px);justify-content:center;align-items:start}.panel{display:flex;flex-direction:column;gap:.75rem;background:#fff;border-radius:12px;padding:1rem;border:1px solid #cbd5e1}.panel h1{margin:0;font-size:1.5rem}.panel label{display:flex;flex-direction:column;gap:.35rem;font-size:.95rem}.checkbox-line{flex-direction:row!important;align-items:center;gap:.55rem!important}.checkbox-line input{accent-color:#1d4ed8}.panel select,.panel button{border:1px solid #94a3b8;background:#f8fafc;color:#0f172a;border-radius:8px;padding:.55rem .7rem;font-size:.95rem}.panel button{cursor:pointer}.status{margin:0;font-weight:600}.status.error{color:#b91c1c}.online-actions{display:grid;gap:.55rem}.join-room{display:grid;gap:.5rem;grid-template-columns:1fr auto}.join-room input{border:1px solid #94a3b8;background:#f8fafc;color:#0f172a;border-radius:8px;padding:.55rem .7rem;font-size:.95rem}.promotion-box{margin-top:.5rem;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;padding:.75rem}.promotion-box p{margin:0 0 .6rem;font-weight:600}.promotion-actions{display:grid;gap:.45rem;grid-template-columns:repeat(2,minmax(0,1fr))}.board{width:min(92vw,640px);aspect-ratio:1;border:2px solid #334155;border-radius:8px;overflow:hidden;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr)}.tile{border:none;margin:0;padding:0;width:100%;height:100%;position:relative;display:grid;place-items:center;cursor:pointer;font-size:clamp(1.6rem,4vw,3rem)}.tile.light{background:#f1f5f9}.tile.dark{background:#94a3b8}.tile.light.fogged{background:#cbd5e1}.tile.dark.fogged{background:#475569}.tile.selected{outline:3px solid #1d4ed8;outline-offset:-3px}.tile.target{box-shadow:inset 0 0 0 4px #22c55e66}.tile.last-from{box-shadow:inset 0 0 0 4px #f59e0b80;animation:tileFlash 1.2s ease-in-out}.tile.last-to{box-shadow:inset 0 0 0 4px #ef444480;animation:tileFlash 1.2s ease-in-out}.piece{line-height:1;transition:transform .12s ease-in-out,opacity .12s ease-in-out}.piece.moving{animation:pieceMove 1.2s ease-in-out}.piece.intel-piece{opacity:.7}.intel-counter{position:absolute;top:4px;right:4px;min-width:1.15rem;height:1.15rem;border-radius:999px;background:#111827;color:#f8fafc;font-size:.72rem;font-weight:700;display:grid;place-items:center;line-height:1}@media(max-width:900px){.app{grid-template-columns:1fr;justify-items:center}.panel{width:min(92vw,640px)}}