:root{--bg:#07101d;--panel:rgba(14,25,43,.78);--line:rgba(255,255,255,.1);--txt:#f7fbff;--muted:#9eb0c5;--red:#ff4d5f;--green:#39d98a;--yellow:#ffd84a;--blue:#4aa3ff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,Segoe UI,Roboto,sans-serif;background:#07101d;color:var(--txt)}body{min-height:100dvh;overflow-x:hidden}.bg{position:fixed;inset:0;background:radial-gradient(circle at 15% 10%,#123a61 0,transparent 35%),radial-gradient(circle at 85% 80%,#35194f 0,transparent 35%),linear-gradient(135deg,#07101d,#0b1423);z-index:-2}.bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:24px 24px}.app{width:min(1180px,96vw);margin:auto;padding:14px 0 28px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}h1{margin:0;font-size:clamp(28px,5vw,48px)}header p{margin:2px 0 0;color:var(--muted)}button,.home,select{font:inherit}.home,button{border:0;border-radius:14px;padding:11px 15px;color:white;background:#20304b;text-decoration:none;cursor:pointer;transition:.18s transform,.18s filter,.18s opacity}.home:hover,button:hover{transform:translateY(-1px);filter:brightness(1.08)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}.panel{background:var(--panel);backdrop-filter:blur(18px);border:1px solid var(--line);box-shadow:0 24px 70px rgba(0,0,0,.3);border-radius:24px}.menu{max-width:680px;margin:8vh auto 0;text-align:center;padding:30px}.menu h2{font-size:30px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.big{padding:20px;font-size:20px;font-weight:800}.red{background:linear-gradient(135deg,#db3049,#ff6878)}.blue{background:linear-gradient(135deg,#2878db,#54b6ff)}.muted{color:var(--muted);line-height:1.55}.hero-die{display:grid;place-items:center}.die-face{font-size:78px;filter:drop-shadow(0 15px 25px rgba(0,0,0,.35));animation:float 3s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px) rotate(4deg)}}#setup{max-width:720px;margin:5vh auto;padding:24px}.back{margin-bottom:12px}.hidden{display:none!important}label{display:grid;gap:8px;color:var(--muted);margin:18px 0}select{padding:14px;border-radius:14px;background:#101c30;border:1px solid var(--line);color:white}.primary{background:linear-gradient(135deg,#7d4dff,#bd5cff);font-weight:800}.danger{color:#ff9aa5}.seat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.seat-btn{display:flex;align-items:center;justify-content:space-between;gap:10px}.seat-btn i{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}.game{display:grid;grid-template-columns:260px 1fr;gap:14px;align-items:start}.side{padding:16px;position:sticky;top:12px}.turn-badge{padding:12px;border-radius:14px;background:#101d31;text-align:center;font-weight:800}.dice-wrap{text-align:center;padding:18px 0}.dice{width:96px;height:96px;padding:0;border-radius:25px;background:linear-gradient(145deg,#f5f7fa,#cbd6e4);color:#111;font-size:64px;box-shadow:0 14px 30px rgba(0,0,0,.32),inset 0 1px 1px white}.dice.rolling{animation:roll .48s ease}@keyframes roll{25%{transform:rotate(18deg) scale(.94)}60%{transform:rotate(-16deg) scale(1.06)}100%{transform:rotate(0)}}#diceText{margin-top:8px;color:var(--muted);font-size:14px}.players{display:grid;gap:8px}.player{display:grid;grid-template-columns:16px 1fr auto;gap:9px;align-items:center;padding:9px;border-radius:12px;background:rgba(255,255,255,.04)}.player .dot{width:14px;height:14px;border-radius:50%}.player.active{outline:2px solid rgba(255,255,255,.35)}.actions{display:grid;gap:8px;margin-top:14px}.board-wrap{padding:14px;position:relative}.board{width:min(78dvh,100%);aspect-ratio:1;margin:auto;display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);gap:2px;background:#0a1322;border-radius:18px;padding:6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.cell{position:relative;border-radius:18%;background:rgba(255,255,255,.045);display:grid;place-items:center;min-width:0}.cell.path{background:#f1f4f7}.cell.red{background:color-mix(in srgb,var(--red) 72%,white)}.cell.green{background:color-mix(in srgb,var(--green) 72%,white)}.cell.yellow{background:color-mix(in srgb,var(--yellow) 72%,white)}.cell.blue{background:color-mix(in srgb,var(--blue) 72%,white)}.cell.home-base{opacity:.3}.cell.center{background:conic-gradient(var(--green) 0 25%,var(--yellow) 0 50%,var(--blue) 0 75%,var(--red) 0);border-radius:10%}.pawn{position:absolute;width:76%;height:76%;border-radius:50%;border:2px solid rgba(255,255,255,.85);box-shadow:0 5px 10px rgba(0,0,0,.35),inset 0 -5px 8px rgba(0,0,0,.18);cursor:pointer;transition:.2s transform,.2s filter;display:grid;place-items:center;font-size:10px;font-weight:900;color:#07101d}.pawn:hover{transform:scale(1.1)}.pawn.legal{animation:pulse 1s infinite;filter:brightness(1.15)}@keyframes pulse{50%{transform:scale(1.12);box-shadow:0 0 0 7px rgba(255,255,255,.16),0 5px 10px rgba(0,0,0,.35)}}.pawn[data-color="0"]{background:var(--red)}.pawn[data-color="1"]{background:var(--green)}.pawn[data-color="2"]{background:var(--yellow)}.pawn[data-color="3"]{background:var(--blue)}.stack-0{transform:translate(-13%,-13%) scale(.72)}.stack-1{transform:translate(13%,-13%) scale(.72)}.stack-2{transform:translate(-13%,13%) scale(.72)}.stack-3{transform:translate(13%,13%) scale(.72)}.toast{position:absolute;left:50%;bottom:22px;transform:translate(-50%,18px);opacity:0;padding:11px 16px;background:#07111f;border:1px solid var(--line);border-radius:999px;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.win{position:fixed;inset:0;background:rgba(3,7,14,.72);backdrop-filter:blur(10px);display:grid;place-items:center;z-index:20}.win-card{padding:32px;min-width:min(90vw,390px);text-align:center;border-radius:26px;background:#111d30;border:1px solid var(--line);box-shadow:0 30px 80px #000}.trophy{font-size:76px;animation:pop .7s ease}@keyframes pop{50%{transform:scale(1.25) rotate(8deg)}}#fx{position:fixed;inset:0;pointer-events:none;z-index:30;width:100%;height:100%}@media(max-width:820px){header{align-items:flex-start}.game{grid-template-columns:1fr}.side{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px}.turn-badge,.players,.actions{grid-column:1/-1}.dice-wrap{padding:0}.board{width:100%}.menu{margin-top:3vh}}@media(max-width:520px){.app{width:100%;padding:10px}header p{display:none}.mode-grid,.seat-grid{grid-template-columns:1fr}.panel{border-radius:18px}.board-wrap{padding:6px}.board{gap:1px;padding:4px}.pawn{border-width:1px}.side{grid-template-columns:1fr 1fr}.dice{width:78px;height:78px;font-size:53px}}