/*! (c) 2026 Devashish Tiwari (iydebu). LudoNow. All rights reserved. Copying, reuse or redistribution of this code, art or sound is not permitted without written permission. https://iydebu.com */
@font-face{font-family: 'Lilita One';src: url(fonts/lilita-one.woff2) format('woff2');font-weight: 100 900;font-style: normal;font-display: swap}@font-face{font-family: 'Baloo 2';src: url(fonts/baloo2-deva.woff2) format('woff2');font-weight: 400 800;font-display: swap;unicode-range: U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}:root{--bg1: #2d4c9b;--bg2: #1a2c66;--bg3: #0a1233;--game-font: 'Lilita One','Nunito','Trebuchet MS','Segoe UI',Roboto,system-ui,sans-serif;--ui-font: 'Nunito','Trebuchet MS','Segoe UI',Roboto,system-ui,sans-serif;--outline: #0b1638;--gold: #ffcc33;--gold-l: #fff1a6;--gold-d: #c98500;--ink: #fff;--card-ink: #1d2a55;--card-hi: #ffffff;--card-lo: #e3e9f8;--tint: #dde5f7;--tint-line: #bccbea;--tint-hover: #cbd7f1;--tint-ink: #33467a;--tint-ink2: #4d5f94;--tint-soft: #eef2fb;--deep: #13204d;--deep-hi: #2a4290;--deep-mid: #2a3a6e;--acc-hi: #5b82e0;--acc: #2f53b0;--shade: 5,10,35;--glow: 110,160,255;--ov-a: 40,80,170;--ov-b: 6,12,40;--rays: 200,220,255;--ray-a: .035;--m-arcade1: #ffb84d;--m-arcade2: #e8661c;--m-local1: #4fd8c6;--m-local2: #12968a;--m-friends1: #ff8fae;--m-friends2: #d63a6e;--m-online1: #97a9cf;--m-online2: #4d5f8c;--logo-red: #ff4750;--logo-green: #2fd463;--logo-yellow: #ffcf1f;--logo-blue: #3d95ff;--red: #ec4452;--green: #2bb866;--yellow: #f7bd22;--blue: #3a8bf0;--safe-t: env(safe-area-inset-top,0px);--safe-b: env(safe-area-inset-bottom,0px);--safe-l: env(safe-area-inset-left,0px);--safe-r: env(safe-area-inset-right,0px);--press: cubic-bezier(.2,.8,.3,1);color-scheme: dark}@media (prefers-color-scheme: dark){:root{color-scheme: dark}html,body{background-color: var(--bg3)}}html[lang=hi]{--game-font: 'Lilita One','Baloo 2','Nunito','Trebuchet MS','Segoe UI',Roboto,system-ui,sans-serif;--ui-font: 'Baloo 2','Nunito','Trebuchet MS','Segoe UI',Roboto,system-ui,sans-serif}*{box-sizing: border-box}html{-webkit-tap-highlight-color: transparent;-webkit-text-size-adjust: 100%;overscroll-behavior: none;touch-action: manipulation;background: var(--bg3)}html,body{margin: 0;height: 100%;overflow: hidden}body{font-family: var(--game-font);letter-spacing: .3px;color: var(--ink);background: radial-gradient(ellipse at 50% 36%,rgba(var(--glow),.58),transparent 62%),repeating-conic-gradient(from 0deg at 50% 38%,rgba(255,255,255,var(--ray-a)) 0 9deg,transparent 9deg 18deg),radial-gradient(ellipse at 50% 125%,rgba(var(--shade),.65),transparent 60%),linear-gradient(170deg,var(--bg1),var(--bg2) 55%,var(--bg3));background-color: var(--bg3)}#app::before,#app::after{content: '';position: fixed;inset: 0;pointer-events: none;z-index: -1;background-image: radial-gradient(circle,rgba(255,255,255,.95) 0 1.3px,transparent 2.2px),radial-gradient(circle,rgba(255,214,90,.9) 0 1.1px,transparent 2px),radial-gradient(circle,rgba(255,255,255,.55) 0 .8px,transparent 1.5px);background-size: 173px 191px,131px 149px,89px 97px;background-position: 13px 27px,71px 5px,40px 60px;animation: twinkle 2.8s ease-in-out infinite alternate;will-change: opacity}#app::after{background-position: 97px 120px,20px 88px,70px 15px;background-size: 211px 163px,157px 181px,107px 83px;animation-delay: -1.4s}@keyframes twinkle{from{opacity: .25}to{opacity: 1}}.gold-txt,.card h2,.ribbon span,.cele-name{background: linear-gradient(180deg,#fff7c9 0%,#ffd23a 48%,#f29600 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: #ffd23a;filter: drop-shadow(1.6px 0 0 var(--outline)) drop-shadow(-1.6px 0 0 var(--outline)) drop-shadow(0 1.6px 0 var(--outline)) drop-shadow(0 -1.6px 0 var(--outline)) drop-shadow(0 3px 0 rgba(var(--shade),.45));text-shadow: none}.out-txt{text-shadow: 0 2px 0 var(--outline),1.5px 0 0 var(--outline),-1.5px 0 0 var(--outline),0 -1.5px 0 var(--outline),0 3px 4px rgba(0,0,0,.3)}button{font: inherit;color: inherit;cursor: pointer;border: 0;background: none;padding: 0;touch-action: manipulation;user-select: none;-webkit-user-select: none;-webkit-touch-callout: none;transition: transform .38s cubic-bezier(.3,1.9,.5,1),filter .12s}button:disabled{cursor: default}button:not(:disabled):active{transform: scale(.92);filter: brightness(.93);transition-duration: .07s}.ico{width: 1em;height: 1em;display: block}#app{position: fixed;inset: 0}.sr-only{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap;border: 0}.screen{position: absolute;inset: 0;display: none}.screen.active{display: flex}#menu{flex-direction: column;align-items: center;justify-content: center;gap: clamp(14px,3dvh,28px);padding: calc(20px + var(--safe-t)) 20px calc(20px + var(--safe-b));user-select: none;-webkit-user-select: none}.menu-top{display: flex;flex-direction: column;align-items: center;gap: clamp(6px,1.6dvh,14px);position: relative}.logo{display: flex;flex-direction: column;align-items: center;animation: logoIn .7s cubic-bezier(.3,1.6,.5,1) backwards}@keyframes logoIn{from{transform: scale(.3) translateY(-40px);opacity: 0}}.logo-mark{width: clamp(56px,16vw,84px);margin-bottom: -6px;z-index: 1;animation: markbob 2.4s ease-in-out infinite;filter: drop-shadow(0 4px 0 rgba(var(--shade),.5))}.logo-mark svg{width: 100%;height: auto;display: block}@keyframes markbob{50%{transform: translateY(-5px) rotate(12deg) scale(1.06)}}.logo-word{display: flex;gap: 1px}.logo .l{font-size: clamp(50px,15vw,100px);line-height: .95;display: inline-block;-webkit-text-stroke: 7px var(--outline);paint-order: stroke fill;text-shadow: 0 6px 0 var(--outline),0 12px 16px rgba(var(--shade),.45);animation: bob 2.4s ease-in-out infinite}.logo .l:nth-child(2){animation-delay: .15s}.logo .l:nth-child(3){animation-delay: .3s}.logo .l:nth-child(4){animation-delay: .45s}.logo .l:nth-child(5){animation-delay: .6s}.logo .l:nth-child(6){animation-delay: .75s}.logo .l:nth-child(7){animation-delay: .9s}.l.red{color: var(--logo-red)}.l.green{color: var(--logo-green)}.l.yellow{color: var(--logo-yellow)}.l.blue{color: var(--logo-blue)}@keyframes bob{50%{transform: translateY(-7px) rotate(-3deg)}}.logo-sub{margin-top: -4px;padding: 3px 22px 5px;border-radius: 999px;font-size: clamp(18px,5vw,24px);letter-spacing: 3px;background: linear-gradient(180deg,#ffe46b,#ff9d00);color: #fff;border: 3px solid var(--outline);text-shadow: 0 2px 0 #a14b00;box-shadow: 0 4px 0 var(--outline)}.tag{margin: 0;opacity: .9;text-align: center;font-size: 15px;max-width: 320px;font-family: var(--ui-font);font-weight: 700}.menu-note{position: absolute;top: 100%;margin: 6px 0 0;padding: 6px 16px;border-radius: 999px;z-index: 4;white-space: nowrap;font: 700 14px/1.2 var(--ui-font);color: #fff;background: linear-gradient(180deg,#ff7a7a,#d32020);border: 2px solid #fff;box-shadow: 0 4px 14px rgba(0,0,0,.45);animation: msgpop 1.8s var(--press) forwards}.menu-note[hidden]{display: none}.carousel{display: flex;gap: 14px;width: 100vw;overflow-x: auto;scroll-snap-type: x mandatory;overscroll-behavior-x: contain;padding: 12px calc(50vw - min(68vw,260px) / 2) 18px;scrollbar-width: none;-webkit-overflow-scrolling: touch}.carousel::-webkit-scrollbar{display: none}.mode-card{flex: none;width: min(68vw,260px);scroll-snap-align: center;display: flex;flex-direction: column;align-items: center;gap: 8px;text-align: center;padding: 12px 14px 14px;border-radius: 26px;position: relative;border: 4px solid #fff4c0;box-shadow: inset 0 -8px 0 rgba(0,0,0,.25),inset 0 5px 0 rgba(255,255,255,.35),0 0 0 3px var(--outline),0 12px 22px rgba(var(--shade),.5);transform: scale(.9);opacity: .85}.mode-card.mid{transform: scale(1);opacity: 1}.mc-art{width: 100%;height: clamp(84px,16dvh,130px);border-radius: 18px;display: flex;align-items: center;justify-content: center;gap: 10px;background: radial-gradient(circle at 50% 40%,rgba(255,255,255,.4),rgba(255,255,255,.08) 70%);box-shadow: inset 0 3px 8px rgba(0,0,0,.25)}.mode-card .bico{width: clamp(60px,11dvh,84px);height: clamp(60px,11dvh,84px);background: none;color: #fff;filter: drop-shadow(0 4px 0 rgba(0,0,0,.25))}.mode-card .bico .ico{width: 100%;height: 100%}.btxt b{display: block;font-size: 23px;font-weight: 400;color: #fff;text-shadow: 0 2px 0 var(--outline),1.5px 0 0 var(--outline),-1.5px 0 0 var(--outline),0 -1.5px 0 var(--outline)}.btxt small{display: block;opacity: .95;font-size: 13px;font-family: var(--ui-font);font-weight: 700}.mc-play{position: relative;min-width: 60%;padding: 6px 18px 8px;border-radius: 999px;font-size: 21px;color: #fff;background: linear-gradient(180deg,#7cf07c,#22b43c);border: 3px solid #fff;box-shadow: inset 0 -4px 0 rgba(0,0,0,.2),0 3px 0 var(--outline);text-shadow: 0 2px 0 #145a1e}.b-arcade{background: linear-gradient(180deg,var(--m-arcade1),var(--m-arcade2))}.b-local{background: linear-gradient(180deg,var(--m-local1),var(--m-local2))}.b-online{background: linear-gradient(180deg,var(--m-online1),var(--m-online2))}.b-online .mc-play{background: linear-gradient(180deg,#bbb3d6,#7a6ea3);text-shadow: 0 2px 0 #3d3160}.mode-card:disabled{filter: saturate(.6)}.mode-card.locked{filter: saturate(.6)}.mode-card.locked .mc-play{visibility: hidden}.mode-card .soon{border-radius: 0 0 22px 22px}.mode-card.nope{animation: nope .42s ease-in-out}.dots{display: flex;gap: 8px;margin-top: -8px}.dots i{width: 9px;height: 9px;border-radius: 50%;background: rgba(255,255,255,.3);transition: width .2s,background .2s}.dots i.on{width: 24px;border-radius: 999px;background: var(--gold)}@media (min-width: 860px){.carousel{width: auto;overflow: visible;padding: 12px 0 18px;justify-content: center}.mode-card{transform: none;opacity: 1}.dots{display: none}}.floaters{position: absolute;inset: 0;overflow: hidden;pointer-events: none}.fl{position: absolute;left: var(--x);bottom: -80px;animation: floatup var(--d) linear var(--delay) infinite;opacity: .55}@keyframes floatup{from{transform: translateY(0) rotate(0) scale(var(--s))}to{transform: translateY(calc(-100dvh - 160px)) rotate(200deg) scale(var(--s))}}.fl-dice .dice{--ds: 34px}.fl-coin{width: 30px;height: 30px;border-radius: 50%;background: radial-gradient(circle at 35% 30%,#fff6c0,#ffc629 45%,#c77a00);border: 2px solid #9a5a00;box-shadow: inset 0 0 0 4px rgba(255,240,180,.5)}#menu > :not(.floaters){position: relative;z-index: 1}.menu-foot{display: flex;gap: 10px;flex-wrap: wrap;justify-content: center}.credit{flex-basis: 100%;margin: 2px 0 0;text-align: center;font: 600 12px/1.3 'Trebuchet MS','Segoe UI',sans-serif;opacity: .72;letter-spacing: .2px}.credit b{font-weight: 800}.rules-credit{margin: 10px 0 12px;font-size: 13px;opacity: .8}.rules-credit a{color: inherit;font-weight: 800}.chip{display: flex;align-items: center;gap: 8px;min-height: 44px;padding: 0 16px 0 12px;border-radius: 999px;background: rgba(255,255,255,.1);border: 1px solid rgba(255,255,255,.22);font-weight: 700}.chip .ico{font-size: 20px}.chip.install-chip{background: linear-gradient(180deg,#ffd84a,#ffb31a);color: #4a2400;border-color: #fff3b0;box-shadow: inset 0 -3px 0 rgba(120,60,0,.3)}.chip[hidden]{display: none}.chip.discord-chip{color: #fff;text-decoration: none;background: rgba(88,101,242,.55);border-color: rgba(160,170,255,.6)}.discord-line{margin: 12px 0 0;text-align: center;font-family: var(--ui-font);font-weight: 700;font-size: 14px;opacity: .85}.discord-line a{color: #5865f2;font-weight: 800;text-decoration: underline}.discord-line[hidden]{display: none}.ios-steps{text-align: left;margin: 6px 0 14px;padding-left: 22px;font-weight: 700;line-height: 1.45}.ios-steps li{margin: 6px 0}.ios-share{display: inline-flex;vertical-align: -4px;width: 22px;height: 22px;color: #1e62c9}.ios-share .ico{width: 100%;height: 100%}.ios-card .start-btn{position: static;width: 100%}#dark-warn{z-index: 60}.dw-chrome{display: flex;align-items: center;justify-content: center;margin-bottom: 8px;text-decoration: none;color: inherit}.dw-chrome[hidden]{display: none}body.dw-open .gd-tip,body:has(#ping-card.show) .gd-tip{display: none !important}.dw-why{margin: 4px 0 2px;font-weight: 700;line-height: 1.4;opacity: .85}#dw-never{width: 100%;margin-top: 8px}.credit .ver{opacity: .7;font-weight: 400;margin-left: 4px}#diag{position: fixed;left: 6px;right: 6px;bottom: 6px;z-index: 2147483001;margin: 0;padding: 8px 10px;background: rgba(0,0,0,.82);color: #9f9;font: 11px/1.4 monospace;white-space: pre-wrap;word-break: break-all;border-radius: 8px;pointer-events: none}#setup,.overlay{align-items: center;justify-content: center;padding: calc(12px + var(--safe-t)) 14px calc(12px + var(--safe-b))}.card{width: min(440px,100%);max-height: 100%;overflow: auto;overscroll-behavior: contain;background: linear-gradient(180deg,var(--card-hi),var(--card-lo));color: var(--card-ink);border-radius: 24px;padding: 18px 20px 22px;border: 4px solid var(--gold);box-shadow: 0 0 0 4px var(--gold-d),0 20px 50px rgba(0,0,0,.55);animation: pop .28s var(--press)}@keyframes pop{from{transform: scale(.88);opacity: 0}}.card.small{width: min(360px,100%);text-align: center}.card h2{margin: 0 0 10px;font-size: 28px;font-weight: 400;letter-spacing: .6px}.card-head{display: flex;align-items: center;gap: 10px}.card-head h2{margin: 0}.lbl{display: block;font-size: 17px;margin: 16px 0 7px}.lbl small{display: block;font-family: var(--ui-font);font-weight: 600;opacity: .7;font-size: 13px;margin-top: 2px;letter-spacing: 0}.seg{display: flex;background: var(--tint);border-radius: 14px;padding: 4px;gap: 4px;box-shadow: inset 0 2px 4px rgba(var(--shade),.15)}.seg button{flex: 1;min-height: 44px;border-radius: 11px;font-size: 18px;color: var(--tint-ink2)}.seg button.on{background: linear-gradient(180deg,#ffe46b,#ffb400);box-shadow: inset 0 -3px 0 rgba(150,70,0,.35),0 2px 5px rgba(0,0,0,.2);color: #5a2a00}.txt{width: 100%;min-height: 46px;padding: 10px 14px;font: inherit;font-family: var(--ui-font);font-size: 16px;font-weight: 800;color: var(--card-ink);border-radius: 12px;border: 2px solid var(--tint-line);background: #fff;outline: none;letter-spacing: 0}.txt:focus{border-color: var(--gold-d);box-shadow: 0 0 0 3px rgba(255,204,51,.4)}.seat{display: flex;align-items: center;gap: 10px;margin-bottom: 10px}.seat .dot{width: 30px;height: 30px;border-radius: 50%;flex: none;border: 3px solid #fff;box-shadow: 0 2px 4px rgba(0,0,0,.3)}.seat .kind{display: flex;align-items: center;gap: 6px;min-width: 108px;min-height: 46px;padding: 0 12px;border-radius: 12px;flex: none;background: var(--tint);font-size: 15px;color: var(--tint-ink)}.seat .kind .ico{font-size: 22px}.seat .kind.bot{background: #3a2a6e;color: #fff}.start-btn{position: sticky;bottom: 0;z-index: 1;display: block;width: 100%;margin-top: 20px;min-height: 56px;padding: 12px;border-radius: 18px;font-size: 23px;color: #fff;text-shadow: 0 2px 0 #145a1e,1.5px 0 0 #145a1e,-1.5px 0 0 #145a1e,0 -1.5px 0 #145a1e;background: linear-gradient(180deg,#6ee06e,#1f9a2f);border: 3px solid rgba(255,255,255,.5);box-shadow: inset 0 -6px 0 rgba(0,0,0,.2),0 6px 14px rgba(31,154,47,.4)}.plain-btn{display: block;width: 100%;margin-top: 10px;min-height: 48px;border-radius: 14px;background: var(--tint);font-size: 18px;color: var(--tint-ink);box-shadow: inset 0 -3px 0 rgba(var(--shade),.18)}.icon-btn{width: 46px;height: 46px;border-radius: 14px;font-size: 24px;display: grid;place-items: center;flex: none;background: rgba(255,255,255,.12);border: 1px solid rgba(255,255,255,.2)}.icon-btn.light{background: var(--tint);border: 0;color: var(--tint-ink)}[hidden]{display: none !important}#lobby{align-items: center;justify-content: center;padding: calc(12px + var(--safe-t)) 14px calc(12px + var(--safe-b))}#lobby .start-btn{position: static}.join-row{display: flex;gap: 10px;align-items: stretch}.join-row .txt.code{flex: 1;text-transform: uppercase;letter-spacing: 6px;font-size: 22px;text-align: center}html[lang=hi] .join-row .txt.code::placeholder{letter-spacing: 0}.join-row .join-btn{width: auto;margin: 0;min-height: 46px;padding: 0 22px;font-size: 20px}.room-code{margin-top: 14px;text-align: center;font-size: 17px}.room-code b{display: block;font-weight: 400;font-size: 46px;letter-spacing: 10px;color: #5a2a00;text-shadow: 0 3px 0 var(--gold)}.room-share{margin: 4px 0 12px;text-align: center;font-family: var(--ui-font);font-weight: 700;font-size: 14px;opacity: .8}.room-share b{word-break: break-all}.net-seat{display: flex;align-items: center;gap: 12px;min-height: 60px;margin-bottom: 10px;padding: 8px 8px 8px 14px;border-radius: 16px;background: #fff;border: 2px solid var(--tint);box-shadow: 0 2px 0 var(--tint)}.net-seat .dot{width: 26px;height: 26px;border-radius: 50%;flex: none;border: 3px solid #fff;box-shadow: 0 2px 4px rgba(0,0,0,.3)}.net-seat .nm{flex: 1;font-family: var(--ui-font);font-weight: 800;font-size: 16px}.net-seat .tag{font-family: var(--ui-font);font-weight: 700;font-size: 13px;opacity: .7}.net-seat.open .nm{opacity: .5;font-weight: 600}.net-seat.me{border-color: var(--gold-d)}.net-seat.off .tag{color: #c0392b;opacity: 1}.net-wait{text-align: center;font-family: var(--ui-font);font-weight: 700;opacity: .75;margin: 16px 0 4px}.chip.leave{display: flex;margin: 12px auto 0;background: var(--tint);color: var(--tint-ink);border: 0}.net-err{min-height: 1em;margin: 12px 0 0;text-align: center;color: #c0392b;font-family: var(--ui-font);font-weight: 800}.net-err:empty{display: none}.panel.away .avatar{filter: grayscale(.9) brightness(.8)}.panel.away .pname::after{content: ' (away)';opacity: .75;font-size: .8em}.panel.left .pname::after{content: ' (left)'}#game{--head: 52px;--hint: 34px;--gap: 8px;--padx: calc(8px + max(var(--safe-l),var(--safe-r)));--free-h: calc(100dvh - var(--safe-t) - var(--safe-b) - var(--head) - var(--hint) - 8 * var(--gap));--av: 54px;--ds: 40px;--pp: clamp(4px,calc(2.5vw - 4px),10px);--ph: calc(var(--av) + 2 * var(--pp) + 30px);--bs: min(100vw - 2 * var(--padx),var(--free-h) - 2 * var(--ph),720px);grid-template-columns: calc(var(--bs) / 2) calc(var(--bs) / 2);grid-template-rows: var(--head) 1fr var(--ph) var(--bs) var(--ph) 1fr var(--hint);grid-template-areas: "head head" ". ." "tl tr" "board board" "bl br" ". ." "hint hint";justify-content: center;row-gap: var(--gap);padding: calc(var(--gap) + var(--safe-t)) var(--padx) calc(var(--gap) + var(--safe-b));user-select: none;-webkit-user-select: none}#game.active{display: grid}.g-head{grid-area: head;display: flex;align-items: center;justify-content: space-between;gap: 8px;width: min(100%,100vw - 2 * var(--padx));justify-self: center}.g-title{font-size: 17px;letter-spacing: .6px;padding: 7px 16px;border-radius: 999px;color: #ffe070;background: rgba(0,0,0,.25);border: 1px solid rgba(255,255,255,.14);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}@media (max-width: 430px){.g-head{gap: 5px}.g-head .icon-btn{width: 44px;height: 44px}.g-right{gap: 5px}.g-title{font-size: 15px;letter-spacing: 0;padding: 7px 10px}}.pos-tl{grid-area: tl}.pos-tr{grid-area: tr}.pos-bl{grid-area: bl}.pos-br{grid-area: br}.board-wrap{grid-area: board;position: relative;width: var(--bs);height: var(--bs);filter: drop-shadow(0 14px 28px rgba(0,0,0,.55))}#board{width: 100%;height: 100%;display: block;overflow: visible}.hint{grid-area: hint;justify-self: center;align-self: center;max-width: 100%;font-weight: 800;font-size: 14px;padding: 7px 16px;border-radius: 999px;background: rgba(0,0,0,.28);border: 1px solid rgba(255,255,255,.12);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.hint:empty{visibility: hidden}#game.msg-on .hint{opacity: 0}.hint{transition: opacity .15s}@media (min-height: 780px) and (max-aspect-ratio: 6/5){#game{--av: 60px;--ds: 44px}}@media (min-width: 700px) and (max-aspect-ratio: 6/5){#game{--av: 72px;--ds: 54px;--pp: 10px}}@media (max-height: 700px) and (max-aspect-ratio: 6/5){#game{--head: 46px;--hint: 30px;--gap: 5px;--av: 48px;--ds: 36px;--ph: calc(var(--av) + 22px)}.icon-btn{width: 44px;height: 44px}}@media (max-aspect-ratio: 6/5){#game{--padb: calc(2px + max(var(--safe-l),var(--safe-r)));--bs: min(100vw - 2 * var(--padb),var(--free-h) - 2 * var(--ph),720px);--inset: max(0px,(var(--bs) - (100vw - 2 * var(--padx))) / 2);padding-left: var(--padb);padding-right: var(--padb)}#game .pos-tl,#game .pos-bl{margin-left: var(--inset)}#game .pos-tr,#game .pos-br{margin-right: var(--inset)}#game .hint,#game .msg,#game .pbar{margin-left: var(--inset);margin-right: var(--inset)}}@media (min-aspect-ratio: 6/5){#game{--head: 0px;--hint: 0px;--side: clamp(140px,22vw,240px);--av: clamp(46px,11dvh,68px);--ds: calc(var(--av) * .74);--pp: 10px;--bs: min(100dvh - var(--safe-t) - var(--safe-b) - 2 * var(--gap),100vw - 2 * var(--padx) - 2 * var(--side) - 2 * var(--gap),860px);grid-template-columns: var(--side) var(--bs) var(--side);grid-template-rows: 1fr calc(var(--bs) * .4) calc(var(--bs) * .2) calc(var(--bs) * .4) 1fr;grid-template-areas: ". board ." "tl board tr" "hint board ." "bl board br" ". board .";column-gap: var(--gap);row-gap: 0;align-content: center}.g-head{display: contents}.g-title{display: none}#btn-pause{grid-area: tl;justify-self: start;align-self: start}#btn-sound{grid-area: tr;justify-self: end;align-self: start}.board-wrap{grid-row: 2 / 5;align-self: center}.panel{height: auto;align-self: center;justify-self: end}.panel.right{justify-self: start}.hint{justify-self: start;white-space: normal;font-size: 13px}.plate .ribbon{display: block;position: absolute;left: 50%;top: 0;z-index: 3;padding: 3px 14px;border-radius: 999px;white-space: nowrap;pointer-events: none;font-size: 15px;letter-spacing: .6px;color: #fff;text-shadow: 0 2px 0 rgba(0,0,0,.35);background: linear-gradient(180deg,color-mix(in srgb,var(--c) 60%,#fff),var(--c));border: 2px solid #fff;box-shadow: 0 4px 12px rgba(0,0,0,.45),0 0 16px var(--c);transform: translate(-50%,-70%) scale(0);transition: transform .25s var(--press)}.panel.turn .ribbon{transform: translate(-50%,-70%) scale(1);animation: ribbonbob 1s ease-in-out .3s infinite alternate}.panel.done .ribbon{display: none}.panel.turn .dbox{animation: dboxpulse 1s ease-in-out infinite alternate}}@keyframes ribbonbob{to{transform: translate(-50%,-85%) scale(1.04)}}@keyframes dboxpulse{to{box-shadow: inset 0 0 0 2px #fff,0 0 18px var(--c)}}.panel{--c: #888;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;gap: 7px;min-width: 0;height: var(--ph);padding: 0 2px;transition: opacity .25s,transform .25s var(--press)}.panel.right{align-items: flex-end}.pos-tl,.pos-tr{justify-content: flex-end}.pos-bl,.pos-br{justify-content: flex-start}.panel.empty{visibility: hidden}.plate{display: flex;align-items: center;gap: var(--pp);padding: var(--pp);border-radius: calc(15px + var(--pp) / 2);background: linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.06));border: 2px solid rgba(255,255,255,.22);box-shadow: inset 0 -3px 0 rgba(0,0,0,.18),0 6px 14px rgba(0,0,0,.35);transition: border-color .25s,box-shadow .25s,transform .25s var(--press)}.panel.right .plate{flex-direction: row-reverse}:where(.plate) .ribbon{display: none}.plate{position: relative}.panel{position: relative}.panel:has(.bubble){z-index: 14}.plate:has(.bubble){z-index: 2}.rbtn{width: calc(var(--av) * .55);height: calc(var(--av) * .55);min-width: 44px;min-height: 44px;flex: none;padding: 4px;border-radius: 50%;border: 2px solid rgba(255,255,255,.55);background: rgba(var(--shade),.45);cursor: pointer;display: grid;place-items: center;transition: transform .12s}.rbtn svg{width: 100%;height: 100%;display: block}.rbtn:active{transform: scale(.88)}.plate .rbtn{margin-left: 8px}.panel.right .plate .rbtn{margin-left: 0;margin-right: 8px}.rbtn.cool{opacity: .35;filter: grayscale(1);cursor: default}.rbtn.cool:active{transform: none}.rtray{position: absolute;z-index: 30;display: none;grid-template-columns: repeat(4,48px);gap: 6px;padding: 10px;border-radius: 20px;background: linear-gradient(180deg,var(--deep-hi),var(--deep));border: 2px solid rgba(255,255,255,.35);box-shadow: 0 10px 28px rgba(0,0,0,.5)}.rtray.show{display: grid;animation: trayIn .22s cubic-bezier(.3,1.6,.5,1)}@keyframes trayIn{from{transform: scale(.6);opacity: 0}}.rtray button{width: 48px;height: 48px;padding: 3px;border: 0;border-radius: 14px;background: rgba(255,255,255,.1);cursor: pointer}.rtray button:hover,.rtray button:focus-visible{background: rgba(255,255,255,.25)}.rtray button:active{transform: scale(.85)}.rtray svg{width: 100%;height: 100%;display: block}.bubble{position: absolute;z-index: 12;width: max-content;transform-origin: 0 0;display: flex;align-items: center;gap: 6px;padding: 5px;border-radius: 6px 22px 22px 22px;background: #fff;box-shadow: 0 6px 16px rgba(0,0,0,.4);pointer-events: none;animation: bubIn .35s cubic-bezier(.3,1.8,.5,1)}.bubble{left: 2px;top: calc(100% - 6px);max-width: calc(50vw - 14px)}.bubble .b-say{min-width: 0}.panel.right .bubble{left: auto;right: 2px;transform-origin: 100% 0;border-radius: 22px 6px 22px 22px;flex-direction: row-reverse}.bubble.out{animation: bubOut .35s ease-in forwards}.bubble.placed{border-radius: 20px}@keyframes bubIn{from{transform: scale(.2);opacity: 0}}@keyframes bubOut{to{transform: scale(.4) translateY(8px);opacity: 0}}.b-face{width: 44px;height: 44px;flex: none;animation: faceWob .6s ease-in-out .3s 2}.bubble.talk .b-face{width: 34px;height: 34px}.b-face svg{width: 100%;height: 100%;display: block}@keyframes faceWob{30%{transform: rotate(-12deg) scale(1.1)}70%{transform: rotate(10deg)}}.b-say{color: var(--deep);font-weight: 900;font-size: 13px;line-height: 1.2;max-width: min(44vw,180px);text-wrap: balance;padding-right: 8px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;overflow: hidden}.panel.right .b-say{padding: 0 0 0 8px}@media (min-aspect-ratio: 6/5){.panel .bubble{max-width: none;top: calc(100% + 30px);left: auto;right: 0;transform-origin: 100% 0;border-radius: 22px 6px 22px 22px;flex-direction: row-reverse}.panel .b-say{padding: 0 0 0 8px;max-width: 170px}.panel.right .bubble{left: 0;right: auto;transform-origin: 0 0;border-radius: 6px 22px 22px 22px;flex-direction: row}.panel.right .b-say{padding: 0 8px 0 0}}@media (min-aspect-ratio: 6/5) and (max-height: 560px){.panel .bubble,.panel.right .bubble{top: 50%;margin-top: -24px}.panel .bubble{left: calc(100% + 8px);right: auto;transform-origin: 0 50%;border-radius: 8px 22px 22px 8px;flex-direction: row}.panel .b-say{padding: 0 8px 0 0;max-width: 150px}.panel.right .bubble{left: auto;right: calc(100% + 8px);transform-origin: 100% 50%;border-radius: 22px 8px 8px 22px;flex-direction: row-reverse}.panel.right .b-say{padding: 0 0 0 8px}}.panel.turn .plate{border-color: var(--gold);background: linear-gradient(180deg,color-mix(in srgb,var(--c) 55%,transparent),color-mix(in srgb,var(--c) 20%,transparent));box-shadow: 0 0 0 2px rgba(255,204,51,.4),0 0 22px rgba(255,204,51,.55),0 6px 14px rgba(0,0,0,.35);transform: scale(1.04)}.panel:not(.turn) .plate{filter: saturate(.85) brightness(.9)}.panel.me .plate{border-color: rgba(255,255,255,.75)}.panel.me .avatar::after{content: 'YOU';position: absolute;left: 50%;bottom: -9px;transform: translateX(-50%);z-index: 2;padding: 1px 7px;border-radius: 999px;font-size: 11px;line-height: 14px;letter-spacing: .6px;color: var(--card-ink);background: linear-gradient(180deg,#fff,#ffe98a);border: 1.5px solid #c98500;box-shadow: 0 2px 4px rgba(0,0,0,.35)}html[lang=hi] .panel.me .avatar::after{content: 'आप';font-family: var(--ui-font);letter-spacing: 0}.avatar{width: var(--av);height: var(--av);flex: none;position: relative;border-radius: 16px;padding: 4px;background: linear-gradient(160deg,color-mix(in srgb,var(--c) 45%,#fff),var(--c) 40%,color-mix(in srgb,var(--c) 65%,#000));border: 2px solid #fff;box-shadow: inset 0 -3px 0 rgba(0,0,0,.25),0 3px 6px rgba(0,0,0,.4)}.av-face{width: 100%;height: 100%;border-radius: 10px;overflow: hidden;display: grid;place-items: end center;background: radial-gradient(circle at 50% 30%,#eaf6ff,#9ecbf5 75%);box-shadow: inset 0 2px 4px rgba(0,0,0,.35)}.avatar.human .av-face{place-items: center;background: radial-gradient(circle at 40% 25%,color-mix(in srgb,var(--c) 30%,#fff),color-mix(in srgb,var(--c) 80%,#000))}.av-letter{font-size: calc(var(--av) * .5);line-height: 1;color: #fff;text-shadow: 0 2px 0 var(--outline),1.5px 0 0 var(--outline),-1.5px 0 0 var(--outline),0 -1.5px 0 var(--outline)}.bot-face{width: 100%;height: 100%;display: block}.tring{position: absolute;inset: -7px;width: calc(100% + 14px);height: calc(100% + 14px);pointer-events: none;display: none;overflow: visible}.panel.timing .tring{display: block}.tring rect{fill: none;stroke-width: 6}.tr-bg{stroke: rgba(0,0,0,.45)}.tr-fg{stroke: #3ee06a;stroke-linecap: round;stroke-dasharray: 100 100;stroke-dashoffset: 0;animation: tdrain var(--tt,20s) steps(200) var(--td,0s) both,tcol var(--tt,20s) linear var(--td,0s) both}@keyframes tdrain{to{stroke-dashoffset: -100}}@keyframes tcol{0%,55%{stroke: #3ee06a}75%{stroke: #ffd23a}90%,100%{stroke: #ff3b3b}}.panel.turn:not(.timing) .avatar{box-shadow: 0 0 0 2px var(--gold),0 0 6px var(--gold)}.av-glow{position: absolute;inset: -2px;border-radius: 16px;pointer-events: none;opacity: 0;box-shadow: 0 0 0 4px var(--gold),0 0 20px var(--gold)}.panel.turn:not(.timing) .av-glow{animation: glowPulse .9s ease-in-out infinite alternate}@keyframes glowPulse{from{opacity: 0}to{opacity: 1}}.dbox{width: var(--av);height: var(--av);flex: none;border-radius: 14px;display: grid;place-items: center;background: rgba(0,0,0,.28);box-shadow: inset 0 3px 6px rgba(0,0,0,.4)}.dbox .dice{--ds: calc(var(--av) * .64)}.panel:not(.turn) .dbox .dice{opacity: .45;transform: scale(.86)}.panel.turn .dbox .dice:not(.rolling):not(.land){transform: scale(1.06)}.pline{display: flex;align-items: center;gap: 6px;max-width: 100%;min-width: 0;padding: 2px 10px;border-radius: 999px;background: rgba(var(--shade),.5);border: 1px solid rgba(255,255,255,.15)}.panel.right .pline{flex-direction: row-reverse}.pname{font-size: 15px;line-height: 1.15;min-width: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-shadow: 0 2px 0 rgba(0,0,0,.5)}.pips-home{display: flex;gap: 3px;flex: none}.pips-home i{width: 8px;height: 8px;border-radius: 50%;background: rgba(255,255,255,.18);border: 1px solid rgba(255,255,255,.4)}.pips-home i.on{background: var(--c);border-color: #fff;box-shadow: 0 0 6px var(--c)}.place{position: absolute;top: -9px;right: -9px;background: linear-gradient(180deg,var(--gold-l),var(--gold));color: #6a3d00;border-radius: 999px;font-size: 11px;font-weight: 900;padding: 2px 6px;border: 2px solid #fff;text-shadow: none;z-index: 2}.panel.done .plate{filter: none;border-color: rgba(255,204,51,.6)}.panel.starred .plate{border-color: #ffd23a;background: linear-gradient(180deg,rgba(255,214,90,.45),rgba(255,160,0,.18));box-shadow: 0 0 0 2px #ffd23a,0 0 22px rgba(255,200,40,.6)}.panel.starred .avatar::before{content: '';position: absolute;left: 22%;top: -30%;width: 50%;height: 50%;z-index: 3;translate: -50% 0;background: no-repeat center / contain url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3Cpath%20d='M6%206%20L32%2019%20L58%206%20L45%2032%20L58%2058%20L32%2045%20L6%2058%20L19%2032%20Z'%20fill='%23a56400'%20stroke='%23a56400'%20stroke-width='6'%20stroke-linejoin='round'/%3E%3Cpolygon%20points='32,32%2032,19%206,6'%20fill='%235ce68a'/%3E%3Cpolygon%20points='32,32%2019,32%206,6'%20fill='%231a9a45'/%3E%3Cpolygon%20points='32,32%2045,32%2058,6'%20fill='%23ffe066'/%3E%3Cpolygon%20points='32,32%2032,19%2058,6'%20fill='%23e0a000'/%3E%3Cpolygon%20points='32,32%2032,45%2058,58'%20fill='%236fb2ff'/%3E%3Cpolygon%20points='32,32%2045,32%2058,58'%20fill='%231e62c9'/%3E%3Cpolygon%20points='32,32%2019,32%206,58'%20fill='%23ff7a80'/%3E%3Cpolygon%20points='32,32%2032,45%206,58'%20fill='%23c21f2a'/%3E%3Cpath%20d='M6%206%20L32%2019%20L58%206%20L45%2032%20L58%2058%20L32%2045%20L6%2058%20L19%2032%20Z'%20fill='none'%20stroke='%23ffd23a'%20stroke-width='2.2'%20stroke-linejoin='round'/%3E%3Cpolygon%20points='32,24.5%2039.5,32%2032,39.5%2024.5,32'%20fill='%23fff'%20stroke='%23a56400'%20stroke-width='1.8'%20stroke-linejoin='round'/%3E%3Cpolygon%20points='32,27%2035.5,30.5%2032,32%2028.5,30.5'%20fill='%23cdeeff'/%3E%3C/svg%3E");filter: drop-shadow(0 2px 2px rgba(0,0,0,.4));animation: markdrop .6s cubic-bezier(.3,1.6,.5,1) both,markspin 6s linear .6s infinite}@keyframes markdrop{from{transform: translateY(-160%) rotate(-90deg) scale(.4);opacity: 0}60%{opacity: 1}to{transform: none;opacity: 1}}@keyframes markspin{to{rotate: 360deg}}.place{animation: stamp .45s cubic-bezier(.3,1.8,.5,1) .25s both}@keyframes stamp{from{transform: scale(3) rotate(-20deg);opacity: 0}to{transform: none;opacity: 1}}.tri.lit{filter: brightness(1.35) saturate(1.2)}.pips-home i.pop{animation: pippop .5s cubic-bezier(.3,1.8,.5,1)}@keyframes pippop{0%{transform: scale(1)}40%{transform: scale(2.3);box-shadow: 0 0 14px #ffd23a}100%{transform: scale(1)}}.fly-star{position: fixed;z-index: 31;width: 30px;height: 30px;pointer-events: none;background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -12 24 24'%3E%3Cpath d='M0-11 L3.2-3.5 L11-3.4 L4.8 1.6 L7 9.5 L0 5 L-7 9.5 L-4.8 1.6 L-11-3.4 L-3.2-3.5 Z' fill='%23ffd23a' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");filter: drop-shadow(0 0 8px #ffd23a)}.token.leaping{z-index: 5}.panel.bump .plate{animation: bump .5s var(--press)}@keyframes bump{30%{transform: scale(1.12) rotate(-2deg)}60%{transform: scale(.96) rotate(1deg)}}.panel.hurt .avatar{animation: hurt .5s ease}@keyframes hurt{20%,60%{transform: translateX(-4px);filter: brightness(1.8)}40%,80%{transform: translateX(4px)}}.dice{width: var(--ds);height: var(--ds);flex: none;position: relative;perspective: calc(var(--ds) * 5);border-radius: 22%;transition: opacity .25s,transform .25s var(--press)}.cube{position: absolute;inset: 0;transform-style: preserve-3d;transform: none;transition: transform .7s cubic-bezier(.2,.9,.25,1.05)}.cube,.cube *{pointer-events: none}:root{--ivory: radial-gradient(circle at 30% 22%,rgba(224,169,48,0),rgba(224,169,48,.13) 50%,rgba(172,131,35,.3)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='4' height='4' fill='%23fffef8'/%3E%3C/svg%3E") 0 0 / 100% 100%}.face{position: absolute;inset: 0;border-radius: 24%;background: var(--ivory);box-shadow: inset 0 0 0 1px rgba(120,90,40,.12),inset 0 -4px 7px rgba(120,90,40,.22),inset 0 3px 4px rgba(255,255,255,.9);display: grid;grid-template: repeat(3,1fr) / repeat(3,1fr);padding: 15%;backface-visibility: hidden}.core{position: absolute;inset: 3%;border-radius: 18%;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='4' height='4' fill='%23eadfc2'/%3E%3C/svg%3E") 0 0 / 100% 100%}.core.cx{transform: rotateX(90deg)}.core.cy{transform: rotateY(90deg)}.face i{width: 74%;aspect-ratio: 1;border-radius: 50%;place-self: center;background: radial-gradient(circle at 50% 65%,#3a3446,#0d0a14 70%);box-shadow: inset 0 2px 2px rgba(0,0,0,.85),0 1px 0 rgba(255,255,255,.95)}.face.front i{width: 96%;background: radial-gradient(circle at 50% 65%,#ff5a63,#a50e18 75%)}.face.front{transform: translateZ(calc(var(--ds) / 2))}.face.back{transform: rotateY(180deg) translateZ(calc(var(--ds) / 2))}.face.right{transform: rotateY(90deg) translateZ(calc(var(--ds) / 2))}.face.left{transform: rotateY(-90deg) translateZ(calc(var(--ds) / 2))}.face.top{transform: rotateX(90deg) translateZ(calc(var(--ds) / 2))}.face.bottom{transform: rotateX(-90deg) translateZ(calc(var(--ds) / 2))}.dice::after{content: '';position: absolute;left: 8%;right: 8%;bottom: -16%;height: 18%;border-radius: 50%;background: rgba(var(--shade),.45);filter: blur(3px);z-index: -1;transition: transform .2s,opacity .2s}.dice.can{cursor: pointer;animation: nudge 1s ease-in-out infinite}.dice.can::before{content: '';position: absolute;inset: -6px;border-radius: 30%;border: 3px solid var(--gold);box-shadow: 0 0 16px var(--gold),inset 0 0 10px rgba(255,204,51,.5);animation: ringpulse 1s ease-in-out infinite}@keyframes nudge{0%,100%{transform: translateY(0)}50%{transform: translateY(-5px)}}@keyframes ringpulse{50%{transform: scale(1.08);opacity: .6}}.dice.rolling{z-index: 6;animation: toss .72s cubic-bezier(.3,.7,.4,1)}@keyframes toss{0%{transform: translateY(0) scale(1)}30%{transform: translateY(-34px) scale(1.55)}62%{transform: translateY(0) scale(1.35)}76%{transform: translateY(-9px) scale(1.3)}88%{transform: translateY(0) scale(1.28,1.18)}100%{transform: translateY(0) scale(1.25)}}.dice.rolling::after{animation: tossshadow .72s cubic-bezier(.3,.7,.4,1)}@keyframes tossshadow{30%{transform: scale(.5);opacity: .4}62%{transform: scale(1);opacity: 1}76%{transform: scale(.8)}}.dice.land{transform: scale(1.25)}.dice.land::before{content: '';position: absolute;inset: -30%;border-radius: 50%;pointer-events: none;background: radial-gradient(circle,rgba(255,240,160,.85),rgba(255,204,51,.35) 45%,transparent 70%);animation: landglow .7s ease-out forwards}@keyframes landglow{from{transform: scale(.4);opacity: 1}to{transform: scale(1.3);opacity: 0}}.dice.six .face{background: radial-gradient(circle at 30% 22%,#fffdf0,#ffe98f 55%,#f0b90b)}.dice.idle .cube{animation: idlespin 6s linear infinite}@keyframes idlespin{from{transform: rotateX(-20deg) rotateY(0deg)}to{transform: rotateX(-20deg) rotateY(360deg)}}#board .star{fill: #d9d4e2;stroke: #9a93a8;stroke-width: .04;stroke-linejoin: round}#game[data-style="mini"] #board .star{fill: #ffd23a;stroke: #c98a00}#board .lane-lock .lk{transform-box: fill-box;transform-origin: 50% 60%}#board .lane-lock.open .lk{opacity: 0}#board .lane-lock.break .lk{animation: lockBreak .9s cubic-bezier(.3,1.4,.5,1) forwards}#board .lane-lock.break .lk-shackle{animation: shackleUp .35s ease-out forwards}@keyframes lockBreak{0%{transform: scale(1);opacity: 1}25%{transform: scale(1.35) rotate(-12deg)}45%{transform: scale(1.2) rotate(10deg);opacity: 1}100%{transform: translateY(-.6px) scale(.4) rotate(40deg);opacity: 0}}@keyframes shackleUp{to{transform: translateY(-.12px) rotate(-25deg)}}#board .base.off{opacity: .4;filter: grayscale(.8)}#board .frame-thin,#board.thin .frame-wide{display: none}#board.thin .frame-thin{display: inline}.token{transition: transform .25s var(--press)}.token.movable{cursor: pointer}.token.movable .tok-inner{animation: hop .5s cubic-bezier(.4,0,.6,1) infinite alternate;filter: drop-shadow(0 0 .08px #fff6a0) drop-shadow(0 0 .12px #ffcc33)}.token.movable .tok-shadow{animation: hopshadow .5s cubic-bezier(.4,0,.6,1) infinite alternate}@keyframes hop{from{transform: translateY(0) scale(1.06,.94)}30%{transform: translateY(-0.08px) scale(1)}to{transform: translateY(-0.24px)}}@keyframes hopshadow{to{transform: scale(.7);opacity: .6}}.tok-shadow{transform-box: fill-box;transform-origin: center}.tok-inner{transform-origin: 0 0.2px}.tok-safe{display: none;pointer-events: none}.token.safe .tok-safe{display: inline}.token.safe .tok-safe-i{animation: safeIn .45s cubic-bezier(.3,1.8,.5,1) backwards}@keyframes safeIn{from{transform: scale(0)}}.token.spared .tok-flash{fill: #ffe98a;animation: sparedFlash .42s ease-out 3}@keyframes sparedFlash{0%{opacity: .85}100%{opacity: 0}}.safe-shield,.safe-ring{pointer-events: none}.tok-count{display: none;font-family: var(--game-font);pointer-events: none}.tok-count.on{display: inline}.tok-inner:has(.tok-count.on) .tok-eye{display: none}.token .hit{pointer-events: all}@media (max-aspect-ratio: 6/5){#board.thin .tok-inner{scale: 1.15}#board.thin .tok-shadow{scale: 1.15}#board.thin .token .hit{r: .78px}}#board.shake{animation: shake .35s linear}@keyframes shake{20%{transform: translate(-3px,1px)}40%{transform: translate(3px,-1px)}60%{transform: translate(-2px,0)}80%{transform: translate(2px,1px)}}.hl-ring{fill: rgba(255,220,90,.25);stroke: #fff;stroke-width: .07;stroke-dasharray: .18 .1}.burst{fill: none;stroke-width: .12;animation: burst .6s ease-out forwards}.ray{stroke-width: .1;stroke-linecap: round;animation: rays .6s ease-out forwards}@keyframes burst{from{transform: scale(.3);opacity: 1}to{transform: scale(2.4);opacity: 0}}@keyframes rays{from{transform: scale(.5);opacity: 1}to{transform: scale(2);opacity: 0}}#board .house,#board .door,#board .door-light{transform-box: fill-box;transform-origin: 50% 100%}#board .door{transform-origin: 0% 50%}.token.dead .tok-body{fill: url(#chip-grey)}.token.dead .tok-base{fill: #d4d4dc}.token.dead .tok-side{fill: #55555f}.token.dead .tok-eye{fill: #c9c9d1;stroke: #55555f}.token.win .tok-inner{animation: dance .5s ease-in-out infinite alternate}@keyframes dance{from{transform: translateY(0) rotate(-8deg)}to{transform: translateY(-0.25px) rotate(8deg)}}.flash-disc{fill: #fff;animation: flashdisc .35s ease-out forwards}@keyframes flashdisc{from{opacity: .95;transform: scale(.4)}to{opacity: 0;transform: scale(1.6)}}.shock{fill: none;stroke-width: .1;animation: shock .6s ease-out forwards}.shock.s2{animation-delay: .1s;opacity: 0}@keyframes shock{from{transform: scale(.3);opacity: 1;stroke-width: .22}to{transform: scale(3.2);opacity: 0;stroke-width: .02}}.home-glow{opacity: 0;animation: homeglow .9s ease-out forwards}@keyframes homeglow{0%{opacity: .7;transform: scale(.2)}100%{opacity: 0;transform: scale(1.6)}}#board .tri,#medal{transform-box: fill-box;transform-origin: center}.board-wrap.finish::after{content: '';position: absolute;inset: 0;border-radius: 4%;pointer-events: none;box-shadow: inset 0 0 0 6px var(--gold),0 0 40px var(--gold);animation: finishglow 1.2s ease-out forwards}@keyframes finishglow{from{opacity: 1}to{opacity: 0}}.celebrate{position: absolute;inset: 0;z-index: 20;display: none;place-items: center;overflow: hidden;background: radial-gradient(circle at 50% 42%,rgba(var(--ov-a),.55),rgba(var(--ov-b),.92) 70%);padding: calc(20px + var(--safe-t)) 20px calc(20px + var(--safe-b))}.celebrate.show{display: grid;animation: fadein .3s ease-out}@keyframes fadein{from{opacity: 0}}.celebrate .rays{position: absolute;left: 50%;top: 42%;width: 190vmax;height: 190vmax;margin: -95vmax 0 0 -95vmax;background: repeating-conic-gradient(rgba(255,214,80,.22) 0 10deg,transparent 10deg 20deg);-webkit-mask: radial-gradient(circle,#000 0,transparent 45%);mask: radial-gradient(circle,#000 0,transparent 45%);animation: spin 14s linear infinite}@keyframes spin{to{transform: rotate(360deg)}}.cele-body{position: relative;display: flex;flex-direction: column;align-items: center;text-align: center}.cele-mark{width: 96px;margin-bottom: -22px;z-index: 2;animation: markDrop .8s cubic-bezier(.3,1.6,.5,1) .35s backwards,markbob 2.4s ease-in-out 1.2s infinite}.mark-svg{width: 100%;height: auto;display: block;filter: drop-shadow(0 4px 4px rgba(0,0,0,.25))}@keyframes markDrop{from{transform: translateY(-60vh) rotate(-180deg)}}.cele-pawn{width: min(44vw,190px);animation: pawnPop .6s cubic-bezier(.3,1.6,.5,1) backwards,pawnJump .9s ease-in-out .9s infinite}.pawn-svg{width: 100%;height: auto;display: block}@keyframes pawnPop{from{transform: scale(0) rotate(-20deg)}}@keyframes pawnJump{0%,100%{transform: translateY(0) scale(1,1)}15%{transform: translateY(0) scale(1.1,.9)}50%{transform: translateY(-22px) scale(.95,1.06)}85%{transform: translateY(0) scale(1.08,.93)}}.ribbon{position: relative;margin-top: -8px;padding: 10px 40px 12px;font-size: clamp(30px,10vw,46px);font-weight: 900;letter-spacing: 2px;color: #fff;text-shadow: 0 3px 0 rgba(0,0,0,.35);background: linear-gradient(180deg,#ff5a62,#c81d27);border: 3px solid #ffd76a;border-radius: 10px;box-shadow: 0 8px 20px rgba(0,0,0,.45);animation: ribbonIn .5s cubic-bezier(.3,1.5,.5,1) .2s backwards}.ribbon::before,.ribbon::after{content: '';position: absolute;top: 12px;width: 30px;height: 100%;background: #9e121b;z-index: -1;clip-path: polygon(0 0,100% 0,100% 100%,0 100%,30% 50%)}.ribbon::before{left: -22px}.ribbon::after{right: -22px;transform: scaleX(-1)}@keyframes ribbonIn{from{transform: scaleX(0)}}.cele-stage{position: relative;display: grid;place-items: center}.cele-trophy{position: absolute;right: -18%;bottom: 2%;width: min(20vw,86px);z-index: 3;filter: drop-shadow(0 6px 8px rgba(0,0,0,.45));animation: trophyIn .7s cubic-bezier(.3,1.7,.5,1) 1s backwards,trophyShine 1.6s ease-in-out 1.7s infinite}.cele-trophy:empty,.cele-av:empty{display: none}@keyframes trophyIn{from{transform: translateY(40px) scale(.2) rotate(-30deg);opacity: 0}}@keyframes trophyShine{50%{transform: translateY(-6px) rotate(6deg);filter: drop-shadow(0 6px 8px rgba(0,0,0,.45)) brightness(1.25)}}.cele-av{position: absolute;left: -16%;bottom: 4%;z-index: 3;--av: min(15vw,64px);animation: pawnPop .6s cubic-bezier(.3,1.6,.5,1) .75s backwards,avBob 1.2s ease-in-out 1.4s infinite}.cele-av .avatar{box-shadow: 0 0 0 4px #ffd23a,0 8px 16px rgba(0,0,0,.5)}.cele-av .avatar .badge,.cele-av .ring{display: none}@keyframes avBob{50%{transform: translateY(-8px) rotate(-6deg)}}.celebrate.lose .cele-av .avatar{box-shadow: 0 0 0 4px #8c8aa3,0 8px 16px rgba(0,0,0,.5);filter: saturate(.4)}.celebrate.lose .cele-av{animation: pawnPop .6s cubic-bezier(.3,1.6,.5,1) .75s backwards,sadSway 2.4s ease-in-out 1.4s infinite}.fireworks{position: absolute;inset: 0;width: 100%;height: 100%;pointer-events: none}.celebrate.lose .fireworks{display: none}.cele-name{margin-top: 14px;font-size: 22px;font-weight: 900;text-shadow: 0 2px 4px rgba(0,0,0,.6);animation: fadein .4s .6s backwards}.cele-tap{margin-top: 26px;font-weight: 800;opacity: .7;font-size: 14px;animation: blink 1.4s ease-in-out 1.2s infinite backwards}@keyframes blink{50%{opacity: .25}}.cele-cloud,.celebrate .rain{display: none}.celebrate.lose{background: radial-gradient(circle at 50% 42%,rgba(60,60,90,.7),rgba(8,6,20,.95) 70%)}.celebrate.lose .rays{display: none}.celebrate.lose .cele-mark{display: none}.celebrate.lose .ribbon{background: linear-gradient(180deg,#8c8aa3,#56536f);border-color: #c9c6dc}.celebrate.lose .ribbon::before,.celebrate.lose .ribbon::after{background: #3d3a55}.celebrate.lose .cele-pawn{animation: pawnPop .6s cubic-bezier(.3,1.6,.5,1) backwards,sadSway 2.4s ease-in-out .7s infinite;filter: saturate(.55)}@keyframes sadSway{0%,100%{transform: rotate(-4deg) translateY(4px)}50%{transform: rotate(4deg) translateY(8px)}}.celebrate.lose .cele-cloud{display: block;position: absolute;left: 50%;top: calc(42% - 210px);width: 160px;margin-left: -80px;animation: cloudIn .8s ease-out backwards,cloudBob 3s ease-in-out .8s infinite}.cloud-svg{width: 100%;height: auto;display: block}@keyframes cloudIn{from{transform: translateX(-60vw);opacity: 0}}@keyframes cloudBob{50%{transform: translateX(10px)}}.celebrate.lose .rain{display: block;position: absolute;left: 50%;top: calc(42% - 150px);width: 120px;height: 150px;margin-left: -60px;background: repeating-linear-gradient(100deg,transparent 0 14px,rgba(160,200,255,.65) 14px 16px);background-size: 100% 40px;animation: rain .45s linear infinite;-webkit-mask: linear-gradient(#000 40%,transparent);mask: linear-gradient(#000 40%,transparent)}@keyframes rain{to{background-position: -8px 40px}}.tear{animation: tear 1.4s ease-in infinite}@keyframes tear{0%{transform: translateY(0);opacity: 1}100%{transform: translateY(26px);opacity: 0}}.msg{--c: var(--gold);grid-area: hint;justify-self: center;align-self: center;z-index: 3;pointer-events: none;max-width: 100%;padding: 5px 20px;border-radius: 999px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 19px;line-height: 1.2;letter-spacing: .4px;color: #5a2d00;background: linear-gradient(180deg,#ffe066,#ffab00);border: 2px solid #fff;box-shadow: 0 4px 14px rgba(0,0,0,.45);opacity: 0;transform: scale(.6)}.msg.tinted{color: #fff;text-shadow: 0 2px 0 rgba(0,0,0,.35);background: linear-gradient(180deg,color-mix(in srgb,var(--c) 70%,#fff),var(--c))}.msg.bad{color: #fff;background: linear-gradient(180deg,#ff7a7a,#d32020)}.msg.show{animation: msgpop 1.8s var(--press) forwards}@keyframes msgpop{0%{opacity: 0;transform: scale(.6)}12%{opacity: 1;transform: scale(1.08)}20%{transform: scale(1)}100%{opacity: 1;transform: scale(1)}}@media (min-aspect-ratio: 6/5){.msg{justify-self: center;font-size: 22px;padding: 7px 22px;white-space: normal;text-align: center}#game.side-r .msg,#game.side-r .hint{grid-column: 3}}.afk-card{--c: var(--gold);position: absolute;left: 50%;top: 50%;z-index: 9;width: min(86vw,340px);display: none;flex-direction: column;align-items: center;gap: 8px;padding: 18px 20px 16px;text-align: center;color: #fff;border-radius: 22px;border: 3px solid #fff;background: linear-gradient(180deg,color-mix(in srgb,var(--c) 55%,var(--deep)),var(--deep));box-shadow: 0 10px 30px rgba(0,0,0,.55),0 0 0 6px color-mix(in srgb,var(--c) 45%,transparent);transform: translate(-50%,-50%)}.afk-card.show{display: flex;animation: afkpop .35s var(--press) both}.afk-card b{font-size: 24px;letter-spacing: .5px;text-shadow: 0 2px 0 rgba(0,0,0,.35)}.afk-card span{font-size: 16px;line-height: 1.3;opacity: .95}.afk-card .start-btn{position: static;width: auto;min-height: 44px;margin-top: 4px;padding: 8px 22px;font-size: 17px}@keyframes afkpop{0%{opacity: 0;transform: translate(-50%,-50%) scale(.6)}70%{opacity: 1;transform: translate(-50%,-50%) scale(1.05)}100%{transform: translate(-50%,-50%) scale(1)}}.vs{position: absolute;inset: 0;z-index: 12;display: none;flex-direction: column;align-items: center;justify-content: center;gap: 22px;background: radial-gradient(circle at 50% 45%,rgba(var(--ov-a),.92),rgba(var(--ov-b),.96) 70%);overflow: hidden;cursor: pointer}.vs.show{display: flex;animation: fadein .2s ease-out}.vs.out{animation: fadeout .3s ease-in forwards;pointer-events: none}@keyframes fadein{from{opacity: 0}}@keyframes fadeout{to{opacity: 0;transform: scale(1.08)}}.vs-rays{position: absolute;width: 180vmax;height: 180vmax;left: 50%;top: 45%;margin: -90vmax 0 0 -90vmax;background: repeating-conic-gradient(rgba(var(--rays),.12) 0 8deg,transparent 8deg 20deg);animation: spin 14s linear infinite}.vs-row{position: relative;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 10px 14px;max-width: 94vw}.vs-card{--av: clamp(64px,20vw,110px);display: flex;flex-direction: column;align-items: center;gap: 8px;min-width: 0;animation: slam .45s cubic-bezier(.3,1.6,.5,1) calc(var(--k) * .18s) backwards}.vs-row.many{display: grid;grid-template-columns: 1fr 1fr;gap: 26px clamp(70px,22vw,150px)}.vs-row.many .vs-card{--av: clamp(60px,17vw,96px)}.vs-row.many .vs-badge{display: none}.vs-row.many .vs-card:last-child:nth-child(5){grid-column: 1 / -1}.vs-row.many:has(> .vs-card:nth-child(5):last-child)::after{translate: -50% -105%}.vs-row.many::after{content: 'VS';position: absolute;left: 50%;top: 50%;translate: -50% -60%;font-size: clamp(44px,13vw,72px);color: var(--gold);-webkit-text-stroke: 6px var(--outline);paint-order: stroke fill;text-shadow: 0 6px 0 var(--outline);animation: vspop .45s cubic-bezier(.3,1.8,.5,1) .25s backwards}.vs-card .avatar{--c: inherit}.vs-card b{font-size: clamp(16px,4.4vw,22px);font-weight: 400;max-width: 30vw;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 2px 12px;border-radius: 999px;background: var(--c);border: 2px solid #fff;text-shadow: 0 2px 0 rgba(0,0,0,.35)}.vs-card .tring{display: none}.vs-badge{font-size: clamp(34px,10vw,56px);color: var(--gold);-webkit-text-stroke: 5px var(--outline);paint-order: stroke fill;text-shadow: 0 5px 0 var(--outline);transform: rotate(-8deg);animation: vspop .4s cubic-bezier(.3,1.8,.5,1) calc(var(--k) * .18s - .05s) backwards}.vs-go{position: relative;font-size: clamp(22px,6vw,30px);color: #fff;text-shadow: 0 3px 0 var(--outline);animation: vspop .4s ease-out .7s backwards,bob 1.2s ease-in-out 1.1s infinite}@keyframes slam{from{transform: scale(2.4);opacity: 0}}@keyframes vspop{from{transform: scale(0) rotate(-40deg);opacity: 0}}.overlay{position: absolute;inset: 0;display: none;background: rgba(var(--shade),.62);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);z-index: 10}.overlay.show{display: flex}.res-mark{width: 72px;margin: -6px auto 4px;animation: markbob 2s ease-in-out infinite}.res-sub{margin: -4px 0 8px;opacity: .75;font-family: var(--ui-font);font-weight: 700}.res-list{list-style: none;padding: 0;margin: 8px 0 0;text-align: left}.res-list li{display: flex;align-items: center;gap: 10px;padding: 8px 12px;border-radius: 14px;margin-bottom: 7px;background: var(--tint-soft);animation: pop .3s var(--press) backwards}.res-list li:first-child{background: linear-gradient(180deg,#fff3c0,#ffe07a);box-shadow: 0 0 0 2px var(--gold-d);color: #5a2a00}.res-list li:nth-child(2){animation-delay: .08s}.res-list li:nth-child(3){animation-delay: .16s}.res-list li:nth-child(4){animation-delay: .24s}.res-list .medal{width: 30px;height: 30px;flex: none}.res-list .dot{width: 18px;height: 18px;border-radius: 50%;border: 2px solid #fff;box-shadow: 0 1px 3px rgba(0,0,0,.3);flex: none}.res-list .nm{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.res-list .sub{margin-left: auto;font-weight: 700;font-size: 13px;opacity: .7;flex: none}.rules-card{text-align: left}.rules-card ul{padding-left: 20px;line-height: 1.5;margin: 0;user-select: text;-webkit-user-select: text;font-family: var(--ui-font);font-weight: 600;letter-spacing: 0}.rules-card li{margin-bottom: 4px}.rules-intro{margin: 0 0 10px;line-height: 1.4;font-family: var(--ui-font);font-weight: 600;font-size: 14px;opacity: .85;user-select: text;-webkit-user-select: text}.confetti{position: fixed;inset: 0;width: 100%;height: 100%;pointer-events: none;z-index: 30;display: none}.confetti.on{display: block}@media (hover: hover) and (pointer: fine){.mode-card:not(:disabled):hover,.start-btn:hover{filter: brightness(1.08)}.chip:hover,.icon-btn:hover{background: rgba(255,255,255,.2)}.icon-btn.light:hover{background: var(--tint-hover)}.dice.can:hover{transform: scale(1.06)}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: .01ms !important;animation-iteration-count: 1 !important}}#styles,#online{align-items: center;justify-content: center;padding: calc(12px + var(--safe-t)) 14px calc(12px + var(--safe-b))}.mode-card{animation: cardIn .5s cubic-bezier(.3,1.5,.5,1) calc(.15s + var(--k,0) * .09s) backwards;transition: transform .25s var(--press),opacity .25s}@keyframes cardIn{from{transform: translateY(60px) scale(.7) rotate(-6deg);opacity: 0}}.mode-card:active{transform: scale(.94)}.mode-card.mid .mc-play{animation: playPulse 1.4s ease-in-out infinite}.mode-card.mid .mc-play::after{content: '';position: absolute;inset: -3px;border-radius: inherit;pointer-events: none;box-shadow: 0 0 16px rgba(124,240,124,.8);opacity: 0;animation: glowFade 1.4s ease-in-out infinite}@keyframes playPulse{50%{transform: scale(1.07)}}@keyframes glowFade{50%{opacity: 1}}.b-friends{background: linear-gradient(180deg,var(--m-friends1),var(--m-friends2))}.b-online{background: linear-gradient(180deg,#7b6cff,#3a1fb8)}.b-online .mc-play{background: linear-gradient(180deg,#7cf07c,#22b43c);text-shadow: 0 2px 0 #145a1e}.mc-art{position: relative;overflow: hidden}.code-tag{position: absolute;right: 10%;top: 12%;padding: 2px 8px;border-radius: 8px;background: #fff;color: var(--m-friends2);font-size: 15px;letter-spacing: 2px;box-shadow: 0 3px 0 rgba(0,0,0,.25);transform: rotate(8deg);animation: tagBob 2.2s ease-in-out infinite}@keyframes tagBob{50%{transform: rotate(-4deg) translateY(-4px)}}.b-friends .bico .ico circle{animation: blink 1.6s ease-in-out infinite}.b-friends .bico .ico circle + circle{animation-delay: .8s}@keyframes blink{50%{opacity: .35}}.spin-globe .ico{animation: spin 9s linear infinite}.orbit{position: absolute;inset: 0;pointer-events: none}.orbit i{position: absolute;left: 50%;top: 50%;width: 14px;height: 14px;margin: -7px;border-radius: 50%;border: 2px solid #fff;animation: orbit 3.2s linear infinite}.orbit i:nth-child(1){background: #ff4d4d}.orbit i:nth-child(2){background: #3ec35a;animation-delay: -1.07s}.orbit i:nth-child(3){background: #ffcc33;animation-delay: -2.13s}@keyframes orbit{from{transform: rotate(0deg) translateX(clamp(44px,8dvh,62px)) rotate(0deg)}to{transform: rotate(360deg) translateX(clamp(44px,8dvh,62px)) rotate(-360deg)}}.dev-wifi{font-size: 13px;opacity: .8}@media (min-width: 860px){.mode-card{width: min(21vw,240px)}.mode-card:hover{transform: translateY(-6px) scale(1.03)}}.style-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 14px;perspective: 900px}.style-card{--rx: 0deg;--ry: 0deg;position: relative;display: flex;flex-direction: column;align-items: center;gap: 4px;padding: 14px 10px 14px;min-height: 172px;border-radius: 22px;color: #fff;text-align: center;border: 3px solid #fff4c0;overflow: hidden;isolation: isolate;box-shadow: inset 0 -6px 0 rgba(0,0,0,.22),0 0 0 3px var(--outline),0 10px 18px rgba(var(--shade),.35);transform: rotateX(var(--rx)) rotateY(var(--ry));transform-style: preserve-3d;transition: transform .18s ease-out,box-shadow .18s;animation: var(--enter) .6s cubic-bezier(.3,1.5,.5,1) calc(.06s + var(--k) * .11s) backwards}.style-card:active{transform: scale(.95) rotateX(var(--rx)) rotateY(var(--ry));transition-duration: .06s}.style-card::before{content: '';position: absolute;inset: 0;z-index: -1;opacity: .35;background: var(--pat)}.style-card b{font-size: 24px;font-weight: 400;text-shadow: 0 2px 0 var(--outline),1.5px 0 0 var(--outline),-1.5px 0 0 var(--outline);letter-spacing: .5px}.style-card small{font-family: var(--ui-font);font-weight: 700;font-size: 12.5px;line-height: 1.25;opacity: .95;max-width: 15em}.st-art{position: relative;width: 70px;height: 70px;display: grid;place-items: center;border-radius: 50%;margin-bottom: 4px;background: radial-gradient(circle,rgba(255,255,255,.45),rgba(255,255,255,0) 68%)}.st-art .ico{width: 54px;height: 54px;filter: drop-shadow(0 3px 0 rgba(0,0,0,.28))}.style-grid{grid-template-areas: "power power" "regular regular" "mini blaze";gap: 12px}.st-power{grid-area: power;min-height: 168px}.st-regular{grid-area: regular;min-height: 118px}.st-mini{grid-area: mini}.st-blaze{grid-area: blaze}.st-mini,.st-blaze{min-height: 150px;padding: 12px 8px}.st-mini b,.st-blaze b{font-size: 21px}.st-mini small,.st-blaze small{font-size: 11.5px}.st-mini .st-art,.st-blaze .st-art{width: 56px;height: 56px;margin-bottom: 2px}.st-mini .st-art .ico,.st-blaze .st-art .ico{width: 44px;height: 44px}.st-power,.st-regular{display: grid;grid-template-columns: auto 1fr;grid-template-rows: 1fr auto auto 1fr;grid-template-areas: "art ." "art name" "art line" "art .";column-gap: 14px;row-gap: 4px;justify-items: start;text-align: left;padding: 14px 16px}.st-power .st-art,.st-regular .st-art{grid-area: art;align-self: center;margin: 0}.st-power b,.st-regular b{grid-area: name}.st-power small,.st-regular small{grid-area: line;max-width: 18em}.st-power b{font-size: 30px}.st-power small{font-size: 13.5px}.st-power .st-art{width: 100px;height: 100px}.st-power .st-art .ico{width: 78px;height: 78px}.st-power.locked{padding-bottom: 30px}.style-card.st-power.locked small{margin-bottom: 0}.st-regular{--enter: enterDrop;background: linear-gradient(180deg,#7cf07c,#1f9a2f);--pat: radial-gradient(circle,#fff 2px,transparent 2.5px) 0 0 / 16px 16px}.st-regular .st-art .ico{animation: diceTumble 2.4s cubic-bezier(.4,0,.3,1) infinite}.st-regular .st-art::after{content: '';position: absolute;bottom: 2px;left: 50%;width: 40px;height: 8px;margin-left: -20px;border-radius: 50%;background: rgba(0,0,0,.25);animation: shadowPulse 2.4s cubic-bezier(.4,0,.3,1) infinite;z-index: -1}@keyframes diceTumble{0%,18%{transform: translateY(0) rotate(0)}45%{transform: translateY(-16px) rotate(200deg) scale(1.05)}62%{transform: translateY(0) rotate(360deg) scale(1.1,.88)}72%{transform: translateY(-4px) rotate(360deg)}80%,100%{transform: translateY(0) rotate(360deg)}}@keyframes shadowPulse{0%,18%,80%,100%{transform: scale(1);opacity: 1}45%{transform: scale(.55);opacity: .5}}@keyframes enterDrop{from{transform: translateY(-60px) rotate(-6deg);opacity: 0}}.st-mini{--enter: enterPop;background: linear-gradient(180deg,#5fd4ff,#1b74d6);--pat: repeating-linear-gradient(45deg,#fff 0 2px,transparent 2px 12px)}.st-mini .st-art .ico{animation: pawnHop 1.1s ease-in-out infinite;transform-origin: 50% 100%}@keyframes pawnHop{0%,100%{transform: translateY(0) scale(1.12,.86)}15%{transform: translateY(0) scale(1)}45%{transform: translateY(-14px) scale(.94,1.08)}75%{transform: translateY(0) scale(1)}}@keyframes enterPop{from{transform: scale(.3);opacity: 0}}.st-blaze{--enter: enterSlide;background: linear-gradient(180deg,#ffb347,#e8420f);--pat: radial-gradient(circle at 50% 120%,#fff6 0,transparent 60%)}.st-blaze .st-art .ico{animation: flicker .9s ease-in-out infinite alternate;transform-origin: 50% 90%}.st-blaze .st-art::before,.st-blaze .st-art::after{content: '';position: absolute;left: 40%;bottom: 30%;width: 6px;height: 6px;border-radius: 50%;background: #ffe46b;box-shadow: 0 0 6px #ffe46b;animation: spark 1.4s ease-out infinite}.st-blaze .st-art::after{left: 62%;animation-delay: .7s}@keyframes flicker{0%{transform: scale(1) skewX(0)}30%{transform: scale(1.06,.95) skewX(-4deg)}60%{transform: scale(.96,1.07) skewX(3deg)}100%{transform: scale(1.04) skewX(-2deg)}}@keyframes spark{from{transform: translate(0,0) scale(1);opacity: 1}to{transform: translate(8px,-44px) scale(.2);opacity: 0}}@keyframes enterSlide{from{transform: translateX(70px) rotate(8deg);opacity: 0}}.st-power{--enter: enterZoom;background: linear-gradient(180deg,#ff8fb8,#d1306f);--pat: conic-gradient(from 0deg at 50% 32%,#fff 0 10deg,transparent 10deg 30deg,#fff 30deg 40deg,transparent 40deg 60deg,#fff 60deg 70deg,transparent 70deg 90deg,#fff 90deg 100deg,transparent 100deg 120deg,#fff 120deg 130deg,transparent 130deg 150deg,#fff 150deg 160deg,transparent 160deg 180deg,#fff 180deg 190deg,transparent 190deg 210deg,#fff 210deg 220deg,transparent 220deg 240deg,#fff 240deg 250deg,transparent 250deg 270deg,#fff 270deg 280deg,transparent 280deg 300deg,#fff 300deg 310deg,transparent 310deg 330deg,#fff 330deg 340deg,transparent 340deg)}.st-power::before{animation: raysSpin 14s linear infinite;inset: -40%;opacity: .16}.st-power .st-art .ico{animation: strike 2.2s ease-in-out infinite}.st-power::after{content: '';position: absolute;inset: 0;z-index: 1;pointer-events: none;background: #fff;opacity: 0;animation: flash 2.2s ease-in-out infinite}@keyframes strike{0%,40%,100%{transform: translateY(0) rotate(0)}46%{transform: translateY(-12px) rotate(-10deg) scale(1.1)}52%{transform: translateY(4px) rotate(4deg) scale(1.2)}58%{transform: translate(-2px,0) rotate(-2deg)}64%{transform: translate(2px,0)}}@keyframes flash{0%,50%,100%{opacity: 0}53%{opacity: .35}58%{opacity: 0}61%{opacity: .18}}@keyframes raysSpin{to{transform: rotate(360deg)}}@keyframes enterZoom{0%{transform: scale(1.6);opacity: 0;filter: brightness(3)}60%{filter: brightness(1.6)}}.style-card.locked{filter: saturate(.85)}.style-card.locked small{opacity: .8;margin-bottom: 22px}.soon{position: absolute;inset: auto 0 0;z-index: 2;display: flex;align-items: center;justify-content: center;gap: 5px;padding: 5px 0;background: rgba(var(--shade),.72);font-size: 13px;letter-spacing: .5px;overflow: hidden}.soon::after{content: '';position: absolute;top: 0;bottom: 0;width: 40%;left: -50%;background: linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform: skewX(-20deg);animation: shine 3s ease-in-out infinite;animation-delay: calc(var(--k,0) * .4s)}.style-card .soon{--k: inherit}.style-card:not(.locked) .soon{display: none}@keyframes shine{0%,55%{left: -50%}100%{left: 130%}}.soon .ico{width: 14px;height: 14px}.style-card.nope{animation: nope .42s ease-in-out}@keyframes nope{15%,55%{transform: translateX(-7px) rotate(-2deg)}35%,75%{transform: translateX(7px) rotate(2deg)}}@media (hover: hover) and (pointer: fine){.style-card:hover{box-shadow: inset 0 -6px 0 rgba(0,0,0,.22),0 0 0 3px var(--outline),0 0 0 7px rgba(255,228,107,.6),0 18px 28px rgba(var(--shade),.45)}.style-card:hover .st-art .ico{animation-duration: .8s}}.seg .seg-team.on{background: linear-gradient(90deg,var(--teamA) 0 50%,var(--teamB) 50%);color: #fff;text-shadow: 0 2px 0 var(--outline)}.team-note b.tA{color: #a8620a}.team-note b.tB{color: #0d7f73}.team-note{margin: 10px 0 0;padding: 8px 12px;border-radius: 12px;background: #fff;border: 2px dashed var(--tint-line);font-family: var(--ui-font);font-weight: 700;font-size: 14px;animation: pop .3s var(--press)}.team-note[hidden]{display: none}.seat.team{padding-left: 8px;border-left: 5px solid;border-radius: 6px}.seat.team.t1{border-color: var(--teamA)}.seat.team.t2{border-color: var(--teamB)}.team-head{display: flex;align-items: center;gap: 8px;margin: 2px 0 8px;font-family: var(--ui-font);font-weight: 800;font-size: 13px;opacity: .85}.team-head::after{content: '';flex: 1;height: 2px;border-radius: 2px;background: currentColor;opacity: .25}.team-head.t1{color: #a8620a}.team-head.t2{color: #0d7f73}.team-head + .seat,.team-head + .net-seat{margin-top: 0}* + .team-head{margin-top: 12px}.seg-note{margin: 8px 0 0;min-height: 1.2em;font-family: var(--ui-font);font-weight: 700;font-size: 14px;opacity: .8;text-align: center}.mate{display: flex;align-items: center;gap: 5px;max-width: 100%;margin-top: -3px;padding: 2px 8px 2px 3px;border-radius: 999px;background: rgba(var(--shade),.45);font-family: var(--ui-font);font-weight: 800;font-size: 11px;color: #fff;white-space: nowrap}.panel.right .mate{flex-direction: row-reverse;padding: 2px 3px 2px 8px}.mate .tbadge{font-size: 9px;padding: 1px 6px}.mate .mnm{min-width: 0;overflow: hidden;text-overflow: ellipsis;opacity: .9}.mate i{width: 8px;height: 8px;border-radius: 50%;flex: none;background: var(--m);box-shadow: 0 0 0 1.5px #fff}.panel.helping .avatar::before{content: '';position: absolute;inset: -5px;border-radius: 20px;border: 3px dashed var(--gold);animation: spin 6s linear infinite;pointer-events: none}.panel.helped .plate{box-shadow: 0 0 0 3px var(--gold),0 0 22px var(--gold)}.panel.helped .plate::after{content: '';position: absolute;inset: -2px;border-radius: inherit;pointer-events: none;box-shadow: 0 0 0 4px var(--gold),0 0 20px var(--gold);animation: glowPulse .8s ease-in-out infinite alternate}.mate-link{position: fixed;height: 6px;margin-top: -3px;transform-origin: 0 50%;z-index: 40;pointer-events: none;border-radius: 99px;background: linear-gradient(90deg,var(--a),#fff,var(--b));box-shadow: 0 0 14px #fff;animation: linkGrow var(--t) cubic-bezier(.3,1.4,.5,1) both,linkFade .5s ease-in calc(var(--t) + .3s) forwards}@keyframes linkGrow{from{clip-path: inset(0 100% 0 0)}to{clip-path: inset(0 0 0 0)}}@keyframes linkFade{to{opacity: 0}}.vs-row.team{flex-direction: column;gap: 12px}.vs-team{display: flex;align-items: center;gap: 8px;padding: 10px 14px;border-radius: 24px;background: rgba(255,255,255,.08);border: 2px solid rgba(255,255,255,.25)}.vs-team .vs-card{--av: clamp(56px,16vw,92px)}.vs-and{font-size: clamp(28px,8vw,44px);color: #fff;-webkit-text-stroke: 4px var(--outline);paint-order: stroke fill;animation: vspop .4s ease-out calc(var(--k) * .18s + .1s) backwards}.res-list li.res-team{justify-content: center;padding: 4px 12px;font-size: 15px;background: none !important;box-shadow: none !important;position: relative;color: inherit}.res-team .tband{position: absolute;left: 8px;right: 8px;top: 50%;height: 4px;margin-top: -2px;border-radius: 99px;background: linear-gradient(90deg,var(--a) 50%,var(--b) 50%);opacity: .5;z-index: -1}.res-list li.in-team:nth-child(2),.res-list li.in-team:nth-child(3){background: linear-gradient(180deg,#fff3c0,#ffe07a);box-shadow: 0 0 0 2px var(--gold-d);color: #5a2a00}.res-list li.res-team.lose{margin-top: 6px;opacity: .8}.cele-mate{left: auto;right: -16%;animation-delay: .95s,1.6s}.celebrate.team .cele-trophy{right: auto;left: 50%;bottom: -8%;translate: -50% 0;width: min(16vw,70px)}#match[hidden],#online-pick[hidden]{display: none}.radar{position: relative;width: 170px;height: 170px;margin: 8px auto 4px;border-radius: 50%;background: radial-gradient(circle,#5a3ad6 0 30%,#2a1470 70%);box-shadow: 0 0 0 4px var(--gold),inset 0 0 30px rgba(0,0,0,.5);overflow: hidden}.radar::before{content: '';position: absolute;inset: 0;background: conic-gradient(from 0deg,rgba(120,255,160,.55),transparent 70deg);animation: spin 1.6s linear infinite}.radar i{position: absolute;left: 50%;top: 50%;width: 40px;height: 40px;margin: -20px;border-radius: 50%;border: 2px solid rgba(160,255,190,.7);animation: ping 1.8s ease-out infinite}.radar i:nth-child(2){animation-delay: .6s}.radar i:nth-child(3){animation-delay: 1.2s}@keyframes ping{from{transform: scale(.4);opacity: 1}to{transform: scale(4.2);opacity: 0}}.radar-core{position: absolute;left: 50%;top: 50%;width: 64px;height: 64px;margin: -32px}.radar.found::before{animation: none;opacity: 0}.radar.found{animation: foundPop .5s cubic-bezier(.3,1.8,.5,1);box-shadow: 0 0 0 4px #7cf07c,0 0 30px #7cf07c}@keyframes foundPop{40%{transform: scale(1.12)}}.match-status{text-align: center;font-size: 20px;margin: 10px 0 6px}.match-seats{display: grid;grid-template-columns: repeat(4,1fr);gap: 8px}.match-seats.two{grid-template-columns: repeat(2,1fr)}.mseat{display: flex;flex-direction: column;align-items: center;gap: 4px;padding: 8px 4px;border-radius: 14px;background: #fff;border: 2px solid var(--tint);font-family: var(--ui-font);font-weight: 800;font-size: 12px;min-width: 0}.mseat .dot{width: 34px;height: 34px;border-radius: 50%;border: 3px solid #fff;box-shadow: 0 2px 4px rgba(0,0,0,.3);display: grid;place-items: center;color: #fff}.mseat .dot .ico{width: 20px;height: 20px}.mseat .nm{max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.mseat.open .dot{background: var(--tint) !important;animation: waitPulse 1.2s ease-in-out infinite}.mseat.open .nm{opacity: .5}.mseat.in{animation: seatIn .5s cubic-bezier(.3,1.8,.5,1)}@keyframes seatIn{from{transform: scale(.2) rotate(-20deg);opacity: 0}}@keyframes waitPulse{50%{transform: scale(.85);opacity: .6}}.mseat.t1{border-color: var(--teamA);background: #fff8e8}.mseat.t2{border-color: var(--teamB);background: #ecfbf8}.mseat .tbadge{font-size: 9px;padding: 1px 6px}.net-seat.in{animation: seatIn .5s cubic-bezier(.3,1.8,.5,1)}.net-seat .sbtn{flex: none;min-height: 44px;min-width: 44px;padding: 0 14px 0 10px;border-radius: 999px;font-size: 15px;display: flex;align-items: center;justify-content: center;gap: 4px;color: #fff;background: linear-gradient(180deg,var(--acc-hi),var(--acc));box-shadow: inset 0 -3px 0 rgba(0,0,0,.2),0 2px 4px rgba(var(--shade),.3);text-shadow: 0 1px 0 rgba(0,0,0,.3)}.net-seat .sbtn:active{transform: scale(.94)}.net-seat.bot .sbtn{padding: 0;background: var(--tint-soft);color: var(--tint-ink2);box-shadow: inset 0 0 0 2px var(--tint-line);text-shadow: none}.net-seat.open{background: repeating-linear-gradient(-45deg,#fff 0 10px,var(--tint-soft) 10px 20px);border-style: dashed;box-shadow: none}.net-seat .nm{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.net-seat .sbtn .ico{width: 18px;height: 18px}.net-seat.bot{background: var(--tint-soft)}.net-seat.team.t1{border-left: 6px solid var(--teamA)}.net-seat.team.t2{border-left: 6px solid var(--teamB)}.room-code b{animation: codeIn .6s cubic-bezier(.3,1.6,.5,1)}@keyframes codeIn{from{transform: scale(.3) rotate(-10deg);opacity: 0;letter-spacing: 30px}}.share-btn{display: flex;margin: 0 auto 10px}#pick-arcade,#pick-local{--pk: min(100%,200px)}@media (min-width: 700px){#pick-arcade,#pick-local{--pk: 220px}}.pickboard{display: grid;grid-template-columns: 1fr 1fr;gap: 5px;width: var(--pk);aspect-ratio: 1;margin: 4px auto 0;padding: 5px;border-radius: 16px;background: linear-gradient(135deg,#fff,var(--tint-soft));box-shadow: 0 0 0 2px var(--tint-line),0 4px 10px rgba(var(--shade),.18)}.pk-home{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 3px;padding: 4px 2px;border-radius: 12px;min-height: 44px;background: linear-gradient(160deg,var(--l),var(--c) 55%,var(--d));box-shadow: inset 0 -3px 0 rgba(0,0,0,.18);transition: filter .25s,transform .2s var(--press),box-shadow .25s}.pk-yard{width: 52%;aspect-ratio: 1;border-radius: 50%;background: rgba(255,255,255,.92);display: grid;place-items: center;box-shadow: inset 0 2px 5px rgba(0,0,0,.18)}.pk-pawn{width: 70%;display: block;transform-origin: 50% 100%;opacity: 0;transform: scale(.4) translateY(30%);transition: opacity .2s,transform .25s var(--press)}.pk-pawn svg{width: 100%;height: auto;display: block}.pk-tag{padding: 1px 7px;border-radius: 999px;white-space: nowrap;max-width: 100%;overflow: hidden;text-overflow: ellipsis;font-family: var(--ui-font);font-weight: 900;font-size: 10px;line-height: 1.5;letter-spacing: .3px;text-transform: uppercase;color: #fff;background: rgba(var(--shade),.55)}.pk-tag:empty{visibility: hidden}.pk-home[data-role="you"]{box-shadow: inset 0 -3px 0 rgba(0,0,0,.18),0 0 0 3px var(--gold),0 0 14px rgba(255,204,51,.8);z-index: 1}.pk-home[data-role="you"] .pk-pawn,.pk-home[data-role="plays"] .pk-pawn{opacity: 1;transform: none;animation: pkBob 1.6s ease-in-out infinite}.pk-home[data-role="you"] .pk-tag{background: linear-gradient(180deg,var(--gold-l),var(--gold));color: #5a2a00}.pk-home[data-role="vs"] .pk-pawn,.pk-home[data-role="cpu"] .pk-pawn,.pk-home[data-role="partner"] .pk-pawn{opacity: .55;transform: scale(.8)}.pk-home[data-role="vs"]{animation: pkVs 1.2s ease-in-out infinite}.pk-home[data-role="vs"] .pk-tag{background: var(--m-friends2)}.pk-home[data-role="partner"] .pk-tag{background: var(--teamA,#f5a623)}.pk-home[data-role="out"]{filter: grayscale(1) brightness(1.15);opacity: .55;box-shadow: none}.pk-home[data-role="out"] .pk-yard{background: rgba(255,255,255,.5)}.pk-home:not([data-role="you"]):active{transform: scale(.94)}.pk-home.jump .pk-pawn{animation: pkJump .55s cubic-bezier(.3,1.6,.5,1),pkBob 1.6s ease-in-out .55s infinite}.pk-cap{margin: 0 0 2px;text-align: center;font-family: var(--ui-font);font-weight: 700;font-size: 12px;opacity: .75}#local-colours{margin-bottom: 8px}#local-colours[hidden]{display: none}@keyframes pkBob{50%{transform: translateY(-6%)}}@keyframes pkJump{0%{transform: translateY(-120%) scale(.6);opacity: 0}60%{transform: translateY(4%) scale(1.1,.88);opacity: 1}80%{transform: translateY(-8%) scale(.95,1.05)}100%{transform: none}}@keyframes pkVs{50%{box-shadow: inset 0 -3px 0 rgba(0,0,0,.18),0 0 0 3px #ff5fa2,0 0 12px rgba(255,95,162,.7)}}@media (prefers-reduced-motion: reduce){.pk-home .pk-pawn,.pk-home[data-role="vs"]{animation: none !important}}.mletter{font-family: var(--title-font,inherit);font-weight: 400;font-size: 17px;color: #fff;text-shadow: 0 1px 0 rgba(0,0,0,.35)}.seat-box{padding: 10px;border-radius: 18px;background: rgba(255,255,255,.55);border: 2px solid var(--tint)}.seat-box .seat:last-child{margin-bottom: 0}.seat-box .seat.in{animation: seatIn .4s cubic-bezier(.3,1.8,.5,1)}:root{--teamA: #f5a623;--teamA-l: #ffe3a8;--teamB: #14b8a6;--teamB-l: #b5f0e6}.tbadge{flex: none;font-family: var(--ui-font);font-weight: 900;font-size: 11px;letter-spacing: .5px;text-transform: uppercase;padding: 3px 8px;border-radius: 999px;color: #fff;text-shadow: 0 1px 0 rgba(0,0,0,.25)}.t1 .tbadge,.tbadge.t1{background: var(--teamA)}.t2 .tbadge,.tbadge.t2{background: var(--teamB)}.match-bar{--p: 0%;position: relative;height: 24px;margin: 18px 14px 4px;border-radius: 999px;background: var(--deep);border: 3px solid #fff;box-shadow: 0 0 0 2px var(--tint-line),inset 0 3px 6px rgba(0,0,0,.45),0 4px 10px rgba(var(--shade),.25)}.mb-fill{position: absolute;inset: 0 auto 0 0;width: var(--p);min-width: 18px;border-radius: inherit;overflow: hidden;transition: width .7s cubic-bezier(.3,1.3,.5,1);background: repeating-linear-gradient(-45deg,rgba(255,255,255,.28) 0 8px,transparent 8px 16px),linear-gradient(180deg,#ffe36e,#ffb000 60%,#f08a00);background-size: 22.6px 22.6px,100% 100%;animation: barStripes .6s linear infinite;box-shadow: inset 0 3px 0 rgba(255,255,255,.5),inset 0 -3px 0 rgba(0,0,0,.15)}.mb-fill::after{content: '';position: absolute;inset: 0;background: linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);background-size: 50px 100%;background-repeat: no-repeat;animation: barShine 1.6s ease-in-out infinite}.mb-marks{position: absolute;inset: 0;pointer-events: none}.mb-marks i{position: absolute;top: 50%;left: var(--x);width: 12px;height: 12px;translate: -50% -50%;border-radius: 50%;background: var(--deep-mid);box-shadow: 0 0 0 2px rgba(255,255,255,.35);transition: background .3s,box-shadow .3s,scale .3s}.mb-marks i:last-child{left: auto;right: 4px;translate: 0 -50%}.mb-marks i.on{background: var(--m);box-shadow: 0 0 0 2px #fff,0 0 10px var(--m);scale: 1.25;animation: pop .35s var(--press)}.mb-knob{position: absolute;top: 50%;left: var(--p);width: 30px;height: 30px;translate: -60% -50%;border-radius: 50%;z-index: 1;background: radial-gradient(circle at 35% 30%,#fff 0 18%,#ffd84a 22%,#f39a00 80%);border: 3px solid #fff;box-shadow: 0 3px 0 #b86a00,0 4px 10px rgba(0,0,0,.35);transition: left .7s cubic-bezier(.3,1.3,.5,1);animation: knobBob 1s ease-in-out infinite}.match-bar.done .mb-fill{width: 100%;background: repeating-linear-gradient(-45deg,rgba(255,255,255,.3) 0 8px,transparent 8px 16px),linear-gradient(180deg,#a8ff9a,#2fcf55 60%,#16983a);background-size: 22.6px 22.6px,100% 100%}.match-bar.done .mb-knob{left: 100%;translate: -70% -50%;background: radial-gradient(circle at 35% 30%,#fff 0 18%,#8cff8c 22%,#1fae45 80%);box-shadow: 0 3px 0 #0f7a2e,0 0 16px #6dff8d;animation: knobWin .6s cubic-bezier(.3,1.8,.5,1)}.match-bar.done{animation: barWin .6s ease-out}@keyframes barStripes{to{background-position: 22.6px 0,0 0}}@keyframes barShine{from{background-position: -50px 0}to{background-position: calc(100% + 50px) 0}}@keyframes knobBob{50%{translate: -60% -62%}}@keyframes knobWin{0%{scale: 1}50%{scale: 1.5}100%{scale: 1}}@keyframes barWin{30%{box-shadow: 0 0 0 2px var(--tint-line),0 0 24px #6dff8d}}@media (prefers-reduced-motion: reduce){.mb-fill,.mb-fill::after,.mb-knob{animation: none !important}}#lobby-pick .start-btn:disabled{filter: grayscale(1) brightness(1.1);opacity: .55;box-shadow: none}.name-hint{display: block;margin: 6px 2px 0;font-family: var(--ui-font);font-weight: 800;font-size: 13px;color: #b5651d}.name-hint[hidden]{display: none}.txt.need{border-color: var(--gold-d);box-shadow: 0 0 0 3px rgba(255,204,51,.45);animation: needGlow 1.4s ease-in-out infinite}@keyframes needGlow{50%{box-shadow: 0 0 0 6px rgba(255,204,51,.2)}}@media (min-width: 860px){#setup .card,#online .card,#lobby .card{width: min(560px,100%);padding: 24px 30px 28px}#styles .card{width: min(940px,94vw);padding: 24px 30px 30px}.style-grid{grid-template-columns: 1.5fr 1fr 1fr;grid-template-rows: 1fr 1fr;grid-template-areas: "power regular regular" "power mini blaze";gap: 20px}.style-card{min-height: 0;padding: 22px 14px 18px;justify-content: center}.style-card b{font-size: 28px}.style-card small{font-size: 14px}.st-art{width: 100px;height: 100px}.st-art .ico{width: 76px;height: 76px}.st-mini,.st-blaze{min-height: 210px}.st-mini .st-art,.st-blaze .st-art{width: 80px;height: 80px}.st-mini .st-art .ico,.st-blaze .st-art .ico{width: 60px;height: 60px}.st-mini b,.st-blaze b{font-size: 25px}.st-mini small,.st-blaze small{font-size: 13px}.st-regular{padding: 18px 26px;column-gap: 22px}.st-regular b{font-size: 32px}.st-regular small{font-size: 15px}.st-regular .st-art{width: 120px;height: 120px}.st-regular .st-art .ico{width: 90px;height: 90px}.st-power{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding: 26px 20px 46px}.st-power .st-art{width: 170px;height: 170px;margin-bottom: 10px}.st-power .st-art .ico{width: 132px;height: 132px}.st-power b{font-size: 42px}.st-power small{font-size: 16px;max-width: 16em}.match-seats .mseat{padding: 12px 6px;font-size: 14px}.radar{width: 200px;height: 200px}#pick-arcade{--pk: 260px}}@media (min-width: 860px) and (max-height: 760px){.st-mini,.st-blaze{min-height: 170px}.st-mini .st-art,.st-blaze .st-art{width: 64px;height: 64px}.st-mini .st-art .ico,.st-blaze .st-art .ico{width: 48px;height: 48px}.st-regular .st-art{width: 96px;height: 96px}.st-regular .st-art .ico{width: 72px;height: 72px}.st-power .st-art{width: 136px;height: 136px}.st-power .st-art .ico{width: 104px;height: 104px}}.mclock{position: absolute;left: 50%;top: 0;transform: translate(-50%,-55%);z-index: 6;display: flex;align-items: center;gap: 6px;padding: 4px 14px;border-radius: 999px;font-weight: 800;font-size: 18px;line-height: 1.1;letter-spacing: 1px;color: #fff;pointer-events: none;background: linear-gradient(180deg,#ff9a3c,#e2531b);border: 2px solid #ffd9a0;box-shadow: 0 4px 12px rgba(0,0,0,.45);font-variant-numeric: tabular-nums}.mclock[hidden]{display: none}.mclock.low{background: linear-gradient(180deg,#ff5a3c,#b5170f);border-color: #ffd23a}.mclock.beat{animation: mcBeat .35s ease-out}.mclock.done{background: #444;border-color: #999}.mc-bonus{font-size: 13px;color: #fff59a;opacity: 0;transform: translateY(6px)}.mc-bonus:empty{display: none}.mclock.plus .mc-bonus{animation: mcPlus 1.4s ease-out}@keyframes mcBeat{30%{transform: translate(-50%,-55%) scale(1.18)}}@keyframes mcPlus{15%,70%{opacity: 1;transform: none}100%{opacity: 0;transform: translateY(-8px)}}@keyframes tcolFuse{0%{stroke: #ffd23a}60%{stroke: #ff8a00}100%{stroke: #ff2a00}}#game[data-style="blaze"] .tr-fg{stroke-width: 7;filter: drop-shadow(0 0 3px #ff8a00);animation-name: tdrain,tcolFuse}#game.hot .board-wrap{animation: heatGlow .6s ease-in-out infinite alternate}#game.hot #board .star{fill: #ff7a1a;stroke: #b33a00}#game.hot{box-shadow: inset 0 0 120px rgba(255,90,0,.45)}@keyframes heatGlow{from{filter: drop-shadow(0 0 10px rgba(255,110,20,.6)) drop-shadow(0 14px 28px rgba(0,0,0,.55))}to{filter: drop-shadow(0 0 26px rgba(255,70,0,.95)) drop-shadow(0 14px 28px rgba(0,0,0,.55))}}.panel.streak::after{content: attr(data-streak);position: absolute;top: -10px;right: -6px;z-index: 3;padding: 2px 7px;border-radius: 999px;font-weight: 800;font-size: 12px;line-height: 1.2;color: #fff;background: linear-gradient(180deg,#ff9a3c,#e2531b);border: 1.5px solid #ffd9a0;animation: streakIn .5s cubic-bezier(.3,1.8,.5,1)}@keyframes streakIn{from{transform: scale(0) rotate(-20deg)}}@media (prefers-reduced-motion: reduce){#game.hot .board-wrap,.mclock.beat,.panel.streak::after{animation: none}}.g-right{display: flex;gap: 6px;flex: none}.help-btn{color: #ffe070}.help-btn.blink{animation: helpBlink 1.1s ease-in-out infinite}@keyframes helpBlink{0%,100%{box-shadow: 0 0 0 0 rgba(255,210,58,0);background: rgba(255,255,255,.12);transform: scale(1)}50%{box-shadow: 0 0 0 4px rgba(255,210,58,.45),0 0 18px rgba(255,210,58,.8);background: rgba(255,210,58,.35);transform: scale(1.08)}}@media (min-aspect-ratio: 6/5){.g-right{grid-area: tr;justify-self: end;align-self: start}.g-right #btn-sound{grid-area: auto}#game[data-style="blaze"]{--bs: min(100dvh - var(--safe-t) - var(--safe-b) - 2 * var(--gap) - 44px,100vw - 2 * var(--padx) - 2 * var(--side) - 2 * var(--gap),860px)}}@media (min-aspect-ratio: 6/5) and (max-height: 560px){#game{--bsh: calc(100dvh - var(--safe-t) - var(--safe-b) - 2 * var(--gap));--side: calc((100vw - 2 * var(--padx) - var(--bsh)) / 2 - var(--gap))}#game[data-style="blaze"]{--bsh: calc(100dvh - var(--safe-t) - var(--safe-b) - 2 * var(--gap) - 44px)}#game,#game[data-style="blaze"]{--bs: min(var(--bsh),860px)}.g-right{flex-direction: column}.pos-tl,.pos-tr{align-self: end}}@media (max-aspect-ratio: 6/5){#game[data-style="blaze"] .pos-tl .pline,#game[data-style="blaze"] .pos-tr .pline{order: -1}}@media (prefers-reduced-motion: reduce){.help-btn.blink{animation: none !important;box-shadow: 0 0 0 3px #ffd23a}}.ping{position: relative;flex: none;display: flex;align-items: center;gap: 5px;height: 30px;padding: 0 9px 0 8px;border-radius: 999px;font: 900 14px/1 var(--ui-font);color: #fff;background: rgba(0,0,0,.3);border: 1px solid rgba(255,255,255,.16);--pc: #c3cbe0;font-variant-numeric: tabular-nums;white-space: nowrap;cursor: pointer;-webkit-tap-highlight-color: transparent}.ping.good{--pc: #3ee07a}.ping.ok{--pc: #ffd23a}.ping.slow{--pc: #ff5a5f}.ping .ping-v{color: var(--pc)}.ping-v[hidden]{display: none}.ping-t{display: grid}.tower{display: block;width: 19px;height: 16px;overflow: visible}.tower .dim{fill: rgba(255,255,255,.24)}.tower.lv0 .dim{fill: rgba(195,203,224,.45)}.ping-dot{position: absolute;right: -3px;top: -3px;width: 9px;height: 9px;border-radius: 50%;background: #ff5a5f;border: 1.5px solid #10131f;box-shadow: 0 0 6px rgba(255,90,95,.8);pointer-events: none}.ping-dot[hidden]{display: none}@media (max-width: 430px){.ping{height: 26px;padding: 0 6px 0 5px;gap: 3px;font-size: 12px}.ping .tower{width: 14px;height: 12px}.ping-dot{width: 8px;height: 8px}.g-title{min-width: 0;flex: 0 1 auto}.g-head:has(.ping:not([hidden])) .g-title{margin-right: auto}.g-head:has(.ping:not([hidden])) .gt-pre{display: none}}@media (min-aspect-ratio: 6/5){.ping{grid-area: tl;justify-self: start;align-self: start;margin: 8px 0 0 54px}}.ping::before{content: '';position: absolute;inset: -8px -4px}.ping:focus-visible{outline: 2px solid #ffd23a;outline-offset: 2px}.pms{position: absolute;right: -9px;top: -9px;z-index: 5;display: grid;place-items: center;padding: 3px 4px;border-radius: 999px;background: rgba(16,19,31,.86);border: 1.5px solid rgba(255,255,255,.28);box-shadow: 0 1px 3px rgba(0,0,0,.45);pointer-events: none}.pms .tower{width: 15px;height: 13px}.cele-av .pms,.vs-row .pms{display: none}#ping-card{z-index: 55}.pc-sub{margin: -6px 0 6px;font-weight: 700;opacity: .7}.pc-list{list-style: none;margin: 6px 0 4px;padding: 0;text-align: left}.pc-list li{display: flex;align-items: center;gap: 8px;padding: 7px 4px;border-bottom: 1px solid rgba(0,0,0,.1);font-weight: 800}.pc-list li:last-child{border-bottom: 0}.pc-list .dot{flex: none;width: 14px;height: 14px;border-radius: 50%;border: 2px solid rgba(0,0,0,.35)}.pc-list .pc-nm{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.pc-list em{font-style: normal;opacity: .65;font-weight: 700}.pc-tw{flex: none;display: grid;padding: 3px 5px;border-radius: 8px;background: #1d2a55}.pc-tw .tower{width: 17px;height: 14px}.pc-ms{flex: none;min-width: 38px;padding: 1px 8px;border-radius: 999px;text-align: center;font-variant-numeric: tabular-nums;color: #10131f;background: var(--mc,#c3cbe0)}.pc-ms.good{--mc: #3ee07a}.pc-ms.ok{--mc: #ffd23a}.pc-ms.slow{--mc: #ff7a7e}.pc-meter{position: relative;height: 22px;margin: 8px 6px 4px}.pc-grad{position: absolute;left: 0;right: 0;top: 7px;height: 8px;border-radius: 999px;background: linear-gradient(90deg,#3ee07a 0 32%,#ffd23a 44% 66%,#ff5a5f 78%);box-shadow: inset 0 1px 2px rgba(0,0,0,.25)}.pc-pt{position: absolute;top: 2px;width: 18px;height: 18px;margin-left: -9px;border-radius: 50%;border: 2.5px solid #fff;box-shadow: 0 1px 4px rgba(0,0,0,.45)}.pc-pt.me{width: 20px;height: 20px;top: 1px;margin-left: -10px;border-color: #1d2a55}.pc-where{display: flex;align-items: center;justify-content: center;gap: 5px;margin: 6px 0 4px;font-weight: 800}.pc-where .ico{width: 18px;height: 18px;color: #e8343a}.pc-where[hidden]{display: none}.pc-h{margin: 10px 0 6px;font-size: 16px}.pc-tips{list-style: none;display: grid;grid-template-columns: 1fr 1fr;gap: 8px;margin: 0 0 14px;padding: 0}.pc-tips li{display: flex;align-items: center;gap: 7px;min-height: 46px;padding: 6px 8px;border-radius: 12px;text-align: left;font-size: 13px;font-weight: 800;line-height: 1.2;background: rgba(29,42,85,.08);border: 1px solid rgba(29,42,85,.12)}.pc-tips li > span:first-child{flex: none;display: grid;place-items: center;width: 30px;height: 30px;border-radius: 9px;background: #1d2a55;color: #fff}.pc-tips .ico{width: 19px;height: 19px}@media (min-aspect-ratio: 6/5) and (max-height: 560px){#ping-card .card{width: min(680px,100%);display: grid;grid-template-columns: 1fr 1fr;gap: 0 22px;align-items: start;padding: 12px 18px 14px}#ping-card .card h2{margin-bottom: 6px}#ping-card .pc-list li{padding: 5px 4px}#ping-card .pc-b{padding-top: 6px}#ping-card .pc-tips{margin-bottom: 10px}}.cpct{flex: none;font-size: 14px;font-weight: 900;font-variant-numeric: tabular-nums;color: #ffe070;text-shadow: 0 1px 0 rgba(0,0,0,.6)}.panel.lead .cpct{color: #ffd23a;text-shadow: 0 0 6px rgba(255,210,58,.7),0 1px 0 rgba(0,0,0,.6)}.ccrown{position: absolute;left: 50%;top: -11px;z-index: 4;width: 24px;height: 16px;translate: -50% 0;display: grid;opacity: 0;transform: scale(.3) translateY(8px);transition: opacity .2s,transform .3s cubic-bezier(.3,1.8,.5,1);filter: drop-shadow(0 2px 1px rgba(0,0,0,.45));pointer-events: none}.ccrown svg{width: 100%;height: 100%}.panel.lead .ccrown{opacity: 1;transform: none}@media (prefers-reduced-motion: reduce){.ccrown{transition: none}}.tsec{position: absolute;left: 50%;bottom: -9px;transform: translateX(-50%);z-index: 3;min-width: 22px;height: 22px;display: grid;place-items: center;padding: 0 5px;border-radius: 999px;font-size: 14px;font-weight: 900;line-height: 1;color: #fff;background: linear-gradient(180deg,#4cd774,#1d9a44);border: 2px solid #fff;box-shadow: 0 2px 5px rgba(0,0,0,.45);font-variant-numeric: tabular-nums;pointer-events: none}.tsec.low{background: linear-gradient(180deg,#ff5a3c,#c4160e)}.tsec.pop{animation: tsecPop .3s cubic-bezier(.3,1.8,.5,1)}@keyframes tsecPop{from{transform: translateX(-50%) scale(1.45)}to{transform: translateX(-50%) scale(1)}}@media (prefers-reduced-motion: reduce){.tsec.pop{animation: none}}.fr-choice{display: grid;grid-template-columns: 1fr 1fr;gap: 12px;margin-top: 16px}.fr-btn{display: flex;flex-direction: column;align-items: center;gap: 4px;padding: 16px 10px 14px;border-radius: 18px;color: #fff;border: 3px solid #fff;box-shadow: 0 5px 0 rgba(0,0,0,.25),0 10px 18px rgba(0,0,0,.3);text-shadow: 0 2px 0 rgba(0,0,0,.3);transition: transform .12s,filter .15s}.fr-btn > span{width: 34px;height: 34px;display: grid}.fr-btn > span svg{width: 100%;height: 100%}.fr-btn b{font-size: 19px;letter-spacing: .4px}.fr-btn small{font-family: var(--ui-font);font-weight: 700;font-size: 12px;line-height: 1.25;opacity: .92;text-align: center}.fr-create{background: linear-gradient(180deg,#ffb340,#f0700a)}.fr-join{background: linear-gradient(180deg,#4fc3ff,#1a6fe0)}.fr-btn:active{transform: translateY(3px)}.fr-btn:disabled{filter: grayscale(1) brightness(1.1);opacity: .55;box-shadow: none}#lobby-start[hidden],#lobby-join[hidden]{display: none}#lobby-join .join-row{margin-top: 6px}#item-layer{pointer-events: none}.pitem .pi-bob{animation: piBob 1.8s ease-in-out var(--d,0s) infinite alternate}@keyframes piBob{from{transform: translateY(0.03px)}to{transform: translateY(-0.09px)}}.pitem .pi-shadow{transform-box: fill-box;transform-origin: center;animation: piShadow 1.8s ease-in-out var(--d,0s) infinite alternate}@keyframes piShadow{from{transform: scale(1);opacity: .9}to{transform: scale(.78);opacity: .55}}.pitem .pi-glow{opacity: .3;animation: piGlow 1.6s ease-in-out var(--d,0s) infinite alternate}@keyframes piGlow{from{opacity: .18;transform: scale(.9)}to{opacity: .6;transform: scale(1.12)}}.pitem .pi-shine{animation: piShine 3.2s ease-in-out var(--d,0s) infinite}@keyframes piShine{0%,55%{transform: rotate(25deg) translateX(-0.7px)}85%,100%{transform: rotate(25deg) translateX(0.7px)}}.pitem.k-plus .pi-body{animation: piCoin 4s ease-in-out var(--d,0s) infinite}@keyframes piCoin{0%,80%{transform: scaleX(1)}88%{transform: scaleX(-1)}96%,100%{transform: scaleX(1)}}.pitem.taken .pi-glow,.pitem.taken .pi-shadow{opacity: 0}.tok-bubble{display: none;pointer-events: none;transform-box: fill-box;transform-origin: center}.token.pshield .tok-bubble{display: inline;animation: bubShim 1.4s ease-in-out infinite alternate}@keyframes bubShim{from{opacity: .75;transform: scale(.96)}to{opacity: 1;transform: scale(1.04)}}.token.pshield.flick .tok-bubble{animation: bubFlick .7s linear infinite}@keyframes bubFlick{0%,45%{opacity: 1}50%,70%{opacity: .2}75%,100%{opacity: 1}}.pcap{display: flex;gap: 4px;pointer-events: none;margin-top: -3px}.panel.pw-me .pcap{display: none}.pc{display: inline-flex;align-items: center;gap: 2px;height: 24px;padding: 0 7px 0 2px;border-radius: 999px;background: rgba(var(--shade),.7);border: 1.5px solid rgba(255,255,255,.25);opacity: .6;transition: opacity .2s,border-color .2s}.pc .pw-ic{width: 20px;height: 20px}.pc b{font: 900 13px/1 var(--ui-font);color: #fff;min-width: 8px;text-align: center;display: inline-block}.pc.has{opacity: 1;border-color: #fff;background: rgba(var(--shade),.9)}#game[data-style="power"] .panel{gap: 5px}@media (max-aspect-ratio: 6/5) and (min-width: 341px){#game[data-style="power"] .panel{display: grid;grid-template-columns: auto 1fr;column-gap: 3px;row-gap: 7px;justify-items: start}#game[data-style="power"] .panel.right{grid-template-columns: 1fr auto;justify-items: end}#game[data-style="power"] .pos-tl,#game[data-style="power"] .pos-tr{align-content: end}#game[data-style="power"] .pos-bl,#game[data-style="power"] .pos-br{align-content: start}#game[data-style="power"] .panel > *{grid-column: 1 / -1}#game[data-style="power"] .panel > .plate{grid-column: 1;grid-row: 1}#game[data-style="power"] .panel.right > .plate{grid-column: 2}#game[data-style="power"] .panel > .pcap{grid-column: 2;grid-row: 1;align-self: center;flex-direction: column;gap: 2px;margin: 0}#game[data-style="power"] .panel.right > .pcap{grid-column: 1}#game[data-style="power"] .pc{height: 20px;padding: 0 5px 0 1px}#game[data-style="power"] .pc .pw-ic{width: 17px;height: 17px}#game[data-style="power"] .pc b{font-size: 12px}}@media (max-height: 700px) and (max-aspect-ratio: 6/5) and (min-width: 341px){#game[data-style="power"]{--ph: calc(var(--av) + 2 * var(--pp) + 31px)}#game[data-style="power"] .panel{row-gap: 3px}#game[data-style="power"] .pline{padding-top: 1px;padding-bottom: 1px}#game[data-style="power"] .pc{height: 18px;padding: 0 4px 0 1px}#game[data-style="power"] .pc .pw-ic{width: 15px;height: 15px}#game[data-style="power"] .pc b{font-size: 11px}}@media (max-aspect-ratio: 6/5) and (max-width: 340px){#game[data-style="power"]{--ph: calc(var(--av) + 2 * var(--pp) + 48px);--spill: max(0px,(100vw - 2 * var(--padx) - var(--bs)) / 2)}#game[data-style="power"] .panel.pos-tl,#game[data-style="power"] .panel.pos-bl{margin-left: calc(-1 * var(--spill))}#game[data-style="power"] .panel.pos-tr,#game[data-style="power"] .panel.pos-br{margin-right: calc(-1 * var(--spill))}#game[data-style="power"] .panel{gap: 3px}#game[data-style="power"] .pline{padding-top: 1px;padding-bottom: 1px}#game[data-style="power"] .pc{height: 20px;padding: 0 6px 0 2px}#game[data-style="power"] .pc .pw-ic{width: 17px;height: 17px}#game[data-style="power"] .pc b{font-size: 12px}}@media (min-aspect-ratio: 6/5){#game[data-style="power"] .panel{height: auto}}.pcap.shielded .pc{box-shadow: 0 0 0 1.5px #7fdcff,0 0 8px #7fdcff}.pbar{display: none}#game.pw-own .pbar{display: flex;gap: 8px;z-index: 6;align-items: center;padding: 3px 8px;border-radius: 999px;width: max-content;background: rgba(var(--shade),.55);border: 2px solid color-mix(in srgb,var(--c,#fff) 70%,#fff);box-shadow: 0 4px 12px rgba(0,0,0,.35)}#game.pw-own .pbar[hidden]{display: none}.pbtn{position: relative;width: 44px;height: 44px;padding: 0;border-radius: 50%;border: 2.5px solid #fff;cursor: pointer;background: radial-gradient(circle at 35% 28%,#ffffff,#e8ddff 60%,#b9a6ea);display: grid;place-items: center;box-shadow: 0 3px 0 rgba(0,0,0,.3),0 5px 10px rgba(0,0,0,.3);transition: transform .15s var(--press),filter .2s,opacity .2s}.pbtn .pw-ic{width: 72%;height: 72%}.pb-n{position: absolute;right: -5px;bottom: -4px;min-width: 19px;height: 19px;padding: 0 4px;border-radius: 999px;font: 900 12px/15px var(--ui-font);color: #fff;background: var(--deep);border: 2px solid #fff;text-align: center}.pbtn.empty{filter: grayscale(1) brightness(.85);opacity: .45;box-shadow: none;cursor: default}.pbtn:not(.ready){cursor: default}.pbtn.k-dual{--g: #b07cff}.pbtn.k-ctrl{--g: #3ff0d0}.pbtn.k-shield{--g: #8e9cff}.pbtn.ready{animation: pbReady 1.1s ease-in-out infinite alternate}@keyframes pbReady{from{transform: scale(1);box-shadow: 0 3px 0 rgba(0,0,0,.3),0 0 0 0 var(--g)}to{transform: scale(1.08);box-shadow: 0 3px 0 rgba(0,0,0,.3),0 0 14px 3px var(--g)}}.pbtn.press{animation: pbPress .32s var(--press)}@keyframes pbPress{30%{transform: scale(.8,.72)}65%{transform: scale(1.14,1.06)}}.pbtn.gulp,.pc.gulp{animation: pwGulp .45s var(--press)}@keyframes pwGulp{30%{transform: scale(1.35);filter: brightness(1.5)}60%{transform: scale(.92)}}.pb-n.roll,.pc b.roll{animation: pbRoll .4s var(--press)}@keyframes pbRoll{from{transform: translateY(70%) scale(.6);opacity: 0}60%{transform: translateY(-15%) scale(1.25);opacity: 1}}@media (max-aspect-ratio: 6/5){#game[data-style="power"].pw-own{--pbh: 54px;--pbw: calc(176px + 2 * var(--inset));--free-h: calc(100dvh - var(--safe-t) - var(--safe-b) - var(--head) - var(--pbh) - 8 * var(--gap));grid-template-rows: var(--head) 1fr var(--ph) var(--bs) var(--ph) 1fr var(--pbh)}#game.pw-own .pbar{grid-area: hint;justify-self: start;align-self: center}#game.pw-own.pw-r .pbar{justify-self: end}#game[data-style="power"].pw-own .hint,#game[data-style="power"].pw-own .msg{justify-self: end;max-width: calc(100% - var(--pbw));white-space: normal;text-align: center;line-height: 1.2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;border-radius: 16px}#game[data-style="power"].pw-own .hint{font-size: 13px;padding: 5px 12px}#game[data-style="power"].pw-own .msg{font-size: 16px;padding: 4px 14px}#game[data-style="power"].pw-own.pw-r .hint,#game[data-style="power"].pw-own.pw-r .msg{justify-self: start}}@media (min-aspect-ratio: 6/5){.panel .pbar{margin-top: 6px}}@media (min-aspect-ratio: 6/5) and (max-height: 560px){.pos-bl .pbar,.pos-br .pbar{position: absolute;bottom: calc(100% + 4px);margin: 0}.pos-bl .pbar{left: 2px}.pos-br .pbar{right: 2px}.pos-bl .pcap,.pos-br .pcap{order: -1;margin: 0 0 -3px}#game.pw-own .pos-bl,#game.pw-own .pos-br{align-self: end}#game.pw-own .msg,#game.pw-own .hint{align-self: start}}.pw-fly{position: fixed;z-index: 70;width: 38px;height: 38px;pointer-events: none;filter: drop-shadow(0 4px 6px rgba(0,0,0,.45))}.pw-fly .pw-ic{width: 100%;height: 100%;display: block}.pw-spark{position: fixed;z-index: 69;width: 7px;height: 7px;margin: -3.5px;border-radius: 50%;pointer-events: none;background: #fff;box-shadow: 0 0 6px 2px var(--sc,#ffd23a);animation: pwSpark .6s ease-out forwards}@keyframes pwSpark{to{transform: scale(.1) translateY(10px);opacity: 0}}.dice.plusglow{animation: plusJig .7s var(--press) 2}.dice.plusglow .face{box-shadow: inset 0 0 0 2px #ffd23a,0 0 14px #ffd23a}@keyframes plusJig{25%{transform: rotate(-10deg) scale(1.15)}50%{transform: rotate(8deg) scale(1.12)}75%{transform: rotate(-4deg) scale(1.06)}}#board.pw-shake{animation: pwShake .4s linear}@keyframes pwShake{20%{transform: translate(-2px,1px)}45%{transform: translate(2px,-1px)}70%{transform: translate(-1px,0)}}.pw-badge{position: absolute;z-index: 8;left: 50%;top: -14px;width: 40px;height: 40px;margin-left: -20px;pointer-events: none;filter: drop-shadow(0 4px 6px rgba(0,0,0,.5));animation: pwBadge 1.3s var(--press) forwards}.pw-badge .pw-ic{width: 100%;height: 100%;display: block}@keyframes pwBadge{0%{transform: translateY(14px) scale(.2);opacity: 0}20%{transform: translateY(-14px) scale(1.25);opacity: 1}35%{transform: translateY(-10px) scale(1)}80%{transform: translateY(-16px) scale(1);opacity: 1}100%{transform: translateY(-26px) scale(.8);opacity: 0}}.pw-pop{position: absolute;inset: 0;z-index: 9;display: grid;place-items: center;border-radius: 4%;background: radial-gradient(circle,rgba(var(--shade),.35),rgba(var(--shade),.6));animation: pwFade .2s ease-out}.pw-pop.out{animation: pwFadeOut .22s ease-in forwards}@keyframes pwFade{from{opacity: 0}}@keyframes pwFadeOut{to{opacity: 0}}.pw-card{display: flex;flex-direction: column;align-items: center;gap: 10px;padding: 12px 18px 16px;border-radius: 22px;background: linear-gradient(180deg,var(--deep-hi),var(--deep));border: 3px solid #fff;box-shadow: 0 10px 28px rgba(0,0,0,.55);animation: pwCardIn .3s var(--press)}@keyframes pwCardIn{from{transform: scale(.6) translateY(20px);opacity: 0}}.pw-title{font-size: 17px;letter-spacing: .3px;color: #fff;text-shadow: 0 2px 0 rgba(0,0,0,.35);white-space: nowrap}.pw-title b{color: #ffe070;font-weight: inherit}.pw-body{display: flex;gap: 22px;align-items: center;justify-content: center}.pw-die{padding: 12px;border: 0;border-radius: 18px;background: rgba(0,0,0,.25);cursor: pointer;transition: transform .25s var(--press),opacity .25s}.pw-die .dice{--ds: clamp(46px,13vw,66px)}.pw-die.tumble .dice{animation: toss .72s cubic-bezier(.3,.7,.4,1)}.pw-die.tumble:nth-child(2) .dice{animation-delay: .08s}.pw-die.ready{animation: pwDieReady .9s ease-in-out infinite alternate}.pw-die.ready:nth-child(2){animation-delay: .45s}@keyframes pwDieReady{to{box-shadow: 0 0 0 3px #ffe070,0 0 18px #ffd23a}}.pw-die.kept{animation: none;transform: scale(1.25);box-shadow: 0 0 0 3px #fff,0 0 22px #ffd23a}.pw-die.dropped{animation: none;transform: scale(.55) rotate(-12deg);opacity: 0}.pw-dial{--R: clamp(62px,17vw,84px);position: relative;width: calc(var(--R) * 2 + 50px);height: calc(var(--R) * 2 + 50px)}.pw-hub{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)}.pw-hub .dice{--ds: clamp(42px,11vw,54px)}.pw-hub .dice.tick{animation: hubTick .12s ease-out}@keyframes hubTick{50%{transform: scale(1.12) rotate(-6deg)}}.pw-hub .dice.set{filter: drop-shadow(0 0 10px #3ff0d0);transform: scale(1.15)}.pw-face{position: absolute;left: 50%;top: 50%;width: 46px;height: 46px;margin: -23px;padding: 0;border: 0;background: none;cursor: pointer;transform: rotate(var(--a)) translateX(0) rotate(calc(-1 * var(--a))) scale(.2);opacity: 0;transition: transform .38s cubic-bezier(.3,1.6,.5,1) calc(var(--k) * 55ms),opacity .2s calc(var(--k) * 55ms)}.pw-pop.fan .pw-face{transform: rotate(var(--a)) translateX(var(--R)) rotate(calc(-1 * var(--a))) scale(1);opacity: 1}.pw-pop.fan .pw-face.picked{transform: rotate(var(--a)) translateX(var(--R)) rotate(calc(-1 * var(--a))) scale(1.25);transition-delay: 0s}.pw-pop.fan .pw-face.off{opacity: .3;transform: rotate(var(--a)) translateX(var(--R)) rotate(calc(-1 * var(--a))) scale(.8);transition-delay: 0s}.pw-mini{display: grid;grid-template: repeat(3,1fr) / repeat(3,1fr);width: 100%;height: 100%;padding: 15%;border-radius: 26%;background: var(--ivory);box-shadow: 0 3px 0 rgba(0,0,0,.3),inset 0 -3px 5px rgba(120,90,40,.25)}.pw-mini i{width: 70%;aspect-ratio: 1;border-radius: 50%;place-self: center;background: #1a1424}.pw-mini[data-v="1"] i{width: 90%;background: #c8141e}.pw-face.picked .pw-mini{box-shadow: 0 0 0 3px #3ff0d0,0 0 14px #3ff0d0}@media (prefers-reduced-motion: reduce){.pw-face{transition: none}.pitem .pi-bob,.pitem .pi-shine,.pitem .pi-glow,.pitem .pi-shadow,.pitem.k-plus .pi-body,.pbtn.ready,.token.pshield .tok-bubble{animation: none}}.pw-dual .pw-body{gap: 10px}.pw-dual .pw-die{cursor: default}.pw-stage{position: relative;display: flex;gap: clamp(34px,11vw,56px);align-items: center;justify-content: center;padding: 4px 0 30px}.pw-stage .pw-die{position: relative;transition: none}.pw-stage .pw-op{position: absolute;left: 50%;top: calc(50% - 13px);translate: -50% -50%;transition: opacity .15s}.pw-stage.bump .pw-op{opacity: 0}.pw-tag{position: absolute;left: 50%;top: calc(100% + 4px);translate: -50% 0;min-width: 1.5em;padding: 0 7px;border-radius: 10px;font-size: 18px;line-height: 1.35;text-align: center;color: #fff;background: rgba(0,0,0,.4);border: 2px solid rgba(255,255,255,.7);opacity: 0;transform: translateY(-10px) scale(.4);transition: opacity .15s,transform .3s var(--press)}.pw-stage.tags .pw-tag{opacity: 1;transform: none}.pw-stage .pw-die:nth-child(2) .pw-tag{transition-delay: .08s}.pw-stage.bump .pw-tag{opacity: 0;transition-delay: 0s}.pw-stage .pw-sum{position: absolute;left: 50%;top: calc(50% - 13px);translate: -50% -50%;z-index: 2}.pw-stage.added .pw-sum{opacity: 1;animation: pwSumPop .5s var(--press) both;transform: none}.pw-stage .pw-sum.tick{animation: pwSumTick .16s ease-out}.pw-stage .pw-sum.done{animation: pwSumDone .45s var(--press) both;box-shadow: 0 0 0 4px rgba(255,255,255,.5),0 0 34px #ffd23a}.pw-sum.is6{background: linear-gradient(180deg,#fff,#ffe066 45%,#ff9f1a)}@keyframes pwSumPop{0%{transform: scale(.2) rotate(-25deg)}60%{transform: scale(1.35) rotate(6deg)}100%{transform: scale(1.12)}}@keyframes pwSumTick{0%{transform: scale(1.32)}100%{transform: scale(1.12)}}@keyframes pwSumDone{0%{transform: scale(1.12)}45%{transform: scale(1.45)}100%{transform: scale(1.2)}}.pw-puff{position: absolute;left: 50%;bottom: 2px;width: 14px;height: 14px;border-radius: 50%;background: #efe3c8;pointer-events: none}.pw-boom{position: absolute;left: 50%;top: calc(50% - 13px);width: 0;height: 0;pointer-events: none;z-index: 1}.pw-boom .ring{position: absolute;left: -40px;top: -40px;width: 80px;height: 80px;border-radius: 50%;border: 4px solid #ffd23a;animation: pwBoomRing .55s ease-out forwards}.pw-boom .sp{position: absolute;left: -5px;top: -5px;width: 10px;height: 10px;border-radius: 50%;background: #fff6b0;box-shadow: 0 0 8px #ffd23a;animation: pwBoomSp .6s cubic-bezier(.15,.8,.35,1) forwards}.pw-boom .sp:nth-child(odd){background: #fff}@keyframes pwBoomRing{from{transform: scale(.2);opacity: 1}to{transform: scale(1.5);opacity: 0}}@keyframes pwBoomSp{from{transform: rotate(var(--a)) translateX(0) scale(1);opacity: 1}to{transform: rotate(var(--a)) translateX(58px) scale(.3);opacity: 0}}.pw-trail{position: fixed;z-index: 60;width: 14px;height: 14px;border-radius: 50%;pointer-events: none;background: radial-gradient(#fff,#ffd23a 60%,transparent 70%)}.pw-op{font-size: 30px;color: #fff;text-shadow: 0 2px 0 rgba(0,0,0,.35)}.pw-eq,.pw-sum{opacity: 0;transform: scale(.3);transition: opacity .2s,transform .35s var(--press)}.pw-sum{min-width: 1.6em;padding: 2px 10px;border-radius: 16px;text-align: center;font-size: 40px;line-height: 1.15;color: #4a2600;background: linear-gradient(180deg,#fff2a8,#ffc928);border: 3px solid #fff;box-shadow: 0 0 18px #ffd23a}.pw-body.added .pw-eq,.pw-body.added .pw-sum{opacity: 1;transform: scale(1)}.pw-body.added .pw-sum{transform: scale(1.12)}.dsum{position: absolute;inset: -8%;z-index: 3;display: grid;place-items: center;border-radius: 22%;pointer-events: none;font-size: calc(var(--ds) * .62);line-height: 1;color: #4a2600;background: linear-gradient(180deg,#fff2a8,#ffc928);border: 2px solid #fff;box-shadow: 0 0 12px #ffd23a}@media (prefers-reduced-motion: reduce){.pw-eq,.pw-sum,.pw-tag{transition: none}.pw-stage.added .pw-sum,.pw-sum.tick,.pw-sum.done{animation: none;transform: scale(1.12)}}#lang-pick{z-index: 50}#lang-pick.fade-out{opacity: 0;transition: opacity .34s ease}.lp-card{text-align: center;font-family: var(--ui-font)}.lp-card h2{font-family: var(--game-font);font-size: 22px;line-height: 1.35}.lp-hi{font-family: 'Baloo 2',var(--ui-font)}.lp-opts{display: flex;gap: 10px;margin-top: 14px}@media (max-width: 380px){.lp-opts{flex-direction: column}}.lp-opt{flex: 1;min-width: 0;padding: 16px 10px;border-radius: 16px;background: var(--tint);box-shadow: inset 0 -3px 0 rgba(var(--shade),.18);display: flex;flex-direction: column;gap: 6px;align-items: center}.lp-opt b{font-family: var(--game-font);font-size: 19px;color: var(--tint-ink)}.lp-opt small{font-family: var(--ui-font);font-weight: 700;font-size: 12.5px;line-height: 1.3;opacity: .85;color: var(--tint-ink2);max-width: 11em;overflow-wrap: break-word}.lp-opt.lp-opt-glow{box-shadow: inset 0 -3px 0 rgba(var(--shade),.18),0 0 0 3px var(--gold),0 0 14px var(--gold-d)}.lp-note{margin: 16px 0 0;font-family: var(--ui-font);font-weight: 700;font-size: 13px;line-height: 1.4;opacity: .8}.me-bar{display: flex;align-items: center;gap: 10px;width: min(420px,92vw);min-height: 44px;padding: 5px 8px 5px 6px;position: relative;border-radius: 999px;background: rgba(var(--shade),.38);border: 2px solid rgba(255,255,255,.22);color: #fff;box-shadow: inset 0 -3px 0 rgba(0,0,0,.25);transition: transform .12s var(--press)}.me-bar:active{transform: translateY(2px) scale(.98)}.me-go{display: grid;place-items: center;width: 24px;height: 24px;flex: none;margin-left: -2px;border-radius: 50%;background: rgba(255,255,255,.18)}.me-go .ico{width: 15px;height: 15px;transform: scaleX(-1)}.me-dot{position: absolute;top: -6px;right: -4px;display: grid;place-items: center;min-width: 20px;height: 20px;padding: 0 5px;border-radius: 99px;background: #ff3b4f;color: #fff;font: 900 13px/1 var(--ui-font);font-style: normal;border: 2px solid #fff;box-shadow: 0 2px 6px rgba(0,0,0,.35)}.me-bar.news{border-color: rgba(255,214,74,.75);animation: meHop .9s var(--press) .5s 2 both}.me-bar.news .me-go{background: var(--gold);color: #5a2a00}@keyframes meHop{0%,100%{transform: translateY(0)}30%{transform: translateY(-6px)}55%{transform: translateY(0)}75%{transform: translateY(-2px)}}@media (prefers-reduced-motion: reduce){.me-bar.news{animation: none}}.me-lv{display: grid;place-items: center;width: 40px;height: 40px;flex: none;border-radius: 50%;line-height: .9;background: linear-gradient(180deg,#ffe46b,#ff9d00);border: 2px solid #fff;color: #4a2400;box-shadow: 0 2px 0 var(--outline)}.me-lv small{font: 800 8px/1 var(--ui-font);letter-spacing: .3px;text-transform: uppercase;margin-top: 3px}.me-lv b{font-size: 19px;font-weight: 400}.me-xp{flex: 1;min-width: 50px;height: 12px;border-radius: 99px;background: rgba(0,0,0,.35);overflow: hidden;box-shadow: inset 0 1px 2px rgba(0,0,0,.4)}.me-xp i{display: block;height: 100%;width: var(--p,0%);border-radius: inherit;background: linear-gradient(180deg,#8ff58f,#22b43c);transition: width .6s var(--press)}.me-st,.me-ms{display: flex;align-items: center;gap: 3px;flex: none;font-size: 17px}.me-st .ico,.me-ms .ico{width: 22px;height: 22px}.me-ms .ico{color: #9fd0ff}.me-bar.cold .me-st{opacity: .5;filter: grayscale(1)}.me-bar.gift .me-ms{animation: nudge 1s ease-in-out infinite}.me-bar.gift .me-ms b{color: var(--gold)}.ms-card{text-align: left}.ms-card h2{text-align: center}.ms-list{list-style: none;margin: 0;padding: 0}.ms-list li{display: flex;align-items: center;gap: 10px;padding: 9px 12px;margin-bottom: 7px;border-radius: 14px;background: var(--tint-soft);font: 800 15px/1.25 var(--ui-font)}.ms-list .ms-t{flex: 1;min-width: 0}.ms-list .ms-n{font-size: 13px;opacity: .7;flex: none}.ms-list .ms-bar{display: block;height: 6px;margin-top: 5px;border-radius: 99px;background: var(--tint-line);overflow: hidden}.ms-list .ms-bar i{display: block;height: 100%;width: var(--p);background: linear-gradient(90deg,#ffd84a,#ff9d00)}.ms-list .ms-tick{display: grid;place-items: center;width: 26px;height: 26px;flex: none;border-radius: 50%;background: var(--tint-line);color: #fff}.ms-list .ms-tick .ico{width: 18px;height: 18px}.ms-list li.done{background: linear-gradient(180deg,#e8ffe8,#c9f5cf)}.ms-list li.done .ms-tick{background: #22b43c}.ms-list li.done .ms-bar i{background: #22b43c}.ms-bonus{margin: 2px 0 10px;text-align: center;font: 700 13px/1.35 var(--ui-font);opacity: .75}.ms-streak{display: flex;align-items: center;gap: 10px;padding: 8px 12px;border-radius: 14px;background: linear-gradient(180deg,#fff3d6,#ffe1a8);color: #5a2a00}.ms-streak > .ico,.ms-streak > span .ico{width: 34px;height: 34px}.ms-streak b{display: block;font-weight: 400;font-size: 18px}.ms-streak small{display: block;font: 700 12.5px/1.3 var(--ui-font);opacity: .8}.ms-card .lbl{margin-top: 14px}.ms-skins{display: grid;grid-template-columns: repeat(3,1fr);gap: 8px}.ms-skin{display: flex;flex-direction: column;align-items: center;gap: 6px;padding: 10px 4px 8px;border-radius: 14px;background: var(--tint);color: var(--tint-ink);font-size: 14px}.ms-skin .dice{--ds: 34px}.ms-skin small{font: 800 11.5px/1 var(--ui-font);opacity: .75;display: flex;align-items: center;gap: 3px}.ms-skin small .ico{width: 12px;height: 12px}.ms-skin.on{box-shadow: 0 0 0 3px var(--gold),0 0 12px var(--gold-d);background: var(--tint-soft)}.ms-skin:disabled{opacity: .55}.ms-skin:disabled .dice{filter: grayscale(.8)}.res-xp{margin: 8px 0 0;padding: 8px 12px 6px;border-radius: 14px;background: var(--tint-soft);text-align: left}.rx-top{display: flex;align-items: baseline;justify-content: space-between;gap: 8px}.rx-top b{font-weight: 400;font-size: 22px;color: #1f9a2f}.rx-top span{font: 800 14px/1 var(--ui-font)}.rx-bar{height: 12px;margin: 5px 0 3px;border-radius: 99px;background: var(--tint-line);overflow: hidden}.rx-bar i{display: block;height: 100%;width: var(--to);border-radius: inherit;background: linear-gradient(180deg,#8ff58f,#22b43c)}#results.show .rx-bar i{animation: rxfill 1.1s cubic-bezier(.3,.8,.3,1) .35s backwards}@keyframes rxfill{from{width: var(--from)}}.rx-next{font: 700 12.5px/1.3 var(--ui-font);opacity: .75}.rx-notes{list-style: none;margin: 4px 0 0;padding: 0;display: flex;flex-wrap: wrap;gap: 4px}.rx-notes li{padding: 3px 9px;border-radius: 99px;background: #fff;font: 800 12.5px/1.3 var(--ui-font);box-shadow: 0 0 0 1px var(--tint-line)}.rx-notes li.up{background: linear-gradient(180deg,#fff3c0,#ffe07a);box-shadow: 0 0 0 2px var(--gold-d);color: #5a2a00}.rx-open{display: flex;align-items: center;justify-content: center;gap: 6px;width: 100%;margin: 7px 0 2px;padding: 6px 10px;border-radius: 99px;background: #fff;color: var(--tint-ink);font: 800 13px/1.2 var(--ui-font);box-shadow: 0 0 0 1px var(--tint-line),inset 0 -2px 0 var(--tint-line)}.rx-open .ico{width: 18px;height: 18px;color: #3a7bd5;flex: none}.rx-open:active{transform: translateY(1px)}.res-xp.up .rx-top span{color: #b06a00}#results.show .res-xp.up .rx-top span{animation: vspop .45s cubic-bezier(.3,1.8,.5,1) 1.4s backwards}@media (max-height: 500px) and (orientation: landscape){.res-xp{padding: 5px 10px 4px}.rx-notes li{font-size: 11.5px}}@media (prefers-reduced-motion: reduce){#results.show .rx-bar i,.me-bar.gift .me-ms{animation: none}}.dice[data-skin=ruby] .face{background: radial-gradient(circle at 30% 22%,rgba(255,255,255,.28),rgba(255,255,255,0) 55%,rgba(0,0,0,.18)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='4' height='4' fill='%23e8394a'/%3E%3C/svg%3E") 0 0 / 100% 100%}.dice[data-skin=ruby] .core{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='4' height='4' fill='%23b81f30'/%3E%3C/svg%3E") 0 0 / 100% 100%}.dice[data-skin=ruby] .face i{background: #fff;box-shadow: inset 0 2px 2px rgba(0,0,0,.35)}.dice[data-skin=ruby] .face.front i{background: #ffd23a}.dice[data-skin=jade] .face{background: radial-gradient(circle at 30% 22%,rgba(255,255,255,.28),rgba(255,255,255,0) 55%,rgba(0,0,0,.18)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='4' height='4' fill='%232fbf71'/%3E%3C/svg%3E") 0 0 / 100% 100%}.dice[data-skin=jade] .core{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='4' height='4' fill='%231d8c50'/%3E%3C/svg%3E") 0 0 / 100% 100%}.dice[data-skin=jade] .face i{background: #fff;box-shadow: inset 0 2px 2px rgba(0,0,0,.35)}.dice[data-skin=jade] .face.front i{background: #ffd23a}.dice[data-skin=ocean] .face{background: radial-gradient(circle at 30% 22%,rgba(255,255,255,.28),rgba(255,255,255,0) 55%,rgba(0,0,0,.18)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='4' height='4' fill='%232f7fe0'/%3E%3C/svg%3E") 0 0 / 100% 100%}.dice[data-skin=ocean] .core{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='4' height='4' fill='%231d58a8'/%3E%3C/svg%3E") 0 0 / 100% 100%}.dice[data-skin=ocean] .face i{background: #fff;box-shadow: inset 0 2px 2px rgba(0,0,0,.35)}.dice[data-skin=ocean] .face.front i{background: #ffd23a}.dice[data-skin=night] .face{background: radial-gradient(circle at 30% 22%,rgba(255,255,255,.28),rgba(255,255,255,0) 55%,rgba(0,0,0,.18)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='4' height='4' fill='%232a2440'/%3E%3C/svg%3E") 0 0 / 100% 100%}.dice[data-skin=night] .core{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='4' height='4' fill='%2317122a'/%3E%3C/svg%3E") 0 0 / 100% 100%}.dice[data-skin=night] .face i{background: #ffd23a;box-shadow: inset 0 2px 2px rgba(0,0,0,.35)}.dice[data-skin=night] .face.front i{background: #ff5a63}.dice[data-skin=gold] .face{background: radial-gradient(circle at 30% 22%,rgba(255,255,255,.28),rgba(255,255,255,0) 55%,rgba(0,0,0,.18)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='4' height='4' fill='%23f5c542'/%3E%3C/svg%3E") 0 0 / 100% 100%}.dice[data-skin=gold] .core{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='4' height='4' fill='%23b98a12'/%3E%3C/svg%3E") 0 0 / 100% 100%}.dice[data-skin=gold] .face i{background: #5a2a00;box-shadow: inset 0 2px 2px rgba(0,0,0,.35)}.dice[data-skin=gold] .face.front i{background: #c21f2a}.dice.six[data-skin] .face{box-shadow: inset 0 0 0 3px #ffe98f,inset 0 0 12px #ffd23a}