:root{--bg:#2f6d9f;--panel:#0d2340;--line:rgba(255,255,255,.26);--gold:#ffd25a;--red:#d83d45;--green:#54c83d;--blue:#2e8eea;--yellow:#e5c735}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 50% 20%,#5d95c6,#28648f 55%,#122b4b);color:white;overflow:hidden}.wl-app{height:100vh;padding:10px;display:grid;place-items:center}.wl-stage{position:relative;width:min(1440px,100%);height:min(900px,100vh - 20px);border-radius:26px;overflow:hidden;background:linear-gradient(145deg,rgba(75,135,183,.98),rgba(34,80,124,.98));box-shadow:0 25px 80px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.16)}.wl-stage:before{content:"LUDO LUDO LUDO LUDO LUDO LUDO LUDO";position:absolute;inset:0;font-size:48px;font-weight:1000;color:rgba(255,255,255,.045);transform:rotate(-12deg);letter-spacing:38px;line-height:1.8;pointer-events:none}.wl-topbar{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.wl-back,.wl-icon-btn,.wl-small-btn{border:1px solid rgba(255,255,255,.22);background:rgba(6,24,44,.72);color:#fff;text-decoration:none;border-radius:15px;padding:9px 13px;font-weight:900;box-shadow:inset 0 0 22px rgba(255,255,255,.06)}.wl-icon-btn{font-size:20px;cursor:pointer}.wl-title{text-align:center;display:flex;align-items:center;gap:10px;text-shadow:0 4px 12px rgba(0,0,0,.35)}.wl-title span{font-size:34px}.wl-title strong{font-size:34px;letter-spacing:.5px}.wl-title em{font-style:normal;color:#cfe7ff}.wl-notice{position:absolute;top:62px;left:50%;transform:translateX(-50%);z-index:5;padding:7px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.25);font-size:13px;color:#e5f6ff}.wl-layout{position:relative;z-index:2;height:calc(100% - 112px);padding:20px 28px 20px;display:grid;grid-template-columns:270px minmax(550px,1fr) 270px;grid-template-rows:1fr 1fr;gap:18px}.wl-board-wrap{grid-row:1/3;grid-column:2;display:grid;place-items:center;position:relative}.wl-board{width:min(74vh,700px);height:min(74vh,700px);max-width:100%;max-height:100%;display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);border-radius:34px;padding:9px;background:linear-gradient(145deg,#fff2d2,#f8dca5);box-shadow:0 24px 45px rgba(0,0,0,.32),inset 0 0 0 6px rgba(255,255,255,.55)}.cell{position:relative;border:1px solid rgba(166,113,45,.18);background:rgba(255,245,218,.92);display:grid;place-items:center}.cell.path{background:#fff5db}.cell.redlane{background:linear-gradient(#ff8d91,#db4148)}.cell.greenlane{background:linear-gradient(#84ee68,#3bbd30)}.cell.bluelane{background:linear-gradient(#78c6ff,#237fdb)}.cell.yellowlane{background:linear-gradient(#ffe878,#d2b91f)}.cell.safe:after{content:"★";font-size:28px;color:#ffcf2d;text-shadow:0 2px 0 #fff,0 0 8px rgba(255,210,60,.7)}.cell.home-red{background:linear-gradient(145deg,#ffd6da,#f26c78)}.cell.home-green{background:linear-gradient(145deg,#dcffd5,#61ce4b)}.cell.home-blue{background:linear-gradient(145deg,#d5eeff,#4ba2ec)}.cell.home-yellow{background:linear-gradient(145deg,#fff6bc,#e2c431)}.center{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:conic-gradient(var(--green) 0 25%,var(--blue) 0 50%,var(--yellow) 0 75%,var(--red) 0)}.homebox{border-radius:18px;box-shadow:inset 0 0 0 4px rgba(255,255,255,.55)}.token{width:70%;height:70%;border-radius:50%;border:3px solid rgba(255,255,255,.88);box-shadow:0 7px 10px rgba(0,0,0,.32),inset 0 -8px 10px rgba(0,0,0,.18),inset 0 8px 11px rgba(255,255,255,.45);cursor:pointer;transition:transform .18s ease,filter .18s ease}.token.red{background:var(--red)}.token.green{background:var(--green)}.token.blue{background:var(--blue)}.token.yellow{background:var(--yellow)}.token.movable{outline:4px solid rgba(255,255,255,.85);filter:drop-shadow(0 0 12px #fff);animation:pulse 1s infinite}.token.finished{opacity:.78;filter:grayscale(.2)}@keyframes pulse{50%{transform:scale(1.12)}}.wl-player-card{align-self:center;min-height:135px;display:flex;align-items:center;gap:14px;padding:15px;border-radius:24px;background:rgba(7,22,42,.62);border:2px solid rgba(255,255,255,.22);box-shadow:0 18px 38px rgba(0,0,0,.26),inset 0 0 28px rgba(255,255,255,.05)}.wl-player-card .wl-avatar{width:84px;height:84px;display:grid;place-items:center;border-radius:20px;background:#fff;font-size:50px;box-shadow:0 10px 20px rgba(0,0,0,.22)}.wl-player-card strong{display:block;font-size:21px}.wl-player-card span{display:block;color:#e9f6ff;font-weight:800;margin-top:4px}.wl-player-card b{margin-left:auto;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;font-size:13px;border:4px solid rgba(255,255,255,.7);background:rgba(0,0,0,.15)}.wl-red{border-color:rgba(255,100,110,.75)}.wl-green{border-color:rgba(115,255,95,.75)}.wl-blue{border-color:rgba(90,180,255,.75)}.wl-yellow{border-color:rgba(255,224,90,.75)}.wl-dice-panel{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:10px;border-radius:22px;background:rgba(7,22,42,.75);border:1px solid rgba(255,255,255,.2);box-shadow:0 18px 38px rgba(0,0,0,.35)}.wl-turn{min-width:110px}.wl-turn span{display:block;color:#aedaef;font-size:12px;font-weight:900}.wl-turn strong{font-size:20px}.wl-dice{width:78px;height:78px;border:0;border-radius:22px;font-size:48px;background:linear-gradient(180deg,#fff,#e8dfc3);box-shadow:0 10px 20px rgba(0,0,0,.28),inset 0 -7px 12px rgba(0,0,0,.13);cursor:pointer}.wl-dice:disabled{filter:grayscale(1);opacity:.6;cursor:not-allowed}.wl-message{position:relative;z-index:3;margin:-20px auto 0;width:min(760px,calc(100% - 40px));text-align:center;padding:12px 16px;border-radius:18px;background:rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.18);font-weight:900}.wl-start{position:absolute;z-index:20;inset:0;display:none;place-items:center;background:rgba(0,0,0,.62);backdrop-filter:blur(4px)}.wl-start.show{display:grid}.wl-start>div{width:min(520px,92%);text-align:center;padding:28px;border-radius:28px;background:linear-gradient(145deg,rgba(16,43,75,.96),rgba(31,81,115,.94));border:1px solid rgba(255,255,255,.28);box-shadow:0 28px 90px rgba(0,0,0,.45)}.wl-start h1{margin:0 0 8px;font-size:42px}.wl-start p{color:#d7eaff;line-height:1.45}.wl-start button{border:0;border-radius:18px;background:linear-gradient(180deg,#67e640,#26a516);color:#fff;font-size:24px;font-weight:1000;padding:13px 42px;cursor:pointer;box-shadow:0 10px 0 #14700d}.wl-start small{display:block;margin-top:18px;color:#bad7ed}@media(max-width:980px){html,body{overflow:auto}.wl-app{height:auto;min-height:100vh}.wl-stage{height:auto;min-height:100vh}.wl-layout{height:auto;grid-template-columns:1fr;grid-template-rows:auto;padding:64px 12px 18px}.wl-board-wrap{grid-column:1;grid-row:auto;order:1}.wl-player-card{min-height:92px}.wl-board{width:min(94vw,620px);height:min(94vw,620px)}.wl-dice-panel{position:static;transform:none;margin-top:12px}.wl-message{margin:12px auto}.wl-title strong{font-size:24px}.wl-notice{top:58px;width:calc(100% - 26px);text-align:center}.wl-stage:before{font-size:34px}}