@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}}:root{--ink: #15162a;--paper: #ede8d9;--wood-deep: #281d20;--wood-mid: #624038;--wood-lit: #9a6a51;--brass: #d7a35c;--brass-light: #f3d28c;--plum: #27203c}body{background:radial-gradient(ellipse at 50% -20%,#484167,#1c1d31 42%,#0e101d 91%)}.mobile-game{position:relative;background:linear-gradient(180deg,#ffffff08,transparent 25%)}.mobile-game:before{position:fixed;z-index:-2;inset:0;content:"";opacity:.18;background-image:radial-gradient(#fff 0 .6px,transparent .7px),radial-gradient(#f1d5a4 0 .45px,transparent .55px);background-position:0 0,12px 15px;background-size:23px 23px,37px 37px;mask-image:linear-gradient(180deg,#000,transparent 82%);pointer-events:none}.topbar{min-height:46px;padding:0 2px}.topbar-brand{text-shadow:0 2px 0 #080914,0 10px 20px #04050f99}.topbar-brand span{color:#e6b864}.mode{border-color:#d6b46b35!important;color:#e8d2a2!important;background:#281f2aaf!important;box-shadow:inset 0 1px #f5dfae1f}.icon-button{border-color:#d7b87742;border-radius:12px;background:linear-gradient(145deg,#4f3b3d,#211c2b);box-shadow:inset 0 1px #efcf9135,inset 0 -3px #100d1894,0 5px 11px #0607108c}.icon-button:hover{filter:brightness(1.12)}.turn-banner{min-height:64px;border:1px solid #e9d0a043;border-radius:17px;background:linear-gradient(112deg,#2d293d,#171827);box-shadow:inset 0 1px #f9e7bc28,inset 0 -10px 18px #090a1682,0 11px 25px #06071079}.turn-banner:after{position:absolute;right:12px;bottom:5px;width:38%;height:1px;content:"";opacity:.44;background:linear-gradient(90deg,transparent,var(--turn-color))}.turn-banner:before{opacity:.13}.turn-light{width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb,var(--turn-color) 15%,transparent),0 0 12px color-mix(in srgb,var(--turn-color) 80%,transparent)}.turn-banner strong{color:#f4eddf;font-size:13px}.turn-chip{border-color:#e2c48c33;color:#e6d7b6;background:#0d0e196b}.player-panels{gap:9px}.player-panel{min-height:61px;border-color:#d4c2a222;border-radius:15px;color:#c7c5cd;background:linear-gradient(145deg,#302b3b,#1b1b29);box-shadow:inset 0 1px #eee1c81c,inset 0 -7px 12px #08091252,0 7px 14px #05060f4c}.player-panel:before{opacity:.16;background:linear-gradient(118deg,color-mix(in srgb,var(--player-color) 65%,#413637),transparent 67%)}.player-panel:not(.active){opacity:.62;filter:saturate(.85)}.player-panel.active{border-color:color-mix(in srgb,var(--player-color) 62%,#ebd092);background:linear-gradient(130deg,color-mix(in srgb,var(--player-color) 25%,#342c36),#1c1b29);box-shadow:inset 0 1px #fbecc869,inset 0 -7px 13px #0809126d,0 0 0 1px color-mix(in srgb,var(--player-color) 18%,transparent),0 0 21px color-mix(in srgb,var(--player-color) 23%,transparent)}.avatar{border-color:#ead8b9;border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--player-color) 60%,#f2d7a2),color-mix(in srgb,var(--player-color) 72%,#282030));box-shadow:inset 0 2px #fff4,inset 0 -4px #1a122560,0 3px 7px #05050c9c}.player-meta strong{color:#eeeae1;letter-spacing:-.01em}.player-meta span{color:#b9b5bf}.role-indicator{display:flex!important;align-items:center;gap:4px}.role-indicator:before{display:inline-block;width:7px;height:7px;content:"";border-radius:2px;background:#bca678;box-shadow:inset 0 1px #fff5}.role-indicator.bot:before{border-radius:50% 50% 35% 35%;background:#6aaeb5}.role-indicator.human:before{border-radius:50%;background:#d4a85c}.token-count{min-width:25px;padding-left:5px;border-left:1px solid #f1dfb51f}.token-count b{color:#f2e8d5}.token-count span{color:#aaa5ad}.token-count small{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px;margin-top:3px;color:#dfbf7c;font:700 7px/1 DM Mono,monospace}.token-count small:after{content:"HOME";color:#9795a2;font-size:6px}.player-status{background:#83c7a1;box-shadow:0 0 6px #83c7a188}.board-stage{padding:4px}.board-aura{inset:10%;opacity:.2;filter:blur(34px);background:conic-gradient(from 20deg,#8b3e45,#386b8f,#418269,#a67939,#8b3e45)}.board{padding:clamp(9px,2.2vw,15px);overflow:visible;border:0;border-radius:clamp(25px,6vw,37px);background:repeating-linear-gradient(101deg,#4c302e 0 2px,#5f3d34 2px 5px,#3b282a 5px 7px),linear-gradient(145deg,#9d735d,#68453c 18%,#2e2328 78%,#1b1925);box-shadow:inset 0 2px 1px #e4bd9066,inset 0 -5px 1px #160f156e,inset 11px 0 19px #c8997250,inset -11px 0 20px #17111a7e,0 7px #120d12,0 19px 35px #04050dbe}.board:before{z-index:2;inset:clamp(5px,1.3vw,9px);border:1px solid #dfb6808c;border-radius:clamp(18px,4vw,27px);box-shadow:inset 0 0 0 2px #20171a8f,inset 0 0 0 4px #b9896252;pointer-events:none}.board-grid{z-index:1;border:3px solid #1d1a20;border-radius:clamp(15px,3vw,23px);background:#d5d1c4;box-shadow:inset 0 0 0 1px #b0a28e,inset 0 0 20px #201a1c3d,0 2px 4px #100f1699}.track-cell,.home-lane{border-color:#a99d8d;box-shadow:inset 1px 1px #fff8,inset -1px -1px #827a6d32}.track-cell{background:linear-gradient(145deg,#f3efe4,#ddd8ca)}.track-cell.safe{color:#92693c;background:radial-gradient(circle at 50% 50%,#d4a65c 0 18%,#795238 19% 24%,transparent 25%),linear-gradient(145deg,#f0e1bd,#d8c28d)}.track-cell b:before{width:46%;background:#8a653f;filter:drop-shadow(0 1px #f8e7bb)}.entry-0{background:linear-gradient(135deg,#f2d0cc,#e6b3ad)}.entry-1{background:linear-gradient(135deg,#cfdeec,#abc2d7)}.entry-2{background:linear-gradient(135deg,#c7ddd2,#a9c7b8)}.entry-3{background:linear-gradient(135deg,#eddfbe,#d9c18e)}.yard{border-color:#382a2a;box-shadow:inset 0 0 0 1px #f3d2a433,inset 0 0 0 4px #1b151a6b}.yard:before{inset:10%;border:0;border-radius:19%;background:linear-gradient(145deg,#120f142e,#ffffff12 35%,#0e0c1170);box-shadow:inset 2px 2px 8px #120b1080,inset -1px -1px #f6dca52e}.yard:after{inset:12%;border:1px solid #e3b9805a;border-radius:17%;box-shadow:inset 0 0 20px #140e1280,0 1px #f5dcad26}.yard-0{background:linear-gradient(145deg,#c66a65,#843841 62%,#542a34)}.yard-1{background:linear-gradient(145deg,#5e8cad,#385f86 62%,#263b5c)}.yard-2{background:linear-gradient(145deg,#609b80,#39715f 62%,#24483f)}.yard-3{background:linear-gradient(145deg,#c89c58,#9a6d35 62%,#654727)}.home-lane{border-color:#b4a694}.lane-0{background:linear-gradient(135deg,#dfaaa7,#b56867)}.lane-1{background:linear-gradient(135deg,#b6cce0,#7399b9)}.lane-2{background:linear-gradient(135deg,#acd0bb,#6da68d)}.lane-3{background:linear-gradient(135deg,#ecd59f,#c59a54)}.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.08) saturate(1.08);box-shadow:inset 0 0 0 2px #f2d29f9c,inset 0 0 19px #f9e3bc66,0 0 10px color-mix(in srgb,var(--turn-color) 28%,transparent);animation:home-glow 1.5s ease-in-out infinite}.home-core{background:conic-gradient(from 45deg,#a95156 0 25%,#4d769b 0 50%,#4b876f 0 75%,#ad7d3f 0);box-shadow:inset 0 0 0 2px #e7c38f,inset 0 -7px 10px #130e1788,0 2px 5px #16101691}.home-core:after{inset:37%;opacity:.72;background:#f1d5a2}.home-core span{color:#fff4dd;text-shadow:0 1px 2px #241317}.finish{border-color:#e8d0a4;box-shadow:inset 0 1px #fff7,0 2px 4px #160f1499}.token{width:clamp(15px,4.3vw,30px);height:clamp(15px,4.3vw,30px);border:2px solid #e7d0a5;background:radial-gradient(circle at 31% 22%,#fff9 0 5%,transparent 6%),radial-gradient(ellipse at 33% 27%,#fff8 0 16%,transparent 17%),linear-gradient(150deg,#ffffff42 0 25%,transparent 26%),linear-gradient(0deg,#0002,transparent 50%),var(--token-fill);box-shadow:inset 0 -5px 7px #160c1552,inset 0 2px 3px #fff6,0 3px #160e1666,0 7px 9px #06060f9e}.token:before{position:absolute;top:13%;right:19%;width:19%;height:12%;content:"";border-radius:50%;opacity:.78;background:#fff;filter:blur(.5px)}.token:after{inset:15%;border-color:#f8e6c66b;box-shadow:inset 0 1px #fff4}.color-0{--token-fill: #a93045}.color-1{--token-fill: #396c9d}.color-2{--token-fill: #2f8063}.color-3{--token-fill: #bd8735}.token.selectable{outline:0;filter:brightness(1.12) drop-shadow(0 0 6px #e9c67a99);box-shadow:inset 0 -5px 7px #160c1552,inset 0 2px 3px #fff6,0 3px #160e1666,0 7px 9px #06060f9e,0 0 0 2px #e4bd6a,0 0 0 5px #e4bd6a35}.motion-token .token{box-shadow:inset 0 -5px 7px #160c1552,inset 0 2px 3px #fff8,0 11px 15px #090814bc,0 0 12px #f3dba7}.game-hud{min-height:101px;border-color:#dec28f3e;border-radius:19px;background:linear-gradient(135deg,#2a2938,#171826);box-shadow:inset 0 1px #f3dfbd25,inset 0 -9px 16px #090a155c,0 12px 25px #05060e87}.hud-copy .eyebrow{color:#cfc3a8}.hud-copy strong{color:#f4eee0}.hud-copy span{color:#bab5b8}.hud-copy b{color:#342a2d;background:linear-gradient(145deg,#f1d9a5,#c99c5f);box-shadow:inset 0 1px #fff7,0 1px 2px #09090f66}.dice-wrap{border-radius:19px;background:linear-gradient(145deg,color-mix(in srgb,var(--die-color) 24%,#423637),#1d1c29);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--die-color) 50%,#cba86f),inset 0 -6px 10px #09091466,0 7px 13px #05060e86}.premium-die{border-color:#e8d6b8;border-radius:17px;background:linear-gradient(145deg,#f5efdf,#d8ceb9 64%,#a99c8a);box-shadow:inset 2px 3px 3px #fff9,inset -4px -5px 7px #8e8375,0 5px #756b61,0 9px 12px #05060c8c}.pip{background:radial-gradient(circle at 32% 26%,#655b58,#30262b 62%);box-shadow:inset 0 1px #ffffff4d,0 1px #6d625d}.action-button,.flow-primary-button{border-color:#f4dca98a;color:#34251f;background:linear-gradient(145deg,#f4dda5,#d5a354 62%,#a96f31);box-shadow:inset 0 2px #fff7,inset 0 -4px #77502f90,0 5px #5a3826,0 9px 14px #05060d77}.action-button:disabled{color:#a9a2a4;background:#3b3946;box-shadow:inset 0 1px #ffffff17}.app-icon{position:relative;display:inline-block;width:17px;height:17px;color:currentColor}.app-icon:before,.app-icon:after{position:absolute;content:""}.app-icon-play:before{top:2px;left:5px;border-top:6.5px solid transparent;border-bottom:6.5px solid transparent;border-left:10px solid currentColor}.app-icon-practice:before{inset:2px;border:2px solid currentColor;border-radius:5px}.app-icon-practice:after{top:6px;left:6px;width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 -4px currentColor,0 4px currentColor,-4px 0 currentColor,4px 0 currentColor;transform:scale(.45)}.app-icon-help:before{inset:1px;border:2px solid currentColor;border-radius:50%}.app-icon-help:after{top:4px;left:7px;width:3px;height:7px;border-radius:2px;background:currentColor;box-shadow:0 8px 0 -1px currentColor}.app-icon-stats:before{right:1px;bottom:2px;width:3px;height:12px;border-radius:2px;background:currentColor;box-shadow:-6px 4px currentColor,-12px 8px currentColor}.app-icon-profile:before{top:1px;left:5px;width:7px;height:7px;border:2px solid currentColor;border-radius:50%}.app-icon-profile:after{bottom:1px;left:2px;width:13px;height:7px;border:2px solid currentColor;border-bottom:0;border-radius:9px 9px 0 0}.app-icon-settings:before{inset:2px;border:3px dotted currentColor;border-radius:50%}.app-icon-settings:after{top:6px;left:6px;width:5px;height:5px;border:2px solid currentColor;border-radius:50%;background:#2a2938}.menu-play i,.menu-practice i{color:currentColor}.utility-button{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:9px}.utility-button>.app-icon{color:#dbc17e}.utility-button>span{min-width:0}.utility-button:hover>.app-icon{transform:translateY(-1px) rotate(4deg)}.guest-profile>span{border-color:#e9d0a5;background:linear-gradient(145deg,#b75b68,#773444)}.profile-avatar{border-color:#ebd2a6;background:linear-gradient(145deg,#bf6872,#813545)}.menu-play,.menu-practice{border-radius:18px}.menu-play{color:#34251f;background:linear-gradient(135deg,#f3dda9,#d5a253 53%,#ae7332);box-shadow:inset 0 2px #fff7,inset 0 -5px #7b512e82,0 6px #563526,0 12px 21px #0203198a}.menu-practice{background:linear-gradient(125deg,#557c95,#344b72 64%,#222944);box-shadow:inset 0 2px #ffffff42,inset 0 -5px #10152e99,0 6px #151a34,0 11px 20px #02031982}.utility-button{border-color:#ddc69c26;background:linear-gradient(145deg,#302d3a,#191a29)}.utility-button:hover{border-color:#deb96c78;background:#393442}.flow-secondary-button{border-color:#dec58d43;background:#ffffff0e}.flow-secondary-button:hover{background:#f4dbab18}@keyframes home-glow{50%{filter:brightness(1.14) saturate(1.1);box-shadow:inset 0 0 0 2px #f2d29f,inset 0 0 22px #f7dfb579,0 0 13px color-mix(in srgb,var(--turn-color) 34%,transparent)}}@media (max-width: 365px){.token-count small:after{display:none}.token-count{min-width:20px;padding-left:3px}.utility-button{gap:7px}}.menu-play>i>.app-icon,.menu-practice>i>.app-icon{display:inline-block;width:17px;height:17px;border:0;border-radius:0;background:transparent;box-shadow:none}.board[data-active="0"]{--active-board-color: #a95156}.board[data-active="1"]{--active-board-color: #4d769b}.board[data-active="2"]{--active-board-color: #4b876f}.board[data-active="3"]{--active-board-color: #ad7d3f}.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{box-shadow:inset 0 0 0 2px #f2d29f9c,inset 0 0 19px #f9e3bc66,0 0 10px color-mix(in srgb,var(--active-board-color) 38%,transparent)}.player-count-picker{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:13px;border:1px solid #dec58d42;border-radius:16px;background:linear-gradient(135deg,#302c3b,#191a28);box-shadow:inset 0 1px #f5e0b724,0 7px 16px #05050c62}.player-count-picker>div:first-child{display:grid;gap:3px}.player-count-picker span,.seat-config header span,.seat-name>span,.difficulty-picker>span{color:#c9b690;font:800 8px/1 DM Mono,monospace;letter-spacing:.1em}.player-count-picker strong{color:#f4ecdd;font-size:17px}.count-options{display:grid;grid-template-columns:repeat(4,30px);gap:5px}.count-options button{height:30px;padding:0;border:1px solid #dfc69b48;border-radius:9px;color:#d6d0c4;background:#13131e;box-shadow:inset 0 1px #ffffff13;font:800 12px/1 DM Mono,monospace;cursor:pointer}.count-options button.selected{border-color:#e9c66f;color:#382619;background:linear-gradient(145deg,#f3d89f,#cb9954);box-shadow:inset 0 1px #fff8,0 2px 5px #05050d8c}.seat-list{display:grid;gap:10px}.seat-config{--seat-color: #a93045;padding:12px;border:1px solid color-mix(in srgb,var(--seat-color) 43%,#d8c091);border-radius:17px;background:linear-gradient(130deg,color-mix(in srgb,var(--seat-color) 15%,#302b36),#1a1a27 68%);box-shadow:inset 0 1px #f8eacb1c,inset 0 -7px 11px #08080e50,0 7px 15px #05050c55;transition:opacity .18s ease,filter .18s ease}.seat-config.seat-1{--seat-color: #396c9d}.seat-config.seat-2{--seat-color: #2f8063}.seat-config.seat-3{--seat-color: #bd8735}.seat-config.is-empty{opacity:.66;filter:saturate(.67)}.seat-config header{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;margin-bottom:10px}.seat-swatch{display:grid;width:28px;height:28px;place-items:center;border:2px solid #ead4aa;border-radius:9px;background:radial-gradient(circle at 33% 25%,#fff7 0 10%,transparent 12%),var(--seat-color);box-shadow:inset 0 -3px 4px #100b123d,0 2px 4px #04040b92}.seat-swatch:before{width:11px;height:8px;content:"";background:#f4d68b;clip-path:polygon(0 100%,0 18%,28% 58%,50% 0,72% 58%,100% 18%,100% 100%);filter:drop-shadow(0 1px #4f3519)}.seat-config header div{min-width:0}.seat-config header strong{display:block;margin-top:4px;overflow:hidden;color:#f0eade;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.seat-config header small{padding:4px 5px;border:1px solid #ead7b128;border-radius:6px;color:#b8b2b0;background:#08091138;font:700 6px/1 DM Mono,monospace;letter-spacing:.05em}.seat-role-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.seat-role-picker button,.difficulty-picker button{min-height:31px;border:1px solid #e6d1aa29;border-radius:8px;color:#c9c5c4;background:#100f1a8a;font:800 9px/1 DM Mono,monospace;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.seat-role-picker button.selected{border-color:color-mix(in srgb,var(--seat-color) 70%,#f3d487);color:#fff6e8;background:color-mix(in srgb,var(--seat-color) 42%,#211d29);box-shadow:inset 0 1px #ffffff27}.seat-name{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:9px;margin-top:9px}.seat-name input{min-width:0;height:32px;padding:0 9px;border:1px solid #e4d0aa31;border-radius:8px;outline:none;color:#f4eee2;background:#090a123d;font:700 11px Outfit,sans-serif}.seat-name input:focus{border-color:#e6be70;box-shadow:0 0 0 2px #e7bc6721}.difficulty-picker{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:7px;margin-top:9px}.difficulty-picker>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.difficulty-picker button{min-height:28px;padding:0 3px;font-size:7px}.difficulty-picker button.selected{border-color:#e5bf71;color:#322518;background:linear-gradient(145deg,#f1d89f,#c89a56)}.empty-seat-copy{margin:10px 0 0;color:#b5afb0;font-size:10px;line-height:1.35}.board{background:repeating-linear-gradient(92deg,#3b2525 0 1px,#5f3c30 1px 4px,#402829 4px 7px),repeating-linear-gradient(0deg,transparent 0 17px,#d2a5720c 18px 19px),linear-gradient(145deg,#a76f4e,#58392f 22%,#211b24 83%)}.board-grid{background:repeating-linear-gradient(90deg,#d6ba8e 0 2px,#edddbd 2px 6px,#cfaa78 6px 8px)}.track-cell,.home-lane{border-color:#9b7756;box-shadow:inset 1px 1px #fff9,inset -2px -2px #64442d42,0 1px #5b3b2980}.track-cell{background:linear-gradient(145deg,#f5e7ca,#d6b98b)}.track-cell.safe{color:#8d5b22;background:radial-gradient(circle at 50% 50%,#f7dc7c 0 16%,#b47c32 18% 28%,transparent 29%),linear-gradient(145deg,#f8e8bd,#d4aa69)}.track-cell b:before{width:53%;background:#b77a2f;filter:drop-shadow(0 1px #fff1cc) drop-shadow(0 2px #58381c)}.home-core{background:conic-gradient(from 45deg,#bd3940 0 25%,#2d7494 0 50%,#297859 0 75%,#cf9637 0);box-shadow:inset 0 0 0 2px #f0c980,inset 0 -7px 11px #170f158f,0 3px 5px #120d128f}.token:after{width:42%;height:32%;inset:34% auto auto 29%;border:0;border-radius:0;background:#f5d286;clip-path:polygon(0 100%,0 17%,28% 58%,50% 0,72% 58%,100% 17%,100% 100%);box-shadow:0 1px #5a3919;filter:drop-shadow(0 1px #251513)}.token.selectable:after{background:#fff0b4}@media (max-width: 365px){.seat-config{padding:10px}.seat-config header small{display:none}.difficulty-picker{grid-template-columns:60px 1fr}.difficulty-picker button{font-size:6px}}