:root{--ad-slot-width:160px}@media (width<=1200px){aside.ad{display:none}}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8fafc;--panel:#fff;--line:#e2e8f0;--text:#1e293b;--muted:#64748b;--accent:#22d3ee;--accent-strong:#0e7490;--board:#0b1120}body{background-color:var(--bg);color:var(--text);min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,sans-serif}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.header-brand{align-items:center;gap:10px;display:flex}.header-logo{width:32px;height:32px}.header-title{font-size:1.2rem;font-weight:700}.header-home{color:var(--muted);font-size:.9rem;text-decoration:none}.header-home:hover{color:var(--text)}main{grid-template-columns:var(--ad-slot-width) minmax(0, 900px) var(--ad-slot-width);justify-content:center;gap:24px;padding:24px 16px 48px;display:grid}main .game-column{flex-direction:column;align-items:center;gap:16px;display:flex}@media (width<=1200px){main{grid-template-columns:minmax(0,900px)}}.game-layout{justify-content:center;align-items:flex-start;gap:16px;display:flex}.side-panel{flex-direction:column;gap:12px;width:110px;display:flex}.panel{background-color:var(--panel);border:1px solid var(--line);text-align:center;border-radius:10px;padding:10px}.panel h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px;font-size:.72rem}.panel strong{font-variant-numeric:tabular-nums;font-size:1.1rem}.panel canvas{background-color:var(--board);border-radius:8px;margin:0 auto;padding:4px;display:block}.board-wrap{line-height:0;position:relative}#game{border:1px solid var(--line);background-color:var(--board);border-radius:8px;width:min(300px,84vw);height:auto}#overlay{text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background-color:#0f172ad9;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;line-height:1.5;display:flex;position:absolute;inset:0}#overlay.hidden{display:none}#overlay h2{color:var(--accent);font-size:1.6rem}#overlay p{color:#94a3b8;font-size:.95rem}.touch-controls{grid-template-columns:repeat(6,52px);gap:6px;display:none}.touch-controls button{background-color:var(--panel);height:52px;color:var(--text);border:1px solid var(--line);cursor:pointer;border-radius:10px;font-size:1.1rem}@media (pointer:coarse){.touch-controls{display:grid}}@media (width<=640px){.game-layout{flex-direction:column;align-items:center}.side-panel{flex-flow:wrap;justify-content:center;width:auto}}article{width:100%;max-width:680px;color:var(--muted);flex-direction:column;gap:20px;margin-top:24px;font-size:.95rem;line-height:1.7;display:flex}article h2{color:var(--text);border-bottom:1px solid var(--line);padding-bottom:6px;font-size:1.2rem}article ul{padding-left:20px}article table{border-collapse:collapse;width:100%;max-width:380px}article td,article th{border:1px solid var(--line);text-align:left;padding:6px 12px}article kbd{background-color:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:4px;padding:1px 6px;font-size:.85em}footer{text-align:center;color:var(--muted);border-top:1px solid var(--line);padding:24px;font-size:.85rem}footer a{color:var(--accent-strong)}