:root{--bg: #050a17;--bg2: #0b1631;--navy: #13224a;--felt: #10306b;--cyan: #2fd6ff;--orange: #ff8a1f;--gold: #ffc247;--red: #ff4d5e;--violet: #9b7bff;--mint: #39e6a8;--text: #eaf2ff;--muted: #8ea3c7;--cw: clamp(52px, min(6.4vw, 10vh), 92px);--mini: calc(var(--cw) * .44);--tcw: calc(var(--cw) * .62);--mcw: calc(var(--cw) * .84);--hcw: clamp(72px, min(8.4vw, 12vh), 124px);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(ellipse at 50% 120%,rgba(255,138,31,.18),transparent 55%),radial-gradient(ellipse at 50% 30%,#142c62 0%,var(--bg2) 50%,var(--bg) 100%);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{height:100%}.btn{border:2px solid var(--cyan);background:#2fd6ff14;color:var(--text);font:inherit;font-weight:800;letter-spacing:.03em;padding:.55em 1.2em;border-radius:999px;cursor:pointer;transition:transform .12s,box-shadow .2s,opacity .2s,filter .2s}.btn:hover:not(:disabled){box-shadow:0 0 16px var(--cyan)}.btn:active:not(:disabled){transform:scale(.95)}.btn:disabled,.btn.primary:disabled,.btn.danger:disabled{cursor:default;opacity:1;filter:none;animation:none;background:#8ea3c714;border-color:#8ea3c740;color:#eaf2ff61;box-shadow:none}.btn.primary{background:linear-gradient(180deg,#ffb35c 0%,var(--orange) 55%,#e86a00 100%);border-color:#ffd29e;color:#2a1200;box-shadow:0 4px #a84a00,0 6px 16px #0006}.btn.primary:hover:not(:disabled){box-shadow:0 4px #a84a00,0 0 22px var(--orange)}.btn.primary.ready{animation:bounce 1.1s ease-in-out infinite}.btn.danger{border-color:var(--red);background:#ff4d5e24}.btn.ghost{background:#050a1766;border-color:#8ea3c773}.btn.big{font-size:1.15rem;padding:.65em 1.8em}.btn.small{font-size:.8rem;padding:.4em .9em}@keyframes bounce{50%{transform:translateY(-3px) scale(1.04)}}.avatar{--hue: var(--cyan);--s: calc(var(--cw) * .72);position:relative;flex:none;width:var(--s);height:var(--s);border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:calc(var(--s) * .45);color:#fff;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--hue) 70%,white),var(--hue) 45%,color-mix(in srgb,var(--hue) 45%,black));border:3px solid var(--bg);box-shadow:0 0 0 2px color-mix(in srgb,var(--hue) 60%,transparent),0 4px 12px #00000080;text-shadow:0 2px 4px rgba(0,0,0,.4);isolation:isolate}.avatar.lg{--s: calc(var(--cw) * .86)}.avatar.sm{--s: 30px;font-size:14px;border-width:2px}.avatar.md{--s: 40px;font-size:18px}.avatar.xl{--s: 88px;font-size:40px}.avatar.active:before{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%;background:conic-gradient(var(--gold),var(--orange),var(--cyan),var(--gold));z-index:-1;animation:spin 1.6s linear infinite;filter:drop-shadow(0 0 8px var(--orange));mask:radial-gradient(closest-side,transparent calc(100% - 6px),black calc(100% - 5px))}@keyframes spin{to{rotate:1turn}}.hue-cyan{--hue: #1fb6e0}.hue-violet{--hue: var(--violet)}.hue-mint{--hue: #22b886}.hue-orange{--hue: var(--orange)}.hue-gold{--hue: #e0a21c}.hue-rose{--hue: #e8557d}.hue-lime{--hue: #7cc22a}.badge{position:absolute;right:-6px;bottom:-4px;min-width:22px;height:22px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:var(--orange);color:#2a1200;border:2px solid var(--bg);font-size:12px;font-weight:900;text-shadow:none}.badge.place{background:var(--cyan)}.menu{height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;gap:6px;background:linear-gradient(#050a17b8,#050a17eb),url(/splash.webp) center / cover}.menu-logo{width:min(460px,86vw);filter:drop-shadow(0 6px 24px rgba(255,138,31,.35))}.tagline{margin:0 0 12px;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);font-weight:800;font-size:.85rem}.menu-card{width:min(360px,100%);background:#0b1631e0;border:1px solid rgba(47,214,255,.35);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 0 34px #2fd6ff26}.menu-card h3{margin:6px 0 0;font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.field{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--muted)}input,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid rgba(142,163,199,.4);border-radius:10px;padding:.5em .7em}.bot-row{display:flex;align-items:center;gap:10px}.bot-name{flex:1;font-weight:700}.game{height:100%;height:100dvh;display:flex;flex-direction:column;position:relative}.game{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px 0}.status{flex:1;text-align:center;font-weight:800;padding:6px 16px;border-radius:999px;color:var(--muted);max-width:560px;margin:0 auto;background:#050a1773;border:1px solid rgba(142,163,199,.2)}.status.hot{color:#2a1200;background:linear-gradient(90deg,var(--gold),var(--orange));border-color:transparent;box-shadow:0 0 18px #ff8a1f8c;animation:pulse .9s ease-in-out 4 alternate}@keyframes pulse{to{filter:brightness(1.15)}}.board{flex:1;min-height:0;display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,3fr) minmax(130px,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"left top right" "left table right" "me me me";gap:4px 8px;padding:4px 16px 10px}.opp.left{grid-area:left;align-self:center}.opp.top{grid-area:top;flex-direction:row;gap:14px}.opp.right{grid-area:right;align-self:center}.table{grid-area:table;position:relative;display:grid;place-items:center;min-height:calc(var(--cw) * 1.4 * 3)}.me{grid-area:me}.tablebg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.tslots{position:absolute;z-index:1;display:flex;gap:calc(var(--cw) * .12)}.tslots.s0{--cw: var(--mcw);bottom:4%;left:50%;translate:-50% 0}.tslots.s2{--cw: var(--tcw);top:4%;left:50%;translate:-50% 0;rotate:180deg}.tslots.s1{--cw: var(--tcw);left:7%;top:50%;translate:-50% -50%;rotate:90deg}.tslots.s3{--cw: var(--tcw);left:93%;top:50%;translate:-50% -50%;rotate:-90deg}.tslots.s1,.tslots.s3{translate:-50% -50%}.center{position:relative;z-index:2;margin-top:-6%;display:flex;align-items:center;justify-content:center;gap:clamp(14px,4vw,56px)}.card{width:var(--cw);height:calc(var(--cw) * 1.4);border-radius:calc(var(--cw) * .09);position:relative;flex:none;transition:transform .18s ease,opacity .2s,filter .2s}.card img{width:100%;height:100%;display:block;border-radius:inherit;box-shadow:0 4px 10px #00000080}.card.empty{border:2px dashed rgba(47,214,255,.28);display:grid;place-items:center;color:var(--muted);font-size:.75rem}.card[data-id],.card[data-down]{cursor:pointer}.card.playable img{box-shadow:0 0 0 2px var(--cyan),0 0 16px #2fd6ffa6}.card.dim{filter:brightness(.62) saturate(.7)}.card.flippable img{box-shadow:0 0 0 2px var(--orange),0 0 18px var(--orange);animation:pulse .7s infinite alternate}.seat{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px;border-radius:20px}.seat.out{opacity:.5}.seat.target{cursor:pointer;background:#ff8a1f24;box-shadow:inset 0 0 0 3px var(--orange);animation:pulse .7s infinite alternate}.who{display:flex;align-items:center;gap:10px}.tag{display:flex;flex-direction:column;line-height:1.15}.tag b{font-size:.95rem}.tag span{font-size:.72rem;color:var(--muted)}.tag .loser{font-style:normal;font-size:.72rem;font-weight:900;color:var(--red)}.opp-hand{position:relative;display:flex;justify-content:center;min-height:calc(var(--mini) * 1.5);padding-top:4px}.card.mini{width:var(--mini);height:calc(var(--mini) * 1.4);margin-left:calc(var(--mini) * -.62);transform:rotate(var(--rot, 0deg));transform-origin:50% 120%}.card.mini:first-child{margin-left:0}.more{align-self:center;margin-left:6px;font-weight:900;color:var(--gold);font-size:.8rem}.slots{display:flex;gap:calc(var(--cw) * .14)}.slot{position:relative;width:var(--cw);height:calc((var(--cw) * 1.4) * 1.1)}.slot .card{position:absolute;left:0;top:0}.slot .card.up{top:calc((var(--cw) * 1.4) * .1)}.slot .card.up.selected{transform:translateY(-14%)}.slot .card.up.selected img{box-shadow:0 0 0 3px #fff,0 10px 18px #0000008c}.hand{--cw: var(--hcw);--overlap: .42;display:flex;justify-content:center;align-items:flex-end;min-height:calc((var(--cw) * 1.4) * 1.1);padding:14px 8px 0;max-width:100%}.hand .card{margin-left:calc(var(--cw) * var(--overlap) * -1);transform-origin:50% 140%;transform:translateY(calc(var(--arc, 0px) + var(--lift, 0px))) rotate(var(--rot, 0deg))}.hand .card:first-child{margin-left:0}.hand .card[data-id]:hover{--lift: -10px;z-index:2}.hand .card.selected{--lift: calc((var(--cw) * 1.4) * -.22);z-index:3}.hand .card.selected:hover{--lift: calc((var(--cw) * 1.4) * -.22)}.card.selected img{box-shadow:0 0 0 3px #fff,0 10px 18px #0000008c}.pile.burning .pile-card.burn-set img{animation:burn-flicker .45s ease-in-out infinite alternate}.pile.burning .pile-card:not(.burn-set) img{filter:brightness(.8) sepia(.35);transition:filter .6s}.pile-card.burn-set{transition:transform .35s cubic-bezier(.2,.8,.25,1)}.pile.jokered .pile-card.burn-set img{animation:joker-glow .7s ease-in-out infinite alternate}@keyframes joker-glow{0%{box-shadow:0 0 0 3px #b46bff,0 0 20px 4px #b46bffb3}to{box-shadow:0 0 0 3px var(--cyan),0 0 34px 8px #2fd6ffbf}}@keyframes burn-flicker{0%{box-shadow:0 0 0 3px var(--orange),0 0 22px 4px #ff6e14bf}to{box-shadow:0 0 0 3px #ffc27f,0 0 38px 10px #ff4614d9}}.seat.me{flex-direction:row;align-items:flex-end;justify-content:center;gap:clamp(10px,2vw,28px);padding:0 4px}.me .who{align-self:center}.me .hand{flex:0 1 auto;min-width:0}.actions{display:flex;flex-direction:column-reverse;gap:8px;align-items:stretch;align-self:center}.pilezone{display:flex;flex-direction:column;align-items:center;gap:8px}.stack{position:relative;width:var(--cw);height:calc(var(--cw) * 1.4)}.pile .stack{width:calc(var(--cw) * 1.3);height:calc((var(--cw) * 1.4) * 1.15)}.pile{--cw: clamp(60px, 7.6vw, 108px)}.pile-card{position:absolute;left:0;top:0;transform:translate(var(--dx, 0),var(--dy, 0)) rotate(var(--r, 0deg))}.pile .pile-card{left:4%;top:2%}.burnt img{filter:sepia(1) saturate(4) hue-rotate(-25deg) brightness(.65)}.label{font-size:.75rem;color:var(--muted);white-space:nowrap;font-weight:700}.label.need{color:var(--text);background:#050a178c;padding:3px 12px;border-radius:999px;border:1px solid rgba(47,214,255,.35)}.flash{position:absolute;left:50%;top:50%;z-index:60;translate:-50% -50%;padding:.2em .7em;border-radius:18px;font-weight:900;font-style:italic;font-size:clamp(1.8rem,5vw,3.4rem);letter-spacing:.02em;white-space:nowrap;pointer-events:none;color:#fff;-webkit-text-stroke:2px #0a1530;text-shadow:0 4px 0 #0a1530,0 0 26px currentColor;animation:pop .45s cubic-bezier(.2,1.6,.4,1)}.flash.burn{color:var(--orange)}.flash.steal{color:var(--cyan)}.flash.joker{color:var(--violet)}.flash.skip{color:var(--gold)}.flash.out{color:var(--mint);font-size:clamp(1.3rem,3.4vw,2.2rem)}.flash.warn{color:var(--red);font-size:clamp(1rem,2.6vw,1.5rem);font-style:normal;-webkit-text-stroke:0;text-shadow:0 2px 8px #000;background:#050a17d9}@keyframes pop{0%{scale:.3;opacity:0;rotate:-8deg}}.center.setup-mode{flex-direction:column}.setup{text-align:center;max-width:min(620px,66%);margin:0 auto;padding:0 12px}.center.setup-mode{width:100%}.setup p{color:var(--text);margin:0 0 12px;font-weight:600}.six{--cw: var(--mcw);display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.six .card:hover{transform:translateY(-6px)}.six .card.selected{transform:translateY(-16px)}.six .card.selected img{box-shadow:0 0 0 3px var(--orange),0 0 20px 5px #ff8a1fa6,0 10px 18px #0000008c}.log{position:absolute;left:16px;top:52px;width:220px;font-size:.72rem;color:var(--muted);display:flex;flex-direction:column;gap:2px;pointer-events:none}.log div:last-child{color:var(--text)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#03060ebf;display:grid;place-items:center;padding:16px;animation:fade .3s ease-out}@keyframes fade{0%{opacity:0}}.panel{width:min(440px,100%);max-height:100%;overflow-y:auto;background:var(--bg2);border:2px solid var(--orange);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;box-shadow:0 0 50px #ff8a1f4d;animation:pop .4s cubic-bezier(.2,1.4,.4,1)}.panel h2{margin:0;font-style:italic}.panel.rules{width:min(580px,100%);text-align:left;align-items:stretch;border-color:var(--cyan);box-shadow:0 0 40px #2fd6ff33}.panel.rules ul{padding-left:1.2em;margin:0;line-height:1.45}.panel.rules h3{margin:6px 0 0}.results{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.results li{display:flex;align-items:center;gap:12px;font-weight:700}.results .avatar{--s: 38px;font-size:16px}.results .avatar .badge{display:none}.results .loser{color:var(--red)}.muted{color:var(--muted);font-size:.85rem;margin:0}@media (max-width: 760px){:root{--cw: min(11vw, 6.2vh, 60px);--hcw: min(16vw, 9.2vh, 80px)}.seat.me{padding-bottom:6px}.me .hand{padding-bottom:calc(var(--cw) * .6)}.opp.top{flex-direction:column;gap:4px}.table{min-height:0}.tslots.s1{left:9%}.tslots.s3{left:91%}.center{gap:8px}.board{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"left top right" "table table table" "me me me";padding:0 8px 8px}.opp .who{flex-direction:column;gap:4px}.opp .tag{align-items:center}.log{display:none}.status{font-size:.82rem}.topbar{flex-wrap:wrap;row-gap:8px;padding:8px 8px 0}.status{order:3;flex-basis:100%;max-width:none}.pile{--cw: min(15vw, 8.5vh, 72px)}.btn.big{font-size:1rem;padding:.6em 1.3em}.seat.me{flex-wrap:wrap;align-items:center;gap:6px 10px}.me .who{flex-direction:column;gap:2px}.me .hand{order:3;flex-basis:100%;justify-content:center;min-height:calc((var(--cw) * 1.4) * 1.05);padding-top:6px}.actions{flex-direction:column-reverse}.actions .btn{padding:.5em 1em;font-size:.85rem}.avatar{--s: 40px;font-size:18px}.avatar.lg{--s: 44px}.badge{min-width:18px;height:18px;font-size:10px;right:-7px;bottom:-6px}}@media (max-height: 700px) and (min-width: 761px){:root{--cw: clamp(40px, 4.6vw, 64px);--hcw: clamp(60px, 6.6vw, 96px)}}.jumpin{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 80%,transparent 22%,rgba(3,6,14,.7) 78%)}.jumpin.fresh .vignette{animation:fade .35s ease-out}.jump-wrap{position:absolute;left:50%;bottom:10%;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:14px}.jumpin.fresh .jump-wrap{animation:zoom-in .5s cubic-bezier(.2,1.4,.4,1)}@keyframes zoom-in{0%{scale:.4;translate:-50% 35%;opacity:0}}.jump-label{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.jump-label b{font-size:clamp(1.8rem,5vw,3rem);font-weight:900;font-style:italic;color:var(--gold);-webkit-text-stroke:2px #0a1530;text-shadow:0 4px 0 #0a1530,0 0 24px var(--orange)}.jump-label span{font-weight:700;color:var(--text);text-shadow:0 2px 6px #000}kbd{font:inherit;font-size:.8em;font-weight:800;padding:1px 7px;border-radius:6px;background:var(--navy);border:1px solid var(--cyan);box-shadow:0 2px 0 var(--cyan)}.jump-cards{pointer-events:auto;position:relative;display:flex;background:none;border:0;padding:0;cursor:pointer}.jump-card{--cw: clamp(110px, 13vw, 170px);margin-left:calc(var(--cw) * -.55);rotate:calc(var(--i) * 8deg);transform-origin:50% 120%}.jump-card:first-child{margin-left:0}.jump-card img{box-shadow:0 0 0 3px var(--gold),0 0 34px var(--orange),0 12px 30px #0009;animation:jump-pulse .9s ease-in-out infinite alternate}.jump-cards:hover .jump-card{translate:0 -8px}@keyframes jump-pulse{to{box-shadow:0 0 0 4px #fff,0 0 50px var(--orange),0 12px 30px #0009}}.tap{position:absolute;right:-14px;bottom:6%;font-size:2.2rem;animation:tap .9s ease-in-out infinite;filter:drop-shadow(0 3px 4px #000)}@keyframes tap{50%{translate:-6px -10px}}.loop-note{margin:0;padding:10px 14px;border-radius:12px;background:#ff4d5e1f;border:1px solid var(--red);font-size:.9rem}.menu.scenarios{justify-content:flex-start;padding-top:24px}.menu-logo.small{width:min(260px,60vw)}.menu.scenarios h2{margin:4px 0 0;font-style:italic}.sc-grid{width:min(1000px,100%);display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:8px 0 16px}.sc-card{font:inherit;color:var(--text);text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:16px;background:#0b1631e0;border:1px solid rgba(47,214,255,.3);transition:transform .12s,box-shadow .2s,border-color .2s}.sc-card:hover{transform:translateY(-2px);border-color:var(--orange);box-shadow:0 0 20px #ff8a1f4d}.sc-card b{font-size:1.05rem}.sc-card>span:last-child{color:var(--muted);font-size:.85rem;line-height:1.4}.sc-mode{align-self:flex-start;font-size:.7rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px}.sc-mode.watch{background:#2fd6ff2e;color:var(--cyan)}.sc-mode.practice{background:#ff8a1f2e;color:var(--orange)}.scenario-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:6px 16px 0;padding:8px 12px;border-radius:14px;background:#0b1631d9;border:1px solid rgba(47,214,255,.3)}.sc-text{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-width:0;flex:1}.sc-text>span:last-child{color:var(--muted);font-size:.85rem}.sc-controls{display:flex;gap:6px;flex-wrap:wrap}.caption{position:fixed;left:50%;bottom:22%;translate:-50% 0;z-index:40;max-width:min(640px,92vw);text-align:center;padding:10px 20px;border-radius:14px;background:#050a17e0;border:2px solid var(--cyan);font-weight:800;font-size:clamp(1rem,2.4vw,1.4rem);box-shadow:0 0 24px #2fd6ff4d;pointer-events:none;animation:pop .3s ease-out}@media (max-width: 760px){.scenario-bar{margin:4px 8px 0;padding:6px 8px}.sc-text>span:last-child{display:none}.sc-controls .btn{font-size:.7rem;padding:.35em .7em}.caption{bottom:26%}}.game.has-sc .log{display:none}.game:has(.jumpin) .flash{display:none}.card.mini.revealed{--mini: calc(var(--cw) * .7);margin-left:calc(var(--mini) * -.35)}.card.mini.revealed:first-child{margin-left:0}.caption.watch{text-align:left;display:flex;flex-direction:column;gap:6px;max-width:min(720px,94vw);bottom:20%}.cap-last{font-size:1em;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cap-next{font-size:.78em;font-weight:600;color:var(--muted)}.cap-next b{color:var(--gold)}.repeat{font-size:.7em;padding:2px 10px;border-radius:999px;background:#2fd6ff26;color:var(--cyan);white-space:nowrap}.repeat.hot{background:#ff4d5e33;color:var(--red)}.field small{color:var(--muted);font-size:.72rem}.loop-panel p{margin:0}.loop-timer{width:100%;height:6px;border-radius:999px;background:#8ea3c733;overflow:hidden}.loop-bar{height:100%;background:linear-gradient(90deg,var(--gold),var(--orange));transform-origin:left;animation:loop-shrink linear forwards}@keyframes loop-shrink{to{transform:scaleX(0)}}.coin{font-size:4rem;line-height:1}.coin.flipping{animation:coin-flip .4s linear infinite}@keyframes coin-flip{50%{transform:scaleX(.1)}}.rotate-hint{position:fixed;left:8px;right:8px;top:calc(env(safe-area-inset-top,0px) + 8px);z-index:90;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-radius:16px;background:#0b1631f5;border:1px solid var(--cyan);box-shadow:0 8px 24px #00000080}.rotate-hint.fresh{animation:pop .3s ease-out}.rotate-icon{font-size:1.8rem;display:inline-block;animation:rotate-tip 2s ease-in-out infinite}@keyframes rotate-tip{40%,60%{rotate:-90deg}}.rotate-text{display:flex;flex-direction:column;flex:1;min-width:140px}.rotate-text span{color:var(--muted);font-size:.85rem}.rotate-actions{display:flex;gap:8px}.rotate-actions .btn{min-height:44px;min-width:44px}.btn.icon{padding-left:.8em;padding-right:.8em}@media (orientation: landscape) and (max-height: 500px){:root{--cw: min(12vh, 6vw, 60px);--hcw: min(25vh, 11vw, 104px);--tcw: calc(var(--cw) * .62);--mcw: calc(var(--cw) * .7)}.game{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.topbar{padding:6px 12px 0;gap:8px;flex-wrap:nowrap}.status{order:0;flex-basis:auto;max-width:560px}.topbar .btn.small{min-height:36px;font-size:.75rem}.status{padding:4px 12px;font-size:.82rem}.log{display:none}.board{grid-template-columns:minmax(96px,1fr) minmax(0,4.5fr) minmax(96px,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"left top right" "left table right" "me me me";gap:0 8px;padding:0 8px}.table{min-height:0}.opp.top{flex-direction:row;gap:8px;padding:0}.opp.top .who{flex-direction:row;gap:6px}.opp.top .opp-hand{min-height:0;padding:0}.opp.top .tag span{display:none}.opp .who{flex-direction:column;gap:2px}.opp .tag{align-items:center}.opp .tag span{font-size:.7rem}.avatar{--s: 34px;font-size:15px}.avatar.lg{--s: 40px}.badge{min-width:18px;height:18px;font-size:10px;right:-7px;bottom:-6px}.opp-hand{min-height:calc(var(--mini) * 1.3)}.tslots.s2{top:2%}.tslots.s0{bottom:2%}.tslots.s1{left:6%}.tslots.s3{left:94%}.center{margin-top:0;gap:clamp(10px,3vw,32px)}.pile{--cw: min(13vh, 7vw, 64px)}.pilezone{gap:4px}.label{font-size:.7rem}.seat.me{flex-wrap:nowrap;align-items:flex-end;gap:12px;padding:0 4px}.me .who{align-self:center;flex-direction:column;gap:2px}.me .who .tag{display:none}.me .who{margin-right:calc(var(--hcw) * .2)}.me .hand{order:0;flex-basis:auto;min-height:0;padding:4px 0 0;margin-bottom:calc(var(--hcw) * -.55)}.actions{flex-direction:column-reverse;align-self:center;gap:6px}.actions .btn{min-height:40px;padding:.4em 1.2em;font-size:.85rem}.actions .btn.big{font-size:.95rem}.jump-wrap{bottom:4%;gap:6px}.jump-card{--cw: min(34vh, 140px)}.jump-label b{font-size:1.6rem}.jump-label span{font-size:.8rem}.flash{font-size:clamp(1.4rem,8vh,2.4rem)}.panel{padding:16px;gap:8px;max-height:calc(100% - 16px)}.panel h2{font-size:1.2rem}.results{gap:4px}.scenario-bar{margin:4px 12px 0;padding:4px 8px}.sc-text>span:last-child{display:none}.sc-controls .btn{min-height:32px;font-size:.7rem;padding:.3em .7em}.caption.watch{bottom:4%;font-size:.9rem;padding:6px 12px}}.pause-panel{gap:10px}.pause-panel .btn{width:min(280px,100%)}.btn.danger.armed{background:#ff4d5e47;animation:pulse .5s ease-in-out infinite alternate}.pile .stack{position:relative}.pile-count{position:absolute;right:-10px;top:-10px;z-index:5;min-width:26px;height:26px;padding:0 7px;border-radius:999px;display:grid;place-items:center;background:var(--bg);border:2px solid var(--cyan);color:var(--text);font-size:12px;font-weight:900;font-variant-numeric:tabular-nums;box-shadow:0 2px 6px #00000080}.btn:focus-visible,select:focus-visible,input:focus-visible,.sc-card:focus-visible,.seat.target:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.card[tabindex]:focus-visible{outline:none}.card[tabindex]:focus-visible img{box-shadow:0 0 0 3px var(--gold),0 0 18px #ffc247b3}@media (pointer: coarse){.btn{min-height:44px}.topbar .btn.small{min-width:44px}}@media (pointer: coarse) and (orientation: landscape) and (max-height: 500px){.topbar .btn.small{min-height:40px}.sc-controls .btn{min-height:36px}}html.motion-reduced *,html.motion-reduced *:before,html.motion-reduced *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ti{flex:none;vertical-align:middle}.ti.gold{color:var(--gold)}.ti.ok{color:var(--mint)}.with-icon{display:inline-flex;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.xl{font-size:1.4rem;padding:.8em 2.6em;min-height:60px}.btn.wide{width:100%}.btn.secondary{border-color:var(--cyan);background:#2fd6ff1a}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.screen{height:100%;overflow-y:auto;display:flex;flex-direction:column}.screen.art{background:#060a1c url(/ui/lobby-wide.webp) center / cover no-repeat}@media (max-aspect-ratio: 1/1){.screen.art{background-image:url(/ui/lobby-tall.webp);background-position:center top}}.screen.plain{background:transparent}.screen h1{margin:0;font-style:italic;font-weight:900}.screen h2{margin:0;font-size:1.05rem;font-weight:800;display:flex;align-items:center;gap:8px}.muted{color:var(--muted)}.fine{margin:0;color:var(--muted);font-size:.8rem;line-height:1.45;display:flex;gap:6px;align-items:flex-start}.fine .ti{margin-top:2px}.icon-btn{flex:none;width:44px;height:44px;border-radius:999px;display:inline-grid;place-items:center;cursor:pointer;color:var(--text);background:#050a1766;border:1px solid rgba(142,163,199,.4);transition:box-shadow .2s,transform .12s}.icon-btn:hover{box-shadow:0 0 14px #2fd6ff80}.icon-btn:active{transform:scale(.94)}.icon-btn:focus-visible,.tile:focus-visible,.profile-chip:focus-visible,.segmented button:focus-visible,.swatch:focus-visible,summary:focus-visible,.option input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.screen.splash-art{background:#060a1c url(/ui/splash-wide.webp) center 40% / cover no-repeat}@media (max-aspect-ratio: 1/1){.screen.splash-art{background-image:url(/ui/splash-tall.webp);background-position:center 40%}}.splash{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:24px;padding:32px 16px calc(9vh + env(safe-area-inset-bottom,0px));text-align:center}.splash .btn{box-shadow:0 8px 30px #0000008c,0 0 24px #ff8a1f73}.version{position:fixed;right:16px;bottom:calc(12px + env(safe-area-inset-bottom,0px));font-size:12px;color:var(--muted)}.panel-screen{flex:1;display:grid;place-items:center;padding:24px 16px}.panel-card{width:min(440px,100%);display:flex;flex-direction:column;gap:16px;background:#0b1631eb;border:1px solid rgba(47,214,255,.3);border-radius:24px;padding:24px;box-shadow:0 0 34px #2fd6ff1f}.panel-card h1{font-size:1.6rem}.panel-card p{margin:0}.small-logo{height:40px;width:auto;align-self:flex-start}.menu-head .small-logo{height:56px}.panel-card .small-logo{height:48px}.nick-row{display:flex;align-items:flex-end;gap:16px}.field.grow{flex:1;min-width:0}.input-row{display:flex;gap:8px;align-items:center}.input-row input{flex:1;min-width:0;min-height:44px;font-size:1rem}.swatches{display:flex;gap:12px;flex-wrap:wrap}.swatch{width:40px;height:40px;border-radius:999px;cursor:pointer;background:var(--hue);border:3px solid var(--bg);box-shadow:0 0 0 2px #8ea3c759}.swatch.on{box-shadow:0 0 0 3px var(--text)}.field-msg{margin:0;min-height:1.2em;font-size:.85rem;color:var(--mint)}.field-msg.error,#nick-msg{color:var(--red)}.menu-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;padding-top:calc(16px + env(safe-area-inset-top,0px))}.head-actions{display:flex;align-items:center;gap:12px}.profile-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 16px 4px 4px;border-radius:999px;cursor:pointer;font:inherit;font-weight:800;color:var(--text);background:#050a1766;border:1px solid rgba(142,163,199,.4)}.profile-chip>span:last-child{max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modes{flex:1;width:min(960px,100%);margin:0 auto;padding:8px 24px 32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:center}.tile{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 16px;min-height:132px;padding:24px;border-radius:16px;cursor:pointer;text-align:left;font:inherit;color:var(--text);background:#0b1631e0;border:1px solid rgba(47,214,255,.28);transition:transform .15s,box-shadow .2s,border-color .2s}.tile:hover:not(.soon){transform:translateY(-2px);border-color:var(--cyan);box-shadow:0 0 22px #2fd6ff40}.tile-icon{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;color:var(--cyan);background:#2fd6ff1f}.tile-text{display:flex;flex-direction:column;gap:4px}.tile-text b{font-size:1.3rem;font-weight:900}.tile-text span{color:var(--muted);font-size:.9rem}.tile .chip{grid-column:2;justify-self:start}.tile.primary{border:2px solid var(--orange);box-shadow:0 0 28px #ff8a1f40}.tile.primary .tile-icon{color:#2a1200;background:linear-gradient(180deg,#ffb35c,var(--orange))}.tile.primary:hover{box-shadow:0 0 34px #ff8a1f66;border-color:var(--orange)}.tile.soon{cursor:default;opacity:.6}.tile.soon .tile-icon{color:var(--muted);background:#8ea3c71a}.chip{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:800;padding:4px 12px;border-radius:999px;color:var(--muted);background:#8ea3c71f}.chip.go{color:#2a1200;background:var(--orange)}.soon-note{grid-column:1 / -1;margin:0;min-height:1.4em;text-align:center;color:var(--muted);font-size:.85rem}.screen-head{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:16px;padding:16px 24px;padding-top:calc(16px + env(safe-area-inset-top,0px));background:linear-gradient(var(--bg),rgba(5,10,23,.85) 80%,transparent)}.screen-head h1{font-size:1.5rem}.screen-body{width:min(960px,100%);margin:0 auto;padding:0 24px 48px;display:flex;flex-direction:column;gap:24px}.screen-body.narrow{width:min(600px,100%)}.screen-body>p{margin:0}.group{display:flex;flex-direction:column;gap:12px;background:#0b1631d9;border:1px solid rgba(47,214,255,.18);border-radius:16px;padding:20px}.setting-label{margin:4px 0 0;font-weight:700;font-size:.9rem}.seat-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.seat-row b{font-size:1.05rem}.segmented{display:inline-flex;padding:4px;gap:4px;border-radius:999px;background:#050a1799;border:1px solid rgba(142,163,199,.3)}.segmented button{min-height:40px;padding:0 16px;border:0;border-radius:999px;cursor:pointer;font:inherit;font-weight:800;font-size:.9rem;color:var(--muted);background:transparent}.segmented button.on{color:var(--bg);background:var(--cyan)}.segmented.wide{display:flex}.segmented.wide button{flex:1}details.fold>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:32px}details.fold>summary::-webkit-details-marker{display:none}.fold-icon{transition:rotate .2s;color:var(--muted)}details.fold[open] .fold-icon{rotate:180deg}.options{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.options legend{padding:0;margin-bottom:8px;font-weight:700;font-size:.9rem}.option{display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer}.option input{width:20px;height:20px;accent-color:var(--orange)}.basics{margin:0;padding-left:0;list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:12px}.basics li{counter-increment:step;display:grid;grid-template-columns:32px 1fr;gap:12px;line-height:1.45}.basics li:before{content:counter(step);width:32px;height:32px;border-radius:999px;display:grid;place-items:center;font-weight:900;color:#2a1200;background:var(--gold)}.basics+.btn{align-self:flex-start}.specials{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.special{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;padding:8px 0;border-top:1px solid rgba(142,163,199,.15)}.special:first-child{border-top:0}.special-card{width:48px;border-radius:4px;box-shadow:0 2px 6px #00000080}.special-text{display:flex;flex-direction:column;gap:2px}.special-text span{color:var(--muted);font-size:.9rem}.btn.try.done{border-color:var(--mint)}.btn.try.done .ti{color:var(--mint)}.progress{display:flex;flex-direction:column;gap:8px}.progress .bar{height:8px;border-radius:999px;background:#8ea3c733;overflow:hidden}.progress .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--orange));border-radius:inherit}.progress span{color:var(--muted);font-size:.85rem}.sc-top{display:flex;align-items:center;justify-content:space-between}.sc-mode{display:inline-flex;align-items:center;gap:4px}.sc-done{color:var(--mint);display:inline-flex}.sc-card.done{border-color:color-mix(in srgb,var(--mint) 45%,transparent)}.sc-desc{color:var(--muted);font-size:.85rem;line-height:1.4}.profile-top{flex-direction:row;align-items:center;gap:20px}.profile-top>div{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.prof-name{font-size:1.5rem;font-weight:900}@media (max-width: 640px){.modes{grid-template-columns:1fr;padding:8px 16px 24px;align-content:start}.tile{min-height:0;padding:16px}.tile-icon{width:52px;height:52px}.menu-head,.screen-head{padding-left:16px;padding-right:16px}.screen-body{padding:0 16px 32px}.seat-row{grid-template-columns:auto 1fr}.seat-row .segmented{grid-column:1 / -1;display:flex}.seat-row .segmented button{flex:1}.profile-chip>span:last-child{display:none}.profile-chip{padding-right:4px}}@media (orientation: landscape) and (max-height: 500px){.modes{grid-template-columns:repeat(4,minmax(0,1fr));align-content:center;gap:12px;padding:0 16px 16px}.tile{grid-template-columns:1fr;justify-items:center;text-align:center;padding:16px 12px;min-height:0}.tile-text{align-items:center}.tile-text span{display:none}.tile .chip{grid-column:1;justify-self:center}.menu-head{padding-top:8px;padding-bottom:8px}.screen.splash-art{background-position:center 80%}.splash{align-items:center;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}.splash .btn.xl{font-size:1.15rem;min-height:48px;padding:.6em 2em}.version{right:auto;left:16px}.screen-head{padding:6px 16px;padding-top:calc(6px + env(safe-area-inset-top,0px));gap:12px}.screen-head h1{font-size:1.2rem}.screen-head .icon-btn{width:40px;height:40px}.screen-body{gap:12px;padding:0 16px 16px}.group{padding:12px 16px;gap:8px}.group h2{font-size:1rem}.screen-body.duo{width:min(960px,100%);display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:12px 16px}.screen-body.duo>:not(.group):not(.duo-side),.screen-body.duo>.host-panel{grid-column:1 / -1}.duo-side{display:flex;flex-direction:column;gap:12px}.screen-body.duo .seat-row{min-height:0;padding:2px 0}.screen-body.duo .btn.big{font-size:1rem;padding:.5em 1.4em}.screen-body.duo .code-input{min-height:44px;font-size:1.3rem}}.chip.learn{color:var(--cyan);background:#2fd6ff1f}.provider-list{display:flex;flex-direction:column;gap:12px}.btn.provider{width:100%;min-height:48px;justify-content:center;font-size:1rem}.btn.provider.google{background:#fff;color:#1f1f1f;border-color:#dadce0}.btn.provider.google:hover:not(:disabled){box-shadow:0 0 14px #ffffff59}.btn.provider.apple{background:#000;color:#fff;border-color:#444}.btn.provider.apple:hover:not(:disabled){box-shadow:0 0 14px #ffffff40}.btn.provider.email{background:#2fd6ff1a}.brand-mark{flex:none}.or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.or:before,.or:after{content:"";flex:1;height:1px;background:#8ea3c74d}.fine.dev{color:var(--gold)}.form{display:flex;flex-direction:column;gap:16px}.form .field input{min-height:44px;font-size:1rem}.field small{color:var(--muted);font-size:.78rem}.btn.link{align-self:center;border:0;text-decoration:underline;text-underline-offset:3px}.big-icon{color:var(--cyan);display:grid;place-items:center;width:80px;height:80px;border-radius:24px;background:#2fd6ff1f}.chip.ok{color:var(--mint);background:#39e6a81f}.chip.warn{color:var(--gold);background:#ffc24724}.acc-line{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.acc-actions{display:flex;gap:12px;flex-wrap:wrap}.danger-zone{border-color:#ff4d5e80}.danger-zone h2{color:var(--red)}.danger-zone p{margin:0}.screen.busy{cursor:progress}:root{--glow-blue: drop-shadow(0 0 5px rgba(47, 214, 255, .8)) drop-shadow(0 0 14px rgba(47, 214, 255, .4));--glow-orange: drop-shadow(0 0 5px rgba(255, 138, 31, .85)) drop-shadow(0 0 16px rgba(255, 110, 20, .45));--glow-orange-strong: drop-shadow(0 0 7px rgba(255, 160, 60, .95)) drop-shadow(0 0 20px rgba(255, 110, 20, .6))}.mode-select{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:8px 16px 28px}.mode-cards{--card: clamp(140px, 15vw, 200px);--gap: clamp(12px, 2.2vw, 28px);display:grid;grid-template-columns:repeat(4,var(--card));justify-content:center;gap:var(--gap);padding-top:8px}.mode-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;margin:0;border:0;background:none;color:var(--text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.mode-art{position:relative;display:block;width:var(--card);aspect-ratio:1;transition:transform .15s ease,filter .2s ease}.mode-art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .2s ease}.mode-art .art-on{opacity:0}.mode-card.on .art-on{opacity:1}.mode-card.on .mode-art{filter:var(--glow-orange)}.mode-card:not(.soon):active .mode-art{filter:var(--glow-orange-strong);transform:scale(.96)}.mode-card.soon{cursor:default}.mode-card.soon .mode-art{opacity:.6}.mode-card .chip{white-space:nowrap;font-size:.7rem;background:#050a17c7;box-shadow:0 0 0 1px #8ea3c740}.mode-card:focus-visible{outline:none}.mode-card:focus-visible .mode-art{outline:3px solid var(--gold);outline-offset:4px;border-radius:16%}.mode-note{margin:0;height:34px;flex:none;width:100%;display:flex;align-items:center;justify-content:center}.note-pill{display:inline-flex;align-items:center;gap:8px;max-width:min(640px,92vw);padding:6px 14px;border-radius:999px;font-size:.85rem;font-weight:700;line-height:1.2;color:#ffd27a;background:#050a17db;border:1px solid rgba(255,194,71,.45);box-shadow:0 4px 14px #00000073;white-space:nowrap;overflow:hidden}.note-pill[hidden]{display:none}.note-pill .ti{flex:none;color:var(--gold)}.note-text{overflow:hidden;text-overflow:ellipsis}.art-btn{display:block;padding:0;margin:0;border:0;background:none;line-height:0;cursor:pointer;border-radius:999px;transition:transform .12s ease;-webkit-tap-highlight-color:transparent}.art-btn img{display:block;width:100%;height:auto;transition:filter .2s ease}.art-btn.play-art{width:clamp(220px,23vw,300px)}.art-btn.how-art{width:clamp(132px,13.8vw,180px)}.art-btn:not(:disabled):active{transform:scale(.96)}.art-btn:not(:disabled):active img{filter:var(--glow-orange-strong)}.art-btn:disabled{cursor:not-allowed}.art-btn:disabled img{filter:grayscale(.8) brightness(.7);opacity:.7}.art-btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.icon-btn.art-icon{background:none;border:0}.icon-btn.art-icon img{width:40px;height:40px;transition:filter .2s ease}.icon-btn.art-icon:hover{box-shadow:none}.icon-btn.art-icon:active img{filter:var(--glow-orange-strong)}@media (hover: hover) and (pointer: fine){.mode-card:not(.on):not(.soon):hover .mode-art{filter:var(--glow-blue);transform:translateY(-3px)}.mode-card.on:hover .mode-art{filter:var(--glow-orange-strong)}.art-btn:not(:disabled):hover img,.icon-btn.art-icon:hover img{filter:var(--glow-blue)}.mode-card:not(.soon):active .mode-art{filter:var(--glow-orange-strong);transform:scale(.96)}.art-btn:not(:disabled):active img,.icon-btn.art-icon:active img{filter:var(--glow-orange-strong)}}.center{text-align:center;justify-content:center}.center-col{align-items:center;text-align:center}.fine.center{justify-content:center}.join-row{display:flex;gap:12px}#server-url{flex:1;min-width:0}.code-input{flex:1;min-width:0;min-height:52px;text-align:center;text-transform:uppercase;font-family:Cascadia Mono,Consolas,ui-monospace,monospace;font-size:1.6rem;font-weight:700;letter-spacing:.35em}.code-card{align-items:center;text-align:center}.room-code{font-family:Cascadia Mono,Consolas,ui-monospace,monospace;font-size:clamp(2rem,9vw,3rem);font-weight:800;letter-spacing:.3em;color:var(--gold);-webkit-user-select:all;user-select:all;padding-left:.3em}.lobby-seats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.lobby-seat{display:flex;align-items:center;gap:12px;min-height:56px;padding:4px 0;flex-wrap:wrap}.lobby-seat b{flex:1;min-width:0}.lobby-seat.away{opacity:.6}.lobby-seat.empty .muted{flex:1;font-size:.88rem}.avatar.empty-seat{--hue: #26355e;color:var(--muted)}.bot-avatar{position:relative;display:inline-flex;flex:none}.bot-badge{position:absolute;right:-4px;bottom:-4px;width:20px;height:20px;border-radius:999px;display:grid;place-items:center;color:var(--cyan);background:#0b1631;border:2px solid rgba(47,214,255,.6)}.chip.bot-chip{color:var(--cyan);background:#2fd6ff1f}.lobby-seat.bot-seat b{flex:1 1 80px}.segmented.small{padding:3px;gap:2px}.segmented.small button{min-height:32px;padding:0 10px;font-size:.78rem}.icon-btn.small{width:40px;height:40px}.lobby-seat.empty .btn.small{min-height:40px}.mm-progress{width:min(320px,100%);height:8px;border-radius:999px;background:#8ea3c72e;overflow:hidden}.mm-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),#e8f6ff);box-shadow:0 0 12px #2fd6ff99;transition:width .5s ease}.mm-players{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px}.mm-players li{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem}.mm-offer{width:min(420px,100%);text-align:center}.mm-offer.fresh{animation:mm-in .35s ease-out}.mm-offer p{margin:0}.mm-later{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px}@keyframes mm-in{0%{opacity:0;transform:translateY(8px)}}.search-table{position:relative;width:180px;height:180px;margin:16px auto 8px;border-radius:999px;border:2px dashed rgba(47,214,255,.45);animation:spin 12s linear infinite}.search-table.stopped{animation:none;border-color:#ff4d5e80}.search-seat{position:absolute;left:50%;top:50%;width:36px;height:36px;margin:-18px;border-radius:999px;background:#8ea3c72e;border:2px solid rgba(142,163,199,.4);transform:rotate(var(--a)) translateY(-90px)}.search-seat.filled{background:var(--orange);border-color:#ffd29e;box-shadow:0 0 14px #ff8a1f99}.search-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--cyan);animation:spin 12s linear infinite reverse}.ti.spin{animation:spin 1s linear infinite}.avatar.offline{filter:grayscale(1);opacity:.55}.turn-timer{display:inline-block;min-width:3ch;margin-left:8px;padding:0 8px;border-radius:999px;background:#050a1759;font-variant-numeric:tabular-nums}.turn-timer.low{background:var(--red);color:#fff}.chip.server.warn{color:var(--gold);background:#ffc24724}@media (max-width: 640px){.mode-cards{--card: min(40vw, 27vh);--gap: 14px;grid-template-columns:repeat(2,var(--card));padding-top:0}.mode-card{gap:6px}.mode-card .chip{font-size:.65rem;padding:2px 8px}.art-btn.play-art{width:min(62vw,260px)}.art-btn.how-art{width:min(37vw,156px)}}@media (orientation: landscape) and (max-height: 500px){.mode-select{gap:8px;padding:0 16px 8px;justify-content:flex-start}.mode-cards{--card: min(18vw, 31vh);--gap: 14px;grid-template-columns:repeat(4,var(--card));padding-top:0}.mode-card{gap:4px}.mode-card .chip{font-size:.62rem;padding:1px 8px}.art-btn.play-art{width:min(26vw,52vh)}.art-btn.how-art{width:min(15.6vw,31vh)}.mode-note{height:24px}.note-pill{font-size:.72rem;padding:3px 10px;gap:6px}}p.mm-text{display:block;text-align:center;margin:0}.screen.art .screen-body>:is(h2,p,ul),.screen.art .center-col>:is(h2,p,ul),.screen.art .mm-players li{text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 12px rgba(0,0,0,.75)}.screen.art .btn:not(.primary):not(.danger):not(:disabled){background:linear-gradient(#2fd6ff1a,#2fd6ff1a),#081024d1}.screen.art .btn.ghost:not(:disabled){background:#081024d1}.screen.art .btn.danger:not(:disabled){background:linear-gradient(#ff4d5e24,#ff4d5e24),#081024d1}.screen.art .btn:disabled,.screen.art .btn.primary:disabled{background:#081024e0;border-color:#8ea3c766;color:#eaf2ff8c}.screen.art .mm-progress{background:#081024d9;box-shadow:0 0 0 1px #8ea3c740}.host-url{font-family:Cascadia Mono,Consolas,ui-monospace,monospace;font-size:.95rem;font-weight:700;color:var(--gold);word-break:break-all;-webkit-user-select:all;user-select:all}.host-panel .error-text{color:var(--red)}@media (orientation: landscape) and (max-height: 380px){.actions{flex-direction:row;align-self:flex-end;margin-bottom:6px}.actions .btn{min-height:36px;padding:.35em 1em}.mode-cards{--card: min(18vw, 28vh)}.mode-card .chip{font-size:.56rem;padding:1px 6px}.mode-select{gap:6px}}.rotate-icon.static{animation:none;color:var(--cyan)}.fs-tip{left:50%;right:auto;translate:-50% 0;width:min(620px,calc(100% - 16px));padding:8px 12px;gap:10px}.fs-tip .rotate-text span{font-size:.8rem}.avatar.char{background:#0b1631;border:4px solid #5cc2ff;box-shadow:0 0 0 2px #040e28e6,0 0 16px 2px #2faafff2,0 0 38px 6px #2fa0ff8c,0 4px 12px #00000080}.avatar.char img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;pointer-events:none}.avatar.char.active{border-color:#ffb347;box-shadow:0 0 0 2px #461900e6,0 0 22px 4px #ff961e,0 0 50px 10px #ff6e0099;animation:turn-glow 1.1s ease-in-out infinite alternate}.avatar.char.active:before{display:none}@keyframes turn-glow{to{box-shadow:0 0 0 2px #461900e6,0 0 30px 6px #ffaa32,0 0 70px 16px #ff6e00bf}}.motion-reduced .avatar.char.active{animation:none}.results .avatar.char{--s: 40px}.plate{display:flex;flex-direction:column;align-items:center;gap:3px;line-height:1;position:relative;z-index:1}.nameplate{display:block;min-width:6.2em;max-width:10em;padding:.34em .95em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;border-radius:999px;border:2px solid #3aa8ff;background:linear-gradient(180deg,#13295a,#0a1636);box-shadow:0 0 10px #2fa0ff80,inset 0 1px #ffffff24,0 3px 8px #00000080;color:#fff;font-weight:900;font-size:clamp(11px,.95vw,14px);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 2px 0 #020b24}.count-pill{padding:.24em .8em;border-radius:999px;background:#050e24eb;border:1.5px solid rgba(58,168,255,.5);color:#7fdcff;font-weight:800;font-size:clamp(9.5px,.78vw,12px);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.count-pill.done{color:var(--mint);border-color:#39e6a880}.plate.active .nameplate{border-color:#ffb347;box-shadow:0 0 14px #ff8c1ed9,inset 0 1px #ffffff2e}.plate .sub{font-size:.66rem;font-weight:700;color:#b9c8e6;text-shadow:0 1px 3px #000,0 0 2px #000}.plate .loser{font-style:normal;font-size:.72rem;font-weight:900;color:var(--red);text-shadow:0 1px 3px #000}.seat .who{flex-direction:column;gap:0}.seat .who .plate{margin-top:calc(var(--cw) * -.14)}.me .who .plate{margin-top:calc(var(--cw) * -.16)}.char-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}.char-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border:0;background:none;cursor:pointer;color:inherit;font:inherit;transition:transform .15s}.char-tile img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border:3px solid #3aa8ff;border-radius:16px;background:#0b1631;box-shadow:0 0 12px #2fa0ff73,0 4px 10px #00000073;transition:box-shadow .2s,border-color .2s}.char-tile span{min-width:70%;padding:.3em .8em;border-radius:999px;text-align:center;background:#081432eb;border:1.5px solid rgba(58,168,255,.7);color:#fff;font-weight:900;font-size:clamp(11px,1.6vw,14px);letter-spacing:.08em;text-transform:uppercase}@media (hover: hover){.char-tile:hover{transform:translateY(-2px)}.char-tile:hover img{box-shadow:0 0 18px #2fa0ffcc}}.char-tile:active{transform:scale(.97)}.char-tile.on img{border-color:#ffb347;box-shadow:0 0 0 2px #ff8c1e59,0 0 22px #ff8c1ee6}.char-tile.on span{border-color:#ffb347}.char-tile:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.segmented.wrap{flex-wrap:wrap}#app{position:relative;z-index:1}.arena-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:#020818}.arena-stage{position:absolute;left:50%;top:50%;width:1920px;height:1080px;overflow:hidden;transform:translate(-50%,-50%) scale(var(--k, 1))}.a-cam{position:absolute;left:0;top:0;width:1448px;height:1086px;transform-origin:0 0}.a-tilt{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:724px 800px}.a-bg{position:absolute;display:block;max-width:none}.a-table{position:absolute;left:274px;top:342px;width:900px;height:900px;transform-origin:450px 458px;transform:scaleY(.56)}.a-table img{width:100%;height:100%;display:block}.arena-stage.still .a-cam{transform:translate(-452px,-981px) scale(1.95)}.arena-stage.still .a-tilt{transform:scaleY(1.786)}.arena-stage.intro .a-cam{animation:a-cam 3.6s cubic-bezier(.65,0,.35,1) both}.arena-stage.intro .a-tilt{animation:a-tilt 3.6s cubic-bezier(.65,0,.35,1) both}@keyframes a-cam{0%,30%{transform:translateY(-90px) scale(1.326)}to{transform:translate(-452px,-981px) scale(1.95)}}@keyframes a-tilt{0%,30%{transform:scaleY(1)}to{transform:scaleY(1.786)}}.a-card{position:absolute;animation:a-exit 1.05s cubic-bezier(.55,0,.8,.45) both}.a-card img{width:100%;height:100%;display:block}@keyframes a-exit{0%{transform:translate(0) rotate(0) scale(1);opacity:1}70%{opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(1.18);opacity:0}}@keyframes a-float-l{0%{transform:translateY(-7px) rotate(-1.2deg)}to{transform:translateY(7px) rotate(1.2deg)}}@keyframes a-float-r{0%{transform:translateY(6px) rotate(1deg)}to{transform:translateY(-6px) rotate(-1deg)}}.a-joker{position:absolute;top:-30px;height:600px;animation:a-rise 1.7s cubic-bezier(.45,0,.55,1) both}.a-joker.l{left:90px;width:404px;animation-delay:1s}.a-joker.r{left:1421px;width:409px;animation-delay:1.5s}.a-swing{width:100%;height:100%}.a-joker.l .a-swing{transform-origin:175px 0;animation:a-swing-l 2.3s ease-in-out infinite alternate}.a-joker.r .a-swing{transform-origin:229px 0;animation:a-swing-r 2.9s ease-in-out -.7s infinite alternate}.a-swing img{width:100%;height:100%;display:block}@keyframes a-rise{0%{opacity:1;transform:translateY(0)}50%{opacity:1}to{opacity:0;transform:translateY(-300px)}}@keyframes a-swing-l{0%{transform:rotate(-3.5deg)}to{transform:rotate(3.5deg)}}@keyframes a-swing-r{0%{transform:rotate(3deg)}to{transform:rotate(-3deg)}}.arena-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow:hidden;background:#020818;cursor:pointer;transition:opacity .35s ease}.arena-intro.leaving{opacity:0;pointer-events:none}.a-title{position:absolute;left:calc(20px + env(safe-area-inset-left,0px));top:calc(18px + env(safe-area-inset-top,0px));display:flex;flex-direction:column;gap:4px;animation:a-ui 3.6s ease-out both;pointer-events:none}.a-title b{font-size:clamp(22px,3vw,40px);font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:0 3px 0 #020b24,0 0 14px rgba(60,190,255,.6)}.a-title span{font-size:clamp(13px,1.4vw,20px);font-weight:800;color:#9fe3ff;text-shadow:0 2px 0 #020b24}.arena-intro:has(.accent-ember) .a-title b{text-shadow:0 3px 0 #1a0600,0 0 14px rgba(255,120,30,.75)}.arena-intro:has(.accent-ember) .a-title span{color:#ffb36b}@keyframes a-ui{0%,80%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.a-skip{position:absolute;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));min-height:44px;padding:0 22px;border-radius:999px;border:2px solid rgba(255,255,255,.75);background:#020a1e8c;color:#fff;font:inherit;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.game.in-arena{--hcw: clamp(64px, min(7.6vw, 11vh), 112px);--cw: clamp(48px, min(5.8vw, 9.2vh), 84px)}.in-arena .label{color:#cfe0ff;background:#030a1cc7;border:1px solid rgba(58,168,255,.28);padding:.25em .75em;border-radius:999px}.in-arena .card.empty{background:#030a1c66}.in-arena .opp-hand{filter:drop-shadow(0 4px 6px rgba(0,0,0,.55))}.in-arena .seat.me{position:relative}.in-arena .seat.me:before{content:"";position:absolute;left:-16px;right:-16px;bottom:-10px;height:125%;background:linear-gradient(to top,#020818e0,#0208188c 55%,#02081800);pointer-events:none;z-index:-1}.in-arena .hand .card.selected img{box-shadow:0 0 0 3px #ffb347,0 0 18px #ff8c1ee6,0 10px 18px #0000008c}.in-arena .log{text-shadow:0 1px 3px #000}.in-arena .status:not(.hot){background:#030a1cbf;color:#cfe0ff}@media (orientation: landscape) and (max-height: 500px){.nameplate{font-size:9.5px;padding:.3em .7em;min-width:0;max-width:8em;border-width:1.5px}.count-pill{font-size:8.5px;padding:.2em .6em}.plate .sub{display:none}.plate{gap:2px}.me .who .plate .count-pill{display:none}.seat.me .actions{margin-left:calc(var(--hcw) * .25)}.char-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.char-tile span{font-size:9px}}@media (max-width: 420px){.char-grid{gap:8px}}.in-arena .opp.top{justify-self:center}.rotate-screen{display:none}@media (orientation: portrait){html.phone-web .rotate-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;color:var(--text);background:radial-gradient(ellipse at 50% 40%,#142c62 0%,var(--bg2) 55%,var(--bg) 100%)}html.phone-web .rotate-screen b{font-size:1.5rem;font-weight:900}html.phone-web .rotate-screen span{color:var(--muted)}html.phone-web .rotate-screen .rotate-icon{color:var(--cyan);font-size:1rem}html.phone-web .rotate-screen .btn{margin-top:12px}}@media (min-width: 1280px) and (min-height: 760px){.game,.game.in-arena{--cw: clamp(84px, min(6.6vw, 11.5vh), 132px);--hcw: clamp(112px, min(8.6vw, 15vh), 172px)}.game .nameplate{font-size:clamp(14px,.95vw,20px)}.game .count-pill{font-size:clamp(12px,.75vw,16px)}.game .plate .sub{font-size:clamp(12px,.7vw,15px)}.game .status{font-size:clamp(16px,1vw,21px);padding:.4em 1.2em}.game .topbar .btn.small{font-size:clamp(14px,.85vw,18px);min-height:44px;padding:.45em 1.1em}.game .topbar .btn.small .ti{width:1.2em;height:1.2em}.game .actions .btn{font-size:clamp(16px,1vw,21px);min-width:8.5em;padding:.6em 1.4em}.game .label{font-size:clamp(13px,.8vw,17px)}.game .log{font-size:clamp(13px,.75vw,16px)}.game .pile-count{min-width:32px;height:32px;font-size:14px}.game .pile,.game .deck{--cw: clamp(100px, min(7.6vw, 13.5vh), 156px)}.game .status{max-width:min(760px,42vw)}.game .log{width:clamp(220px,15vw,320px);top:64px}}.duo-side{display:flex;flex-direction:column;gap:16px}.arena-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.arena-tile{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:0;background:none;border:0;color:inherit;font:inherit;cursor:pointer;min-width:0}.at-art{position:relative;display:block;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;border:3px solid rgba(120,170,255,.35);background:#0b1631;transition:border-color .15s,box-shadow .15s,transform .15s}.at-art>img,.at-mix img{width:100%;height:100%;object-fit:cover;display:block}.at-mix{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:100%}.at-classic{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 42% at 50% 62%,rgba(67,198,255,.85),rgba(20,104,210,.35) 55%,transparent 75%),linear-gradient(#0b1631,#071022)}.at-classic:after{content:"";position:absolute;left:22%;right:22%;top:44%;bottom:18%;border-radius:50%;border:2px solid rgba(160,230,255,.9);box-shadow:0 0 14px #43c6ff}.at-name{font-weight:800;font-size:.85rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8}.arena-tile:hover .at-art{border-color:#43c6ff;box-shadow:0 0 12px #43c6ff8c}.arena-tile.on .at-art{border-color:#fc9001;box-shadow:0 0 0 1px #fdd512 inset,0 0 16px #fc9001b3}.arena-tile.on .at-name{opacity:1;color:#fdd53a}.arena-tile:focus-visible{outline:none}.arena-tile:focus-visible .at-art{outline:2px solid #fff;outline-offset:2px}.btn.primary,.btn.secondary{--h: 48px;position:relative;isolation:isolate;box-sizing:border-box;height:var(--h);min-height:0;min-width:calc(var(--h) * 2.9);flex-shrink:0;margin-bottom:calc(var(--h) * .09);padding:0 calc(var(--h) * .55);gap:calc(var(--h) * .16);border:0;border-radius:999px;background:none;box-shadow:none;font-family:Montserrat,Segoe UI,system-ui,sans-serif;font-weight:900;font-size:calc(var(--h) * .36);letter-spacing:.05em;text-transform:uppercase;line-height:1;white-space:nowrap;color:#fff;transition:filter .15s,transform .12s}.btn.primary.small,.btn.secondary.small{--h: 40px;min-width:0;padding:0 calc(var(--h) * .4)}.btn.primary.big,.btn.secondary.big{--h: clamp(52px, 11vh, 76px);min-width:min(100%,calc(var(--h) * 3.68))}.btn.primary.xl,.btn.secondary.xl{--h: clamp(64px, 16vh, 120px);padding:0 calc(var(--h) * .6)}@media (pointer: coarse){.btn.primary.small,.btn.secondary.small{--h: 44px}}.btn.primary:before,.btn.secondary:before{content:"";position:absolute;left:0;right:0;top:calc(var(--h) * .09);height:100%;border-radius:999px;background:#0b1022;z-index:-2;box-shadow:0 calc(var(--h) * .1) calc(var(--h) * .22) #0000008c}.btn.primary:after,.btn.secondary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;z-index:-1;background-repeat:no-repeat;background-size:90% 46%,100% 100%,100% 100%;background-position:50% 8%,0 0,0 0}.btn.primary:after{background-image:radial-gradient(ellipse 50% 100% at 50% 0%,#ffffff80,#fff3 55%,#fff0),radial-gradient(ellipse 45% 55% at 28% 22%,#fcd539bf,#fcf9b300),linear-gradient(180deg,#fbef7a,#fdd53a 18%,#fdc622,#feb317 50%,#fca402,#fc9001,#fb7600 92%,#f86b00);box-shadow:inset 0 calc(var(--h) * -.035) 0 #fdd512f2,inset 0 calc(var(--h) * -.075) calc(var(--h) * .05) #e63c0099,inset 0 0 0 calc(var(--h) * .014 + 1.5px) #e04600f2}.btn.secondary:after{background-image:radial-gradient(ellipse 50% 100% at 50% 0%,#ffffff80,#fff3 55%,#fff0),radial-gradient(ellipse 45% 55% at 28% 22%,#aaebff99,#aaebff00),linear-gradient(180deg,#8fe0ff,#4cc0ff 16%,#2a9cf5,#1b80e6,#1468d2 70%,#0e52b8 86%,#0a42a0);box-shadow:inset 0 calc(var(--h) * -.035) 0 #5fd7fff2,inset 0 calc(var(--h) * -.075) calc(var(--h) * .05) #04185099,inset 0 0 0 calc(var(--h) * .014 + 1.5px) #042264f2}.btn.primary .t,.btn.secondary .t{background:linear-gradient(180deg,#fff,#fff 45%,#bfe9ff 75%,#8fd6ff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.btn.primary>*,.btn.primary .t{filter:drop-shadow(0 0 1px #9c2e01) drop-shadow(0 calc(var(--h) * .045) 0 #260201) drop-shadow(0 calc(var(--h) * .07) calc(var(--h) * .08) rgba(0,0,0,.55))}.btn.secondary>*,.btn.secondary .t{filter:drop-shadow(0 0 1px #031a4a) drop-shadow(0 calc(var(--h) * .045) 0 #020b24) drop-shadow(0 calc(var(--h) * .07) calc(var(--h) * .08) rgba(0,0,0,.55))}.btn.primary .ti,.btn.secondary .ti{width:calc(var(--h) * .4);height:calc(var(--h) * .4);color:#e6f6ff;flex:none}.btn.primary>*,.btn.secondary>*{margin-top:calc(var(--h) * -.02)}@media (hover: hover){.btn.primary:hover:not(:disabled),.btn.secondary:hover:not(:disabled){box-shadow:none;filter:drop-shadow(0 0 calc(var(--h) * .08) #43c6ff) drop-shadow(0 0 calc(var(--h) * .26) rgba(40,160,255,.75))}}.btn.primary:active:not(:disabled),.btn.secondary:active:not(:disabled){transform:none;filter:drop-shadow(0 0 calc(var(--h) * .08) #ffb347) drop-shadow(0 0 calc(var(--h) * .26) rgba(255,130,20,.75))}.btn.primary:active:not(:disabled):after,.btn.secondary:active:not(:disabled):after,.btn.primary:active:not(:disabled)>*,.btn.secondary:active:not(:disabled)>*{transform:translateY(calc(var(--h) * .06))}.btn.primary:active:not(:disabled):before,.btn.secondary:active:not(:disabled):before{box-shadow:0 calc(var(--h) * .04) calc(var(--h) * .1) #00000080}.btn.primary:focus-visible,.btn.secondary:focus-visible{outline:calc(var(--h) * .03 + 2px) solid #fff;outline-offset:calc(var(--h) * .08 + 2px);box-shadow:0 0 0 calc(var(--h) * .16 + 5px) #2fd6ff73}.btn.primary:disabled,.btn.secondary:disabled{background:none;box-shadow:none;filter:none;color:#f1f4fa;opacity:1}.btn.primary:disabled:after,.btn.secondary:disabled:after{background-image:radial-gradient(ellipse 50% 100% at 50% 0%,#ffffff38,#fff0),none,linear-gradient(180deg,#9aa4b8,#7c879d 40%,#5d6880);box-shadow:inset 0 calc(var(--h) * -.035) 0 #aab4c899,inset 0 0 0 calc(var(--h) * .014 + 1.5px) #1c2438f2}.btn.primary:disabled .t,.btn.secondary:disabled .t{background:none;color:#f1f4fa;-webkit-text-fill-color:#f1f4fa}.btn.primary:disabled>*,.btn.secondary:disabled>*{filter:drop-shadow(0 calc(var(--h) * .04) 0 #262d3e) drop-shadow(0 calc(var(--h) * .06) calc(var(--h) * .06) rgba(0,0,0,.35))}.btn.primary:disabled .ti,.btn.secondary:disabled .ti{color:#f1f4fa}.btn.secondary.armed,.btn.secondary.must{animation:pulse-take .55s ease-in-out infinite alternate}@keyframes pulse-take{to{filter:drop-shadow(0 0 calc(var(--h) * .1) #ffb347) drop-shadow(0 0 calc(var(--h) * .3) rgba(255,130,20,.8))}}.swoosh{--u: min(.0926vh, .06vw);position:fixed;left:0;right:0;top:45%;z-index:120;pointer-events:none;height:calc(var(--u) * 260);margin-top:calc(var(--u) * -130);display:grid;place-items:center}.swoosh .ribw{position:absolute;left:5%;right:5%;top:calc(var(--u) * 30);bottom:calc(var(--u) * 30);transform:skew(-16deg);filter:drop-shadow(0 0 calc(var(--u) * 26) var(--glow)) drop-shadow(0 calc(var(--u) * 10) calc(var(--u) * 14) rgba(0,0,0,.45));animation:sw-rib 1.2s linear both}.swoosh .rib{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0 50%,4% 0,96% 0,100% 50%,96% 100%,4% 100%);background:linear-gradient(180deg,#ffffff73,#fff0 42%,#00000052),linear-gradient(90deg,var(--c1) 0%,var(--c2) 50%,var(--c1) 100%)}.swoosh .edge{position:absolute;left:0;right:0;height:calc(var(--u) * 7);background:var(--edge);box-shadow:0 0 calc(var(--u) * 16) var(--edge),0 0 calc(var(--u) * 34) var(--glow)}.swoosh .edge.t{top:calc(var(--u) * 7)}.swoosh .edge.b{bottom:calc(var(--u) * 7)}.swoosh .streak{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.55;animation:sw-streak .5s linear infinite;background:repeating-linear-gradient(90deg,#fff0 0,#fff0 calc(var(--u) * 90),#ffffff59 calc(var(--u) * 90),#ffffff59 calc(var(--u) * 96),#fff0 calc(var(--u) * 96),#fff0 calc(var(--u) * 160))}.swoosh .shine{position:absolute;top:-20%;bottom:-20%;left:30%;width:18%;opacity:0;background:linear-gradient(90deg,#fff0,#ffffffbf,#fff0);animation:sw-shine 1.2s linear both}.swoosh .tw{position:relative;display:flex;align-items:center;gap:calc(var(--u) * 18);animation:sw-tw 1.2s linear both}.swoosh .bt{font-family:Montserrat,system-ui,sans-serif;font-style:italic;font-weight:900;font-size:calc(var(--u) * 128);line-height:1;letter-spacing:.02em;white-space:nowrap;padding:0 calc(var(--u) * 14);background:linear-gradient(180deg,#fff 0%,#fff 50%,var(--t2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 calc(var(--u) * 2) var(--x)) drop-shadow(0 calc(var(--u) * 9) 0 var(--x)) drop-shadow(0 calc(var(--u) * 14) calc(var(--u) * 16) rgba(0,0,0,.6)) drop-shadow(0 0 calc(var(--u) * 26) var(--glow))}.swoosh.k-shed .bt{animation:sw-wob .16s ease-in-out infinite alternate}.swoosh .spk{position:absolute;width:calc(var(--u) * var(--s));height:calc(var(--u) * var(--s));opacity:0;animation:sw-spk 1.2s linear both;animation-delay:var(--dl)}.swoosh .emb{position:absolute;width:calc(var(--u) * 8);height:calc(var(--u) * 8);border-radius:50%;background:#ffd23a;box-shadow:0 0 calc(var(--u) * 10) #ff8a1f;opacity:0;animation:sw-emb 1.2s cubic-bezier(.2,.7,.4,1) both;animation-delay:var(--dl)}.swoosh.leave{transition:opacity .18s;opacity:0}.k-turn{--c1: #ff5a00;--c2: #ffb02e;--edge: #ffe08a;--glow: rgba(255,140,30,.85);--t2: #fff1c2;--x: #3a0d00}.k-win{--c1: #c98a12;--c2: #ffe56a;--edge: #fff6c8;--glow: rgba(255,210,70,.9);--t2: #fff3b0;--x: #4a2a00}.k-second{--c1: #6f7c93;--c2: #eef3fa;--edge: #fff;--glow: rgba(220,235,255,.75);--t2: #dfe8f5;--x: #1c2433}.k-third{--c1: #7e3f14;--c2: #f0a868;--edge: #ffd3a8;--glow: rgba(240,150,80,.75);--t2: #ffe7d0;--x: #2a1203}.k-shed{--c1: #c4161c;--c2: #ff7a1f;--edge: #ffd27a;--glow: rgba(255,80,30,.85);--t2: #ffe2c4;--x: #3a0000}@keyframes sw-rib{0%{transform:translate(-125%) skew(-16deg) scaleY(.55);opacity:0}15%{transform:translate(4%) skew(-16deg) scaleY(1.08);opacity:1}24%{transform:translate(0) skew(-16deg) scaleY(1)}74%{transform:translate(0) skew(-16deg) scaleY(1);opacity:1}to{transform:translate(125%) skew(-16deg) scaleY(.6);opacity:0}}@keyframes sw-tw{0%,6%{transform:translate(calc(var(--u) * -180)) scale(.8);opacity:0;filter:blur(calc(var(--u) * 8))}21%{transform:translate(calc(var(--u) * 12)) scale(1.1);opacity:1;filter:blur(0)}31%{transform:none}74%{transform:none;opacity:1;filter:blur(0)}to{transform:translate(calc(var(--u) * 260)) scale(.92);opacity:0;filter:blur(calc(var(--u) * 6))}}@keyframes sw-shine{0%,30%{transform:translate(-140%) skew(-24deg);opacity:0}34%{opacity:1}58%{transform:translate(140%) skew(-24deg);opacity:1}62%,to{transform:translate(140%) skew(-24deg);opacity:0}}@keyframes sw-spk{0%,18%{transform:scale(0) rotate(0);opacity:0}32%{transform:scale(1.15) rotate(45deg);opacity:1}55%{transform:scale(.7) rotate(90deg);opacity:.9}72%{transform:scale(1) rotate(135deg);opacity:1}to{transform:scale(0) rotate(180deg);opacity:0}}@keyframes sw-emb{0%,14%{transform:translate(0) scale(1);opacity:0}24%{opacity:1}to{transform:translate(var(--ex),var(--ey)) scale(.3);opacity:0}}@keyframes sw-streak{0%{background-position:0 0}to{background-position:calc(var(--u) * -640) 0}}@keyframes sw-wob{0%{transform:rotate(-3deg) translateY(calc(var(--u) * -3))}to{transform:rotate(3deg) translateY(calc(var(--u) * 3))}}html.motion-reduced .swoosh{animation:sw-fade .6s linear both!important}html.motion-reduced .swoosh *{animation:none!important}html.motion-reduced .swoosh .spk,html.motion-reduced .swoosh .emb{display:none}@keyframes sw-fade{0%{opacity:0}25%,75%{opacity:1}to{opacity:0}}.popword{position:fixed;left:50%;top:45%;z-index:110;pointer-events:none;display:flex;align-items:center;gap:.14em;font-family:Montserrat,system-ui,sans-serif;font-style:italic;font-weight:900;font-size:clamp(30px,10vh,92px);letter-spacing:.02em;white-space:nowrap;line-height:1;--x: #3a0500;--glow: rgba(255,90,20,.9);--t2: #ffe9b0;filter:drop-shadow(0 0 2px var(--x)) drop-shadow(0 .08em 0 var(--x)) drop-shadow(0 0 .32em var(--glow));animation:pw-pop var(--d, 1.1s) linear both}.popword .pw-t{background:linear-gradient(180deg,#fff 0%,#fff 50%,var(--t2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding:0 .08em}.popword .pw-ic{width:.8em;height:.8em;flex:none}.popword .pw-ic.bolt{width:.6em;height:.75em;animation:pw-zap .18s steps(2) infinite}.popword.steal{--x: #021a3d;--glow: #2fd6ff;--t2: #c9f3ff}.popword.jump{--x: #013a30;--glow: #39e6c8;--t2: #cffff2}.popword.joker{--x: #1f0640;--glow: #b46bff;--t2: #f0e2ff}.popword.skip,.popword.go{--x: #020b24;--glow: #3f8cff;--t2: #d6e6ff}.popword.out{--x: #013a30;--glow: #39e6c8;--t2: #cffff2;font-size:clamp(22px,6.5vh,58px)}.popword.warn{--x: #3a0000;--glow: rgba(255,77,94,.9);--t2: #ffd0d4;font-size:clamp(20px,5.5vh,46px)}@keyframes pw-pop{0%{transform:translate(-50%,-50%) scale(.55);opacity:0}11%{transform:translate(-50%,-50%) scale(1.12);opacity:1}18%{transform:translate(-50%,-50%) scale(1);opacity:1}86%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-62%) scale(.96);opacity:0}}@keyframes pw-zap{0%,to{opacity:.25}50%{opacity:1}}html.motion-reduced .popword{animation:pw-fade var(--d, 1.1s) linear both!important}@keyframes pw-fade{0%{transform:translate(-50%,-50%);opacity:0}10%,85%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(-50%,-50%);opacity:0}}body:has(.jumpin) .popword,body:has(.results) .popword{display:none}.vfx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;pointer-events:none;overflow:hidden}.vfx>*{position:absolute;left:var(--cx);top:var(--cy);display:block;animation-timing-function:linear;animation-fill-mode:both}.vfx.v-cyan{--rc: #2fd6ff;--bc: rgba(47,214,255,.75);--sc: #e8fcff}.vfx.v-emb{--rc: #ff8a1f;--bc: rgba(255,120,30,.75);--sc: #ffe0a0}.vfx.land>*{animation-duration:.5s}.lf-flash{width:calc(var(--W) * 2.1);height:calc(var(--W) * 1.9);border-radius:50%;mix-blend-mode:screen;animation-name:lf-flash;background:radial-gradient(closest-side,#fff 0%,rgba(255,255,255,.9) 25%,var(--rc) 55%,rgba(0,0,0,0) 100%)}.lf-ring{transform:translate(-50%,-50%);border-radius:50%;border:9px solid var(--rc);animation-name:lf-ring;animation-timing-function:cubic-bezier(.2,.7,.3,1)!important;box-shadow:0 0 calc(var(--W) * .18) var(--rc),0 0 calc(var(--W) * .4) var(--rc),inset 0 0 calc(var(--W) * .14) var(--rc)}.lf-ring2{transform:translate(-50%,-50%);border-radius:50%;border:3px solid #fff;box-shadow:0 0 10px #fff,0 0 18px var(--rc);animation-name:lf-ring2;animation-timing-function:cubic-bezier(.2,.7,.3,1)!important}.lf-bloom{width:calc(var(--W) * 3);height:calc(var(--W) * 2);border-radius:50%;mix-blend-mode:screen;animation-name:lf-bloom;background:radial-gradient(closest-side,var(--bc) 0%,rgba(0,0,0,0) 100%)}.lf-sp{width:var(--s);height:var(--s);border-radius:50%;background:var(--sc);box-shadow:0 0 6px var(--sc),0 0 12px var(--rc);animation-name:lf-sp;animation-delay:var(--dl);animation-timing-function:cubic-bezier(.2,.7,.3,1)!important}@keyframes lf-flash{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}8%{transform:translate(-50%,-50%) scale(1);opacity:.95}32%,to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}@keyframes lf-ring{0%,4%{width:calc(var(--W) * 1.2);height:calc(var(--W) * .72);border-width:9px;opacity:0}7%{opacity:1}40%{opacity:.85}96%,to{width:calc(var(--W) * 3.4);height:calc(var(--W) * 2.04);border-width:2px;opacity:0}}@keyframes lf-ring2{0%{width:calc(var(--W) * 1.1);height:calc(var(--W) * .66);opacity:0}2%{opacity:1}52%,to{width:calc(var(--W) * 2.3);height:calc(var(--W) * 1.38);opacity:0}}@keyframes lf-bloom{0%{transform:translate(-50%,-50%) scale(.7);opacity:0}12%{transform:translate(-50%,-50%) scale(1);opacity:1}90%,to{transform:translate(-50%,-50%) scale(1.15);opacity:0}}@keyframes lf-sp{0%,6%{transform:translate(-50%,-50%);opacity:0}11%{opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.35);opacity:0}}html.motion-reduced .vfx.land>*{animation-duration:.2s!important;animation-iteration-count:1!important}.vfx.v-blue{--f1: #fffbe0;--f2: #ffe14a;--f3: #ffb020;--f4: #ff7a1f;--shock: #ff9a2e;--glowc: rgba(255,130,30,.7);--e1: #ffd23a;--e2: #ff8a1f;--e3: #fff1b8}.vfx.v-red{--f1: #ffe2a8;--f2: #ff8a24;--f3: #f0381a;--f4: #b8100a;--shock: #ff4a1f;--glowc: rgba(230,40,10,.75);--e1: #ff7a1f;--e2: #ff3b1f;--e3: #ffb02e}.vfx.burn>*{animation-duration:1.2s}.bf-glow{width:calc(var(--W) * 4.4);height:calc(var(--W) * 1.9);border-radius:50%;filter:saturate(1.3);mix-blend-mode:screen;animation-name:bf-glow;margin-top:calc(var(--W) * .3);background:radial-gradient(closest-side,var(--glowc) 0%,var(--glowc) 40%,rgba(0,0,0,0) 100%)}.bf-flash{width:calc(var(--W) * 2.2);height:calc(var(--W) * 1.6);border-radius:50%;mix-blend-mode:screen;animation-name:bf-flash;background:radial-gradient(closest-side,var(--f1) 0%,var(--f2) 30%,rgba(255,140,30,.4) 60%,rgba(0,0,0,0) 100%)}.bf-shock{transform:translate(-50%,-50%);border-radius:50%;border:8px solid var(--shock);box-shadow:0 0 calc(var(--W) * .18) var(--shock),inset 0 0 calc(var(--W) * .12) var(--shock);animation-name:bf-shock;animation-timing-function:cubic-bezier(.2,.7,.3,1)!important}.bf-shock2{transform:translate(-50%,-50%);border-radius:50%;border:2px solid #2fd6ff;box-shadow:0 0 12px #2fd6ff;animation-name:bf-shock2;animation-timing-function:cubic-bezier(.2,.7,.3,1)!important}.bf-fl{width:calc(var(--W) * var(--fw));height:calc(var(--W) * 1.4 * var(--fh));margin-left:calc(var(--W) * var(--fx));margin-top:calc(var(--W) * .45);transform-origin:50% 100%;overflow:visible;filter:blur(calc(var(--W) * .012)) drop-shadow(0 0 calc(var(--W) * .12) var(--f4));mix-blend-mode:screen;animation-name:bf-flame;animation-delay:var(--dl)}.vfx.burn>.bf-fl{animation-duration:.7s}.bf-em{width:var(--s);height:var(--s);border-radius:50%;background:var(--e3);box-shadow:0 0 0 1px var(--ec),0 0 8px var(--ec),0 0 16px var(--f4);animation-name:bf-em;animation-delay:var(--dl);animation-timing-function:cubic-bezier(.2,.7,.4,1)!important}.vfx.burn>.bf-em{animation-duration:1.05s}.bf-shim{width:calc(var(--W) * 3.2);height:calc(var(--W) * 2.6);margin-top:calc(var(--W) * .7);mix-blend-mode:screen;animation-name:bf-shim;animation-delay:.12s;background:repeating-linear-gradient(90deg,#ffaa5000 0,#ffaa5000 10px,#ffaa5038 10px,#ffaa5038 13px,#ffaa5000 13px,#ffaa5000 26px);filter:url(#vfx-heat) blur(1.5px);-webkit-mask-image:radial-gradient(ellipse at 50% 100%,#000 20%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 100%,#000 20%,transparent 70%)}.vfx.burn>.bf-shim{animation-duration:.93s}@keyframes bf-glow{0%{transform:translate(-50%,-50%) scale(.65);opacity:.1}15%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.06,1.1);opacity:.95}75%{transform:translate(-50%,-50%) scale(1);opacity:.7}to{transform:translate(-50%,-50%) scale(.9);opacity:0}}@keyframes bf-flash{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}3.3%{transform:translate(-50%,-50%) scale(1);opacity:1}16.7%,to{transform:translate(-50%,-50%) scale(1.7);opacity:0}}@keyframes bf-shock{0%{width:var(--W);height:calc(var(--W) * .6);border-width:8px;opacity:0}1.7%{opacity:1}29%,to{width:calc(var(--W) * 3.4);height:calc(var(--W) * 2.04);border-width:1px;opacity:0}}@keyframes bf-shock2{0%,3.3%{width:calc(var(--W) * 1.2);height:calc(var(--W) * .72);opacity:0}5.8%{opacity:.9}35%,to{width:calc(var(--W) * 3.8);height:calc(var(--W) * 2.28);opacity:0}}@keyframes bf-flame{0%{transform:translate(-50%,-100%) scale(.5,0);opacity:0}17%{transform:translate(-50%,-100%) scale(1);opacity:1}37%{transform:translate(-50%,-100%) scale(1.12,.86);opacity:1}60%{transform:translate(-50%,-100%) scale(.92,1.08);opacity:1}80%{transform:translate(-50%,-100%) scaleY(.7);opacity:.85}to{transform:translate(-50%,-100%) scale(.7,.1);opacity:0}}@keyframes bf-em{0%{transform:translate(-50%,-50%) scale(1);opacity:0}6%{opacity:1}62%{opacity:.95}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.3);opacity:0}}@keyframes bf-shim{0%{transform:translate(-50%,-100%);opacity:0}19%{opacity:.75}to{transform:translate(-50%,-100%) translateY(calc(var(--W) * -.5));opacity:0}}html.motion-reduced .vfx.burn>*{animation-duration:.4s!important;animation-iteration-count:1!important}@media (max-height: 500px){.panel .btn.primary.big,.panel .btn.secondary.big{--h: 44px}.panel .results{display:grid;grid-template-columns:repeat(2,auto);column-gap:28px;justify-content:center}}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/montserrat-latin-900-normal-B0TD3Qnu.woff2) format("woff2"),url(/assets/montserrat-latin-900-normal-BDWDmVut.woff) format("woff")}@font-face{font-family:Montserrat;font-style:italic;font-display:swap;font-weight:900;src:url(/assets/montserrat-latin-900-italic-Drco3BKl.woff2) format("woff2"),url(/assets/montserrat-latin-900-italic-B59aVta_.woff) format("woff")}