@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:#aeb7e2;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:22px;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{aspect-ratio:1;padding:12px;border-radius:28px;background:linear-gradient(145deg,#343f79,#18204c);box-shadow:0 30px 70px #03051988}.board-grid{position:relative;display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);height:100%;overflow:hidden;border-radius:18px;background:#edf0e9}.track-cell,.home-lane{position:relative;display:grid;place-items:center;min-width:0;min-height:0;border:1px solid #b9c1bd;background:#fdfdf9}.track-cell.safe{background:#f6e3a8;color:#a86c00}.track-cell b{font-size:clamp(8px,1.5vw,14px)}.entry-0{background:#f9ccd3}.entry-1{background:#cbdcff}.entry-2{background:#c6ecd9}.entry-3{background:#f8dfa0}.yard{z-index:1;display:grid;grid-template:1fr 1fr/1fr 1fr;gap:11%;padding:19%;place-items:center;border:1px solid #e8e8df}.yard-0{grid-area:1/1/7/7;background:#f4a7b5}.yard-1{grid-area:1/10/7/16;background:#aabff3}.yard-2{grid-area:10/10/16/16;background:#9fddc4}.yard-3{grid-area:10/1/16/7;background:#f2d17e}.yard:before{content:"";position:absolute;inset:10%;border:3px solid #ffffffa8;border-radius:15%}.home-lane{z-index:2}.lane-0{background:#f2a8b5}.lane-1{background:#aebff2}.lane-2{background:#a9ddc6}.lane-3{background:#f2d581}.home-core{z-index:3;grid-area:7/7/10/10;position:relative;display:grid;place-items:center;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#20295d;color:#fff;font:700 clamp(9px,1.6vw,14px) "DM Mono";letter-spacing:.1em}.finish{position:absolute;width:29%;height:29%;display:grid;place-items:center;border-radius:50%;background:#fff8;border:1px solid #fff}.finish-0{top:16%;left:16%;background:#e84763}.finish-1{top:16%;right:16%;background:#367cff}.finish-2{bottom:16%;right:16%;background:#21ae78}.finish-3{bottom:16%;left:16%;background:#e8a91f}.token{z-index:6;width:clamp(13px,2.5vw,25px);height:clamp(13px,2.5vw,25px);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}@keyframes pulse{to{transform:translateY(-4px);box-shadow:0 8px 11px #1118}}@media (max-width:1050px){.game-layout{grid-template-columns:1fr 180px}.match-card{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{padding:6px;border-radius:15px}.board-grid{border-radius:10px}header{margin-bottom:8px}.mode{display:none}}.shell{animation:page-in .5s cubic-bezier(.2,.8,.2,1)}.turn-transition .match-card{animation:turn-card .46s ease}.board{animation:board-in .65s cubic-bezier(.18,.8,.25,1)}.token{transition:transform .12s ease,filter .15s ease,box-shadow .15s ease}.token:not(.hidden-token):hover{transform:translateY(-2px) scale(1.08);filter:brightness(1.12)}.token:active,.tap:active{transform:scale(.93)}.hidden-token{visibility:hidden;pointer-events:none}.token.selectable{animation:token-ready .85s ease-in-out infinite alternate;filter:drop-shadow(0 0 7px #fff7)}.motion-token{position:absolute;z-index:30;transform:translate(-50%,-50%);pointer-events:none;transition:left .13s cubic-bezier(.33,.8,.45,1),top .13s cubic-bezier(.33,.8,.45,1);animation:step-bounce 145ms ease-in-out infinite}.motion-token .token{box-shadow:0 10px 14px #080a27aa,0 0 10px #fff;transform:scale(1.15)}.capture-flight{position:absolute;z-index:31;pointer-events:none;animation:capture-return .56s cubic-bezier(.2,.85,.25,1) forwards}.capture-flight .token{animation:defeated-shake .12s linear 3;filter:brightness(.75)}.die.rolling{animation:dice-roll .12s linear infinite;box-shadow:inset 0 -8px #d5d0bb,0 9px 22px #07091688}.die.rolling span{animation:dice-face .18s ease-in-out infinite alternate}.roll:not(:disabled){box-shadow:0 5px #b77b0b;transition:transform .1s,box-shadow .1s}.roll:not(:disabled):active{transform:translateY(4px);box-shadow:0 1px #b77b0b}.particle-burst{position:absolute;z-index:40;width:1px;height:1px;pointer-events:none}.particle-burst i{position:absolute;left:0;top:0;width:6px;height:6px;border-radius:50%;background:var(--particle-color);box-shadow:0 0 7px var(--particle-color);animation:particle .62s cubic-bezier(.1,.7,.2,1) var(--delay) forwards;transform:rotate(var(--angle)) translate(0)}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes board-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes turn-card{0%{box-shadow:0 0 #f6bd4200}50%{box-shadow:0 0 28px #f6bd4266}to{box-shadow:0 20px 50px #05071455}}@keyframes token-ready{0%{transform:translateY(0);box-shadow:0 2px 5px #1118,0 0 #fff8}to{transform:translateY(-6px) scale(1.07);box-shadow:0 12px 15px #1118,0 0 0 5px #fff0}}@keyframes step-bounce{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-68%) scale(1.14,.9)}}@keyframes capture-return{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}35%{transform:translate(-50%,-85%) scale(1.18)}to{opacity:.15;transform:translate(calc(-50% + var(--flight-x)),calc(-50% + var(--flight-y))) scale(.55)}}@keyframes defeated-shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes dice-roll{0%{transform:rotate(-6deg) scale(1.04,.96)}50%{transform:rotate(7deg) scale(.94,1.08)}to{transform:rotate(-4deg) scale(1.03,.97)}}@keyframes dice-face{to{transform:rotate(8deg) scale(1.15)}}@keyframes particle{0%{opacity:1;transform:rotate(var(--angle)) translate(0) scale(1)}to{opacity:0;transform:rotate(var(--angle)) translate(var(--distance)) scale(.1)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}