@font-face{font-family:"Baloo 2";src:url(./fonts/baloo2.woff2) format("woff2");font-weight:400 800;font-display:swap}:root{--bg: #120d24;--bg2: #191233;--card: #211a41;--card2: #2b2252;--line: rgba(232, 222, 255, .1);--text: #f6f1ff;--muted: #c4bbe6;--ink: #241400;--marigold: #ffa51f;--marigold-d: #c26a00;--c0: #ff4f8b;--c1: #2fd889;--c2: #ffc53d;--c3: #4ba3ff;--sq: #2d2558;--board: #1b1437;--pc: var(--marigold);color-scheme:dark}.c0{--pc: var(--c0)}.c1{--pc: var(--c1)}.c2{--pc: var(--c2)}.c3{--pc: var(--c3)}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font:500 16px/1.4 "Baloo 2",ui-rounded,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0;touch-action:manipulation}button:disabled{cursor:default}input,textarea{font:inherit;color:inherit}a{color:var(--marigold)}:focus-visible{outline:3px solid var(--marigold);outline-offset:2px}code{font-family:ui-monospace,Menlo,monospace;font-size:14px;background:#ffffff14;padding:1px 6px;border-radius:6px}.bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.bg span{position:absolute;width:70vmax;height:70vmax;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--pc) 34%,transparent) 0,transparent 62%);opacity:.5;animation:drift 46s ease-in-out infinite alternate}.bg span:nth-child(1){left:-30vmax;top:40%}.bg span:nth-child(2){left:-25vmax;top:-40vmax;animation-delay:-12s;animation-duration:52s}.bg span:nth-child(3){right:-30vmax;top:-35vmax;animation-delay:-24s}.bg span:nth-child(4){right:-28vmax;bottom:-38vmax;animation-delay:-6s;animation-duration:58s}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(6vmax,-5vmax) scale(1.12)}}#app,.screen{min-height:100vh;min-height:100dvh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 24px;border-radius:999px;font-weight:700;font-size:18px;line-height:1.1;background:var(--card2);color:var(--text);box-shadow:0 4px #0c0819,inset 0 1px #ffffff1a;transition:transform .08s ease,box-shadow .08s ease,filter .15s}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #0c0819,inset 0 1px #ffffff1a}.btn:disabled{opacity:.45}.btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.btn.primary{background:var(--marigold);color:#1c0d00;box-shadow:0 4px 0 var(--marigold-d),inset 0 1px #ffffff73}.btn.primary:active:not(:disabled){box-shadow:0 1px 0 var(--marigold-d),inset 0 1px #ffffff73}.btn.ghost{background:transparent;box-shadow:inset 0 0 0 2px var(--line)}.btn.big{width:100%;min-height:64px;font-size:20px;flex-direction:column;gap:0}.btn.big small{font-size:14px;font-weight:600;opacity:.9}.btn.primary.big small{opacity:1;color:#2b1600}.link{color:var(--muted);font-weight:600;font-size:16px;padding:10px 14px;border-radius:999px}.link:hover{color:var(--text)}.mini{min-height:36px;padding:0 14px;border-radius:999px;background:#ffffff14;font-weight:700;font-size:14px}.mini:active{transform:translateY(1px)}.icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ffffff0f;flex:none}.icon-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.icon-btn:active{transform:scale(.94)}.muted{color:var(--muted)}.small{font-size:14px}.err{color:#ff8fb2;min-height:22px;margin:0;font-weight:600;font-size:15px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center}.pill{padding:4px 12px;border-radius:999px;font-size:14px;font-weight:700;background:#ffffff14}.pill.warn{background:#ffa51f2e;color:var(--marigold)}.seg{display:flex;gap:4px;padding:4px;border-radius:999px;background:#00000047}.seg button{flex:1;min-height:40px;padding:0 8px;border-radius:999px;font-weight:700;font-size:15px;color:var(--muted);transition:background .15s,color .15s;white-space:nowrap}.seg button.on{background:var(--marigold);color:#1c0d00}.seg button:disabled{opacity:.3}.switch{position:relative;width:58px;height:34px;border-radius:999px;background:#ffffff24;transition:background .2s;flex:none}.switch:after{content:"";position:absolute;left:4px;top:4px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0000004d;transition:transform .22s cubic-bezier(.3,1.4,.5,1)}.switch[aria-checked=true]{background:var(--marigold)}.switch[aria-checked=true]:after{transform:translate(24px)}input.nm-in,.field input,.code-in,textarea{width:100%;min-height:48px;border:0;border-radius:16px;padding:0 14px;background:#00000047;color:var(--text);font-size:17px;font-weight:600;box-shadow:inset 0 2px #00000040}textarea{padding:12px 14px;font:500 14px/1.45 ui-monospace,Menlo,monospace;resize:vertical;min-height:120px}input::placeholder,textarea::placeholder{color:#b1a8d399}input:disabled{opacity:.55}.tb{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle at 34% 28%,color-mix(in oklab,var(--pc) 40%,white) 0 15%,var(--pc) 47%,color-mix(in oklab,var(--pc) 60%,black) 100%);box-shadow:0 .09em color-mix(in oklab,var(--pc) 45%,black),0 .2em .32em #00000080,inset 0 0 0 .07em #fff9}.eyes{position:absolute;left:25%;right:25%;top:31%;height:30%;display:flex;justify-content:space-between;animation:blink var(--blink, 5s) var(--blink-delay, 0s) infinite}.eyes i{position:relative;width:40%;height:100%;border-radius:50%;background:#fff;transition:transform .25s}.eyes i:after{content:"";position:absolute;left:24%;top:28%;width:54%;height:54%;border-radius:50%;background:#170e2c;transition:all .25s}@keyframes blink{0%,93%,to{transform:scaleY(1)}95.5%{transform:scaleY(.08)}}.tokface{position:relative;display:inline-block;width:44px;height:44px;flex:none;font-size:44px}.tokface .tb{inset:6%}.tokface.big{width:88px;height:88px;font-size:88px}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:40px 22px 28px}.hero{text-align:center}.hoppers{display:flex;gap:14px;justify-content:center;height:64px;align-items:flex-end;margin-bottom:4px}.hopper{display:block;animation:hopper 2.4s cubic-bezier(.3,.7,.4,1) infinite;animation-delay:calc(var(--i) * .3s);transform-origin:50% 100%}.hopper .tokface{width:46px;height:46px;font-size:46px}@keyframes hopper{0%,30%,to{transform:translateY(0) scale(1)}6%{transform:translateY(0) scale(1.12,.86)}15%{transform:translateY(-20px) scale(.92,1.1)}24%{transform:translateY(0) scale(1.1,.9)}}.title{margin:0;display:flex;justify-content:center;gap:.015em;font-weight:800;font-size:clamp(100px,31vw,200px);line-height:.8;letter-spacing:-.035em}.title .l{display:inline-block;color:var(--pc);text-shadow:0 .04em 0 color-mix(in oklab,var(--pc) 58%,black),0 .08em 0 color-mix(in oklab,var(--pc) 38%,black),0 .15em .16em rgba(0,0,0,.5);animation:bob-letter 5.5s ease-in-out infinite;animation-delay:calc(var(--i) * -1.3s)}@keyframes bob-letter{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-.04em) rotate(2deg)}}.tag{margin:22px 0 0;color:var(--muted);font-weight:600;font-size:18px;letter-spacing:.14em;text-transform:uppercase}.tag .dev{margin-left:8px;color:#ffbe5c;letter-spacing:0;font-weight:700}.cta{display:flex;flex-direction:column;gap:14px;width:min(420px,100%)}.bar{display:flex;align-items:center;gap:12px;height:64px;padding:0 14px;width:min(640px,100%);margin:0 auto}.bar h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-.01em;flex:1}.mini-brand{font-weight:800;font-size:26px;letter-spacing:-.03em;line-height:1}.mini-brand span:nth-child(1){color:var(--c0)}.mini-brand span:nth-child(2){color:var(--c1)}.mini-brand span:nth-child(3){color:var(--c2)}.mini-brand span:nth-child(4){color:var(--c3)}.setup,.lobby,.online{display:flex;flex-direction:column;align-items:center;padding:0 16px 28px;gap:16px}.seats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(560px,100%)}.seat{position:relative;display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:24px;background:linear-gradient(160deg,color-mix(in oklab,var(--pc) 16%,var(--card)),var(--card));box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--pc) 45%,transparent);transition:opacity .2s,box-shadow .2s}.seat.off{background:var(--card);box-shadow:inset 0 0 0 2px var(--line)}.seat.off .tokface{filter:grayscale(.85) brightness(.6)}.seat.me{box-shadow:inset 0 0 0 3px var(--pc),0 10px 30px -14px var(--pc)}.seat-head{display:flex;align-items:center;gap:10px;min-width:0}.seat-head .nm-in{flex:1;min-width:0;min-height:44px;padding:0 12px}.seat .seg button{font-size:14px;padding:0 4px;min-height:36px}.seat .who{display:flex;flex-direction:column;min-width:0;line-height:1.15}.seat .nm{font-weight:700;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat .sub{font-size:14px;color:var(--muted)}.seat-actions{display:flex;gap:8px;flex-wrap:wrap}.hint{margin:0;color:var(--muted);font-weight:600;text-align:center;min-height:22px}.hint.wait{animation:breathe 2s ease-in-out infinite}@keyframes breathe{50%{opacity:.55}}.panel{width:min(440px,100%);display:flex;flex-direction:column;gap:14px;margin-top:8px}.field{display:flex;flex-direction:column;gap:6px}.lbl{font-size:14px;font-weight:700;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.or{display:flex;align-items:center;gap:12px;color:var(--muted);font-weight:600;font-size:15px;margin:6px 0}.or:before,.or:after{content:"";flex:1;height:2px;border-radius:2px;background:var(--line)}.join{display:flex;gap:10px}.code-in{text-transform:uppercase;letter-spacing:.4em;font-weight:800;font-size:22px;text-align:center;padding-left:20px}.join .btn{flex:none}.room{text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center;margin:4px 0 6px}.room .code{display:flex;gap:10px;font-weight:800;font-size:64px;line-height:1;letter-spacing:0}.room .code span{display:grid;place-items:center;width:64px;height:76px;border-radius:20px;background:var(--card);color:var(--pc);box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--pc) 40%,transparent),0 6px #0c0819;padding-top:8px}.room .row{margin-top:10px}.game{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.gbar{flex:none;display:flex;align-items:center;gap:10px;height:56px;padding:0 12px;width:100%;max-width:1100px;margin:0 auto}.room-pill{margin:0 auto;padding:6px 14px;border-radius:999px;background:#ffffff0f;font-weight:600;font-size:15px;color:#d9d1f5;white-space:nowrap}.room-pill b{color:var(--text);letter-spacing:.12em;margin-left:4px}.room-pill.warn{background:#ffa51f2e;color:var(--marigold)}.gbar-actions{display:flex;gap:8px}.table{--bw: min( calc(100vw - 24px) , calc(100vh - 262px) , 680px);flex:1;min-height:0;width:var(--bw);margin:0 auto;padding-bottom:12px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:"top" "board" "bottom" "status";align-content:center;row-gap:10px}.crow{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.crow.top{grid-area:top}.crow.bottom{grid-area:bottom}.chip.at-tr,.chip.at-br{order:1}@supports (height: 100dvh){.table{--bw: min( calc(100vw - 24px) , calc(100dvh - 262px) , 680px)}}.board-wrap{grid-area:board;position:relative;width:var(--bw)}.status{grid-area:status}@media(min-aspect-ratio:5/4){.table{--bw: min( calc(100vh - 124px) , calc(100vw - 460px) , 780px);width:auto;grid-template-columns:minmax(150px,210px) var(--bw) minmax(150px,210px);grid-template-rows:1fr 1fr auto;grid-template-areas:"tl board tr" "bl board br" ". status .";column-gap:16px;align-content:center;justify-content:center}.crow{display:contents}.at-tl{grid-area:tl}.at-tr{grid-area:tr}.at-bl{grid-area:bl}.at-br{grid-area:br}@supports (height: 100dvh){.table{--bw: min( calc(100dvh - 124px) , calc(100vw - 460px) , 780px)}}.at-tl,.at-tr{align-self:start}.at-bl,.at-br{align-self:end}.at-tl,.at-bl{justify-self:end}.at-tr,.at-br{justify-self:start}.chip{max-width:210px}}.chip{position:relative;display:flex;align-items:center;gap:6px;min-width:0;flex:0 1 auto;height:62px;padding:5px 6px 5px 5px;border-radius:999px;background:#ffffff0b;transition:background .3s,box-shadow .3s,opacity .3s}.chip.right{flex-direction:row-reverse;padding:5px 5px 5px 6px}.chip.gone{visibility:hidden}.chip.active{background:color-mix(in oklab,var(--pc) 24%,transparent);box-shadow:0 0 0 2px color-mix(in oklab,var(--pc) 75%,transparent),0 10px 28px -10px var(--pc)}.chip.done{opacity:.7}.who-btn{display:flex;align-items:center;gap:8px;min-width:0;height:100%;border-radius:999px;padding-right:6px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.chip.right .who-btn{flex-direction:row-reverse;padding:0 0 0 6px}.avatar{position:relative;width:50px;height:50px;flex:none;display:grid;place-items:center}.avatar .tokface{width:40px;height:40px;font-size:40px}.chip.active .avatar .tokface{animation:perk 1.6s ease-in-out infinite}@keyframes perk{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);opacity:0}.ring circle{fill:none;stroke:var(--pc);stroke-width:3;stroke-linecap:round;stroke-dasharray:125.7}.chip.timed .ring{opacity:1}@keyframes ringdown{0%{stroke-dashoffset:0}to{stroke-dashoffset:125.7}}.who{display:flex;flex-direction:column;min-width:0;line-height:1.12;text-align:left}.chip.right .who{text-align:right}.who .nm{font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.who .sub{font-size:14px;color:var(--muted);white-space:nowrap}.chip.active .who .sub{color:color-mix(in oklab,var(--pc) 70%,white)}.slot{width:0;height:50px;flex:none;display:grid;place-items:center;transition:width .25s ease}.chip.has-die .slot{width:50px}.die{--ds: 44px;position:relative;width:var(--ds);height:var(--ds);perspective:260px;border-radius:12px}.die:disabled{cursor:default}.cube{position:absolute;inset:0;transform-style:preserve-3d}.face{position:absolute;inset:0;border-radius:26%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:13%;background:linear-gradient(150deg,#fffaf1,#efe2cb);box-shadow:inset 0 -3px #50321429,inset 0 2px #fff;backface-visibility:hidden;-webkit-backface-visibility:hidden}.face i{border-radius:50%;margin:13%}.face i.on{background:color-mix(in oklab,var(--pc) 88%,black);box-shadow:inset 0 1.5px 1px #00000059}.f1{transform:translateZ(calc(var(--ds) / 2))}.f6{transform:rotateY(180deg) translateZ(calc(var(--ds) / 2))}.f3{transform:rotateY(90deg) translateZ(calc(var(--ds) / 2))}.f4{transform:rotateY(-90deg) translateZ(calc(var(--ds) / 2))}.f2{transform:rotateX(90deg) translateZ(calc(var(--ds) / 2))}.f5{transform:rotateX(-90deg) translateZ(calc(var(--ds) / 2))}.die.ready{cursor:pointer;animation:nudge 1.3s ease-in-out infinite}.die.ready:after{content:"";position:absolute;inset:-7px;border-radius:16px;border:2.5px solid var(--marigold);animation:halo 1.3s ease-out infinite;pointer-events:none}@keyframes nudge{0%,to{transform:rotate(0) translateY(0)}15%{transform:rotate(-9deg) translateY(-3px)}30%{transform:rotate(7deg) translateY(-3px)}45%{transform:rotate(0) translateY(0)}}@keyframes halo{0%{transform:scale(.9);opacity:1}to{transform:scale(1.25);opacity:0}}.cube.spinning{animation:tumble .42s linear infinite}@keyframes tumble{0%{transform:rotateX(-14deg) rotateY(18deg) rotateX(0) rotateY(0)}to{transform:rotateX(-14deg) rotateY(18deg) rotateX(360deg) rotateY(720deg)}}.status{display:flex;align-items:center;justify-content:center;gap:10px;min-height:40px;font-weight:700;font-size:17px;color:var(--muted);text-align:center}.status .dot{width:12px;height:12px;border-radius:50%;background:var(--pc);box-shadow:0 0 0 4px color-mix(in oklab,var(--pc) 25%,transparent);flex:none}.status.mine{color:var(--text)}.status.mine .dot{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px color-mix(in oklab,var(--pc) 0%,transparent)}}.board{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:4%;background:radial-gradient(120% 120% at 50% 40%,#221a45,var(--board));box-shadow:0 0 0 6px #241c49,0 0 0 7px #ffffff0f,0 40px 80px -30px #000000d9;user-select:none;-webkit-user-select:none}.sq{position:absolute;width:calc(100% / 15);height:calc(100% / 15)}.sq:before{content:"";position:absolute;inset:6%;border-radius:26%;background:var(--sq);box-shadow:inset 0 .12em #ffffff12,inset 0 -.16em #0000004d}.board{font-size:calc(var(--bw) / 15 / 3)}.sq.start:before,.sq.lane:before{background:linear-gradient(160deg,color-mix(in oklab,var(--pc) 92%,white),color-mix(in oklab,var(--pc) 76%,black));box-shadow:inset 0 .12em #fff6,inset 0 -.16em #00000038}.sq svg{position:absolute;left:22%;top:22%;width:56%;height:56%}.sq.safe svg path{fill:#e1d6ff52}.sq.start svg path{fill:#ffffffeb}.sq .arrow{position:absolute;inset:18%;display:block}.sq .arrow svg{left:0;top:0;width:100%;height:100%}.sq .arrow path{fill:var(--pc);opacity:.9}.yard{position:absolute;width:40%;height:40%}.yard:before{content:"";position:absolute;inset:3.5%;border-radius:16%;background:radial-gradient(130% 130% at 28% 18%,color-mix(in oklab,var(--pc) 88%,white),var(--pc) 45%,color-mix(in oklab,var(--pc) 62%,black));box-shadow:inset 0 .25em #ffffff4d,inset 0 -.4em #00000038,0 .6em 1.4em -.6em color-mix(in oklab,var(--pc) 70%,transparent)}.yard.off:before{filter:saturate(.25) brightness(.45)}.nest{position:absolute;inset:15%;border-radius:22%;background:#140d2899;box-shadow:inset 0 .25em .6em #00000080}.yard.off .nest{background:#140d2859}.sock{position:absolute;width:34%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:color-mix(in oklab,var(--pc) 22%,#150e2c);box-shadow:inset 0 .15em .3em #0000008c,0 .06em #ffffff14}.sock:nth-child(1){left:23.5%;top:23.5%}.sock:nth-child(2){left:76.5%;top:23.5%}.sock:nth-child(3){left:23.5%;top:76.5%}.sock:nth-child(4){left:76.5%;top:76.5%}.center{position:absolute;left:40%;top:40%;width:20%;height:20%}.center svg{display:block;width:100%;height:100%;overflow:visible}.tri{fill:var(--pc)}.tri.c0{fill:var(--c0)}.tri.c1{fill:var(--c1)}.tri.c2{fill:var(--c2)}.tri.c3{fill:var(--c3)}.bloom{transform-box:fill-box;transform-origin:center;animation:spin 50s linear infinite}.bloom ellipse{fill:var(--marigold);stroke:#e08a00;stroke-width:.25}.bloom .bud{fill:#ffd98a}@keyframes spin{to{transform:rotate(360deg)}}.tokens,.fx{position:absolute;inset:0;pointer-events:none}.fx{z-index:300}.tok{position:absolute;left:0;top:0;width:calc(100% / 15);height:calc(100% / 15);transition:transform .13s cubic-bezier(.3,.7,.3,1);will-change:transform;font-size:calc(var(--bw) / 15)}.tok.snap{transition:none}.tok.flying{transition:transform .62s cubic-bezier(.3,1.25,.45,1)}.tok.moving{z-index:250!important}.tok .hop{position:absolute;inset:0}.tok .tb{transform:scale(var(--sc, 1));transition:transform .2s ease}.tok.base .tb{inset:6%}.tok.scared .eyes i{transform:scale(1.2)}.tok.scared .eyes i:after{width:34%;height:34%;left:33%;top:38%}.tok.fin .eyes{animation:none}.tok.fin .eyes i{background:transparent;height:55%;margin-top:12%;border-top:.07em solid #170e2c;border-radius:50% 50% 0 0}.tok.fin .eyes i:after{display:none}.tok.dizzy .tb{animation:dizzy .62s ease-out}.tok.dizzy .eyes i:after{animation:swirl .3s linear infinite}@keyframes dizzy{0%{transform:scale(var(--sc, 1)) rotate(0)}to{transform:scale(var(--sc, 1)) rotate(720deg)}}@keyframes swirl{0%{transform:translate(-25%)}25%{transform:translateY(-25%)}50%{transform:translate(25%)}75%{transform:translateY(25%)}to{transform:translate(-25%)}}.tok.can{pointer-events:auto;cursor:pointer;z-index:240!important}.tok.can:after{content:"";position:absolute;inset:-30%;border-radius:50%}.tok.can .hop{animation:bob .5s ease-in-out infinite alternate}.tok.can .tb:before{content:"";position:absolute;inset:-16%;border-radius:50%;border:.08em solid #fff;animation:ring 1.05s ease-out infinite}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-16%)}}@keyframes ring{0%{transform:scale(.82);opacity:1}to{transform:scale(1.4);opacity:0}}.puff{position:absolute;aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,color-mix(in oklab,var(--pc) 92%,white) 0 18%,color-mix(in oklab,var(--pc) 70%,transparent) 38%,transparent 70%);mix-blend-mode:screen}.fx-screen{position:fixed;inset:0;pointer-events:none;z-index:400;overflow:hidden}.toasts{position:absolute;left:0;right:0;top:50%;display:flex;justify-content:center;pointer-events:none;z-index:320;transform:translateY(-50%)}.toast{max-width:88%;padding:10px 18px;border-radius:999px;text-align:center;background:color-mix(in oklab,var(--pc) 90%,white);color:#1a0f2e;font-weight:800;font-size:17px;line-height:1.2;box-shadow:0 6px color-mix(in oklab,var(--pc) 50%,black),0 18px 40px -10px #000000b3;animation:pop .34s cubic-bezier(.3,1.6,.5,1)}.toast.out{opacity:0;transform:translateY(-10px) scale(.96);transition:opacity .3s,transform .3s}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.flash{position:fixed;left:50%;top:18px;transform:translate(-50%);z-index:500;width:max-content;max-width:calc(100vw - 32px);text-align:center;padding:12px 20px;border-radius:999px;background:var(--pc);color:var(--ink);font-weight:800;font-size:16px;box-shadow:0 14px 30px -10px #0009;animation:pop .3s cubic-bezier(.3,1.6,.5,1)}.flash.out{opacity:0;transition:opacity .35s}.sheet-layer{position:fixed;inset:0;z-index:450;display:flex;align-items:flex-end;justify-content:center}.scrim{position:absolute;inset:0;background:#090514bd;opacity:0;transition:opacity .22s}.sheet{position:relative;width:min(520px,100%);max-height:90vh;max-height:90dvh;overflow:auto;padding:22px 22px calc(24px + env(safe-area-inset-bottom));border-radius:30px 30px 0 0;background:linear-gradient(180deg,#2a2151,var(--card));box-shadow:0 -24px 60px -24px #000c,inset 0 1px #ffffff14;transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.9,.3,1)}.sheet-layer.open .scrim{opacity:1}.sheet-layer.open .sheet{transform:none}@media(min-width:720px)and (min-height:560px){.sheet-layer{align-items:center}.sheet{border-radius:30px;transform:translateY(24px) scale(.97);opacity:0;transition:transform .26s cubic-bezier(.2,.9,.3,1),opacity .2s}.sheet-layer.open .sheet{opacity:1}}.sheet h3{margin:0;font-size:26px;font-weight:800;letter-spacing:-.01em;line-height:1.1}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.sheet .row{margin-top:16px}.rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:17px}.rules b{font-weight:800}.steps{margin:14px 0 16px;padding:0;list-style:none;counter-reset:st;display:flex;flex-direction:column;gap:10px;font-size:16px}.steps li{position:relative;padding-left:38px;counter-increment:st;line-height:1.35}.steps li:before{content:counter(st);position:absolute;left:0;top:-1px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--marigold);color:#1c0d00;font-weight:800;font-size:14px}.steps .mini{margin-left:6px;min-height:30px;vertical-align:middle}.menu{display:flex;flex-direction:column;gap:10px}.menu-item{min-height:56px;border-radius:18px;background:#ffffff0f;font-weight:700;font-size:18px;text-align:left;padding:0 18px}.menu-item.danger{color:#ff8fb2}.sheet.super{box-shadow:0 -24px 60px -24px #000c,inset 0 3px 0 var(--marigold)}.super-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.super-head>div{flex:1}.super-head p{margin:2px 0 0;color:var(--muted);font-size:14px}.bolt{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--marigold);color:var(--ink);font-size:26px;box-shadow:0 4px 0 var(--marigold-d)}.sheet.super .lbl{margin-bottom:8px}.place-seg button{min-height:46px;font-size:16px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding:14px 16px;border-radius:20px;background:#00000038}.toggle-row .lbl{margin:0 0 2px;color:var(--text)}.toggle-row .muted{font-size:15px}.super-status{margin:16px 2px 0;color:var(--muted);font-weight:600}.super-status b{color:var(--marigold)}.results{text-align:center;display:flex;flex-direction:column;gap:18px}.winner{display:flex;flex-direction:column;align-items:center;gap:10px}.winner .tokface{animation:hopper 1.6s cubic-bezier(.3,.7,.4,1) infinite}.winner h2{margin:0;font-size:40px;font-weight:800;line-height:1;letter-spacing:-.02em}.podium{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.podium li{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:18px;background:color-mix(in oklab,var(--pc) 16%,rgba(255,255,255,.03));box-shadow:inset 4px 0 0 var(--pc);font-size:18px}.podium .medal{font-size:24px;width:30px}.podium .pn{font-weight:700;flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium .pp{color:var(--muted);font-weight:700}.results .row{margin-top:4px}@media(max-width:380px){.who .nm{font-size:15px}.avatar{width:46px;height:46px}.avatar .tokface{width:38px;height:38px;font-size:38px}.die{--ds: 38px}.slot{width:44px;height:44px}.chip{height:56px}.room .code span{width:56px;height:68px;font-size:56px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}