:root{font-family:Inter,system-ui,sans-serif;color:#f8fafc;background:#080b12}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 10%,#19223a,transparent 35%),#080b12}.shell{width:min(1120px,94vw);margin:0 auto;padding:36px 0 60px}header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.2em;color:#8ea0c8}h1{font-size:42px;line-height:1;margin:7px 0}h2{margin:0 0 8px}p{color:#9aa8c3}.status{font-size:13px;padding:8px 12px;border-radius:999px;background:#121827}.online{color:#6ee7a0}.offline{color:#f6c66b}.hero,.panel,.controls{background:#101624;border:1px solid #202b40;border-radius:22px;padding:26px;box-shadow:0 18px 60px #0005}.hero{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:20px}.player{display:flex;gap:10px}.player input{width:210px;background:#080d18;border:1px solid #2b3852;color:#fff;border-radius:12px;padding:13px}.player button,button{border:0;border-radius:12px;padding:12px 16px;background:#f4f7fb;color:#0b1020;font-weight:800;cursor:pointer}.panel-head{display:flex;justify-content:space-between}.panel-head span{color:#8391ab}.games{display:grid;gap:10px;margin-top:18px}.game,.player-row{display:flex;align-items:center;justify-content:space-between;padding:15px;border:1px solid #202b40;border-radius:14px}.game small{display:block;color:#8794ad;margin-top:4px}.empty{padding:40px 10px;text-align:center;color:#73819b}.ghost{background:#151e2e;color:#dbe5f8}.board-wrap{display:grid;grid-template-columns:minmax(320px,680px) 280px;gap:24px;align-items:start}.board{position:relative;aspect-ratio:1;border:12px solid #182237;border-radius:24px;background:#f0f3f8;display:grid;grid-template-columns:repeat(13,1fr);grid-template-rows:repeat(13,1fr);overflow:hidden}.cell{border:1px solid #d2d7e0}.centre{position:absolute;left:38.5%;top:38.5%;width:23%;height:23%;display:grid;place-items:center;background:#121a2b;color:#fff;font-weight:900;border-radius:12px;letter-spacing:.15em}.pawn{position:absolute;font-size:34px;text-shadow:0 3px 8px #0006}.pawn.red{color:#ef5350;left:11%;top:11%}.pawn.green{color:#43c987;right:11%;top:11%}.pawn.yellow{color:#f4c542;right:11%;bottom:11%}.pawn.blue{color:#5594ff;left:11%;bottom:11%}.controls{padding:22px}.player-row{margin:8px 0}.player-row i{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:10px}.player-row i.red{background:#ef5350}.player-row i.green{background:#43c987}.player-row i.yellow{background:#f4c542}.player-row i.blue{background:#5594ff}.player-row.active{border-color:#687a9f}.player-row b{font-size:10px;color:#8ea0c8}.roll{width:100%;margin-top:18px;font-size:16px}.hint{font-size:12px}@media(max-width:800px){.hero{flex-direction:column;align-items:stretch}.player{flex-direction:column}.player input{width:100%}.board-wrap{grid-template-columns:1fr}.shell{padding-top:24px}h1{font-size:34px}}