html:root{--kit-bg: #053246;--kit-panel: #fff7f0;--kit-fg: #4a2230;--kit-muted: #9a6a74;--kit-accent: #ff6f8e;--kit-accent-fg: #ffffff;--kit-accent-2: #4fd6c5;--kit-radius: 18px;--kit-font: "Arial Black", "Helvetica Neue", system-ui, sans-serif;--kit-focus-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #4fd6c5, 0 0 20px rgba(79, 214, 197, .6);--kit-glyph-key: linear-gradient(180deg, #ffffff, #f1dfe6);--kit-glyph-key-ink: #4a2230;--sr-ink: #4a2230;--sr-ink-soft: #9a6a74;--sr-coral: #ff6f8e;--sr-coral-deep: #e0476b;--sr-rose: #e0566f;--sr-mint: #4fd6c5;--sr-gold: #ffd66b;--sr-lilac: #b79bff;--sr-cream: #fff7f0;--sr-edge: #ecd3cb;--sr-shell: radial-gradient(120% 80% at 10% 0%, rgba(255, 214, 232, .9), transparent 60%), radial-gradient(90% 70% at 100% 30%, rgba(217, 198, 255, .55), transparent 65%), radial-gradient(100% 80% at 30% 110%, rgba(196, 245, 234, .75), transparent 60%), #fff7f0;--sr-pearl: radial-gradient(circle at 32% 26%, #fff 0 14%, transparent 34%), radial-gradient(circle at 62% 72%, rgba(200, 170, 255, .55), transparent 55%), radial-gradient(circle at 28% 72%, rgba(160, 240, 230, .55), transparent 50%), #fdf3ea;--sr-pearls: radial-gradient(circle at 50% 50%, #fff 0 2.6px, #f6e6dc 5px, #c9a99a 7.6px, transparent 8.6px) 0 0 / 20px 20px repeat-x;--sr-pill: linear-gradient(180deg, #ffffff 0%, #fbeef3 100%);--sr-mono: ui-monospace, "Cascadia Mono", Menlo, monospace;--sr-read: system-ui, "Segoe UI", sans-serif;--sr-bouncy: cubic-bezier(.2, 1.6, .4, 1);--sr-settle: cubic-bezier(.2, .9, .3, 1.1)}html,body{margin:0;height:100%;background:radial-gradient(120% 100% at 50% 0%,#0a5a73,#053246 60%,#021a26);overflow:hidden;overscroll-behavior:none}#app{position:fixed;inset:0}#app:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.07) 0 1px,transparent 1px 3px)}canvas{display:block;touch-action:manipulation;transition:filter .5s ease}html.sr-attract canvas{filter:blur(3px) brightness(.75) saturate(1.2)}:focus{outline:none}.sr-shell,.sr-panel,.sr-card,html .kit-modal-sheet,html .kit-loading{position:relative;color:var(--sr-ink);background:var(--sr-shell);border:0;box-shadow:inset 0 0 0 2px #fff,inset 0 -6px #ecd3cbb3,0 18px 44px #000a148c}.sr-panel:before,.sr-card:before,html .kit-modal-sheet:before,html .kit-loading:before{content:"";position:absolute;left:14px;right:14px;top:-10px;height:20px;background:var(--sr-pearls);filter:drop-shadow(0 2px 1px rgba(90,40,50,.3));pointer-events:none}.sr-panel:after,.sr-card:after,html .kit-modal-sheet:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.55) 44%,rgba(255,214,240,.35) 50%,rgba(196,245,234,.3) 56%,transparent 70%);background-size:260% 100%;background-position:130% 0;animation:sr-sheen-drift 7s 1.5s ease-in-out infinite;mix-blend-mode:soft-light}@keyframes sr-sheen-drift{0%,55%{background-position:130% 0}to{background-position:-30% 0}}.sr-chip{display:inline-flex;align-items:baseline;gap:6px;padding:5px 13px;border-radius:999px;white-space:nowrap;font:400 .68rem var(--sr-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sr-ink-soft);background:#fff;box-shadow:inset 0 -2px 0 var(--sr-edge),0 0 0 1.5px var(--sr-edge)}.sr-chip strong{font:900 .95rem var(--kit-font);letter-spacing:.02em;color:var(--sr-rose)}.sr-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;animation:sr-fade-up .4s .18s both}.sr-pop{position:absolute;right:6px;top:-6px;font:900 1.1rem var(--kit-font);color:var(--sr-gold);-webkit-text-stroke:4px #7a3a1a;paint-order:stroke fill;pointer-events:none;animation:sr-float .9s ease-out forwards}@keyframes sr-float{0%{transform:translateY(0) scale(.6);opacity:0}15%{transform:translateY(-6px) scale(1.2);opacity:1}to{transform:translateY(-46px) scale(1);opacity:0}}@keyframes sr-fade-up{0%{opacity:0;transform:translateY(10px)}}@keyframes sr-open{0%{opacity:0;transform:perspective(700px) rotateX(-38deg) scale(.9)}60%{opacity:1;transform:perspective(700px) rotateX(6deg) scale(1.02)}to{transform:none}}@keyframes sr-squash-in{0%{opacity:0;transform:translateY(-60%) scale(.6,1.4)}60%{opacity:1;transform:translateY(0) scale(1.15,.85)}to{transform:none}}@keyframes sr-sheen{0%,70%{left:-60%}to{left:130%}}html .kit-title,html .kit-modal-title,html .kit-banner{font-weight:900;letter-spacing:.03em;color:var(--sr-coral);-webkit-text-stroke:7px #fff;paint-order:stroke fill;text-shadow:0 4px 0 rgba(120,50,70,.35),0 0 18px rgba(255,255,255,.5);animation:sr-squash-in .6s var(--sr-bouncy) both}html .kit-title.sr-lost{color:#e8a21f}html .kit-title.sr-won{color:#19b8a4}html .kit-modal-title{font-size:1.6rem;text-align:center;-webkit-text-stroke:6px #fff}html .kit-tagline{font-family:var(--sr-mono);color:#e8fbff}html .kit-screen{color:#fff}html .kit-dim{background:#021a2680;backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%)}html .kit-title-screen.kit-dim{background:radial-gradient(ellipse 70% 60% at 50% 45%,#021a2626,#021a268c 70%,#010e16e0);backdrop-filter:none;-webkit-backdrop-filter:none}html .kit-menu{gap:10px}html .kit-btn{position:relative;overflow:hidden;font:900 16px var(--kit-font);letter-spacing:.01em;color:var(--sr-ink);border:0;border-radius:999px;background:var(--sr-pill);box-shadow:inset 0 -4px #ecd3dc,inset 0 0 0 1.5px #fff,0 4px #46142847;transition:transform .12s ease,box-shadow .15s ease}html .kit-btn:hover{transform:translateY(-2px);box-shadow:inset 0 -4px #ecd3dc,inset 0 0 0 1.5px #fff,0 6px #46142847}html[data-hub-input=keys] .kit-btn:focus,html .kit-btn[data-hub-focus],html .kit-btn.hub-nav-focus{transform:translateY(-2px);box-shadow:inset 0 -4px #ecd3dc,0 0 0 3px #fff,0 0 0 6px var(--sr-mint),0 0 22px #4fd6c599}html[data-hub-input=touch] .kit-btn[data-hub-focus]:not(:hover){transform:none;box-shadow:inset 0 -4px #ecd3dc,inset 0 0 0 1.5px #fff,0 4px #46142847}html .kit-btn:active{transform:translateY(3px);box-shadow:inset 0 -2px #ecd3dc,0 1px #46142847}html .kit-btn.kit-primary{color:#fff;background:linear-gradient(180deg,#ff9fb2 0%,var(--sr-coral) 50%,var(--sr-coral-deep) 100%);box-shadow:inset 0 -4px #b02a4c,inset 0 1.5px #fff9,0 4px #5a142866,0 0 18px #ff6f8e73}html[data-hub-input=keys] .kit-btn.kit-primary:focus,html .kit-btn.kit-primary[data-hub-focus],html .kit-btn.kit-primary.hub-nav-focus{box-shadow:inset 0 -4px #b02a4c,0 0 0 3px #fff,0 0 0 6px var(--sr-mint),0 0 24px #4fd6c599}html .kit-btn.kit-primary:before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transform:skew(-20deg);animation:sr-sheen 3.6s 1.2s ease-in-out infinite;pointer-events:none}html .kit-btn:disabled{opacity:.55;transform:none}html .kit-btn-sub{font-family:var(--sr-mono);font-weight:400;color:var(--sr-ink-soft)}html .kit-pause-btn{min-width:48px;min-height:48px;padding:0;display:grid;place-items:center;border-radius:50%;background:var(--sr-pearl);color:var(--sr-rose);box-shadow:inset -3px -4px 6px #b48c7866,0 3px #46142859,0 0 14px #fff0dc66}html .kit-modal{background:#010e168c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}html .kit-modal-sheet{overflow:visible;border-radius:28px 28px 22px 22px;padding-top:24px;transform-origin:50% 100%;animation:sr-open .42s var(--sr-settle) both}html .kit-modal-body{font-family:var(--sr-read);font-weight:500;line-height:1.45;color:var(--sr-ink)}html .kit-modal-body>p{position:relative;margin:0 0 8px;padding-left:26px}html .kit-modal-body>p:before{content:"";position:absolute;left:2px;top:.2em;width:15px;height:15px;border-radius:50%;background:var(--sr-pearl);box-shadow:inset -2px -2px 3px #b48c7873,0 1px #5a28324d}html .kit-modal-body>*{animation:sr-fade-up .35s both}html .kit-modal-body>:nth-child(2){animation-delay:.05s}html .kit-modal-body>:nth-child(3){animation-delay:.1s}html .kit-modal-body>:nth-child(4){animation-delay:.15s}html .kit-modal-body>:nth-child(5){animation-delay:.2s}html .kit-modal-body>:nth-child(n+6){animation-delay:.25s}html .kit-modal-sheet>*{position:relative;z-index:1}html .kit-row{min-height:52px;border-radius:16px;padding:6px 12px;background:#ffffffbf;box-shadow:inset 0 -3px 0 var(--sr-edge),0 0 0 1.5px var(--sr-edge)}html .kit-row:before{display:none}html .kit-row-label{font:900 .95rem var(--kit-font);color:var(--sr-ink)}html .kit-toggle{width:60px;height:34px;border-radius:999px;background:#ead6d1;box-shadow:inset 0 3px 6px #5a28324d;transition:background .2s}html .kit-toggle:after{top:3px;left:3px;width:28px;height:28px;background:var(--sr-pearl);box-shadow:inset -2px -3px 5px #b48c7873,0 2px 3px #46142859;transition:transform .28s var(--sr-bouncy)}html .kit-toggle[aria-checked=true]{background:linear-gradient(180deg,#ff8fa6,var(--sr-coral-deep));box-shadow:inset 0 3px 6px #78143259,0 0 12px #ff6f8e73}html .kit-toggle[aria-checked=true]:after{transform:translate(26px)}html .kit-toggle:active:after{width:34px}html[data-hub-input=keys] .kit-toggle:focus,html .kit-toggle[data-hub-focus]{box-shadow:inset 0 3px 6px #5a28324d,0 0 0 3px #fff,0 0 0 6px var(--sr-mint)}html .kit-slider{appearance:none;-webkit-appearance:none;height:34px;background:transparent;cursor:pointer}html .kit-slider::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,#ffc2cf,var(--sr-coral));box-shadow:inset 0 2px 3px #5a283259}html .kit-slider::-moz-range-track{height:8px;border-radius:999px;background:linear-gradient(90deg,#ffc2cf,var(--sr-coral))}html .kit-slider::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:50%;background:var(--sr-pearl);box-shadow:inset -2px -3px 5px #b48c7873,0 2px 3px #46142866}html .kit-slider::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:50%;background:#fdf3ea;box-shadow:0 2px 3px #46142866}html[data-hub-input=keys] .kit-slider:focus::-webkit-slider-thumb,html .kit-slider[data-hub-focus]::-webkit-slider-thumb{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--sr-mint)}html[data-hub-input=keys] .kit-slider:focus,html .kit-slider[data-hub-focus]{box-shadow:none}html .kit-seg{gap:4px;padding:4px;border-radius:999px;background:#ead6d1;box-shadow:inset 0 3px 6px #5a283240}html .kit-seg-item{min-width:40px;min-height:40px;border-radius:999px;color:var(--sr-ink);font:900 15px var(--kit-font);transition:transform .2s var(--sr-bouncy),background .2s}html .kit-seg-item[aria-checked=true]{color:#fff;background:linear-gradient(180deg,#ff9fb2,var(--sr-coral-deep));box-shadow:inset 0 -3px #b02a4c,0 2px 6px #78143259;transform:scale(1.06)}html[data-hub-input=keys] .kit-seg-item:focus,html .kit-seg-item[data-hub-focus]{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--sr-mint)}html .kit-toast{position:relative;color:var(--sr-ink);background:var(--sr-shell);border:0;border-radius:18px;padding:12px 16px 12px 30px;font-family:var(--sr-read);font-weight:600;box-shadow:inset 0 0 0 2px #fff,0 10px 30px #000a1473;animation:sr-open .35s var(--sr-settle) both}html .kit-toast:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:16px;background:radial-gradient(circle at 50% 50%,#fff 0 2px,#f6e6dc 4px,#c9a99a 6px,transparent 7px) 0 0 / 16px 16px repeat-y}html .kit-loading{border-radius:26px;padding:28px 24px 22px;margin:auto}html .kit-progress{height:10px;border-radius:999px;background:#ead6d1;box-shadow:inset 0 2px 3px #5a28324d}html .kit-progress>i{background:linear-gradient(90deg,#ffc2cf,var(--sr-coral));border-radius:999px}html .kit-spinner{border-color:#ecd3cb99;border-top-color:var(--sr-coral)}html .kit-banner{-webkit-text-stroke:9px #fff}html .kit-choose-head,html .kit-join-label{font:400 .72rem var(--sr-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sr-ink-soft)}html .kit-share-field,html .kit-join-code input,html .kit-chat-input{min-height:44px;border-radius:14px;border:0;padding:0 14px;font:600 1rem var(--sr-read);color:var(--sr-ink);background:#fff;box-shadow:inset 0 2px 4px #5a283233,0 0 0 1.5px var(--sr-edge)}html .kit-share-field:focus,html .kit-join-code input:focus,html .kit-chat-input:focus{box-shadow:inset 0 2px 4px #5a283233,0 0 0 3px var(--sr-mint)}html .kit-friend,html .kit-open{border-radius:16px;padding:4px 6px 4px 10px;background:#ffffffb3;box-shadow:0 0 0 1.5px var(--sr-edge)}html .kit-open-sub{color:var(--sr-ink-soft)}html .kit-chat-chips .kit-btn{font-size:14px}html .kit-turns .kit-chat-lines{color:#fff}.sr-mbtn{display:flex;align-items:center;justify-content:flex-start;gap:12px;text-align:left;padding:7px 36px 7px 8px;min-height:54px}html[data-prompts=keys] .kit-btn.sr-mbtn:has(>.kit-glyph-on[data-keys=yes]),html[data-prompts=pad] .kit-btn.sr-mbtn:has(>.kit-glyph-on[data-pad=yes]){padding-left:8px;padding-right:52px}.sr-mbtn>.kit-glyph-on{right:14px}.sr-mbtn-icon{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font:900 1rem var(--kit-font);color:var(--sr-rose);background:var(--sr-pearl);box-shadow:inset -3px -4px 6px #b48c7873,0 2px #5a322840;transition:transform .2s var(--sr-bouncy)}.sr-mbtn-icon:before{content:attr(data-icon)}.kit-primary .sr-mbtn-icon{width:44px;height:44px;color:var(--sr-coral-deep);font-size:1.1rem}.sr-mbtn-text{display:flex;flex-direction:column;min-width:0}.sr-mbtn-label{font:900 1rem var(--kit-font)}.kit-primary .sr-mbtn-label{font-size:1.2rem}.sr-mbtn-sub{font:400 .7rem var(--sr-mono);color:var(--sr-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kit-primary .sr-mbtn-sub{color:#ffe6ee}.sr-mbtn:has(>.kit-glyph):after{display:none}.sr-mbtn:after{content:"◀";position:absolute;right:14px;top:50%;margin-top:-.55em;font-size:.8rem;color:#19a896;opacity:0;transition:opacity .15s}.kit-primary.sr-mbtn:after{color:#fff}.sr-mbtn:hover .sr-mbtn-icon,html[data-hub-input=keys] .sr-mbtn:focus .sr-mbtn-icon,.sr-mbtn[data-hub-focus] .sr-mbtn-icon,.sr-mbtn.hub-nav-focus .sr-mbtn-icon{transform:scale(1.12) rotate(-8deg)}html[data-hub-input=touch] .sr-mbtn[data-hub-focus]:not(:hover) .sr-mbtn-icon{transform:none}html[data-hub-input=keys] .sr-mbtn:focus:after,.sr-mbtn[data-hub-focus]:after,.sr-mbtn.hub-nav-focus:after{opacity:1;animation:sr-nudge .6s ease-in-out infinite alternate}@keyframes sr-nudge{to{transform:translate(-5px)}}.sr-in{animation:sr-fade-up .42s var(--sr-settle) both;animation-delay:calc(var(--i, 0) * 60ms + .1s)}.kit-screen[data-redraw] .sr-in,.kit-screen[data-redraw] .kit-title{animation:none}.sr-title-screen{gap:10px}.sr-kicker{margin:0;font:400 .72rem var(--sr-mono);letter-spacing:.42em;color:#ffc2d1;text-shadow:0 0 10px rgba(255,143,174,.6);animation:sr-fade-up .6s .55s both}html .kit-title.sr-wordmark{-webkit-text-stroke:0;text-shadow:none;animation:none;margin:2px 0 4px}.sr-logo{display:flex;flex-direction:column;align-items:center;gap:6px;--b: clamp(2.6rem, 11vw, 3.7rem)}.sr-logo-row{display:flex;gap:calc(var(--b) * .07)}.sr-bubble{position:relative;display:grid;place-items:center;width:var(--b);height:var(--b);border-radius:50%;background:var(--sr-pearl);box-shadow:inset -6px -8px 12px #b48c7866,0 5px #3c141e59,0 0 20px #fff0dc8c;animation:sr-squash-in .7s var(--sr-bouncy) both,sr-bob 2.8s ease-in-out infinite;animation-delay:calc(var(--i) * 75ms),calc(var(--i) * .14s + .8s)}.sr-bubble:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.95) 0 10%,transparent 30%);opacity:0;animation:sr-glint 4.5s ease-in-out infinite;animation-delay:calc(var(--i) * .3s + 1.5s)}@keyframes sr-glint{0%,80%,to{opacity:0}88%{opacity:1}}.sr-bubble b{font:900 calc(var(--b) * .56) var(--kit-font);color:var(--hue);-webkit-text-stroke:calc(var(--b) * .07) #fff;paint-order:stroke fill}.sr-hue-0{--hue: #ff6f8e}.sr-hue-1{--hue: #e0566f}.sr-hue-2{--hue: #a07af0}.sr-hue-3{--hue: #23b8c9}.sr-hue-4{--hue: #19b8a4}@keyframes sr-bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(3deg)}}.sr-taglines{position:relative;height:1.4em;width:min(92vw,360px);margin:0}.sr-taglines span{position:absolute;inset:0;text-align:center;opacity:0;animation:sr-tagline 14s infinite}.sr-taglines span:nth-child(2){animation-delay:3.5s}.sr-taglines span:nth-child(3){animation-delay:7s}.sr-taglines span:nth-child(4){animation-delay:10.5s}@keyframes sr-tagline{0%{opacity:0;transform:translateY(8px)}4%,22%{opacity:1;transform:none}26%,to{opacity:0;transform:translateY(-8px)}}.sr-panel{width:min(400px,calc(100vw - 24px));box-sizing:border-box;display:flex;flex-direction:column;gap:10px;margin-top:12px;padding:20px 14px 14px;border-radius:28px 28px 24px 24px;transform-origin:50% 100%;animation:sr-open .6s .2s var(--sr-settle) both}.sr-panel>*{position:relative;z-index:1}.sr-panel .kit-menu,.sr-panel .kit-continue{width:100%}.sr-panel .kit-btn{width:100%;box-sizing:border-box}.sr-opps{display:flex;flex-direction:column;gap:8px}.sr-opps-line{margin:0;text-align:center;font:400 .72rem var(--sr-mono);color:var(--sr-ink-soft)}.sr-opps-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.sr-opp,.sr-size{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border:0;border-radius:18px;color:var(--sr-ink);background:#fff;font:900 .8rem var(--kit-font);cursor:pointer;box-shadow:inset 0 -3px #ead6cc,0 0 0 1.5px #e9cfc3;transition:transform .18s var(--sr-bouncy),box-shadow .15s,background .15s}.sr-opp-face{width:34px;height:34px}.sr-opp-level{font:400 .6rem var(--sr-mono);color:var(--sr-ink-soft)}.sr-opp.sr-on,.sr-size.sr-on{background:#ffe3ea;box-shadow:inset 0 -3px #ffc2cf,0 0 0 3px var(--sr-coral),0 0 14px #ff7a9573;transform:translateY(-2px)}.sr-opp:hover,.sr-size:hover{transform:translateY(-3px) scale(1.04)}html[data-hub-input=keys] .sr-opp:focus,html[data-hub-input=keys] .sr-size:focus,.sr-opp[data-hub-focus],.sr-size[data-hub-focus]{transform:translateY(-3px) scale(1.04);box-shadow:0 0 0 3px #fff,0 0 0 6px var(--sr-mint),0 0 16px #4fd6c599}.sr-sizes{display:grid;grid-template-columns:auto repeat(3,1fr);align-items:center;gap:6px}.sr-sizes-label{font:400 .68rem var(--sr-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sr-ink-soft);padding:0 4px}.sr-size{flex-direction:row;justify-content:center;gap:6px;min-height:44px;border-radius:999px}.sr-size-dots{width:14px;height:14px;background:radial-gradient(circle,#e0566f 0 30%,transparent 36%) 0 0 / 7px 7px}.sr-size-dots[data-size=small]{width:10px}.sr-size-dots[data-size=big]{width:18px;background-size:6px 6px}.sr-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.sr-bubbles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.sr-rise{position:absolute;bottom:-30px;width:var(--size);height:var(--size);border-radius:50%;border:1.5px solid rgba(232,253,255,.75);background:radial-gradient(circle at 32% 30%,#fff 0 18%,rgba(255,255,255,.15) 30%,transparent 70%);box-shadow:0 0 10px #7fe3ff66;animation:sr-rise 8s linear infinite}@keyframes sr-rise{0%{transform:translate(0);opacity:0}10%{opacity:1}50%{transform:translate(18px,-55vh)}90%{opacity:1}to{transform:translate(-18px,-110vh);opacity:0}}.sr-card{width:min(400px,calc(100vw - 24px));display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:24px 16px 16px;box-sizing:border-box;border-radius:28px 28px 24px 24px;transform-origin:50% 100%;animation:sr-open .42s var(--sr-settle) both}.sr-card>*{position:relative;z-index:1}.sr-card .kit-title{margin:0;text-align:center;font-size:clamp(2rem,9vw,2.6rem)}.sr-card-sub{margin:-4px 0 0;text-align:center;font:400 .75rem var(--sr-mono);color:var(--sr-ink-soft);animation:sr-fade-up .4s .12s both}.sr-card .kit-menu{width:100%}.sr-card .kit-btn{width:100%;box-sizing:border-box}.sr-card .kit-result-body{display:flex;flex-direction:column;align-items:center;gap:10px}.sr-vs{display:flex;align-items:center;justify-content:center;gap:14px;animation:sr-fade-up .4s .15s both}.sr-vs-side{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;border-radius:20px;background:#fff;box-shadow:inset 0 -3px #ead6cc,0 0 0 1.5px #e9cfc3}.sr-vs-side.sr-win{box-shadow:inset 0 -3px #ffe7a8,0 0 0 3px var(--sr-gold),0 0 18px #ffd66b99}.sr-vs-face{width:56px;height:56px}.sr-vs-name{font:900 .85rem var(--kit-font)}.sr-vs-n{font:900 1.6rem var(--kit-font);color:var(--sr-rose)}.sr-vs-mid{font:400 .8rem var(--sr-mono);color:var(--sr-ink-soft)}.sr-total{margin:0;font:900 1rem var(--kit-font)}.sr-total strong{font-size:1.7rem;color:var(--sr-rose);-webkit-text-stroke:5px #fff;paint-order:stroke fill}.sr-best{margin:0;font:400 .75rem var(--sr-mono);color:var(--sr-ink-soft)}.sr-stars{display:flex;gap:6px;margin:0;font-size:2.3rem}.sr-star{color:#ead6d1;animation:sr-squash-in .6s var(--sr-bouncy) both;animation-delay:calc(var(--i) * .18s + .3s)}.sr-star.sr-on{color:var(--sr-gold);-webkit-text-stroke:3px #c98a1e;paint-order:stroke fill;text-shadow:0 0 16px rgba(255,214,107,.8)}html .kit-hud{gap:10px;font:400 15px var(--kit-font)}.sr-cards{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:nowrap;max-width:calc(100vw - 112px)}.sr-pcard{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:4px 12px 4px 4px;border-radius:999px;color:var(--sr-ink);background:var(--sr-pill);box-shadow:inset 0 -3px #ecd3dc,0 0 0 2px #fff,0 4px #000a144d;transition:transform .25s var(--sr-bouncy),box-shadow .2s}.sr-pcard.sr-in{animation-delay:calc(var(--i, 0) * 80ms)}.sr-pcard-face{width:34px;height:34px;flex:0 0 auto;overflow:hidden;border-radius:50%}.sr-pcard-name{font:900 .9rem var(--kit-font);white-space:nowrap}.sr-card-score{min-width:1.4em;text-align:center;font:900 1.25rem var(--kit-font);color:var(--sr-rose)}.sr-pcard.sr-on{transform:translateY(2px) scale(1.07);box-shadow:inset 0 -3px #ecd3dc,0 0 0 3px var(--seat),0 0 20px color-mix(in srgb,var(--seat) 70%,transparent)}.sr-seat-0{--seat: #19b8a4}.sr-seat-1{--seat: var(--sr-coral)}.sr-seat-2{--seat: #f2b52e}.sr-seat-3{--seat: var(--sr-lilac)}.sr-thinking{display:none;gap:3px}.sr-pcard.sr-think .sr-thinking{display:inline-flex}.sr-thinking i{width:7px;height:7px;border-radius:50%;background:var(--sr-pearl);box-shadow:0 0 0 1px #c9a99a;animation:sr-think .9s ease-in-out infinite}.sr-thinking i:nth-child(2){animation-delay:.15s}.sr-thinking i:nth-child(3){animation-delay:.3s}@keyframes sr-think{50%{transform:translateY(-6px)}}@media(max-width:420px){.sr-pcard{padding-right:9px}.sr-pcard-name{font-size:.78rem}.sr-card-score{font-size:1.1rem}.sr-hud-chip{padding:6px 9px}}.sr-hud-chip{padding:8px 14px}.sr-status{position:fixed;left:50%;top:min(var(--sr-status-top, calc(100% - 64px) ),calc(100% - 56px - env(safe-area-inset-bottom)));transform:translate(-50%);padding:9px 22px 10px;border-radius:999px;font:900 1.05rem var(--kit-font);white-space:nowrap;color:#fff;background:linear-gradient(180deg,#ff9fb2 0%,var(--sr-coral) 50%,var(--sr-coral-deep) 100%);box-shadow:inset 0 -4px #b02a4c,0 0 0 2px #fff,0 4px #000a144d,0 0 22px #ff6f8e80;pointer-events:none;animation:sr-fade-up .4s var(--sr-bouncy) both}.sr-status[data-mood=them]{color:var(--sr-ink);background:var(--sr-pill);box-shadow:inset 0 -4px #ecd3dc,0 0 0 2px #fff,0 4px #000a144d}.sr-status[data-mood=end]{color:#5a3500;background:linear-gradient(180deg,#fff3c4 0%,var(--sr-gold) 100%);box-shadow:inset 0 -4px #d9a12a,0 0 0 2px #fff,0 0 22px #ffd66b99}.sr-oplay{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.sr-oregion{width:100%;touch-action:none}.sr-status.sr-ostatus{position:static;transform:none}html.sr-online .kit-turns{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none;gap:8px;padding:calc(var(--kit-top, 0px) + 58px) 10px 24px}html.sr-online .kit-turns>*{pointer-events:auto;flex-shrink:0}html.sr-online .kit-turns>.kit-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}html.sr-online .kit-turn-status{order:1;margin:0;min-height:0;font-size:1.05rem;color:#fff;text-shadow:0 2px 0 rgba(0,20,30,.5)}html.sr-online .kit-seats{order:2;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:8px;width:100%}html.sr-online .kit-seat{width:auto;min-height:40px;gap:8px;padding:0 6px;font-size:.95rem}html.sr-online .kit-seat .kit-face{width:28px!important;height:28px!important}html.sr-online .kit-turn-link{order:3}html.sr-online .kit-turn-board{order:4;width:100%;pointer-events:none}html.sr-online .sr-oregion{pointer-events:none}html.sr-online .kit-turns>.kit-menu{order:5;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}html.sr-online .kit-turns>.kit-menu>.kit-btn.sr-mbtn{flex:1 1 0;min-width:140px;max-width:240px;width:auto;min-height:46px;margin:0;padding:4px 14px 4px 5px}html.sr-online .kit-turns>.kit-menu .sr-mbtn-label{font-size:.9rem;white-space:nowrap}html.sr-online .kit-turns>.kit-menu .sr-mbtn-icon{width:34px;height:34px;font-size:.85rem}html.sr-online .kit-turns>.kit-menu .sr-mbtn-sub,html.sr-online .kit-turns>.kit-menu .sr-mbtn:after{display:none}html.sr-online .kit-chat{order:6}.kit-turns .kit-title{font-size:clamp(1.7rem,6vw,2.3rem)}.kit-turns .kit-seat{min-height:46px;border-radius:999px;font-family:var(--kit-font);color:var(--sr-ink);background:var(--sr-pill);box-shadow:inset 0 -3px #ecd3dc,0 0 0 2px #fff,0 4px #000a144d;animation:sr-fade-up .35s both}.kit-turns .kit-seat.sr-on,.kit-turns .kit-seat[data-due=true]{box-shadow:inset 0 -3px #ecd3dc,0 0 0 3px var(--seat, var(--sr-coral)),0 0 18px color-mix(in srgb,var(--seat, var(--sr-coral)) 60%,transparent)}.kit-turns .kit-seat .kit-seat-player{color:var(--sr-ink)}.kit-turns .kit-seat .sr-card-score{margin-left:auto;padding:0 6px}html .kit-turns,html .kit-lobby,html .kit-choose{font-family:var(--kit-font)}html.sr-cover-on #app:after{display:none}html.sr-cover-on #ui{visibility:hidden}.sr-cover-art{position:fixed;inset:0;z-index:5;pointer-events:none;font-family:var(--kit-font)}.sr-cv-left{position:absolute;left:3%;top:0;bottom:0;width:46%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.sr-cv-title{margin:0}.sr-cv-title .sr-logo{--b: min(17vh, 8.6vw)}.sr-cv-title .sr-bubble,.sr-cv-title .sr-bubble:after{animation:none}.sr-cv-title .sr-bubble{box-shadow:inset -6px -8px 12px #b48c7866,0 6px #3a1a28,0 0 0 3px #4a22308c,0 0 26px #fff0dcbf}.sr-cv-title .sr-bubble b{font-size:calc(var(--b) * .62);-webkit-text-stroke:calc(var(--b) * .09) #fff;filter:drop-shadow(0 2px 0 rgba(74,34,48,.45))}.sr-cover-art:before{content:"";position:absolute;left:0;top:0;bottom:0;width:58%;background:radial-gradient(ellipse 70% 60% at 45% 48%,rgba(2,26,38,.35),transparent 75%)}.sr-cv-title .sr-bubble:nth-child(odd){transform:translateY(-4px) rotate(-4deg)}.sr-cv-title .sr-bubble:nth-child(2n){transform:translateY(3px) rotate(3deg)}.sr-cv-title .sr-logo-row:nth-child(2){margin-left:1.2em}.sr-cv-pill{position:relative;margin:6px 0 0;padding:10px 22px;border-radius:999px;font:900 clamp(.8rem,3.6vh,1.4rem) var(--kit-font);color:var(--sr-ink);background:var(--sr-shell);box-shadow:inset 0 0 0 2px #fff,inset 0 -4px #ecd3cbcc,0 6px #000a144d,0 0 22px #fff0dc73}.sr-cv-pill:before{content:"";position:absolute;left:16px;right:16px;top:-9px;height:18px;background:radial-gradient(circle at 50% 50%,#fff 0 2.4px,#f6e6dc 4.6px,#c9a99a 7px,transparent 8px) 0 0 / 18px 18px repeat-x}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.sr-taglines span:first-child{opacity:1}.sr-rise{display:none}}