*{box-sizing:border-box}body{margin:0;background:#17202a;color:#f7f7f7;font:16px system-ui}main{width:min(620px,100%);margin:1.5rem auto;padding:0 1rem}h1{text-align:center;letter-spacing:.2em}.panel{background:#263544;border-radius:10px;padding:1rem;margin-bottom:1rem}.turn,.check,.result{font-weight:800;font-size:1.35rem;margin-top:.4rem}.turn{color:#86efac}.check{color:#fca5a5}.result{color:#fde68a}.instruction{margin-top:.45rem;color:#dbeafe}.notice{margin-top:.6rem;color:#fcd34d;font-weight:700}.error{margin-top:.7rem;padding:.6rem;border-radius:6px;background:#7f1d1d;color:#fee2e2}.board{width:min(580px,100%);aspect-ratio:1 / 1;margin:auto}.captured{min-height:2rem;padding:.35rem;color:#fcd34d;letter-spacing:.15rem}.captured span{font-size:1.35rem}.actions,.draw-card{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin:1rem 0}.actions button,.draw-card button,.promotion button{padding:.65rem;border:0;border-radius:5px}.draw-card{background:#334155;padding:.8rem}button{cursor:pointer}.result-card{background:#263544;border:1px solid #64748b;border-radius:12px;padding:1.25rem;margin:1rem 0;text-align:center;box-shadow:0 12px 30px #0004}.result-card h2{margin:.1rem 0 .35rem;font-size:1.8rem}.result-card p{margin:.25rem 0;color:#dbeafe}.result-card small{display:block;color:#fcd34d;margin:.5rem 0}.end-actions{display:flex;justify-content:center;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;padding:1rem}.modal{max-width:380px;background:#263544;border:1px solid #64748b;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 20px 60px #0008}.modal button{margin:.35rem;padding:.7rem 1rem;border:0;border-radius:6px}.modal button:last-child{background:#f59e0b}@media(max-width:480px){main{margin:.75rem auto}.panel{padding:.75rem}.turn,.check,.result{font-size:1.15rem}}