*{box-sizing:border-box}body{margin:0;background:#101525;color:#eef1fa;font:16px/1.6 system-ui,sans-serif}main{max-width:760px;margin:auto;padding:24px 18px 50px}header{margin-bottom:24px}a{color:#b9c5e5;text-decoration:none}.eyebrow{display:block;color:#a2a9c0;letter-spacing:.18em;font-size:12px;margin-top:24px}h1{font-size:clamp(36px,8vw,58px);line-height:1.15;margin:12px 0}h1 span{color:#fbc565}header p{color:#aeb9d2}.panel,.arena{background:#192136;border:1px solid #303c59;border-radius:18px;padding:18px;margin-bottom:18px}.actions{display:flex;gap:8px;flex-wrap:wrap}button,input{font:inherit;border-radius:9px;border:1px solid #43516e;padding:10px 14px}button{background:#2c3b5b;color:#fff;cursor:pointer}button:hover:not(:disabled){background:#40567c}button:disabled{opacity:.4;cursor:default}#create,#start{background:#fbc565;color:#1b2030;font-weight:700}input{background:#111827;color:#e7ecf7;min-width:0;flex:1}label{font-size:13px;color:#aeb9d2}#status{margin:12px 0;font-size:14px}#players{list-style:none;padding:0;display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 0}#players li{border-left:4px solid var(--color);padding-left:8px;font-weight:600}.arena-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}#clock{font-size:13px;color:#afbdd7}#board{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;aspect-ratio:1;position:relative;background:#0b1020;border-radius:10px;padding:5px}.tile{position:relative;background:#33405e;border-radius:5px;aspect-ratio:1;border-top:2px solid #465675}.tile.cracking{background:#8c6340;border-color:#ffcf83;box-shadow:inset 0 0 0 2px #cd9860}.tile.gone{background:#0b1020;border-color:transparent}.pawn{position:absolute;inset:10%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color);color:#101525;font-weight:900;font-size:clamp(12px,3vw,21px);box-shadow:0 3px 0 #0007}.pawn.mine{outline:2px solid white;outline-offset:1px}.pawn.dead{opacity:.25;filter:grayscale(1)}#you{margin:10px 0 0;text-align:center;font-weight:600}.controls{display:flex;gap:22px;justify-content:center;margin:20px 0 26px;touch-action:none;user-select:none}.dpad{display:grid;grid-template-columns:repeat(3,54px);gap:6px}.dpad button{height:50px;font-size:24px;padding:0}.dpad [data-action=up]{grid-column:2}.dpad [data-action=left]{grid-column:1;grid-row:2}.dpad [data-action=down]{grid-column:2;grid-row:2}.dpad [data-action=right]{grid-column:3;grid-row:2}#push{align-self:center;background:#e17885;color:#17192a;font-weight:800}#push span{display:block;font-size:11px}.rules{color:#aeb9d2;font-size:14px}.rules h2{color:#e8edfa;font-size:18px}.rules ul{padding-left:22px}.rules li{margin-bottom:8px}@media(max-width:420px){main{padding:16px 10px}.panel,.arena{padding:12px}#board{gap:3px}.arena-head{flex-direction:column;gap:0}button{padding:9px 11px}.controls{gap:12px}}@media(prefers-reduced-motion:no-preference){.tile.cracking{animation:warn .3s alternate infinite}@keyframes warn{to{filter:brightness(1.15)}}}