@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}}:root{color-scheme:dark}body{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% -20%,#3c3176,#191d48 34%,#080b20 76%)}button{-webkit-tap-highlight-color:transparent}.mobile-game{width:min(100%,880px);min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) clamp(12px,3vw,28px) max(18px,env(safe-area-inset-bottom))}.topbar{height:44px;margin:0 0 12px;gap:10px}.topbar .brand{font-size:clamp(18px,5vw,24px);line-height:1;text-shadow:0 2px 14px #0008}.topbar .mode{padding:6px 9px;color:#dad6ff;border:1px solid #ffffff1c;background:#ffffff0e;font-size:9px}.icon-button{display:grid;place-items:center;width:38px;height:38px;margin-left:auto;padding:0;border:1px solid #ffffff24;border-radius:13px;color:#fff;background:linear-gradient(145deg,#ffffff1e,#0a0e2caa);box-shadow:inset 0 1px #fff2,0 7px 18px #03051c77;cursor:pointer;transition:transform .16s ease,filter .16s ease}.icon-button span{font:400 27px/1 system-ui;transform:translateY(-1px)}.icon-button:hover{filter:brightness(1.2);transform:translateY(-1px)}.turn-banner{position:relative;isolation:isolate;display:flex;align-items:center;gap:10px;min-height:61px;margin-bottom:12px;padding:9px 12px;overflow:hidden;border:1px solid #ffffff2d;border-radius:18px;background:linear-gradient(112deg,#242660e8,#151a45e8);box-shadow:inset 0 1px #ffffff28,0 12px 30px #05061e80}.turn-banner:before{position:absolute;z-index:-1;inset:0;content:"";opacity:.18;background:linear-gradient(90deg,var(--turn-color),transparent 60%)}.turn-banner[data-seat="0"]{--turn-color: #e84763}.turn-banner[data-seat="1"]{--turn-color: #367cff}.turn-banner[data-seat="2"]{--turn-color: #21ae78}.turn-banner[data-seat="3"]{--turn-color: #e8a91f}.turn-light{flex:0 0 auto;width:11px;height:11px;border-radius:50%;background:var(--turn-color);box-shadow:0 0 0 5px color-mix(in srgb,var(--turn-color) 18%,transparent),0 0 14px var(--turn-color);animation:turn-beacon 1.1s ease-in-out infinite}.turn-banner p,.turn-banner strong{margin:0}.turn-banner p{color:var(--turn-color);font:800 10px/1 DM Mono,monospace;letter-spacing:.12em}.turn-banner strong{display:block;margin-top:5px;color:#fff;font-size:13px}.turn-chip{margin-left:auto;padding:7px 8px;border:1px solid #ffffff24;border-radius:9px;color:#cacdf5;background:#05072242;font:800 9px/1 DM Mono,monospace;letter-spacing:.08em;white-space:nowrap}.mobile-game-layout{display:grid;gap:12px}.player-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.player-panel{position:relative;display:grid;grid-template-columns:35px minmax(0,1fr) auto 6px;align-items:center;gap:8px;min-height:58px;padding:7px 9px;overflow:hidden;border:1px solid #ffffff18;border-radius:16px;color:#aeb3d3;background:linear-gradient(135deg,#171b3dcb,#0e1230cb);box-shadow:inset 0 1px #ffffff12,0 6px 16px #02051c47;transition:opacity .24s ease,transform .24s ease,border-color .24s ease,box-shadow .24s ease}.player-panel:before{position:absolute;inset:0;content:"";opacity:.12;background:linear-gradient(125deg,var(--player-color),transparent 62%);pointer-events:none}.player-panel:not(.active){opacity:.72}.player-panel.active{border-color:color-mix(in srgb,var(--player-color) 85%,#fff);color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--player-color) 30%,#24234f),#111534e8);box-shadow:inset 0 1px #fff3,0 0 0 1px color-mix(in srgb,var(--player-color) 24%,transparent),0 0 18px color-mix(in srgb,var(--player-color) 34%,transparent);animation:panel-pulse 1.5s ease-in-out infinite}.avatar{position:relative;z-index:1;display:grid;width:35px;height:35px;place-items:center;border:2px solid #fff8;border-radius:12px;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--player-color) 74%,#fff),var(--player-color) 46%,#101331);box-shadow:inset 0 2px #ffffff69,0 3px 8px #02031890;font:800 15px/1 DM Mono,monospace}.player-meta{position:relative;z-index:1;min-width:0}.player-meta strong{display:block;overflow:hidden;color:inherit;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.player-meta span{display:block;margin-top:3px;color:#b8bcd6;font:8px/1.1 DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.token-count{position:relative;z-index:1;display:grid;min-width:20px;place-items:center;line-height:1}.token-count b{font-size:17px}.token-count span{margin-top:3px;color:#b7bad5;font:7px DM Mono,monospace}.player-status{position:relative;z-index:1;width:6px;height:6px;border-radius:50%;background:#7af6af;box-shadow:0 0 7px #7af6af}.panel-turn{position:absolute;top:0;right:8px;color:var(--player-color);font:800 7px/1 DM Mono,monospace;letter-spacing:.1em}.board-stage{position:relative;width:min(100%,650px);margin:0 auto}.board-aura{position:absolute;z-index:-1;inset:7%;border-radius:36%;filter:blur(28px);opacity:.34;background:conic-gradient(from 45deg,#e84763,#367cff,#21ae78,#e8a91f,#e84763)}.board{position:relative;z-index:1;padding:clamp(6px,1.6vw,12px);border:1px solid #ffffff37;border-radius:clamp(21px,5vw,32px);background:linear-gradient(145deg,#5f4eaa,#2b316d 35%,#131a48);box-shadow:inset 0 1px #ffffff60,inset 0 -5px #07092399,0 18px 42px #03051cbb}.board:before{position:absolute;inset:4px;border:1px solid #ffffff29;border-radius:inherit;content:"";pointer-events:none}.board-grid{border:2px solid #10183b;border-radius:clamp(14px,3vw,22px);box-shadow:inset 0 0 20px #02051933}.track-cell{border-color:#b5bed2;background:linear-gradient(135deg,#fefef8,#e8edf0)}.track-cell.safe{color:#95621a;background:radial-gradient(circle,#fff5c8 0 19%,transparent 21%),linear-gradient(135deg,#fff4c9,#ecd68f)}.track-cell b:before{content:"";display:block;width:38%;aspect-ratio:1;background:currentColor;clip-path:polygon(50% 0,61% 34%,100% 50%,61% 65%,50% 100%,38% 65%,0 50%,38% 34%);filter:drop-shadow(0 1px #fff)}.yard{overflow:hidden;border-color:#ffffff60;box-shadow:inset 0 0 0 1px #00000016}.yard:after{position:absolute;inset:5%;border:1px solid #ffffff55;border-radius:17%;content:"";box-shadow:inset 0 0 20px #00000012;pointer-events:none}.yard-0{background:linear-gradient(145deg,#f86f87,#b7244b)}.yard-1{background:linear-gradient(145deg,#699eff,#2250bd)}.yard-2{background:linear-gradient(145deg,#56d39d,#13714f)}.yard-3{background:linear-gradient(145deg,#ffd15b,#bd7811)}.home-lane{border-color:#ffffff8a}.lane-0{background:linear-gradient(135deg,#ffb4c1,#ef617a)}.lane-1{background:linear-gradient(135deg,#b8d0ff,#6094ff)}.lane-2{background:linear-gradient(135deg,#a9f0cc,#4ec489)}.lane-3{background:linear-gradient(135deg,#ffe8a2,#f5bd48)}.board[data-active="0"] .yard-0,.board[data-active="0"] .lane-0,.board[data-active="1"] .yard-1,.board[data-active="1"] .lane-1,.board[data-active="2"] .yard-2,.board[data-active="2"] .lane-2,.board[data-active="3"] .yard-3,.board[data-active="3"] .lane-3{filter:brightness(1.12) saturate(1.16);box-shadow:inset 0 0 0 2px #fff9,inset 0 0 24px #fff8,0 0 12px #fff8;animation:home-glow 1.25s ease-in-out infinite}.home-core{overflow:hidden;background:conic-gradient(from 45deg,#e84763 0 25%,#367cff 0 50%,#21ae78 0 75%,#e8a91f 0);text-shadow:0 1px 3px #111;box-shadow:inset 0 0 0 2px #ffffff80,0 0 11px #fff6}.home-core:after{position:absolute;inset:35%;content:"";border-radius:50%;background:#fff9;filter:blur(3px)}.home-core span{z-index:1}.finish{z-index:2;width:25%;height:25%;border:1px solid #fff;box-shadow:0 2px 4px #10112799}.token{position:relative;overflow:visible;width:clamp(14px,4vw,28px);height:clamp(14px,4vw,28px);border:2px solid #fff;border-radius:50%;background:radial-gradient(circle at 32% 24%,#fff 0 7%,transparent 8%),radial-gradient(circle at 38% 30%,#ffffff9c 0 17%,transparent 18%),linear-gradient(145deg,#fff8 0%,transparent 28%),var(--token-fill);box-shadow:inset 0 -4px 5px #0004,inset 0 2px 3px #ffffff80,0 4px #00000036,0 6px 8px #05071992;cursor:default;transform:translateZ(0)}.token:after{position:absolute;inset:15%;border:1px solid #ffffff52;border-radius:inherit;content:""}.color-0{--token-fill: #d41540}.color-1{--token-fill: #1762e8}.color-2{--token-fill: #059562}.color-3{--token-fill: #da8b08}.token:not(.hidden-token){animation:token-float 2.4s ease-in-out infinite}.yard .token:nth-child(2n){animation-delay:-.8s}.yard .token:nth-child(3n){animation-delay:-1.3s}.token.selectable{outline:2px solid #fff;outline-offset:3px;filter:brightness(1.16) drop-shadow(0 0 6px #fff9);animation:token-ready .8s ease-in-out infinite alternate}.token.selectable:active{animation:token-tap .24s ease-out}.game-hud{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(106px,1fr);align-items:center;gap:10px;min-height:100px;padding:10px 12px;border:1px solid #ffffff24;border-radius:21px;background:linear-gradient(135deg,#202552ef,#0e1232ef);box-shadow:inset 0 1px #ffffff25,0 12px 28px #02041a91}.hud-copy{min-width:0}.hud-copy .eyebrow{margin-bottom:5px;color:#aeb4df;font-size:8px}.hud-copy strong{display:block;color:#fff;font-size:clamp(11px,3.3vw,14px);line-height:1.2}.hud-copy span{display:block;margin-top:8px;color:#abb1d3;font-size:10px}.hud-copy b{display:inline-grid;width:17px;height:17px;place-items:center;margin-left:3px;border-radius:5px;color:#171a35;background:#f8f4e7;font-size:11px}.dice-wrap{position:relative;display:grid;width:76px;height:76px;place-items:center;border-radius:21px;background:color-mix(in srgb,var(--die-color) 22%,#090c29);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--die-color) 55%,transparent),0 8px 15px #02041980}.dice-wrap.color-0{--die-color: #e84763}.dice-wrap.color-1{--die-color: #367cff}.dice-wrap.color-2{--die-color: #21ae78}.dice-wrap.color-3{--die-color: #e8a91f}.premium-die{position:relative;display:grid;width:57px;height:57px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:9px;border:1px solid #ffffffdd;border-radius:16px;background:linear-gradient(145deg,#fff,#dfe3ef 64%,#aeb6cc);box-shadow:inset 2px 3px 3px #fff,inset -4px -5px 7px #818ba9,0 5px #78819a,0 9px 12px #0507198c;transform:rotateX(7deg) rotate(-4deg);transition:transform .18s ease}.premium-die.has-value{animation:die-land .36s cubic-bezier(.18,.85,.32,1.4)}.premium-die.rolling{animation:premium-roll 125ms linear infinite}.dice-glint{position:absolute;top:5px;left:8px;width:23px;height:9px;border-radius:50%;opacity:.68;background:#fff;filter:blur(2px)}.pip{z-index:1;align-self:center;justify-self:center;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#616b83,#172039 62%);box-shadow:inset 0 1px #ffffff6b,0 1px #7d8598}.pip-1{grid-area:1 / 1}.pip-3{grid-area:1 / 3}.pip-4{grid-area:2 / 1}.pip-5{grid-area:2 / 2}.pip-6{grid-area:2 / 3}.pip-7{grid-area:3 / 1}.pip-9{grid-area:3 / 3}.premium-die em{display:grid;grid-area:2 / 2;place-items:center;color:#212a47;font:800 24px/1 DM Mono,monospace}.action-button{position:relative;isolation:isolate;min-height:57px;padding:8px;overflow:hidden;border:1px solid #ffffff85;border-radius:15px;color:#24171c;background:linear-gradient(145deg,#fff19c,#f6bc35 62%,#da8619);box-shadow:inset 0 2px #fff9,inset 0 -4px #b9671588,0 5px #7d4218,0 9px 14px #05061977;cursor:pointer;transition:transform .14s ease,filter .14s ease,opacity .18s ease,box-shadow .14s ease}.action-button:before{position:absolute;z-index:-1;top:-80%;left:-40%;width:60%;height:250%;content:"";opacity:.46;background:linear-gradient(90deg,transparent,#fff,transparent);transform:rotate(23deg);transition:transform .4s ease}.action-button:hover:not(:disabled):before{transform:translate(250%) rotate(23deg)}.action-button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.action-button:active:not(:disabled){box-shadow:inset 0 2px #fff8,0 1px #7d4218;transform:translateY(4px) scale(.98)}.action-button:disabled{border-color:#ffffff13;color:#a0a6c3;background:#343958;box-shadow:inset 0 1px #ffffff17;cursor:not-allowed}.action-button span,.action-button small{display:block}.action-button span{font-weight:800;font-size:13px}.action-button small{margin-top:3px;font:8px/1 DM Mono,monospace;letter-spacing:.08em}.bottom-actions{display:flex;align-items:center;min-height:25px;padding:0 4px}.connection-state{display:flex;align-items:center;gap:6px;color:#aeb4d4;font:9px/1 DM Mono,monospace;letter-spacing:.08em}.connection-state i{width:6px;height:6px;border-radius:50%;background:#74eeaa;box-shadow:0 0 7px #74eeaa}.text-button{margin-left:auto;padding:5px 0;border:0;color:#e8dbab;background:transparent;font:700 10px DM Mono,monospace;letter-spacing:.04em;cursor:pointer}@keyframes turn-beacon{50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--turn-color) 0%,transparent),0 0 20px var(--turn-color);transform:scale(.88)}}@keyframes panel-pulse{50%{box-shadow:inset 0 1px #ffffff45,0 0 0 1px color-mix(in srgb,var(--player-color) 31%,transparent),0 0 26px color-mix(in srgb,var(--player-color) 43%,transparent)}}@keyframes home-glow{50%{box-shadow:inset 0 0 0 2px #fff,inset 0 0 27px #fff8,0 0 18px #fff9}}@keyframes token-float{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes token-tap{45%{transform:translateY(2px) scale(1.17,.77)}to{transform:translateY(0) scale(1)}}@keyframes premium-roll{0%{transform:rotateX(2deg) rotateY(0) rotate(-9deg) scale(1.03,.94)}50%{transform:rotateX(22deg) rotateY(160deg) rotate(11deg) scale(.91,1.1)}to{transform:rotateX(2deg) rotateY(320deg) rotate(-9deg) scale(1.03,.94)}}@keyframes die-land{0%{transform:translateY(-14px) rotate(-10deg) scale(1.04)}55%{transform:translateY(4px) rotate(3deg) scale(1.12,.88)}to{transform:rotateX(7deg) rotate(-4deg)}}@media (min-width: 680px){.mobile-game{padding-top:24px}.topbar{height:51px}.player-panels{grid-template-columns:repeat(4,minmax(0,1fr))}.player-panel{grid-template-columns:34px minmax(0,1fr) 6px;gap:7px}.token-count{display:none}.game-hud{max-width:650px;margin:0 auto}.topbar .mode{font-size:10px}}@media (max-width: 365px){.mobile-game{padding-right:9px;padding-left:9px}.player-panel{grid-template-columns:31px minmax(0,1fr) auto 5px;padding:6px 7px;gap:6px}.avatar{width:31px;height:31px;border-radius:10px}.player-meta strong{font-size:11px}.game-hud{grid-template-columns:minmax(0,1fr) 66px 98px;gap:7px;padding:8px}.dice-wrap{width:66px;height:66px;transform:scale(.9)}.action-button span{font-size:12px}}@media (prefers-reduced-motion: reduce){.player-panel,.turn-light,.token,.premium-die{animation:none!important}}.flow-shell{position:relative;isolation:isolate;width:min(100%,620px);min-height:100dvh;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) clamp(16px,5vw,28px) max(22px,env(safe-area-inset-bottom));overflow:hidden;color:#f8f8ff}.flow-shell>:not(.animated-backdrop){position:relative;z-index:1}.animated-backdrop{position:absolute;z-index:-1;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#443681,#171b47 39%,#090c23 82%);pointer-events:none}.ambient-grid{position:absolute;inset:-25%;opacity:.13;background-image:linear-gradient(#a8b2fa22 1px,transparent 1px),linear-gradient(90deg,#a8b2fa22 1px,transparent 1px);background-size:36px 36px;transform:rotate(-18deg)}.ambient-orb{position:absolute;display:block;border-radius:50%;filter:blur(2px);opacity:.52;animation:drift-orb 9s ease-in-out infinite alternate}.orb-one{top:-70px;right:-48px;width:210px;height:210px;background:radial-gradient(circle,#7865ffbb,#7865ff00 68%)}.orb-two{bottom:7%;left:-100px;width:240px;height:240px;background:radial-gradient(circle,#ed4e76a1,#ed4e7600 70%);animation-delay:-3s}.orb-three{right:-90px;bottom:-80px;width:220px;height:220px;background:radial-gradient(circle,#33c68b8f,#33c68b00 71%);animation-delay:-6s}.splash-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:23px;text-align:center}.splash-mark{position:relative;display:grid;width:142px;height:142px;place-items:center;border:1px solid #ffffff5e;border-radius:38px;background:linear-gradient(145deg,#34356f,#121735);box-shadow:inset 0 1px #fff6,0 19px 46px #020417a8,0 0 0 10px #ffffff08;transform:rotate(45deg);animation:splash-mark-in .85s cubic-bezier(.15,.86,.28,1.24) both}.splash-mark>span{display:grid;width:68px;height:68px;place-items:center;border:3px solid #fff;border-radius:22px;color:#111635;background:linear-gradient(145deg,#fffef5,#d9dcec);box-shadow:inset 0 3px #fff,inset 0 -5px #a1aac6,0 6px #151a42;font:800 24px/1 DM Mono,monospace;letter-spacing:-.08em;transform:rotate(-45deg)}.splash-piece{position:absolute;width:27px;height:27px;border:2px solid #fff;border-radius:50%;box-shadow:inset 0 2px #fff8,inset 0 -4px #0004,0 3px 6px #020317}.splash-ruby{top:14px;left:14px;background:#df284e}.splash-azure{top:14px;right:14px;background:#3c7ff1}.splash-jade{right:14px;bottom:14px;background:#16ad78}.splash-gold{bottom:14px;left:14px;background:#e9a920}.splash-copy{animation:flow-rise .7s .22s both}.splash-copy p{margin:0 0 8px;color:#c5c5ef;font:800 9px/1 DM Mono,monospace;letter-spacing:.18em}.splash-copy h1{margin:0;color:#fff;font-size:clamp(37px,11vw,56px);line-height:.95;letter-spacing:-.06em}.splash-copy h1 strong{color:#ffd35b}.splash-copy span{display:block;margin-top:14px;color:#c4c8e4;font-size:14px}.splash-continue{margin-top:26px;padding:12px 18px;border:1px solid #ffffff49;border-radius:12px;color:#fff;background:#ffffff12;box-shadow:inset 0 1px #fff3;font:800 10px DM Mono,monospace;letter-spacing:.13em;cursor:pointer;animation:subtle-pulse 1.8s 1s ease-in-out infinite}.menu-screen{display:flex;flex-direction:column}.menu-topbar{display:flex;align-items:center;justify-content:space-between;min-height:44px}.guest-profile{display:flex;align-items:center;gap:8px;padding:0;border:0;color:#fff;background:transparent;text-align:left;cursor:pointer}.guest-profile>span{display:grid;width:36px;height:36px;place-items:center;border:2px solid #fff8;border-radius:12px;background:linear-gradient(145deg,#f76b84,#a9204b);box-shadow:inset 0 2px #fff6,0 4px 8px #04051a99;font:800 15px DM Mono,monospace}.guest-profile b,.guest-profile small{display:block}.guest-profile b{font-size:12px}.guest-profile small{margin-top:3px;color:#babee3;font:8px DM Mono,monospace;letter-spacing:.08em}.top-text-button{padding:8px 0 8px 11px;border:0;color:#e7d89e;background:transparent;font:800 9px DM Mono,monospace;letter-spacing:.08em;cursor:pointer}.menu-hero{margin:clamp(31px,8vh,65px) 0 24px;animation:flow-rise .5s ease-out both}.hero-kicker{margin:0 0 10px;color:#dad9ff;font:800 9px DM Mono,monospace;letter-spacing:.14em}.menu-hero h1{margin:0;max-width:430px;color:#fff;font-size:clamp(42px,12vw,65px);line-height:.88;letter-spacing:-.08em;text-shadow:0 7px 25px #060719ad}.menu-hero h1 strong{display:block;color:#ffce53}.hero-subtitle{max-width:320px;margin:18px 0 0;color:#c4c8e2;font-size:14px;line-height:1.45}.menu-actions{display:grid;gap:10px;padding-bottom:7px;animation:flow-rise .58s .11s ease-out both}.menu-play,.menu-practice{display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:11px 14px 11px 17px;overflow:hidden;border-radius:19px;text-align:left;cursor:pointer;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.menu-play{border:1px solid #fff9;color:#24172a;background:linear-gradient(135deg,#fff7a9,#ffd151 53%,#e9901c);box-shadow:inset 0 2px #fff9,inset 0 -5px #b76a1588,0 6px #7a401b,0 12px 21px #0203198a}.menu-practice{border:1px solid #ffffff55;color:#fff;background:linear-gradient(125deg,#4d79e7,#283e99 64%,#1d255d);box-shadow:inset 0 2px #fff5,inset 0 -5px #10154a99,0 6px #10184e,0 11px 20px #02031982}.menu-play:hover,.menu-practice:hover{filter:brightness(1.08);transform:translateY(-2px)}.menu-play:active,.menu-practice:active{transform:translateY(4px) scale(.99)}.menu-play span,.menu-practice span{display:grid;gap:4px;font:800 22px/1 Outfit,sans-serif;letter-spacing:-.04em}.menu-play small,.menu-practice small{font:800 8px/1 DM Mono,monospace;letter-spacing:.12em}.menu-play i,.menu-practice i{display:grid;width:42px;height:42px;place-items:center;border:1px solid #ffffff76;border-radius:13px;font:800 11px DM Mono,monospace;font-style:normal}.menu-play i{background:#ffffff37}.menu-practice i{background:#ffffff16}.menu-utility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.utility-button{min-height:65px;padding:10px;border:1px solid #ffffff1d;border-radius:14px;color:#e9eaf8;background:linear-gradient(145deg,#252959d8,#14183ad8);box-shadow:inset 0 1px #ffffff1b,0 5px 12px #02031962;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.utility-button:hover{border-color:#ffffff4a;background:#2b3065;transform:translateY(-1px)}.utility-button b,.utility-button small{display:block}.utility-button b{font-size:10px}.utility-button small{margin-top:5px;color:#b6bad8;font-size:9px}.exit-button{justify-self:center;margin-top:3px;padding:7px;border:0;color:#b8bad2;background:transparent;font:800 9px DM Mono,monospace;letter-spacing:.1em;cursor:pointer}.flow-toast{position:absolute;z-index:4;right:16px;bottom:22px;left:16px;display:flex;align-items:center;gap:10px;padding:11px 12px 11px 14px;border:1px solid #ffffff45;border-radius:14px;color:#fff;background:#161a3ff4;box-shadow:0 12px 27px #030417ad;font-size:11px;animation:toast-in .25s ease-out}.flow-toast span{line-height:1.35}.flow-toast button{margin-left:auto;padding:6px 8px;border:1px solid #ffffff38;border-radius:7px;color:#fff;background:#ffffff16;font:800 9px DM Mono,monospace;cursor:pointer}.flow-page{display:flex;flex-direction:column}.flow-page-header{display:flex;align-items:flex-start;gap:13px}.back-button{flex:0 0 auto;margin-top:4px;padding:8px 9px;border:1px solid #ffffff32;border-radius:9px;color:#f8f8ff;background:#ffffff12;font:800 8px DM Mono,monospace;letter-spacing:.08em;cursor:pointer}.flow-page-header p{margin:0 0 6px;color:#c9cceb;font:800 8px DM Mono,monospace;letter-spacing:.13em}.flow-page-header h1{margin:0;color:#fff;font-size:clamp(28px,8vw,40px);line-height:.92;letter-spacing:-.06em}.flow-page-subtitle{max-width:320px;margin:18px 0 20px;color:#c5c9e4;font-size:13px;line-height:1.45}.flow-page-content{display:grid;gap:12px;animation:flow-rise .42s ease-out both}.setup-banner,.setup-details,.rules-card,.tip-card,.settings-note,.progress-card,.profile-record,.profile-info{border:1px solid #ffffff25;border-radius:17px;background:linear-gradient(135deg,#262a5ddd,#131739df);box-shadow:inset 0 1px #fff2,0 9px 22px #02041a6b}.setup-banner{display:grid;gap:5px;padding:14px;border-color:#f6c95e80;background:linear-gradient(120deg,#f6bc3438,#292a58e3 60%)}.setup-banner span,.setup-details span{color:#f8d364;font:800 8px DM Mono,monospace;letter-spacing:.12em}.setup-banner strong{font-size:15px}.setup-choices{display:grid;gap:9px}.setup-choice{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:73px;padding:10px 12px;border:1px solid #ffffff23;border-radius:17px;color:#e9ebf9;background:#171b40e0;text-align:left;cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}.setup-choice:hover{transform:translateY(-1px);border-color:#ffffff58}.setup-choice.selected{border-color:#ffd35c;background:linear-gradient(125deg,#f6bd3636,#222755eb 66%);box-shadow:inset 0 1px #fff5,0 0 0 1px #f6bd3529}.setup-choice>span{min-width:0}.setup-choice b,.setup-choice small{display:block}.setup-choice b{font-size:14px}.setup-choice small{margin-top:4px;color:#bbc0dd;font-size:10px}.setup-choice em{color:#f3d166;font:800 8px DM Mono,monospace;font-style:normal}.setup-dot{width:30px;height:30px;border:2px solid #fff9;border-radius:10px;box-shadow:inset 0 2px #fff8,0 3px 5px #0203178a}.setup-dot.quick{background:linear-gradient(145deg,#ffdc5c,#d57f12)}.setup-dot.practice{background:linear-gradient(145deg,#64a0ff,#2c51c9)}.setup-details{padding:13px 14px}.setup-details p{margin:6px 0 0;color:#c1c6e0;font-size:11px;line-height:1.4}.flow-primary-button{min-height:57px;padding:9px;border:1px solid #fff8;border-radius:15px;color:#27192b;background:linear-gradient(145deg,#fff4a4,#f4b933 62%,#d98217);box-shadow:inset 0 2px #fff9,inset 0 -4px #b566158a,0 5px #7c4118,0 9px 16px #02041977;font:800 14px Outfit,sans-serif;cursor:pointer;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}.flow-primary-button small{display:block;margin-top:3px;font:800 8px DM Mono,monospace;letter-spacing:.08em}.flow-primary-button:hover{filter:brightness(1.07);transform:translateY(-1px)}.flow-primary-button:active{box-shadow:inset 0 2px #fff8,0 1px #7c4118;transform:translateY(4px) scale(.99)}.rules-card{padding:15px;background:linear-gradient(125deg,#f7c74425,#262958df 67%)}.rules-safe{display:inline-flex;padding:5px 7px;border:1px solid #f9dd866e;border-radius:7px;color:#ffe393;background:#f6bb2918;font:800 8px DM Mono,monospace;letter-spacing:.09em}.rules-card p{margin:10px 0 0;color:#d0d4e8;font-size:12px;line-height:1.45}.rule-list{display:grid;gap:9px;padding:0;margin:0;list-style:none}.rule-list li{display:grid;grid-template-columns:32px 1fr;gap:11px;padding:11px;border:1px solid #ffffff1e;border-radius:14px;background:#14183bdc}.rule-list li>span{display:grid;width:29px;height:29px;place-items:center;border:1px solid #ffffff60;border-radius:9px;color:#151934;background:#f2d677;font:800 12px DM Mono,monospace}.rule-list b{font-size:13px}.rule-list p{margin:4px 0 0;color:#bfc4df;font-size:11px;line-height:1.35}.tip-card{padding:14px;border-color:#6b9aff65;background:linear-gradient(125deg,#377eff31,#222652e9)}.tip-card b{color:#a8c6ff;font:800 8px DM Mono,monospace;letter-spacing:.11em}.tip-card p{margin:7px 0 0;color:#d1d7ed;font-size:12px;line-height:1.4}.settings-list{overflow:hidden;border:1px solid #ffffff25;border-radius:17px;background:#15193bdd;box-shadow:inset 0 1px #fff2,0 9px 21px #02041961}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px}.setting-row+.setting-row{border-top:1px solid #ffffff16}.setting-row b{font-size:13px}.setting-row p{max-width:230px;margin:4px 0 0;color:#bfc4de;font-size:10px;line-height:1.3}.switch{position:relative;flex:0 0 auto;width:43px;height:25px;padding:2px;border:1px solid #ffffff3b;border-radius:20px;background:#535978;cursor:pointer;transition:background .2s ease}.switch i{display:block;width:19px;height:19px;border-radius:50%;background:#e8ebfb;box-shadow:0 2px 4px #0304198b;transition:transform .2s ease}.switch.on{background:#29956a}.switch.on i{transform:translate(18px)}.settings-note{padding:14px}.settings-note b{color:#c4c9eb;font:800 8px DM Mono,monospace;letter-spacing:.1em}.settings-note p{margin:7px 0 0;color:#bbc0dd;font-size:11px;line-height:1.4}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat-card{min-height:90px;padding:13px;border:1px solid #ffffff25;border-radius:16px;background:linear-gradient(145deg,#2a2e63e9,#15193cdd);box-shadow:inset 0 1px #ffffff24,0 7px 16px #02041962}.stat-card strong{display:block;color:#ffda70;font-size:29px;line-height:1;letter-spacing:-.07em}.stat-card span{display:block;margin-top:10px;color:#c0c5e0;font:800 9px DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.progress-card{display:grid;gap:5px;padding:15px;border-color:#5f90f181;background:linear-gradient(130deg,#3979e634,#222653e8)}.progress-card span{color:#adc8ff;font:800 8px DM Mono,monospace;letter-spacing:.1em}.progress-card strong{font-size:18px}.progress-card p{margin:0;color:#c4c9e2;font-size:11px}.profile-card{display:flex;align-items:center;gap:15px;padding:17px;border:1px solid #ffffff35;border-radius:20px;background:linear-gradient(135deg,#e84c6640,#292857ea 67%);box-shadow:inset 0 1px #fff4,0 10px 23px #0204197c}.profile-avatar{display:grid;width:67px;height:67px;place-items:center;border:3px solid #fff;border-radius:22px;background:linear-gradient(145deg,#f4768b,#b0214e);box-shadow:inset 0 3px #fff7,inset 0 -6px #76133477,0 6px 12px #05051994;font:800 28px DM Mono,monospace}.profile-card p{margin:0 0 6px;color:#d2d5ef;font:800 8px DM Mono,monospace;letter-spacing:.12em}.profile-card h2{margin:0;font-size:23px;letter-spacing:-.05em}.profile-card span{display:inline-block;margin-top:8px;padding:5px 6px;border:1px solid #ffe08474;border-radius:7px;color:#ffe391;background:#f6b72b21;font:800 8px DM Mono,monospace;letter-spacing:.06em}.profile-record,.profile-info{padding:14px}.profile-record span,.profile-info b{display:block;color:#c6cbe9;font:800 8px DM Mono,monospace;letter-spacing:.1em}.profile-record strong{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:16px}.profile-record i{width:4px;height:4px;border-radius:50%;background:#aab1d5}.profile-info p{margin:7px 0 0;color:#bdc2dd;font-size:11px;line-height:1.42}.victory-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:19px;text-align:center}.victory-rays{position:absolute;z-index:0;top:12%;width:310px;aspect-ratio:1;opacity:.33;background:repeating-conic-gradient(from 0deg,#ffd75b 0 7deg,transparent 7deg 20deg);mask-image:radial-gradient(circle,#000 0 18%,transparent 66%);animation:slow-spin 18s linear infinite}.victory-medal{position:relative;display:grid;width:113px;height:113px;place-items:center;border:5px solid #fff;border-radius:50%;color:#2a1e28;background:radial-gradient(circle at 34% 26%,#fff9 0 8%,transparent 9%),linear-gradient(145deg,#fff4a4,var(--winner-color));box-shadow:inset 0 4px #fff8,inset 0 -9px #9b520974,0 9px #6a351d,0 17px 27px #0203199c;font:800 54px/1 Outfit,sans-serif;animation:medal-pop .7s cubic-bezier(.18,.86,.26,1.31) both}.victory-copy p{margin:0 0 9px;color:#ffe18e;font:800 9px DM Mono,monospace;letter-spacing:.15em}.victory-copy h1{margin:0;color:#fff;font-size:clamp(37px,11vw,53px);line-height:.9;letter-spacing:-.08em;text-shadow:0 6px 18px #0607199d}.victory-copy span{display:block;margin-top:14px;color:#cbd0e7;font-size:13px}.victory-score{display:flex;align-items:center;gap:7px;padding:11px 14px;border:1px solid #ffffff31;border-radius:14px;background:#15193bdc;box-shadow:inset 0 1px #fff2}.victory-score span{color:#c7cce6;font:800 8px DM Mono,monospace;letter-spacing:.06em}.victory-score strong{color:#ffdb76;font-size:17px}.victory-score i{width:4px;height:4px;margin:0 2px;border-radius:50%;background:#ffffff7a}.victory-actions{display:grid;width:min(100%,370px);gap:9px}.flow-secondary-button{min-height:42px;border:1px solid #ffffff38;border-radius:13px;color:#e2e4f3;background:#ffffff12;font:800 10px DM Mono,monospace;letter-spacing:.08em;cursor:pointer}.flow-secondary-button:hover{background:#ffffff1e}.topbar-brand{padding:0;border:0;color:#fff;background:transparent;font:800 clamp(18px,5vw,24px)/1 Outfit,sans-serif;letter-spacing:1.5px;text-shadow:0 2px 14px #0008;cursor:pointer}.topbar-brand span{color:#f6bd42}.icon-button .menu-lines,.icon-button .menu-lines:before,.icon-button .menu-lines:after{display:block;width:16px;height:2px;border-radius:2px;background:#fff}.icon-button .menu-lines{position:relative;transform:none}.icon-button .menu-lines:before,.icon-button .menu-lines:after{position:absolute;left:0;content:""}.icon-button .menu-lines:before{top:-5px}.icon-button .menu-lines:after{top:5px}@keyframes drift-orb{to{transform:translate(24px,31px) scale(1.13)}}@keyframes splash-mark-in{0%{opacity:0;transform:rotate(14deg) scale(.38)}to{opacity:1;transform:rotate(45deg) scale(1)}}@keyframes flow-rise{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}@keyframes subtle-pulse{50%{border-color:#fff9;background:#ffffff23;transform:translateY(-2px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes slow-spin{to{transform:rotate(1turn)}}@keyframes medal-pop{0%{opacity:0;transform:translateY(18px) scale(.52)}to{opacity:1;transform:none}}@media (min-width: 680px){.flow-shell{min-height:780px;padding-top:31px;padding-bottom:31px}.menu-hero{margin-top:77px}.menu-actions{width:min(100%,520px)}.flow-page-content{width:min(100%,500px)}.flow-page-subtitle{max-width:390px}}@media (prefers-reduced-motion: reduce){.ambient-orb,.splash-mark,.splash-continue,.victory-rays,.victory-medal{animation:none!important}}