*{box-sizing:border-box}body{margin:0;background:#050817;color:#fff;font-family:system-ui,sans-serif}main{width:min(1100px,calc(100% - 24px));margin:auto;padding:24px 0}header{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px}small{color:#56d9ff;font-weight:800}h1{margin:4px 0 0;font-size:clamp(32px,6vw,64px)}.stats{display:flex;gap:8px;flex-wrap:wrap}.stats span,.panel,.game{background:#121939;border:1px solid #33447d;border-radius:18px}.stats span{padding:10px 16px;color:#aab3d8}.stats b{display:block;color:#fff;font-size:22px}.layout{display:grid;grid-template-columns:1fr 300px;gap:16px}.game{position:relative;padding:8px}canvas{display:block;width:min(100%,608px);height:auto;margin:auto;background:#02040d;border-radius:12px}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#02040dcc;text-align:center;padding:20px}.overlay.hidden{display:none}.overlay>div{max-width:430px;background:#0d1434;padding:24px;border-radius:18px}.panel{padding:16px;margin-bottom:16px}.panel p{color:#aab3d8}button{border:0;border-radius:12px;padding:10px 14px;background:#4e67ff;color:#fff;font-weight:800;cursor:pointer}.pad{display:grid;grid-template-columns:repeat(3,52px);justify-content:center;gap:5px;margin:14px 0}.pad button:first-child{grid-column:2}.pad button:nth-child(2){grid-column:1}.pad button:nth-child(3){grid-column:2}.pad button:nth-child(4){grid-column:3}li{padding:7px 0;color:#aab3d8}li span{float:right;color:#ffd84d}dialog{background:#111936;color:#fff;border:1px solid #33447d;border-radius:18px}dialog form{padding:18px}input{width:100%;padding:12px;border-radius:10px;border:1px solid #33447d;background:#070b20;color:#fff;margin:10px 0}@media(max-width:850px){header{align-items:start;flex-direction:column}.layout{grid-template-columns:1fr}}