@import"https://fonts.googleapis.com/css2?family=DM+Mono&family=Outfit:wght@500;700;800&display=swap";:root{font-family:Outfit,system-ui,sans-serif;color:#f5f6ff;background:#0d1022}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% -10%,#293568,#0d1022 45%)}button{font:inherit}.shell{max-width:1440px;margin:auto;padding:28px}header{height:62px;display:flex;align-items:center;gap:20px;margin-bottom:22px}.brand{font-size:24px;font-weight:800;letter-spacing:1.5px;color:#fff;text-decoration:none}.brand span{color:#f6bd42}.mode{font:12px DM Mono;letter-spacing:1px;color:#8e96bf;background:#1e254a;border-radius:30px;padding:8px 12px}.ghost{margin-left:auto;border:1px solid #3b4679;background:transparent;color:#d9dcf5;border-radius:9px;padding:9px 13px}.game-layout{display:grid;grid-template-columns:230px minmax(440px,680px) 210px;align-items:center;gap:24px}.side-card{background:#191e3dd1;border:1px solid #323c70;border-radius:18px;padding:20px;box-shadow:0 20px 50px #05071455}.eyebrow{font:11px DM Mono;letter-spacing:1.4px;color:#aeb7e2;margin:0 0 9px}.side-card h1{font-size:22px;margin:0 0 8px}.muted{color:#aeb1d5;font-size:13px;line-height:1.5}.players{border-top:1px solid #303968;margin-top:20px;padding-top:9px}.player{display:flex;align-items:center;gap:8px;padding:9px 4px;color:#bdc3e7}.player.active{color:#fff;font-weight:700}.player i{width:10px;height:10px;border-radius:50%}.player small{margin-left:auto;text-transform:uppercase;font:9px DM Mono;color:#7780ad}.die-panel{text-align:center}.die{width:82px;height:82px;display:grid;place-items:center;margin:16px auto;border-radius:20px;color:#16182d;font-size:42px;font-weight:800;background:#f7f5e9;box-shadow:inset 0 -8px #d5d0bb}.roll{width:100%;padding:12px;border:0;border-radius:10px;background:#f6bd42;color:#241b05;font-weight:800}.roll:disabled{opacity:.4}.board{position:relative;aspect-ratio:1;background:#f6efdf;border:12px solid #272f60;border-radius:28px;box-shadow:0 30px 70px #03051988;overflow:hidden}.track{position:absolute;inset:25%;border:42px solid #f8fbff;border-radius:20%;background:#ebf0f3}.cell{position:absolute;width:9%;aspect-ratio:1;border:1px solid #ccd6dd;background:#fff;display:grid;place-items:center;color:#f6bd42;font-size:12px}.safe{background:#f9edbd}.cell-0,.cell-1,.cell-2,.cell-3,.cell-4,.cell-5,.cell-6,.cell-7,.cell-8,.cell-9,.cell-10,.cell-11,.cell-12{top:0}.cell-13,.cell-14,.cell-15,.cell-16,.cell-17,.cell-18,.cell-19,.cell-20,.cell-21,.cell-22,.cell-23,.cell-24,.cell-25{right:0}.cell-26,.cell-27,.cell-28,.cell-29,.cell-30,.cell-31,.cell-32,.cell-33,.cell-34,.cell-35,.cell-36,.cell-37,.cell-38{bottom:0}.cell-39,.cell-40,.cell-41,.cell-42,.cell-43,.cell-44,.cell-45,.cell-46,.cell-47,.cell-48,.cell-49,.cell-50,.cell-51{left:0}.center{position:absolute;inset:38%;display:grid;place-items:center;text-align:center;color:#f4f1df;background:#171d43;border-radius:50%;font-size:13px;font-weight:800;letter-spacing:1px}.yard{position:absolute;width:25%;height:25%;display:grid;grid-template-columns:1fr 1fr;place-items:center;padding:12%;border-radius:18px}.yard-0{top:3%;left:3%;background:#fbbac3}.yard-1{top:3%;right:3%;background:#c1d5ff}.yard-2{bottom:3%;right:3%;background:#b8eddc}.yard-3{bottom:3%;left:3%;background:#f8dc92}.token{z-index:4;width:21px;height:21px;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 5px #1118;cursor:default}.color-0{background:#e73755}.color-1{background:#377df4}.color-2{background:#1fae7b}.color-3{background:#e7a91f}.token.selectable{outline:3px solid #fff;outline-offset:2px;cursor:pointer;animation:pulse .8s infinite alternate}.floating{position:absolute;left:46%;top:46%}@keyframes pulse{to{transform:translateY(-4px);box-shadow:0 8px 11px #1118}}@media (max-width:1050px){.game-layout{grid-template-columns:1fr 180px}.side-card:first-child{grid-column:1/-1;display:none}}@media (max-width:650px){.shell{padding:15px}.game-layout{grid-template-columns:1fr;gap:14px}.die-panel{display:flex;align-items:center;gap:12px;text-align:left}.die{margin:0}.die-panel .muted{display:none}.board{border-width:7px;border-radius:16px}header{margin-bottom:8px}.mode{display:none}}