:root{--navy:#07152b;--panel:#0d2140;--ink:#f3f7ff;--muted:#91a5c3;--gold:#f3c94f;--green:#19b87a;--red:#ef4454;--blue:#25a9e8;--black:#151922;--cell:clamp(18px,4.7vw,42px)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#143963,var(--navy) 45%);color:var(--ink);font-family:Inter,system-ui,sans-serif;min-height:100vh}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,5vw);border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:12px}.brand strong,.brand small{display:block;letter-spacing:.18em}.brand small{font-size:9px;color:var(--muted)}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--gold);color:var(--navy);font:900 26px Georgia}.ghost,.tab{background:transparent;border:1px solid #ffffff24;color:var(--ink);padding:10px 14px;border-radius:10px;cursor:pointer}main{width:min(1200px,94vw);margin:auto}.lobby{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:8vw}.eyebrow{color:var(--gold);letter-spacing:.18em;font-weight:800;font-size:12px}.hero h1{font:700 clamp(42px,7vw,82px)/.98 Georgia;margin:14px 0}.hero em{color:var(--gold);font-style:normal}.hero>p:last-child{color:var(--muted);max-width:520px;font-size:18px}.card{background:#ffffff0b;border:1px solid #ffffff18;padding:28px;border-radius:22px;box-shadow:0 30px 70px #0007}.tabs{display:flex;margin-bottom:24px}.tab{flex:1;border-radius:0}.tab:first-child{border-radius:10px 0 0 10px}.tab:last-child{border-radius:0 10px 10px 0}.tab.active{background:var(--gold);color:var(--navy);font-weight:800}label{display:block;color:var(--muted);font-size:13px;margin:16px 0}input{width:100%;display:block;margin-top:7px;background:#061326;border:1px solid #ffffff22;border-radius:10px;color:white;padding:14px;font-size:16px;text-transform:none}.check{display:flex;gap:10px;align-items:center}.check input{width:auto;margin:0}.primary{border:0;background:var(--gold);color:var(--navy);font-weight:900;padding:14px 20px;border-radius:11px;cursor:pointer;width:100%}.primary:disabled{opacity:.35}.error{color:#ff8c98}.gamebar{display:flex;align-items:center;gap:18px;margin:18px 0}.gamebar>div:first-child small,.gamebar>div:first-child strong{display:block}.gamebar strong{letter-spacing:.18em}.gamebar .ghost{margin-right:auto}.turn{padding:9px 14px;background:#ffffff12;border-radius:999px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.board{width:calc(var(--cell)*15);height:calc(var(--cell)*15);max-width:100%;position:relative;display:grid;grid-template:repeat(15,var(--cell))/repeat(15,var(--cell));background:#dfe5ea;border:5px solid #dfe5ea;box-shadow:0 20px 70px #0008}.cell{border:1px solid #07152b66;position:absolute;width:var(--cell);height:var(--cell);display:grid;place-items:center}.cell.c0{background:var(--green)}.cell.c1{background:var(--red)}.cell.c2{background:var(--blue)}.cell.c3{background:var(--black)}.cell.c4{background:var(--gold)}.cell.skull:after{content:'☠';font-size:calc(var(--cell)*.62);color:white}.home{position:absolute;width:calc(var(--cell)*3);height:calc(var(--cell)*3);border:2px solid #07152b66;border-radius:4px}.home.h0{background:var(--green);left:0;top:0}.home.h1{background:var(--red);right:0;bottom:0}.home.h2{background:var(--blue);left:0;bottom:0}.home.h3{background:var(--black);right:0;top:0}.center{position:absolute;left:calc(var(--cell)*6);top:calc(var(--cell)*6);width:calc(var(--cell)*3);height:calc(var(--cell)*3);transform:rotate(45deg);overflow:hidden;border:3px solid white}.center i{position:absolute;width:50%;height:50%}.center i:nth-child(1){background:var(--green)}.center i:nth-child(2){right:0;background:var(--red)}.center i:nth-child(3){bottom:0;background:var(--blue)}.center i:nth-child(4){right:0;bottom:0;background:var(--black)}.piece{width:72%;height:72%;border-radius:50%;border:3px solid white;box-shadow:0 2px 5px #0009;z-index:3;font-size:10px;font-weight:bold;display:grid;place-items:center}.piece.s0{background:#0b8759}.piece.s1{background:#cf2639}.piece.s2{background:#087caf}.piece.s3{background:#111}.players,.dicebox,.log{background:#ffffff0b;border:1px solid #ffffff14;border-radius:16px;padding:16px;margin-bottom:14px}.player{display:flex;justify-content:space-between;padding:10px;border-left:4px solid;margin-bottom:6px;background:#ffffff08}.player.active{background:#f3c94f22}.player.s0{border-color:var(--green)}.player.s1{border-color:var(--red)}.player.s2{border-color:var(--blue)}.player.s3{border-color:#777}.dicebox{text-align:center}#dice{display:flex;justify-content:center;gap:12px;margin:8px 0 14px}#dice span{display:grid;place-items:center;width:54px;height:54px;background:white;color:var(--navy);border-radius:10px;font-size:26px;font-weight:900}#moves button{margin-top:8px;background:#ffffff12;border:1px solid #ffffff20;color:white;padding:10px;width:100%;border-radius:8px}.log ul{padding-left:18px;color:var(--muted);font-size:12px;max-height:130px;overflow:auto}dialog{max-width:580px;background:#102644;color:white;border:1px solid #ffffff22;border-radius:18px;padding:28px}dialog::backdrop{background:#000b}.close{float:right;background:none;border:0;color:white;font-size:30px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#ef4454;color:white;padding:10px 18px;border-radius:9px;display:none}@media(max-width:850px){.lobby{grid-template-columns:1fr;padding:50px 0}.layout{grid-template-columns:1fr}.board{margin:auto}.gamebar{flex-wrap:wrap}.turn{width:100%}}@media(max-width:420px){:root{--cell:6.05vw}.board{border-width:3px}.cell{font-size:8px}}

[hidden]{display:none!important}.home,.center{z-index:2}.home{box-shadow:inset 0 0 0 2px #ffffff22}.piece{z-index:4}