:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#f7faff;background:#0c1728;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 5%,#16435380,transparent 50%),#0c1728}a{color:#a9e6d6;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;max-width:1140px;margin:auto;padding:24px}.brand{font-size:23px;font-weight:850;color:#ffce63}main{max-width:1140px;margin:auto;padding:16px 24px 24px}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.eyebrow{color:#a9e6d6;font-size:12px;font-weight:750;letter-spacing:2px}h1{font-size:clamp(36px,5vw,58px);letter-spacing:-2px;margin:8px 0}p{color:#b8c6d8;line-height:1.65;margin:8px 0}.tag{border:1px solid #405268;border-radius:99px;font-size:12px;padding:9px 14px;color:#b8c6d8}.layout{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(240px,1fr);gap:24px}.game-panel{background:#152338;border:1px solid #304054;border-radius:22px;padding:16px;min-width:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:4px 8px 18px;gap:8px;font-size:12px;color:#b8c6d8}.stats strong{display:block;font-size:25px;color:#ffce63;font-variant-numeric:tabular-nums;margin-top:3px}.board-wrap{position:relative;border-radius:14px;overflow:hidden;background:#0c1728}canvas{width:100%;height:auto;display:block;touch-action:none}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;text-align:center;background:#0c1728ed}.overlay[hidden]{display:none}.overlay-icon{font-size:50px}.overlay h2{font-size:clamp(23px,4vw,34px);margin:14px 0 4px;letter-spacing:-1px}.overlay p{max-width:350px;font-size:15px;margin-bottom:20px}button{font:inherit;font-weight:700;background:#20324a;border:1px solid #405268;color:#f7faff;border-radius:10px;padding:11px 15px;min-height:44px;cursor:pointer;touch-action:manipulation}button:hover{background:#304660}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ffce63;outline-offset:3px}.primary{background:#ffce63;color:#102443;border-color:#ffce63}.primary:hover{background:#ffe6a1}.game-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:14px}.game-footer span{margin-right:auto;font-size:13px;color:#a9e6d6}.game-footer button{font-size:12px;padding:8px 12px}.guide{padding:8px 6px}.guide h2{font-size:21px;letter-spacing:-.5px;margin:6px 0 22px}.legend{display:flex;gap:14px;margin:20px 0}.legend>span{font-size:27px}.legend strong{font-size:15px}.legend p,.tip,.small{font-size:13px}.tip{border-top:1px solid #304054;padding-top:18px}.controls{text-align:center;margin:22px 0 14px}.controls button{width:58px;height:52px;font-size:24px;margin:3px}.restart{width:100%;background:transparent}.small{text-align:center}footer{display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#b8c6d8;border-top:1px solid #304054;margin-top:36px;padding-top:22px}@media(max-width:800px){.layout{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column;gap:6px}.guide{padding-top:12px}.controls{margin-top:12px}aside{display:flex;flex-direction:column}.controls{order:-1}.game-panel{padding:12px}}@media(max-width:420px){header{padding:18px 14px}main{padding:12px 12px 24px}.stats strong{font-size:22px}.overlay p{font-size:13px}.overlay-icon{font-size:35px}.overlay h2{margin-top:8px}.tag{display:none}}

.brand small{font-size:13px;font-weight:500;color:#b8c6d8}.sb-nav{margin:0}.tag{background:#15303b}.heading h1{color:#ffce63}.game-footer{gap:8px}.game-footer span{flex:1 1 190px}.game-footer button[aria-pressed=true]{background:#a9e6d6;color:#102443;border-color:#a9e6d6}.controls button{background:#192d40}.controls button:hover{background:#304660}.overlay-icon{filter:drop-shadow(0 8px 18px #ffce6330)}@media(max-width:420px){.brand{font-size:19px}.brand small{display:block;font-size:12px}.game-footer button{flex:1}.game-footer span{flex-basis:100%}}