@font-face{font-family:League Spartan;font-style:normal;font-display:swap;font-weight:800;src:url(./league-spartan-latin-800-normal-Bu841fJe.woff2)format("woff2"),url(./league-spartan-latin-800-normal-B9UeIwhc.woff)format("woff")}@font-face{font-family:Luckiest Guy;font-style:normal;font-display:swap;font-weight:400;src:url(./luckiest-guy-latin-400-normal-dJClyBWO.woff2)format("woff2"),url(./luckiest-guy-latin-400-normal-f5b8-b44.woff)format("woff")}:root{--bg:#fff;--surface:#fff;--surface-2:#f3f1f8;--line:#e6e3ee;--track:#efedf5;--toggle-off:#e9e9eb;--glass-top:#ffffffeb;--glass-bottom:#f6f5facc;--glass-edge:#33304a29;--cloud:#fff;--ink:#33304a;--ink-soft:#7a7390;--ink-on-light:#33304a;--brand:#ff4b3e;--brand-deep:#c92a1f;--on-brand:#fff;--brand-soft:#fff0ee;--brand-soft-edge:#fbd0ca;--accent:#2f7df6;--p1:#ff4b3e;--p1-deep:#c92a1f;--p2:#2f7df6;--p2-deep:#1d56b8;--tile-pink:#ff5c8a;--tile-yellow:#ffc23c;--tile-blue:#2eb8f0;--tile-green:#38d27e;--font-ui:"League Spartan", system-ui, -apple-system, sans-serif;--font-logo:"Luckiest Guy", "League Spartan", system-ui, sans-serif;--ios-font:-apple-system, "SF Pro Text", system-ui, "League Spartan", sans-serif;--card-radius:22px;--card-shadow:0 0 0 1px #1e143c12;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--px:4px;--pixel-corners:polygon(0 calc(2 * var(--px)), var(--px) calc(2 * var(--px)), var(--px) var(--px), calc(2 * var(--px)) var(--px), calc(2 * var(--px)) 0, calc(100% - 2 * var(--px)) 0, calc(100% - 2 * var(--px)) var(--px), calc(100% - var(--px)) var(--px), calc(100% - var(--px)) calc(2 * var(--px)), 100% calc(2 * var(--px)), 100% calc(100% - 2 * var(--px)), calc(100% - var(--px)) calc(100% - 2 * var(--px)), calc(100% - var(--px)) calc(100% - var(--px)), calc(100% - 2 * var(--px)) calc(100% - var(--px)), calc(100% - 2 * var(--px)) 100%, calc(2 * var(--px)) 100%, calc(2 * var(--px)) calc(100% - var(--px)), var(--px) calc(100% - var(--px)), var(--px) calc(100% - 2 * var(--px)), 0 calc(100% - 2 * var(--px)))}:root[data-theme=dark]{--bg:#15131d;--surface:#221f2e;--surface-2:#2b2739;--line:#36314a;--track:#221f2e;--toggle-off:#39393d;--ink:#f3f1fa;--ink-soft:#a39cb8;--glass-top:#2c283cd9;--glass-bottom:#1e1b2ab3;--glass-edge:#ffffff24;--brand-soft:#2a1d16;--brand-soft-edge:#3d2a20;--card-shadow:0 0 0 1px #ffffff0f}*,:before,:after{box-sizing:border-box}:root{--safe-top:env(safe-area-inset-top);--safe-right:env(safe-area-inset-right);--safe-bottom:env(safe-area-inset-bottom);--safe-left:env(safe-area-inset-left)}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;margin:0}#app{min-height:100%}.screen{min-height:100vh;min-height:100dvh;animation:.18s ease-out screen-in}@media (min-width:720px){html,body{background:color-mix(in srgb, var(--ink) 9%, var(--bg))}.screen{background-color:var(--bg);max-width:520px;box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 6%, transparent);margin-inline-start:auto;margin-inline-end:auto;position:relative}html[data-sideways-ok] .screen.play{max-width:none;box-shadow:none}}.screen--wash{background-color:var(--bg);background-image:linear-gradient(180deg, color-mix(in srgb, var(--wash,var(--accent)) 30%, var(--bg)) 0%, var(--bg) 380px)}:root[data-theme=dark] .screen--wash{background-image:linear-gradient(180deg, color-mix(in srgb, var(--wash,var(--accent)) 12%, var(--bg)) 0%, var(--bg) 320px)}:-webkit-any(.screen--wash,.screen--float) .top-bar{background:color-mix(in srgb, var(--bg) 72%, transparent);box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 10%, transparent);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-bottom:0}:is(.screen--wash,.screen--float) .top-bar{background:color-mix(in srgb, var(--bg) 72%, transparent);box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 10%, transparent);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-bottom:0}:-webkit-any(.screen--wash,.screen--float) .top-bar__btn{background:color-mix(in srgb, var(--surface) 72%, transparent);color:var(--ink);box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 10%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:50%;padding:0}:is(.screen--wash,.screen--float) .top-bar__btn{background:color-mix(in srgb, var(--surface) 72%, transparent);color:var(--ink);box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 10%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:50%;padding:0}:root[data-theme=dark] :-webkit-any(.screen--wash,.screen--float) .top-bar__btn{background:color-mix(in srgb, var(--ink) 14%, var(--bg))}:root[data-theme=dark] :is(.screen--wash,.screen--float) .top-bar__btn{background:color-mix(in srgb, var(--ink) 14%, var(--bg))}@keyframes card-rise{0%{opacity:0;translate:0 14px}}.upright{display:none}@media (orientation:landscape) and (max-height:540px){html:not([data-sideways-ok]) .upright:not(.upright--sideways){z-index:1000;background:var(--bg);color:var(--ink);font:800 20px/1.2 var(--font-ui);letter-spacing:.04em;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}}.upright__phone{border:5px solid var(--brand);border-radius:12px;width:44px;height:72px;animation:1.8s ease-in-out infinite upright-turn;transform:rotate(90deg)}@media (orientation:portrait){html[data-sideways-only]{--safe-top:0px;--safe-right:env(safe-area-inset-top);--safe-bottom:0px;--safe-left:env(safe-area-inset-bottom)}html[data-sideways-only] .play{width:100vh;transform-origin:0 0;width:100dvh;height:100vw;position:fixed;top:0;left:0;translate:0 100dvh;rotate:-90deg}}@keyframes upright-turn{0%,25%{transform:rotate(90deg)}55%,to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.upright__phone{animation:none;transform:none}}.studio-from{z-index:1;margin-bottom:-9px;font-size:14px;position:relative;transform:translate(-50px)rotate(-6deg)}.studio-logo{width:132px;height:auto;margin-top:4px;display:block}:root[data-theme=dark] .studio-logo--light,:root:not([data-theme=dark]) .studio-logo--dark{display:none}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}}@keyframes coin-flip{0%,82%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.coin-icon{color:#ffc83d;filter:drop-shadow(0 2px #d9a91a);display:inline-grid}.coin-icon>*{grid-area:1/1}.coin-icon__mark{color:#fff;display:grid}.modal{z-index:30;background:#15131d8c;place-items:center;padding:16px;animation:.15s ease-out modal-fade;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal__card{max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));scrollbar-width:none;text-align:center;background:var(--surface);width:min(340px,100%);box-shadow:inset 0 -6px 0 var(--line);border-radius:24px;flex-direction:column;padding:30px 22px 26px;animation:.2s cubic-bezier(.3,1.4,.5,1) both modal-pop;display:flex;position:relative;overflow-y:auto}.modal__title{font-family:var(--font-logo);letter-spacing:.02em;color:var(--brand);text-shadow:0 3px 0 var(--brand-deep);margin:0;padding-top:4px;font-size:36px;font-weight:400;line-height:1}.modal__body{overscroll-behavior:contain;scrollbar-width:none;min-height:0;color:var(--ink-soft);flex:0 auto;margin-top:16px;font-size:18px;font-weight:800;line-height:1.35;overflow-y:auto}.modal__card::-webkit-scrollbar{display:none}.modal__body::-webkit-scrollbar{display:none}.modal__title,.modal__actions{flex:none}.modal__actions{gap:10px;margin-top:26px;display:grid}.px-btn{background:var(--surface-2);height:56px;color:var(--ink);box-shadow:inset 0 -4px 0 var(--line);font:800 19px/1 var(--font-ui);letter-spacing:.06em;cursor:pointer;border:0;border-radius:16px;padding:0 20px 4px;transition:transform 80ms}.px-btn:active{transform:translateY(2px)}.px-btn.has-icon{justify-content:center;align-items:center;gap:10px;display:flex}.px-btn.has-icon svg{flex:none;margin-top:2px}.px-btn--primary{background:var(--brand);color:var(--on-brand);box-shadow:inset 0 -4px 0 var(--brand-deep)}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-pop{0%{transform:scale(.85)}}.modal__close{background:var(--surface-2);width:40px;height:40px;color:var(--ink-soft);cursor:pointer;border:0;border-radius:12px;place-items:center;padding:0;display:grid;position:absolute;top:14px;right:14px}.modal__card.has-close .modal__title{padding-inline-start:40px;padding-inline-end:40px}@media (prefers-reduced-motion:reduce){.modal,.modal__card{animation:none}}.modal .is-beat{animation:1.3s ease-in-out infinite modal-heartbeat}.modal .is-beat:active{animation:none}@keyframes modal-heartbeat{0%,40%,to{transform:scale(1)}10%{transform:scale(1.06)}20%{transform:scale(1)}30%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.modal .is-beat{animation:none}}.modal--glass{-webkit-backdrop-filter:blur(10px)saturate(140%);backdrop-filter:blur(10px)saturate(140%);background:#14121e38}.modal__card--glass{--glass-font:-apple-system, "SF Pro Text", system-ui, var(--font-ui);-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);background:#fafafdb8;border:1px solid #fff9;border-radius:30px;width:min(390px,100%);padding:28px 18px 18px;animation-name:modal-rise;box-shadow:0 24px 60px #0a081447,inset 0 1px #fffc}.modal__card--glass .modal__title{font:800 26px/1.1 var(--glass-font);letter-spacing:.04em;color:var(--ink);text-shadow:none}.modal__card--glass .modal__body{font:500 17px/1.35 var(--glass-font);color:var(--ink-soft);margin-top:10px}.modal__card--glass .modal__actions{gap:16px;margin-top:22px}.glass-btn{background:var(--brand);height:64px;color:var(--on-brand);font:700 20px/1 var(--glass-font);letter-spacing:.04em;cursor:pointer;border:0;border-radius:18px;justify-content:center;align-items:center;gap:8px;transition:transform 80ms,filter 80ms;display:flex}.glass-btn:active{filter:brightness(.92);transform:scale(.98)}.glass-list{background:#ffffffb3;border-radius:18px;overflow:hidden}.glass-row{width:100%;height:62px;color:var(--ink);font:600 19px/1 var(--glass-font);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;padding:0 16px;display:flex;position:relative}.glass-row+.glass-row:before{content:"";background:#3c3c4329;height:1px;position:absolute;top:0;left:66px;right:0;transform:scaleY(.5)}.glass-row:active{background:#0000000f}.glass-row__icon{background:var(--tint,#8e8e93);color:#fff;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.glass-row__label{text-transform:lowercase;flex:1}.glass-row__label:first-letter{text-transform:uppercase}.glass-row>svg:last-child{color:#3c3c434d;flex:none}.glass-row.is-danger{color:#ff3b30}.glass-btn--plain{color:var(--ink);background:#76768024}.modal__card--glass .modal__close{color:#3c3c43b3;background:#76768029;border-radius:50%;width:32px;height:32px;top:16px;right:16px}.modal__card--glass .modal__body{text-align:center}:root[data-theme=dark] .modal__card--glass .modal__close{color:#ebebf5b3}:root[data-theme=dark] .glass-btn--plain{background:#76768047}:root[data-theme=dark] .modal__card--glass{background:#221f2eb8;border-color:#ffffff1f;box-shadow:0 24px 60px #00000080,inset 0 1px #ffffff14}:root[data-theme=dark] .glass-list{background:#ffffff14}:root[data-theme=dark] .glass-row+.glass-row:before{background:#ffffff29}:root[data-theme=dark] .glass-row>svg:last-child{color:#ffffff4d}@keyframes modal-rise{0%{opacity:0;transform:translateY(16px)scale(.96)}}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 92px);z-index:20;background:color-mix(in srgb, var(--surface) 84%, transparent);max-width:calc(100% - 32px);box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 10%, transparent), 0 10px 28px #28143c2e;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);color:var(--ink);font:600 15px/1.25 var(--ios-font);border-radius:999px;align-items:center;gap:10px;padding:9px 18px 9px 9px;transition:opacity .25s,translate .25s;animation:.38s cubic-bezier(.3,1.5,.5,1) toast-in;display:flex;position:fixed;translate:-50%}.toast:not(:has(.toast__icon)){padding-left:18px}:root[data-theme=dark] .toast{background:#3a3550eb;box-shadow:0 0 0 1px #ffffff1f,0 10px 28px #0006}.toast__icon{color:#f2a925;background:linear-gradient(#fff6d6,#ffe7a3);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 -2px #d9a91a59}.toast__text{min-width:0}.toast.is-out{opacity:0;translate:-50% 8px}@keyframes toast-in{0%{opacity:0;translate:-50% 16px;scale:.9}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.top-bar{z-index:5;padding:calc(var(--safe-top) + 12px) calc(var(--safe-right) + 16px) 12px calc(var(--safe-left) + 16px);border-bottom:3px solid var(--line);background:var(--surface);grid-template-columns:44px 1fr 44px;align-items:center;display:grid;position:sticky;top:0}.top-bar__btn{background:var(--brand);width:44px;height:44px;color:var(--on-brand);box-shadow:inset 0 -4px 0 var(--brand-deep);cursor:pointer;border:0;border-radius:14px;place-items:center;padding:0 0 4px;transition:transform 80ms;display:grid}.top-bar__btn:active{transform:translateY(2px)}.top-bar__title{font-family:var(--font-logo);letter-spacing:.04em;text-align:center;color:var(--brand);margin:0;padding-top:4px;font-size:clamp(22px,7.4vw,30px);font-weight:400;line-height:1}.top-bar--two{grid-template-columns:96px 1fr 96px}.top-bar__pair{justify-content:flex-end;gap:8px;display:flex}.top-bar--two .top-bar__title{font-size:clamp(18px,5.6vw,26px)}.top-bar__sr{clip-path:inset(50%);width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.backdrop{display:none}@media (min-width:720px){.backdrop{z-index:-1;background:var(--backdrop-bg);pointer-events:none;display:block;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.backdrop span{opacity:.35;position:absolute}:root[data-theme=dark] .backdrop{background:color-mix(in srgb, var(--ink) 6%, var(--bg))}:root[data-theme=dark] .backdrop span{opacity:.18}body:has(>#app>.backdrop){background:0 0}}.gk-sky{--gk-ink:#2b2550;--gk-ink-soft:#6b6590;--gk-cream:#fff6e3;--gk-gold:#ffd23f;--sky-top:#4fbef0;--sky-mid:#8fd6f7;--sky-bottom:#dff4ff;--bg:var(--sky-top);--ink:var(--gk-ink);background:var(--sky-mid);color:var(--gk-ink)}:root[data-theme=dark] .gk-sky{--sky-top:#1d2550;--sky-mid:#2e3a72;--sky-bottom:#4a4f86;--ink:#fff}.gk-panel{--side:#e5bd7c;--fill:var(--gk-cream,#fff6e3);--thick:10px;background:var(--fill);box-shadow:inset 0 3px 0 #fffffff2, inset 0 -4px 0 #aa78321f, 0 var(--thick) 0 var(--side);color:var(--gk-ink,#2b2550);border-radius:26px;padding:16px 14px;position:relative}.gk-panel.has-label{margin-top:26px;margin-bottom:var(--thick);padding-top:34px}.gk-bar{background:#e8d9bd;border-radius:99px;height:18px;padding:3px;display:block;position:relative;box-shadow:inset 0 2px #5a3c144d}.gk-bar>i{background:#ffc21a;border-radius:99px;min-width:12px;height:100%;display:block;position:relative;box-shadow:inset 0 -2px #a05a0059}.gk-bar>i:after{content:"";background:#ffffffb3;border-radius:99px;height:3px;position:absolute;top:2px;bottom:auto;left:6px;right:6px}.gk-chip{color:var(--gk-ink,#2b2550);background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 7px;display:flex;box-shadow:inset 0 -4px #785a281f,0 0 0 2px #c896502e}.gk-chip b{font:400 22px / 1 var(--font-logo);padding-top:3px}.gk-chip small{letter-spacing:.14em;color:var(--gk-ink-soft,#6b6590);font-size:10px;font-weight:800}.gk-slab{--slab:#ffd98a;--slab-side:#d99a3c;z-index:1;background:var(--slab);max-width:calc(100% - 40px);box-shadow:inset 0 2px 0 #ffffffb3, 0 6px 0 var(--slab-side);font:400 21px / 1 var(--font-logo);letter-spacing:.04em;white-space:nowrap;color:var(--gk-ink,#2b2550);text-shadow:0 2px #ffffff80;border-radius:12px;padding:9px 22px 6px;position:absolute;top:-22px;left:50%;translate:-50%;rotate:-2deg}.awards{min-height:100vh;min-height:100dvh;padding-bottom:calc(env(safe-area-inset-bottom) + 40px);flex-direction:column;display:flex}.aw-ch-1{--zone:#2fbf71;--zone-deep:#1f8f52}.aw-ch-2{--zone:#2e8ff0;--zone-deep:#1d68b8}.aw-ch-3{--zone:#8a4fd8;--zone-deep:#6534a8}.aw-hero{margin:34px 16px 0;animation:.38s ease-out both card-rise}.aw-hero .gk-slab{--slab:#ffe27a;--slab-side:#e0a420;font-size:26px}.aw-hero__level{align-items:center;gap:12px;display:flex}.aw-hero__crown{background:var(--gk-gold);color:#a86a00;border:4px solid #fff;border-radius:50%;flex:none;place-items:center;width:60px;height:60px;display:grid;box-shadow:0 4px #c27c00}.aw-hero__xp{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.aw-hero__xp small{color:var(--gk-ink-soft);font-size:13px;font-weight:800}.aw-hero__stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.aw-rule{text-align:center;color:#fff;text-shadow:0 1px #143c6e80,0 0 8px #143c6e4d;margin:16px 28px 0;font-size:14px;font-weight:800;line-height:1.35}.aw-road{margin:30px 16px 0;position:relative;container-type:inline-size}.aw-road>svg{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.aw-road path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.aw-road__edge{stroke:#ffffffbf;stroke-width:26px}.aw-road__ahead{stroke:#f2dca8;stroke-width:16px;stroke-dasharray:2 22}.aw-road__done{stroke:#ffc21a;stroke-width:16px}.aw-chapter{z-index:1;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%,-50%)}.aw-chapter .gk-slab{--slab:color-mix(in srgb, var(--zone) 45%, #fff);--slab-side:var(--zone);max-width:none;font-size:24px;position:relative;top:auto;left:auto;translate:none;rotate:2deg}.aw-chapter small{letter-spacing:.1em;color:var(--zone-deep);background:#fff;border-radius:99px;padding:5px 12px 3px;font-size:12px;font-weight:800;box-shadow:0 3px #143c6e33}.aw-stop{color:var(--gk-ink);font-family:var(--font-ui);text-align:left;cursor:pointer;animation:.42s cubic-bezier(.3,1.5,.5,1) both aw-pop;animation-delay:calc(var(--order,0) * 45ms);-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex;position:absolute;transform:translate(-33px,-50%)}.aw-stop:active .aw-disc{scale:.92}.aw-stop.is-right{text-align:right;flex-direction:row-reverse;transform:translate(calc(33px - 100%),-50%)}.aw-stop__label{box-sizing:border-box;background:var(--gk-cream);border:0;border-radius:14px 17px 13px 16px;flex-direction:column;gap:2px;width:min(180px,74cqw - 60px);padding:8px 11px 9px;display:flex;position:relative;box-shadow:0 5px #e2b56c}.aw-stop.is-right .aw-stop__label{align-items:flex-end}.aw-stop__label b{letter-spacing:.04em;font-size:14px;font-weight:800}.aw-stop__label small{color:var(--gk-ink-soft);font-size:12px;font-weight:700;line-height:1.25}.aw-stop__label .gk-bar{align-self:stretch;height:12px;margin-top:4px;padding:2px}.aw-stop__label .gk-bar>i:after{display:none}.aw-stop__count{font-weight:800}.aw-stop.is-locked .aw-stop__label{opacity:.8}.aw-stop__label em{color:#fff;letter-spacing:.08em;white-space:nowrap;background:#ff6b35;border-radius:99px;padding:4px 8px 2px;font-size:10px;font-style:normal;font-weight:800;position:absolute;top:-12px;left:10px;box-shadow:0 0 0 2px #fff}.aw-stop.is-right .aw-stop__label em{left:auto;right:10px}.aw-stop.is-next .aw-stop__label{box-shadow:0 5px 0 var(--zone)}.aw-disc{box-sizing:border-box;border:4px solid #fff;border-radius:50%;flex:none;place-items:center;width:66px;height:66px;transition:scale .1s;display:grid;position:relative}.aw-disc:before{content:"";background:#ffffff73;border-radius:50%;height:30%;position:absolute;top:4px;bottom:auto;left:10px;right:10px}.aw-disc svg{position:relative}.aw-disc.is-done{background:var(--gk-gold);color:#a86a00;box-shadow:0 4px #c27c00}.aw-disc.is-next{background:radial-gradient(closest-side, #fff 72%, transparent 74%), conic-gradient(var(--zone,#ff6b35) var(--p), #e3dccd 0);box-shadow:0 4px 0 var(--zone-deep,#c8481b), 0 0 0 4px #ffffff80;color:var(--zone,#ff6b35);animation:1.6s ease-in-out infinite aw-bob}.aw-disc.is-next:before{display:none}.aw-disc.is-locked{color:#ffffffd9;background:#b4c3d8;box-shadow:0 4px #7d8ea8}.aw-disc__lock{background:var(--gk-ink);color:#fff;border:3px solid #fff;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;bottom:-6px;right:-8px}.aw-card{flex-direction:column;align-items:center;gap:10px;padding:4px 6px 0;display:flex}.aw-card .aw-disc{border-width:5px;width:104px;height:104px;margin-bottom:4px}.aw-card .aw-disc svg{scale:1.5}.aw-card p{text-align:center;margin:0;font-size:17px;font-weight:800}.aw-card .gk-bar{align-self:stretch;margin-top:4px}.aw-card small,.aw-card__when{opacity:.75;font-size:14px;font-weight:800}@keyframes aw-pop{0%{opacity:0;scale:.5}}@keyframes aw-bob{50%{translate:0 -4px}}@media (prefers-reduced-motion:reduce){.aw-hero,.aw-stop,.aw-disc.is-next{animation:none}}.how-to{padding-top:26px;position:relative}.how-to__progress{gap:6px;margin:18px 0 14px;display:flex}.how-to__progress i{background:var(--track);border-radius:999px;flex:1;height:6px}.how-to__progress i.is-on{background:var(--brand)}.how-to__picture{aspect-ratio:1;background:var(--accent);box-shadow:none;touch-action:pan-y;border-radius:20px;padding:10px;display:flex}.how-to__picture[hidden]{display:none}.how-to__text{min-height:3.9em;font:600 18px/1.3 -apple-system, "SF Pro Text", system-ui, var(--font-ui);color:var(--ink);margin:16px 0 0}.how-to__actions{gap:10px;margin-top:16px;display:flex}.how-to__back{flex:none;width:64px}.how-to__next{flex:1}.player-badge{--seat:var(--p1);width:var(--size);height:var(--size);background:var(--seat);color:#fff;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.player-badge--p2{--seat:var(--p2)}.player-badge i{min-width:calc(var(--size) * .44);height:calc(var(--size) * .44);box-shadow:0 0 0 2px var(--seat);color:var(--seat);font:400 calc(var(--size) * .3) / 1 var(--font-logo);background:#fff;border-radius:999px;place-items:center;padding-top:2px;font-style:normal;display:grid;position:absolute;bottom:-3px;right:-4px}.score-card{background:var(--surface-2);box-shadow:inset 0 -4px 0 var(--line);border-radius:20px;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:6px;display:grid}.score-card__cell{background:var(--surface);border-radius:15px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:10px 4px 12px;display:flex}.score-card__cell span{letter-spacing:.1em;white-space:nowrap;color:var(--ink-soft);font-size:12px;font-weight:800}.score-card__cell b{font-family:var(--font-logo);color:var(--ink);padding-top:3px;font-size:24px;font-weight:400;line-height:1}.score-card__cell--best{background:var(--brand-soft);box-shadow:inset 0 0 0 2px var(--brand-soft-edge)}.score-card__cell--best b{color:var(--brand)}.win-chart{background:var(--surface-2);box-shadow:inset 0 -4px 0 var(--line);border-radius:15px;flex-direction:column;gap:5px;margin-top:8px;padding:10px 12px 12px;display:flex}.win-chart__title{letter-spacing:.1em;text-align:center;color:var(--ink-soft);margin-bottom:3px;font-size:12px;font-weight:800}.win-chart__row{color:var(--ink);align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.win-chart__row span{text-align:center;width:12px}.win-chart__row i{width:max(28px, var(--w));background:#2fbf71;border-radius:7px;justify-content:flex-end;padding:3px 8px 2px;font-style:normal;display:flex}.win-chart__row b{color:#fff}.record{background:var(--surface-2);box-shadow:inset 0 -4px 0 var(--line);border-radius:20px;flex-direction:column;gap:8px;margin-top:8px;padding:10px 6px 6px;display:flex}.record__title{letter-spacing:.1em;text-align:center;color:var(--ink-soft);font-size:12px;font-weight:800}.record__bar{border-radius:4px;gap:2px;height:8px;margin:0 8px;display:flex;overflow:hidden}.record__bar i{background:var(--tone)}.record__cells{grid-template-columns:repeat(var(--n), 1fr);gap:6px;display:grid}.record__cell{background:var(--surface);border-radius:15px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:10px 4px 12px;display:flex}.record__cell span{letter-spacing:.08em;white-space:nowrap;color:var(--ink-soft);font-size:11px;font-weight:800}.record__cell b{font-family:var(--font-logo);color:var(--tone);padding-top:3px;font-size:24px;font-weight:400;line-height:1}.record__cell--win{--tone:#2fbf71}.record__cell--lose{--tone:#ff4d5e}.record__cell--draw{--tone:#8e8aa8}.record__cell--p1{--tone:var(--p1)}.record__cell--p2{--tone:var(--p2)}.record__cell--p3{--tone:#2fbf71}.record__cell--p4{--tone:#e8b20e}.duel{background:linear-gradient(90deg, color-mix(in srgb, var(--p1) 14%, var(--surface)) 50%, color-mix(in srgb, var(--p2) 14%, var(--surface)) 50%);box-shadow:inset 0 -4px 0 color-mix(in srgb, var(--ink) 8%, transparent);border-radius:22px;flex-direction:column;gap:6px;margin-top:6px;padding:10px 10px 8px;display:flex;position:relative}.duel__head{justify-content:space-between;align-items:center;gap:8px;min-height:30px;display:flex}.duel__title{letter-spacing:.14em;color:var(--ink-soft);flex:1;font-size:12px;font-weight:800}.duel__tools{align-items:center;gap:6px;display:flex}.duel__head:has(.duel__tools:empty) .duel__title{text-align:center}.duel__row{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.duel__side{--seat:var(--p1);flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.duel__side--p2{--seat:var(--p2)}.duel__crown{color:#f5b800;filter:drop-shadow(0 2px #c98e00);visibility:hidden;height:18px;margin-bottom:-7px;display:flex}.duel__side.is-lead .duel__crown{visibility:visible}.duel__name{letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--seat);font-size:13px;font-weight:800;overflow:hidden}.duel__score{font-family:var(--font-logo);color:var(--seat);padding-top:4px;font-size:30px;font-weight:400;line-height:1}.duel__side.is-lead .duel__score{animation:.42s cubic-bezier(.2,1.6,.4,1) .25s both duel-pop}@keyframes duel-pop{0%{scale:.6}}.duel__vs{background:var(--surface);width:34px;height:34px;color:var(--ink);font:400 14px/1 var(--font-logo);border-radius:50%;place-items:center;padding-top:3px;display:grid;rotate:-8deg;box-shadow:0 0 0 3px #ffd23f,0 4px 0 3px #e0ad1a}.duel__rope{background:var(--surface);border-radius:999px;gap:3px;height:8px;margin:0 6px;display:flex;position:relative;overflow:hidden}.duel__rope i{transition:flex .5s cubic-bezier(.3,1.4,.5,1)}.duel__rope i:first-child{background:var(--p1)}.duel__rope i:last-child{background:var(--p2)}.duel__rope:after{content:"";background:color-mix(in srgb, var(--ink) 35%, transparent);width:2px;position:absolute;top:0;bottom:0;left:calc(50% - 1px)}.duel__line{letter-spacing:.04em;text-align:center;color:var(--ink);margin:0;font-size:13px;font-weight:800}@media (prefers-reduced-motion:reduce){.duel__side.is-lead .duel__score{animation:none}}.duel.is-tappable{cursor:pointer}.duel.is-tappable:active{transform:scale(.98)}.sheet{z-index:25;background:#100e1e73;justify-content:center;align-items:flex-end;animation:.2s ease-out both sheet-fade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet__panel{box-sizing:border-box;width:min(520px,100%);max-height:80%;padding:8px 16px calc(env(safe-area-inset-bottom) + 16px);background:var(--surface-2);border-radius:26px 26px 0 0;flex-direction:column;animation:.28s cubic-bezier(.2,1.1,.4,1) both sheet-up;display:flex;box-shadow:0 -10px 30px #0003}.sheet__panel:before{content:"";background:color-mix(in srgb, var(--ink) 18%, transparent);border-radius:3px;align-self:center;width:40px;height:5px;margin-bottom:4px}.sheet__head{justify-content:space-between;align-items:center;padding:4px 0 12px 16px;display:flex}.sheet__head b{font:600 15px/1.3 var(--ios-font);letter-spacing:.04em;color:var(--ink-soft)}.sheet__close{background:color-mix(in srgb, var(--ink) 10%, transparent);width:32px;height:32px;color:var(--ink-soft);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.sheet__body{overscroll-behavior:contain;overflow-y:auto}.sheet.is-out{animation:.2s ease-in both sheet-fade-out}.sheet.is-out .sheet__panel{animation:.2s ease-in both sheet-down}@keyframes sheet-fade{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes sheet-fade-out{to{opacity:0}}@keyframes sheet-down{to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.sheet,.sheet__panel{animation:none!important}}.rivals{flex-direction:column;gap:8px;padding-bottom:6px;display:flex}.rivals__empty{text-align:center;color:var(--ink-soft);margin:8px 0}.rivals__row{background:var(--surface-2);border-radius:18px;grid-template-columns:1fr auto 1fr;align-items:center;gap:4px 10px;padding:10px 12px 8px;display:grid}.rivals__name{min-width:0;font:800 15px/1.2 var(--font-ui);color:var(--ink-soft);align-items:center;gap:4px;display:flex}.rivals__name.is-right{justify-content:flex-end}.rivals__name b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rivals__name.is-lead{color:var(--ink)}.rivals__name i{color:#f5b800;visibility:hidden;display:flex}.rivals__name.is-lead i{visibility:visible}.rivals__score{font:400 24px/1 var(--font-logo);color:var(--ink);padding-top:3px}.rivals__meta{font:600 12px/1.2 var(--ios-font);text-align:center;color:var(--ink-soft);grid-column:1/-1}.share-card__btn{color:#3a2405;width:100%;min-height:56px;font:800 17px/1 var(--font-ui);letter-spacing:.06em;cursor:pointer;background:linear-gradient(135deg,#b8801f 0%,#f2c14e 35%,#fff1b8 50%,#f2c14e 65%,#c98e22 100%);border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:3px 20px 0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -4px #78460059}.share-card__btn svg{flex:none;margin-top:-3px}.share-card__btn:after{content:"";background:linear-gradient(100deg,#0000,#ffffffa6,#0000);width:40%;animation:3s ease-in-out infinite share-card-shine;position:absolute;top:0;bottom:0;left:-60%;right:auto;transform:skew(-20deg)}@keyframes share-card-shine{0%,60%{left:-60%}to{left:130%}}.share-card__btn:active{transform:translateY(2px)}.share-card__img{width:auto;max-width:100%;max-height:min(56vh,520px);box-shadow:none;border-radius:14px;margin:0 auto;display:block}.share-card__slot{margin-top:12px}@media (prefers-reduced-motion:reduce){.share-card__btn:after{animation:none;display:none}}.who{flex-direction:column;gap:10px;padding:4px 2px 6px;display:flex}.who__field{--seat:var(--p1);background:color-mix(in srgb, var(--seat) 10%, var(--surface));box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--seat) 25%, transparent);border-radius:20px;align-items:center;gap:12px;padding:8px 14px 8px 8px;display:flex}.who__field--p2{--seat:var(--p2)}.who__field:focus-within{box-shadow:inset 0 0 0 2.5px var(--seat)}.who__field input{min-width:0;color:var(--ink);font:800 20px/1.2 var(--font-ui);background:0 0;border:0;outline:none;flex:1;padding:8px 0}.who__field input::placeholder{color:var(--ink-soft);font:500 17px/1.2 var(--ios-font);opacity:.55}.who__swap{background:var(--surface-2);color:var(--ink-soft);font:800 13px/1 var(--font-ui);letter-spacing:.06em;cursor:pointer;border:0;border-radius:999px;align-self:center;align-items:center;gap:6px;margin:-4px 0;padding:6px 14px 4px;display:flex}.who__swap:active{transform:scale(.94)}.who__error{font:700 14px/1.3 var(--font-ui);text-align:center;color:#e5394b;margin:0}.who__recent{letter-spacing:.12em;color:var(--ink-soft);margin-top:4px;font-size:12px;font-weight:800}.who__chips{flex-wrap:wrap;gap:8px;display:flex}.who__chips:empty{display:none}.who__chip{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line), 0 2px 0 var(--line);color:var(--ink);font:800 15px/1 var(--font-ui);cursor:pointer;border:0;border-radius:999px;padding:8px 14px 6px}.who__chip:active{box-shadow:inset 0 0 0 1.5px var(--line);transform:translateY(2px)}.who__start{background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 78%, #fff), var(--brand) 55%, var(--brand-deep));min-height:58px;box-shadow:inset 0 1px 0 #ffffff73, 0 5px 0 var(--brand-deep);color:#fff;font:400 26px/1 var(--font-logo);letter-spacing:.04em;cursor:pointer;border:0;border-radius:20px;margin-top:8px;padding-top:4px}.who__start:active{box-shadow:inset 0 1px 0 #ffffff73, 0 1px 0 var(--brand-deep);translate:0 4px}.slider{--knob:26px;align-items:center;width:100%;height:44px;transition:opacity .15s;display:flex;position:relative}.slider__track{background:#ffe6da;border-radius:999px;flex:1;height:16px;padding:3px;box-shadow:inset 0 2px 3px #c8481b2e}:root[data-theme=dark] .slider__track{background:var(--surface-2);box-shadow:inset 0 2px 3px #0006}.slider__fill{width:calc(var(--knob) / 2 - 3px + var(--at,0) * (100% + 6px - var(--knob)));border-radius:inherit;background:linear-gradient(#ff8a70,#ff4b3e 55%,#d8352a);height:100%;transition:width .12s;display:block;box-shadow:inset 0 -2px #8c280040}.slider__knob{top:50%;left:calc(var(--knob) / 2 + var(--at,0) * (100% - var(--knob)));width:var(--knob);height:var(--knob);pointer-events:none;background:linear-gradient(#fff,#f4ece8);border-radius:50%;transition:left .12s,scale .12s;position:absolute;translate:-50% -50%;box-shadow:0 0 0 1px #c8481b2e,0 2px 6px #5a1a004d}.slider:active .slider__knob{scale:1.12}.slider__input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.slider.is-disabled{opacity:.35}.slider.is-disabled .slider__input{cursor:default}@media (prefers-reduced-motion:reduce){.slider__fill,.slider__knob{transition:none}}.toggle{background:var(--toggle-off);cursor:pointer;border:0;border-radius:999px;flex:none;width:51px;height:31px;padding:0;transition:background-color .2s;position:relative}.toggle[aria-checked=true]{background:#34c759}.toggle__knob{background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .2s cubic-bezier(.3,1.2,.5,1);position:absolute;top:2px;left:2px;box-shadow:0 3px 8px #00000026,0 3px 1px #0000000f}.toggle[aria-checked=true] .toggle__knob{transform:translate(20px)}.sound-switches{margin-top:16px}.sound-switch__label{flex:1}.sound-switch{height:54px}.sound-switch--slider{height:46px;padding-top:0}.lobby{height:100vh;flex-direction:column;height:100dvh;min-height:0;display:flex}.lobby .top-bar{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.lobby__body{flex-direction:column;flex:1;min-height:0;padding:10px 20px 8px;display:flex;overflow-y:auto}.lobby__hero{flex:0 clamp(170px,34dvh,290px);min-height:120px;animation:.42s cubic-bezier(.3,1.4,.5,1) both lobby-pop;display:flex}.lobby__art{background-color:var(--accent);background-image:radial-gradient(120% 80% at 25% 0,#fff6,#0000 60%),radial-gradient(#ffffff29 2px,#0000 2.5px);background-size:auto,22px 22px;border-radius:28px;flex:1;min-height:0;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff80}.lobby__pic{place-items:center;animation:3.6s ease-in-out infinite lobby-float;display:grid;position:absolute;top:14px;bottom:78px;left:18px;right:18px}.lobby__pic svg{width:100%;height:100%;overflow:visible}.lobby__image{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.lobby__name{font-family:var(--font-logo);letter-spacing:.04em;text-align:center;color:#fff;text-shadow:0 3px #140e2873,0 0 14px #140e2859;background:linear-gradient(#140e2861,#0000);margin:0;padding:18px 16px 28px;font-size:clamp(28px,9vw,40px);font-weight:400;line-height:1;position:absolute;top:0;bottom:auto;left:0;right:0}.lobby__text{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:600 16px/1.3 var(--ios-font);text-align:center;color:#fff;background:#140e286b;border-radius:18px;margin:0;padding:11px 14px;position:absolute;top:auto;bottom:10px;left:10px;right:10px}.lobby__panel{background:var(--surface);border-radius:var(--card-radius);box-shadow:var(--card-shadow);flex-direction:column;flex:none;gap:8px;margin-top:14px;padding:6px;animation:.38s ease-out both card-rise;display:flex}.lobby .record{background:var(--track);box-shadow:none;border-radius:14px;gap:6px;padding:7px 4px 4px}.lobby .record__title{font-size:11px}.lobby .record__cell{border-radius:10px;flex-direction:row;justify-content:center;gap:6px;padding:5px 4px 4px}.lobby .record__cell b{font-size:17px}.lobby__footer{padding:12px 20px calc(env(safe-area-inset-bottom) + 14px);border-top:1px solid color-mix(in srgb, var(--ink) 8%, transparent);background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);flex-direction:column;gap:6px;display:flex}.lobby__play{background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 82%, #fff), var(--brand) 55%, color-mix(in srgb, var(--brand) 55%, var(--brand-deep)));min-width:0;min-height:62px;color:var(--on-brand);box-shadow:inset 0 3px 0 #fff6, inset 0 -3px 0 #0000001a, 0 6px 0 var(--brand-deep);cursor:pointer;border:0;border-radius:22px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;margin-bottom:6px;padding:8px 12px 10px;transition:translate 80ms,box-shadow 80ms;animation:1.8s ease-in-out infinite lobby-beat;display:flex;position:relative;overflow:hidden}.lobby__play:after{content:"";background:linear-gradient(100deg,#0000,#ffffff73,#0000);width:35%;animation:3.4s ease-in-out infinite lobby-shine;position:absolute;top:0;bottom:0;left:-60%;right:auto;transform:skew(-20deg)}.lobby__play:active{box-shadow:inset 0 3px 0 #fff6, inset 0 -3px 0 #0000001a, 0 1px 0 var(--brand-deep);translate:0 5px}.lobby__play-row{font-weight:inherit;align-items:center;gap:10px;display:flex}.lobby__play-icon{width:28px;height:28px;filter:drop-shadow(0 2px 0 var(--brand-deep));flex:none}.lobby__play span{font-family:var(--font-logo);letter-spacing:.06em;text-shadow:0 2px 0 var(--brand-deep);padding-top:6px;font-size:34px;line-height:1}.lobby__play small{font:600 14px/1 var(--ios-font);letter-spacing:.02em;opacity:.92}.lobby__play small[hidden]{display:none}@keyframes lobby-pop{0%{transform:scale(.94)}}@keyframes lobby-float{50%{transform:translateY(-6px)rotate(-1deg)}}@keyframes lobby-beat{0%,40%,to{scale:1}10%{scale:1.04}20%{scale:1}30%{scale:1.025}}@keyframes lobby-shine{0%,65%{left:-60%}to{left:130%}}@media (prefers-reduced-motion:reduce){.lobby__hero,.lobby__panel,.lobby__pic,.lobby__play,.lobby__play:after{animation:none}}.game-page{z-index:40;overscroll-behavior:contain;animation:.24s cubic-bezier(.2,.9,.3,1) both game-page-in;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}@keyframes game-page-in{0%{opacity:0;translate:0 24px}}@media (prefers-reduced-motion:reduce){.game-page{animation:none}}.game-set{padding:16px 16px calc(env(safe-area-inset-bottom) + 32px);text-align:left;flex-direction:column;gap:18px;display:flex}.game-set__group h3{font:600 13px/1 -apple-system, "SF Pro Text", system-ui, var(--font-ui);letter-spacing:.06em;color:var(--ink-soft);margin:0 0 8px 16px}.game-set__icon{width:36px;height:36px;color:var(--accent,var(--brand));flex:none;place-items:center;display:grid}.game-set__icon svg{max-width:100%;max-height:100%}.game-set__tick{visibility:hidden;color:var(--brand);display:grid}.game-set__choice.is-on .game-set__tick{visibility:visible}.game-set .sound-switches{margin-top:0}.lobby__daily{font:800 14px/1.35 var(--font-ui);letter-spacing:.04em;text-align:center;color:var(--brand);margin:0;padding:8px 10px 4px}.lobby__solo{color:var(--ink-soft);font:800 15px/1 var(--font-ui);letter-spacing:.08em;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:8px 12px 6px;display:flex}.lobby__solo .lobby__play-icon{filter:none;width:20px;height:20px;margin-top:-2px}.lobby__solo:active{opacity:.6}.lobby__dare{color:#3a2405;cursor:pointer;background:linear-gradient(135deg,#b8801f 0%,#f2c14e 35%,#fff1b8 50%,#f2c14e 65%,#c98e22 100%);border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;display:grid;box-shadow:inset 0 -3px #78460059}.lobby__dare:active{transform:scale(.9)}.lobby__history{background:var(--surface);height:30px;box-shadow:0 0 0 1.5px color-mix(in srgb, var(--ink) 12%, transparent), 0 3px 0 color-mix(in srgb, var(--ink) 10%, transparent);color:var(--ink);font:800 11px/1 var(--font-ui);letter-spacing:.08em;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:5px;padding:0 10px 0 9px;display:flex}.lobby__history span{padding-top:2px}.lobby__history b{background:var(--brand);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:1px 5px 0;font-size:11px;display:grid}.lobby__history:active{transform:scale(.94)}.bottom-nav{--pad:5px;left:50%;bottom:calc(env(safe-area-inset-bottom) + 14px);z-index:10;width:min(300px,100vw - 48px);padding:var(--pad);background:color-mix(in srgb, var(--surface) 76%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 10%, transparent);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-radius:26px;grid-template-columns:repeat(4,1fr);transition:transform .26s;display:grid;position:fixed;transform:translate(-50%)}:root[data-theme=dark] .bottom-nav{background:#3a3550e0;box-shadow:0 0 0 1px #ffffff1f}:root[data-theme=dark] .bottom-nav__btn:not([aria-current=page]){color:#cfc9e2}.bottom-nav.is-hidden{transform:translate(-50%, calc(100% + 14px + env(safe-area-inset-bottom)))}.bottom-nav__thumb{top:var(--pad);bottom:var(--pad);left:calc(var(--pad) + var(--at,0) * (100% - 2 * var(--pad)) / 4);width:calc((100% - 2 * var(--pad)) / 4);background:linear-gradient(115deg, var(--p1) 0%, var(--p1) 45%, var(--p2) 55%, var(--p2) 100%);border-radius:21px;transition:left .38s cubic-bezier(.3,1.4,.5,1);position:absolute;box-shadow:inset 0 1px #ffffff73}.bottom-nav__btn{height:48px;color:var(--ink-soft);font:600 10px/1 var(--ios-font);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;transition:color .2s;display:flex;position:relative}.bottom-nav__btn svg{transition:transform .16s cubic-bezier(.3,1.5,.5,1)}.bottom-nav__btn:active svg{transform:scale(.86)}.bottom-nav__btn[aria-current=page]{color:var(--on-brand)}.bottom-nav__btn[aria-current=page] svg{animation:.42s cubic-bezier(.3,1.5,.5,1) nav-bounce}.bottom-nav__btn--heart[aria-current=page] path{fill:currentColor}@keyframes nav-bounce{40%{transform:translateY(-4px)scale(1.12)}}@media (prefers-reduced-motion:reduce){.bottom-nav__thumb{transition:none}.bottom-nav__btn[aria-current=page] svg{animation:none}}.tile{--tile-side:color-mix(in srgb, var(--tile) 66%, #000);aspect-ratio:3/4;text-align:left;width:100%;font:inherit;cursor:pointer;animation:.38s ease-out both card-rise;animation-delay:calc(var(--order,0) * 40ms);background:0 0;border:0;padding:0;transition:transform .2s cubic-bezier(.3,1.5,.5,1);display:block;position:relative}button.tile:active{transition-duration:80ms;transform:translateY(4px)}.tile[role=button]:active:not(:has(.tile__fav:active)){transition-duration:80ms;transform:translateY(4px)}button.tile:active .tile__panel{box-shadow:inset 0 3px 0 #ffffff59, 0 2px 0 var(--tile-side)}.tile[role=button]:active:not(:has(.tile__fav:active)) .tile__panel{box-shadow:inset 0 3px 0 #ffffff59, 0 2px 0 var(--tile-side)}.tile__frame{height:100%;display:block}.tile__panel{border-radius:var(--card-radius);background:linear-gradient(180deg, color-mix(in srgb, var(--tile) 80%, #fff), var(--tile) 45%, color-mix(in srgb, var(--tile) 88%, #000));height:100%;box-shadow:inset 0 3px 0 #ffffff59, 0 6px 0 var(--tile-side);flex-direction:column;padding:14px 14px 0;transition:box-shadow 80ms;display:flex;position:relative;overflow:hidden}.tile__panel:before{content:"";pointer-events:none;background:linear-gradient(#fff3,#0000);position:absolute;top:0;bottom:55%;left:0;right:0}.tile--image .tile__panel:before{z-index:1;background:linear-gradient(#23173685,#23173638 26%,#0000 52%);top:0;bottom:0;left:0;right:0}.tile__title{z-index:2;font-family:var(--font-logo);letter-spacing:.02em;color:#fff;text-shadow:0 2px #00000040;padding-right:36px;font-size:19px;line-height:1.05;position:relative}.tile__bar{z-index:2;background:#fff;border-radius:3px;flex:none;width:36px;height:5px;margin-top:8px;position:relative}.tile__art{background-color:#ffffff0f;background-image:linear-gradient(#ffffff24 2px,#0000 2px),linear-gradient(90deg,#ffffff24 2px,#0000 2px);background-size:16px 16px;flex:1;margin:14px -14px 0}.tile__art.has-art{background:0 0;place-items:center;padding:6px 12px 14px;display:grid}.tile__art.has-art svg{width:100%;height:100%;max-height:150px;overflow:visible}.tile__art.has-thumbnail{z-index:0;background:0 0;margin:0;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.tile__thumb{object-fit:cover;width:100%;max-width:none;height:100%;display:block}.tile__fav{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff38;border:0;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;transition:transform .16s cubic-bezier(.3,1.5,.5,1);display:grid;position:absolute;top:10px;right:10px;box-shadow:inset 0 1px #ffffff59}.tile__fav:active{transform:scale(.88)}.tile__fav[aria-pressed=true]{box-shadow:none;color:var(--tile-pink);background:#fff;animation:.36s cubic-bezier(.3,1.5,.5,1) fav-pop}.tile__fav-on,.tile__fav[aria-pressed=true] .tile__fav-off{display:none}.tile__fav[aria-pressed=true] .tile__fav-on{display:grid}@keyframes fav-pop{40%{transform:scale(1.3)}}.tile--soon{--tile-side:var(--brand-soft-edge)}.tile--soon .tile__panel{background:linear-gradient(180deg, var(--surface), var(--brand-soft));text-align:center;justify-content:center;align-items:center;gap:14px;padding:14px}.tile--soon .tile__frame{animation:4s ease-in-out infinite soon-flip}@keyframes soon-flip{0%,80%{transform:perspective(800px)rotateY(0)}to{transform:perspective(800px)rotateY(360deg)}}.tile__crown{color:var(--brand);display:grid}.tile__soon{font-family:var(--font-logo);color:var(--brand);font-size:24px;line-height:1.05}.tile__soon-btn,.tile__share-btn{font-family:var(--font-logo);border-radius:14px;align-items:center;gap:8px;padding:11px 16px 9px;font-size:16px;line-height:1;display:inline-flex}.tile__soon-btn{background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 78%, #fff), var(--brand) 55%, var(--brand-deep));color:#fff;box-shadow:inset 0 1px #ffffff73}.tile--share{--tile-side:color-mix(in srgb, var(--brand-deep) 80%, #000)}.tile--share .tile__panel{background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 80%, #fff), var(--brand) 45%, var(--brand-deep));text-align:center;justify-content:center;align-items:center;gap:14px;padding:14px}.tile__friends{width:min(100%,104px);filter:drop-shadow(0 2px 0 var(--brand-deep));flex:none;margin-bottom:-4px}.tile__share-title{font-family:var(--font-logo);color:#fff;text-shadow:0 2px 0 var(--brand-deep);font-size:22px;line-height:1.1}.tile__share-btn{box-shadow:none;color:var(--brand);background:#fff;font-size:18px;animation:1.6s ease-in-out infinite share-breathe}.tile__share-btn svg{margin-top:-2px;animation:1.6s ease-in-out infinite share-nudge}@keyframes share-breathe{0%,70%,to{transform:scale(1)}80%{transform:scale(1.06)}90%{transform:scale(.99)}}@keyframes share-nudge{0%,72%,to{transform:translate(0)rotate(0)}80%{transform:translate(3px)rotate(-10deg)}88%{transform:translate(-1px)rotate(4deg)}}@media (prefers-reduced-motion:reduce){.tile,.tile--soon .tile__frame,.tile__share-btn,.tile__share-btn svg{animation:none}}.rival{border-radius:var(--card-radius);background:linear-gradient(90deg, color-mix(in srgb, var(--p1) 12%, var(--surface)), var(--surface) 45%, var(--surface) 55%, color-mix(in srgb, var(--p2) 12%, var(--surface)));width:100%;box-shadow:var(--card-shadow);color:var(--ink);font-family:var(--font-ui);text-align:left;cursor:pointer;border:0;align-items:center;gap:12px;margin:-4px 0 14px;padding:10px 10px 10px 12px;animation:.38s ease-out 80ms both card-rise;display:flex}.rival:active{transform:scale(.97)}.rival__faces{flex:none;display:flex}.rival__faces .player-badge+.player-badge{box-shadow:0 0 0 3px var(--surface);margin-left:-10px}.rival__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rival__text small{font:700 11px/1.2 var(--ios-font);letter-spacing:.08em;color:var(--ink-soft)}.rival__text b{font:400 20px/1 var(--font-logo);white-space:nowrap;text-overflow:ellipsis;padding-top:2px;overflow:hidden}.rival__text em{font:normal 600 13px/1.25 var(--ios-font);color:var(--ink-soft)}.rival__go{background:var(--p2);color:#fff;letter-spacing:.06em;border-radius:14px;flex:none;padding:10px 12px 8px;font-size:13px;font-weight:800}@media (prefers-reduced-motion:reduce){.rival{animation:none}}.flame,.flame>*,.flame__frame>*{display:grid}.flame>*,.flame__frame>*{grid-area:1/1}.flame__frame{color:var(--flame-body,#ff6b35);opacity:0;animation:.54s step-end infinite flame-frame}.flame__frame:nth-child(2){animation-delay:-.36s}.flame__frame:nth-child(3){animation-delay:-.18s}.flame__core{color:var(--flame-core,#ffd23f)}@keyframes flame-frame{0%{opacity:1}33.34%{opacity:0}}@media (prefers-reduced-motion:reduce){.flame__frame{animation:none}.flame__frame:first-child{opacity:1}}.home{padding:0 16px calc(env(safe-area-inset-bottom) + 120px);background-image:linear-gradient(180deg, transparent 0%, var(--bg) 380px), linear-gradient(90deg, color-mix(in srgb, var(--p1) 30%, var(--bg)) 50%, color-mix(in srgb, var(--p2) 30%, var(--bg)) 50%);flex-direction:column;display:flex}:root[data-theme=dark] .home{background-image:linear-gradient(180deg, transparent 0%, var(--bg) 320px), linear-gradient(90deg, color-mix(in srgb, var(--p1) 14%, var(--bg)) 50%, color-mix(in srgb, var(--p2) 14%, var(--bg)) 50%)}.home__top{z-index:5;padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;justify-content:space-between;margin:0 -16px 8px;transition:transform .26s;display:flex;position:sticky;top:0}.home__top.is-hidden{transform:translateY(-100%)}.home__pill{background:color-mix(in srgb, var(--surface) 80%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 10%, transparent), inset 0 1px 0 #ffffffb3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:6px 16px 6px 10px;transition:transform .16s cubic-bezier(.3,1.5,.5,1);display:flex}.home__pill:active{transform:scale(.94)}.home__pill--pair{cursor:default;gap:0;padding:0}.home__pill--pair:active{transform:none}.home__half{cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:6px 14px 6px 10px;transition:transform .16s cubic-bezier(.3,1.5,.5,1);display:flex}.home__half:active{transform:scale(.92)}.home__half+.home__half{border-left:1.5px solid color-mix(in srgb, var(--ink) 14%, transparent);border-radius:0}.home__half--streak{--flame-body:var(--brand);--flame-core:#ffd23f}.home__pill .coin-icon{animation:3s ease-in-out infinite coin-flip}@media (prefers-reduced-motion:reduce){.home__pill .coin-icon{animation:none}}.home__pill b{font-family:var(--font-logo);color:var(--ink);padding-top:4px;font-size:22px;font-weight:400;line-height:1}.home__half--level{color:#f5b800;padding-left:12px}.empty-card{text-align:center;background:linear-gradient(180deg, var(--surface), var(--brand-soft));max-width:360px;box-shadow:var(--card-shadow);border-radius:28px;flex-direction:column;align-items:center;margin:6vh auto 0;padding:32px 18px 22px;animation:.38s ease-out both card-rise;display:flex}.empty-card__icon{color:var(--brand);animation:1.3s ease-in-out infinite empty-beat;display:grid;position:relative}.empty-card__icon i{width:12px;height:12px;clip-path:path("M6 11S0 7.5 0 3.6A3.2 3.2 0 016 2a3.2 3.2 0 016 1.6C12 7.5 6 11 6 11z");opacity:0;background:currentColor;animation:2.4s ease-out infinite empty-float;position:absolute;top:20%;left:50%}.empty-card__icon i:nth-child(2){--dx:-38px;animation-delay:0s}.empty-card__icon i:nth-child(3){--dx:30px;animation-delay:.8s;scale:.8}.empty-card__icon i:nth-child(4){--dx:-8px;animation-delay:1.6s;scale:.65}@keyframes empty-float{0%{opacity:0;transform:translate(-50%)}20%{opacity:.9}to{opacity:0;transform:translate(calc(-50% + var(--dx)), -64px) rotate(14deg)}}@keyframes empty-beat{0%,40%,to{transform:scale(1)}10%{transform:scale(1.12)}20%{transform:scale(1)}30%{transform:scale(1.08)}}.empty-card__suggest{width:100%;font:800 13px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--brand);align-items:center;gap:10px;margin-top:24px;display:flex}.empty-card__suggest:before,.empty-card__suggest:after{content:"";background:color-mix(in srgb, var(--brand) 25%, transparent);border-radius:1px;flex:1;height:2px}.empty-card__picks{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin-top:12px;display:grid}.pick{animation:card-rise .38s calc(.2s + var(--k) * 90ms) ease-out both;position:relative}.pick__open{background:var(--tile);cursor:pointer;border:0;border-radius:16px;flex-direction:column;width:100%;padding:0;display:flex;overflow:hidden;box-shadow:inset 0 -3px #0000002e,0 4px 10px #0000001f}.pick__open:active{transform:scale(.96)}.pick__art{aspect-ratio:3/4;display:grid;overflow:hidden}.pick__art img,.pick__art svg{object-fit:cover;width:100%;height:100%}.pick__title{color:#fff;font:400 13px/1.1 var(--font-logo);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;padding:6px 4px 7px;overflow:hidden}.pick__fav{width:30px;height:30px;color:var(--brand);cursor:pointer;animation:empty-beat 1.3s ease-in-out calc(1s + var(--k) * .3s) infinite;background:#ffffffeb;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 2px 6px #0003}.pick__fav:active{transform:scale(.85)}.empty-card__icon path,.empty-card__heart path{fill:currentColor}.empty-card__title{font:400 34px / 1.05 var(--font-logo);letter-spacing:.03em;color:#0000;filter:drop-shadow(0 1.5px #34305a99);background-image:linear-gradient(#ffa94d 0%,#ff4b3e 50%,#d8401c 100%);-webkit-background-clip:text;background-clip:text;margin:24px 0 0}.empty-card__hint{max-width:280px;font:700 17px/1.35 var(--font-ui);color:var(--ink);text-wrap:balance;margin:12px 0 0}.empty-card__heart{vertical-align:-2px;color:var(--brand);display:inline-block}@media (prefers-reduced-motion:reduce){.empty-card__icon,.empty-card__icon i,.pick,.pick__fav{animation:none}}.daily{border-radius:var(--card-radius);background:linear-gradient(100deg, color-mix(in srgb, var(--accent) 16%, var(--surface)), var(--surface) 70%);width:100%;box-shadow:var(--card-shadow);color:var(--ink);font-family:var(--font-ui);text-align:left;cursor:pointer;border:0;align-items:center;gap:12px;margin-bottom:14px;padding:10px;transition:transform .2s cubic-bezier(.3,1.5,.5,1);animation:.38s ease-out both card-rise;display:flex}.daily:active{transform:scale(.97)}.daily__art{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 80%, #fff), var(--accent) 50%, color-mix(in srgb, var(--accent) 88%, #000));border-radius:16px;flex:none;width:64px;height:64px;padding:6px;display:grid;box-shadow:inset 0 1px #ffffff73}.daily__art svg{width:100%;height:100%}.daily__art.has-thumbnail{padding:0;overflow:hidden}.daily__art img{object-fit:cover;object-position:center 65%;width:100%;height:100%}.daily__text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.daily__text small{font:700 12px/1.2 var(--ios-font);letter-spacing:.08em;color:var(--brand)}.daily__text b{font-family:var(--font-logo);padding-top:3px;font-size:22px;font-weight:400;line-height:1}.daily__text em{font:normal 500 13px/1.25 var(--ios-font);color:var(--ink-soft)}.daily__go{background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 78%, #fff), var(--brand) 55%, var(--brand-deep));min-width:76px;height:46px;color:var(--on-brand);letter-spacing:.08em;border-radius:16px;flex:none;place-items:center;padding:3px 14px 0;font-size:16px;font-weight:800;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff73}.daily__go:after{content:"";background:linear-gradient(100deg,#0000,#ffffff73,#0000);width:40%;animation:3.4s ease-in-out infinite badge-shine;position:absolute;top:0;bottom:0;left:-60%;right:auto;transform:skew(-20deg)}@keyframes badge-shine{0%,60%{left:-60%}to{left:130%}}.daily__left{background:color-mix(in srgb, var(--brand) 14%, transparent);color:var(--brand);letter-spacing:.02em;border-radius:999px;margin-left:8px;padding:2px 7px 1px;font-weight:700}.daily-wrap{position:relative}.daily__hide{z-index:1;background:var(--surface);width:26px;height:26px;box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 12%, transparent), 0 2px 6px #0000001f;color:var(--ink-soft);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-6px;right:-6px}.daily__hide:active{transform:scale(.9)}.daily--done{border-radius:18px;gap:12px;padding:10px 14px 10px 10px}.daily__tick{color:#fff;background:linear-gradient(#5fd896,#2fbf71 55%,#1f9656);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid;box-shadow:inset 0 1px #ffffff73}.daily__line{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.daily__line b{font:800 15px/1.2 var(--font-ui);letter-spacing:.06em;color:#2fbf71}.daily__line small{font:500 13px/1.25 var(--ios-font);white-space:nowrap;text-overflow:ellipsis;color:var(--ink-soft);overflow:hidden}.home__grid{grid-template-columns:1fr 1fr;gap:18px 12px;display:grid}@media (prefers-reduced-motion:reduce){.daily,.daily__go:after{animation:none}}.home__sort{justify-content:flex-end;margin:-4px 0 10px;display:flex;position:relative}.home__sort-btn{background:color-mix(in srgb, var(--surface) 55%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ink-soft);font:700 12px/1 var(--font-ui);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:5px;padding:5px 10px 4px;display:flex}.home__sort-btn[aria-expanded=true]{color:var(--ink);background:color-mix(in srgb, var(--surface) 85%, transparent)}.home__sort-menu{z-index:6;background:color-mix(in srgb, var(--surface) 92%, transparent);min-width:160px;box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent), 0 12px 30px #0000002e;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform-origin:100% 0;border-radius:16px;flex-direction:column;padding:6px;animation:.16s cubic-bezier(.3,1.4,.5,1) sort-in;display:flex;position:absolute;top:calc(100% + 6px);right:0}.home__sort-menu[hidden]{display:none}.home__sort-menu button{color:var(--ink);font:600 14px/1 var(--font-ui);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.home__sort-menu button[aria-checked=true]{background:var(--brand-soft);color:var(--brand)}@keyframes sort-in{0%{opacity:0;transform:scale(.9)}}@media (prefers-reduced-motion:reduce){.home__sort-menu{animation:none}}.ad-mock{z-index:90;color:#fff;background:#111018;flex-direction:column;animation:.18s ease-out ad-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.ad-mock__top{padding:calc(env(safe-area-inset-top) + 14px) 16px 14px;align-items:center;gap:12px;display:flex}.ad-mock__tag{color:#111018;letter-spacing:.08em;background:#ffe14d;border-radius:6px;padding:5px 8px 3px;font-size:12px;font-weight:800}.ad-mock__timer{opacity:.85;font-variant-numeric:tabular-nums;flex:1;font-size:15px;font-weight:800}.ad-mock__close{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid}.ad-mock__stage,.ad-mock__done{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.ad-mock__stage[hidden],.ad-mock__done[hidden]{display:none}.ad-mock__screen{aspect-ratio:16/9;background:linear-gradient(135deg,#2e8ff0,#8a4fd8);border-radius:18px;place-items:center;width:min(280px,70vw);margin-bottom:8px;display:grid}.ad-mock__stage b,.ad-mock__done b{font-size:24px;font-weight:800}.ad-mock__stage p,.ad-mock__done span{opacity:.7;margin:0;font-size:16px;font-weight:800}.ad-mock__claim{color:#111018;letter-spacing:.06em;cursor:pointer;background:#ffe14d;border:0;border-radius:16px;min-width:220px;height:54px;margin-top:12px;padding:4px 24px 0;font-size:18px;font-weight:800;box-shadow:inset 0 -4px #d9a91a}.ad-mock__bar{height:5px;margin-bottom:env(safe-area-inset-bottom);background:#ffffff26}.ad-mock__bar i{transform-origin:0;height:100%;animation:ad-progress var(--ad-ms) linear forwards;background:#ffe14d;display:block}@keyframes ad-progress{0%{transform:scaleX(0)}}@keyframes ad-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.ad-mock,.ad-mock__bar i{animation:none}}.share-box{box-sizing:border-box;border:2px solid color-mix(in srgb, currentColor 28%, transparent);text-align:left;border-radius:16px;flex-direction:column;gap:12px;width:100%;margin-top:18px;padding:14px;font-family:League Spartan,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:flex}.share-box__text{text-align:center;flex-direction:column;align-items:center;gap:3px;padding-top:2px;line-height:1.15;display:flex}.share-box__text b{font-size:16px;font-weight:800}.share-box__text small{opacity:.75;font-size:13px;font-weight:700}.share-box__row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.share-box__btn{color:#fff;letter-spacing:.06em;cursor:pointer;background:#1fae9b;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;height:42px;padding:3px 14px 0;font:800 15px/1 League Spartan,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:inline-flex;box-shadow:inset 0 -4px #0003}.share-box__btn--feedback{background:#8a5cd6}.share-box__btn:active{transform:translateY(2px)}.share-links{flex-direction:column;align-items:center;gap:4px;margin-top:30px;font-family:League Spartan,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:flex}.share-links small{opacity:.6;font-size:13px;font-weight:700}.share-links__row{opacity:.85;align-items:center;gap:4px;display:flex}.share-links__btn{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 8px 6px;font:800 15px/1 League Spartan,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:inline-flex}.share-links__btn svg{width:16px;height:16px;margin-top:-2px}.share-links__btn:active{opacity:.6}.duel-res{color:var(--res-ink);flex-direction:column;gap:12px;display:flex}.duel-res__faceoff{grid-template-columns:1fr auto 1fr;align-items:end;display:grid}.duel-res__side{--seat:var(--p1);opacity:.8;border-radius:20px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 4px 10px;display:flex}.duel-res__side--p2{--seat:var(--p2)}.duel-res__side.is-winner{opacity:1;background:color-mix(in srgb, var(--seat) 18%, #fff);box-shadow:inset 0 0 0 3px var(--seat), 0 6px 0 color-mix(in srgb, var(--seat) 45%, transparent);animation:.52s cubic-bezier(.2,1.6,.4,1) .2s both duel-res-win}@keyframes duel-res-win{0%{scale:.85}}.duel-res__crown{color:#f5b800;filter:drop-shadow(0 2px #c98e00);visibility:hidden;height:27px}.duel-res__side.is-winner .duel-res__crown{visibility:visible}.duel-res__name{max-width:100%;font:800 15px/1.2 var(--font-ui);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;color:var(--seat);overflow:hidden}.duel-res__score{font:400 44px/1 var(--font-logo);color:var(--seat);padding-top:4px}.duel-res__vs{font:400 20px/1 var(--font-logo);color:var(--res-ink);opacity:.6;align-self:center;margin:0 6px}.duel-res__more{flex-direction:column;gap:8px;display:flex}.duel-res__more summary{font:800 12px/1 var(--font-ui);letter-spacing:.12em;cursor:pointer;background:#ffffffbf;border-radius:999px;align-self:center;align-items:center;gap:4px;padding:6px 14px 5px;list-style:none;display:flex}.duel-res__more summary::-webkit-details-marker{display:none}.duel-res__more summary svg{transition:rotate .2s}.duel-res__more[open] summary svg{rotate:90deg}.duel-res__stats{background:#ffffffbf;border-radius:16px;flex-direction:column;gap:2px;padding:6px 10px;display:flex}.duel-res__row{grid-template-columns:1fr auto 1fr;align-items:center;padding:4px 0;display:grid}.duel-res__row span{font:800 12px/1.2 var(--font-ui);letter-spacing:.08em;text-align:center;opacity:.7}.duel-res__row b{font:800 18px/1 var(--font-ui);opacity:.6}.duel-res__row b:first-child{color:var(--p1)}.duel-res__row b:last-child{text-align:right;color:var(--p2)}.duel-res__row b.is-best{opacity:1}.duel-res__tally{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.duel-res__tally>span{background:#ffffffbf;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;display:flex}.duel-res__tally small{font:800 11px/1 var(--font-ui);letter-spacing:.12em;opacity:.7}.duel-res__tally b{font:400 26px/1 var(--font-logo);padding-top:4px}.duel-res__tally em{font:normal 700 12px/1 var(--font-ui);opacity:.7}.duel-res__gains{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.duel-res__gains>span{font:800 13px/1 var(--font-ui);letter-spacing:.04em;animation:duel-res-gain .42s calc(.6s + var(--k) * .14s) cubic-bezier(.2, 1.6, .4, 1) both;background:#fff;border-radius:999px;align-items:center;gap:5px;padding:6px 11px 4px;display:inline-flex;box-shadow:inset 0 -3px #2b25501a}.duel-res__gains svg{color:#f5b800}@keyframes duel-res-gain{0%{opacity:0;transform:translateY(10px)scale(.6)}}.duel-res__actions .results-home{flex-direction:column;gap:4px;min-height:60px;font-size:12px}@media (prefers-reduced-motion:reduce){.duel-res__side.is-winner,.duel-res__gains>span{animation:none}}.duel-res__note{font:700 14px/1.3 var(--font-ui);text-align:center;opacity:.8;margin:-4px 0 0}.play{height:100vh;flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.play .top-bar{column-gap:10px}.play__hud{min-width:0;color:inherit;font:inherit;cursor:pointer;visibility:hidden;background:0 0;border:0;justify-content:center;gap:8px;padding:0;transition:transform 80ms;display:flex}.play__hud:active{transform:translateY(2px)}.play__hud.is-on{visibility:visible}.play__stat{text-align:center;background:var(--surface-2);min-width:0;max-width:124px;box-shadow:inset 0 -4px 0 var(--line);border-radius:14px;flex:1;padding:7px 8px 10px}.play__stat span{letter-spacing:.1em;white-space:nowrap;color:var(--ink-soft);font-size:11px;font-weight:800;line-height:1;display:block}.play__stat b{font-family:var(--font-logo);font-variant-numeric:tabular-nums;color:var(--ink);margin-top:5px;font-size:22px;font-weight:400;line-height:1;display:block}.play__stat--clock{visibility:visible}.play__stat--score{background:var(--brand);box-shadow:inset 0 -4px 0 var(--brand-deep)}.play__stat--score span{color:#ffffffd9}.play__stat--score b{color:var(--on-brand)}.play__stat b.is-bump{animation:.2s ease-in-out score-bump}@keyframes score-bump{50%{transform:scale(1.15)}}.play__stage{min-height:0;padding:16px 16px calc(var(--safe-bottom) + 20px);flex:1;display:flex}.play--full{position:relative}.play--full .play__stage{padding:0;position:absolute;top:0;bottom:0;left:0;right:0}.play--full .top-bar{pointer-events:none;background:0 0;border-bottom:0;position:absolute;left:0;right:0}.play--full .top-bar>*{pointer-events:auto}.play--full .top-bar__btn{box-shadow:none;color:#fff;filter:drop-shadow(0 2px 3px #00000073);background:0 0}.play--full .play__hud{gap:22px}.play--full .play__stat{max-width:none;box-shadow:none;background:0 0;flex:none;padding:0}.play--full .play__stat:not(:-webkit-any(.play__stat--score,.play__stat--clock)){display:none}.play--full .play__stat:not(:is(.play__stat--score,.play__stat--clock)){display:none}.play--full .play__stat span{color:#ffffffb3}.play--full .play__stat b{color:#fff;text-shadow:0 2px 4px #00000073;margin-top:3px;font-size:24px}.play--full-light .top-bar__btn,.play--full-light .play__stat b{color:#2b2550;filter:none;text-shadow:none}.play--full-light .play__stat span{color:#2b255099}.results{flex-direction:column;align-items:center;display:flex}.results__label{letter-spacing:.14em;font-size:13px}.results__score{font-family:var(--font-logo);color:var(--ink);margin-top:6px;padding-top:6px;font-size:64px;font-weight:400;line-height:1}.results__box{background:var(--surface-2);border-radius:16px;align-self:stretch;margin-top:14px;padding:10px 4px;display:flex}.results__cell{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.results__cell+.results__cell{border-left:2px solid var(--line)}.results__cell span{letter-spacing:.08em;text-align:center;font-size:11px}.results__cell b{color:var(--ink);font-size:20px}.results__note{max-width:300px;font:500 14px/1.4 var(--ios-font);text-align:center;color:var(--ink-soft);margin:12px auto 0}.results__badge{color:var(--ink-on-light);font-family:var(--font-logo);background:#ffe14d;border-radius:12px;margin-top:12px;padding:8px 14px 10px;font-size:20px;font-weight:400;line-height:1;transform:rotate(-4deg);box-shadow:inset 0 -4px #0000002e}.modal.modal--results{background:#0c081e73}.modal.modal--results .modal__card{--res-top:#5fc8f4;--res-bottom:#e4f6ff;--res-grass:#3fb85e;--res-grass-deep:#2a9147;--res-ink:#2b2550;--res-ribbon:#ff4b3e;--res-ribbon-deep:#c92a1f;--res-gold:linear-gradient(180deg, #fff6c2 0%, #ffd84a 40%, #ff9a1f 100%);background:radial-gradient(ellipse 80% 45% at 50% 26%, #ffffffb3, transparent 70%), linear-gradient(180deg, var(--res-top), var(--res-bottom) 62%);color:var(--res-ink);-webkit-backdrop-filter:none;backdrop-filter:none;border:3px solid #fff;padding-top:86px;padding-bottom:26px;animation:.52s cubic-bezier(.2,1.4,.4,1) both results-in;position:relative;overflow:hidden;box-shadow:0 24px 60px #0a061e73,0 0 0 1px #0000000f}.modal.modal--results.is-lose .modal__card{--res-top:#a9b8d0;--res-bottom:#eef2f8;--res-grass:#5c9a66;--res-grass-deep:#457d4f;--res-ribbon:#7d7a9e;--res-ribbon-deep:#55527a}.modal.modal--results .modal__card:after{content:"";z-index:0;background:radial-gradient(ellipse 60% 70% at 18% 100%, var(--res-grass-deep) 98%, transparent 100%), radial-gradient(ellipse 70% 80% at 82% 100%, var(--res-grass-deep) 98%, transparent 100%), radial-gradient(ellipse 90% 60% at 50% 100%, var(--res-grass) 98%, transparent 100%);pointer-events:none;height:118px;position:absolute;bottom:0;left:0;right:0}@keyframes results-in{0%{opacity:0;transform:translateY(40px)scale(.85)}}.modal.modal--results.is-win .modal__card:before{content:"";z-index:0;pointer-events:none;background:repeating-conic-gradient(#ffffff59 0deg 9deg,#0000 9deg 22.5deg);width:560px;height:560px;margin-left:-280px;animation:24s linear infinite results-rays;position:absolute;top:-140px;left:50%;-webkit-mask:radial-gradient(circle,#000 18%,#0000 62%);mask:radial-gradient(circle,#000 18%,#0000 62%)}@keyframes results-rays{to{transform:rotate(360deg)}}.modal.modal--results .modal__card>*{z-index:1;position:relative}.modal.modal--results .modal__title{background:linear-gradient(180deg, color-mix(in srgb, var(--res-ribbon) 75%, #fff), var(--res-ribbon) 55%, var(--res-ribbon-deep));font:400 clamp(22px, 7vw, 30px) / 1 var(--font-logo);letter-spacing:.03em;white-space:nowrap;color:#fff;text-shadow:0 3px 0 var(--res-ribbon-deep);border-radius:10px;padding:10px 26px 6px;animation:.6s cubic-bezier(.2,1.6,.4,1) .12s both results-ribbon;position:absolute;top:16px;left:50%;translate:-50%;box-shadow:inset 0 -4px #0003,0 6px 14px #0000004d}.modal.modal--results .modal__title:before,.modal.modal--results .modal__title:after{content:"";z-index:-1;background:var(--res-ribbon-deep);width:26px;height:100%;position:absolute;top:10px}.modal.modal--results .modal__title:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,40% 50%);left:-16px}.modal.modal--results .modal__title:after{clip-path:polygon(0 0,100% 0,60% 50%,100% 100%,0 100%);right:-16px}@keyframes results-ribbon{0%{opacity:0;transform:scale(.4)rotate(-6deg)}}.modal.modal--results .modal__body{color:var(--res-ink);margin-top:6px}.modal.modal--results .results__label{color:color-mix(in srgb, var(--res-ink) 65%, transparent);font-weight:800}.modal.modal--results .results__score{background:var(--res-gold);color:#0000;filter:drop-shadow(0 4px 0 var(--res-ink)) drop-shadow(0 0 16px #ffbe4699);font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;font-size:76px}.modal.modal--results.is-lose .results__score{background:linear-gradient(#8d89b3,#3b3660);filter:drop-shadow(0 3px #fff);-webkit-background-clip:text;background-clip:text}.results__stars{gap:6px;margin-bottom:6px;display:flex}.results__stars i{color:#2b25502e;animation:results-star .5s calc(.45s + var(--k) * .22s) cubic-bezier(.2, 1.8, .4, 1) both}.results__stars i:nth-child(2){translate:0 -8px}.results__stars i.is-on{color:#ffd23f;filter:drop-shadow(0 0 10px #ffd23fcc)}@keyframes results-star{0%{opacity:0;transform:scale(.2)rotate(-30deg)}}.modal.modal--results .results__box{background:#ffffffbf;box-shadow:inset 0 -3px #2b255014}.modal.modal--results .results__cell+.results__cell{border-left-color:#2b25501a}.modal.modal--results .results__cell span{color:color-mix(in srgb, var(--res-ink) 60%, transparent)}.modal.modal--results .results__cell b{color:var(--res-ink)}.modal.modal--results .results__note{color:color-mix(in srgb, var(--res-ink) 75%, transparent)}.modal.modal--results .results__badge{background:linear-gradient(#fff3a0,#ffd23f 55%,#f2a925);animation:.6s cubic-bezier(.2,1.8,.4,1) .9s both results-best;position:relative;overflow:hidden}.modal.modal--results .results__badge:after{content:"";background:linear-gradient(100deg,#0000,#fffc,#0000);width:40%;animation:2.4s ease-in-out 1.4s infinite results-shine;position:absolute;top:0;bottom:0;left:-60%;right:auto;transform:skew(-20deg)}@keyframes results-best{0%{opacity:0;transform:scale(.3)rotate(-14deg)}to{transform:rotate(-4deg)}}@keyframes results-shine{0%,55%{left:-60%}to{left:130%}}.modal.modal--results .glass-btn{background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 70%, #fff), var(--brand) 55%, var(--brand-deep));box-shadow:inset 0 -5px 0 var(--brand-deep), 0 8px 20px #ff6b3559;font-family:var(--font-logo);letter-spacing:.05em;font-weight:400}.modal.modal--results .results-home{color:var(--res-ink);background:#fff}.modal.modal--results .results-home svg{color:var(--brand)}.modal.modal--results .share-links{color:#fff;text-shadow:0 1px #00320f8c,0 0 6px #00320f59}.modal.modal--results .share-links small,.modal.modal--results .share-links__row{opacity:1}@media (prefers-reduced-motion:reduce){.modal.modal--results .modal__card,.modal.modal--results .modal__card:before,.modal.modal--results .modal__title,.results__stars i,.modal.modal--results .results__badge,.modal.modal--results .results__badge:after{animation:none}}.scorecard__stats{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.scorecard__stat{background:var(--surface-2);box-shadow:inset 0 -4px 0 var(--line);letter-spacing:.04em;color:var(--ink-soft);border-radius:15px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 12px;font-size:12px;font-weight:800;display:flex}.scorecard__stat b{font-family:var(--font-logo);color:var(--ink);padding-top:3px;font-size:26px;font-weight:400;line-height:1}.scorecard>.results__label{letter-spacing:.1em;text-align:center;margin-bottom:8px;font-size:13px;display:block}.modal.modal--results :-webkit-any(.score-card,.record,.win-chart){background:#ffffff73;box-shadow:inset 0 -3px #2b255014}.modal.modal--results :is(.score-card,.record,.win-chart){background:#ffffff73;box-shadow:inset 0 -3px #2b255014}.modal.modal--results :-webkit-any(.score-card__cell,.record__cell,.scorecard__stat){background:#ffffffd9;box-shadow:inset 0 -3px #2b255014}.modal.modal--results :is(.score-card__cell,.record__cell,.scorecard__stat){background:#ffffffd9;box-shadow:inset 0 -3px #2b255014}.modal.modal--results .scorecard__stat{color:color-mix(in srgb, var(--res-ink) 60%, transparent)}.modal.modal--results :-webkit-any(.score-card__cell,.record__cell,.scorecard__stat) span{color:color-mix(in srgb, var(--res-ink) 60%, transparent)}.modal.modal--results :is(.score-card__cell,.record__cell,.scorecard__stat) span{color:color-mix(in srgb, var(--res-ink) 60%, transparent)}.modal.modal--results :-webkit-any(.record__title,.win-chart__title){color:color-mix(in srgb, var(--res-ink) 60%, transparent)}.modal.modal--results :is(.record__title,.win-chart__title){color:color-mix(in srgb, var(--res-ink) 60%, transparent)}.modal.modal--results .win-chart__row{color:var(--res-ink)}.modal.modal--results :-webkit-any(.score-card__cell,.scorecard__stat) b{color:var(--res-ink)}.modal.modal--results :is(.score-card__cell,.scorecard__stat) b{color:var(--res-ink)}.scorecard__stat--streak{--flame-body:var(--brand);--flame-core:#ffd23f;background:var(--brand-soft);box-shadow:inset 0 0 0 2px var(--brand-soft-edge)}.scorecard__stat--streak b{color:var(--brand)}.modal.modal--results .score-card__cell--best,.modal.modal--results .scorecard__stat--streak{background:linear-gradient(#fff3a0,#ffd23f 55%,#f2a925);box-shadow:inset 0 -4px #00000026}.modal.modal--results .scorecard__stat--streak,.modal.modal--results .scorecard__stat--streak b{color:var(--res-ink)}.modal.modal--results .score-card__cell--best :-webkit-any(span,b){color:var(--res-ink)}.modal.modal--results .score-card__cell--best :is(span,b){color:var(--res-ink)}.results-row{grid-auto-columns:1fr;grid-auto-flow:column;gap:10px;margin-top:12px;display:grid}.results-home,.results-row .share-card__btn{min-height:56px;font:800 15px/1.05 var(--font-ui);letter-spacing:.06em;border-radius:16px;padding:3px 10px 0}.results-row .share-card__btn{gap:8px}.results-row .share-card__btn svg{width:20px;height:20px}.results-home{color:var(--ink);cursor:pointer;background:#ffffffb3;border:0;justify-content:center;align-items:center;gap:8px;display:flex;box-shadow:inset 0 -4px #3c3c431f}.results-home svg{color:#0a84ff;flex:none;margin-top:-3px}.results-home:active{transform:translateY(2px)}@media (prefers-reduced-motion:reduce){.play__stat b.is-bump{animation:none}}.play__hud--duo>.play__stat:not(.play__stat--clock){display:none}.play__series{align-items:center;gap:8px;min-width:0;display:flex}.play__series-name{max-width:7em;font:800 13px/1.2 var(--font-ui);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;overflow:hidden}.play__series-name.is-p1{color:var(--p1)}.play__series-name.is-p2{color:var(--p2)}.play__series-score{font:400 20px/1 var(--font-logo);color:var(--ink);padding-top:3px}.settings{background-image:linear-gradient(180deg, transparent 0%, var(--bg) 380px), linear-gradient(90deg, color-mix(in srgb, var(--p1) 26%, var(--bg)) 50%, color-mix(in srgb, var(--p2) 26%, var(--bg)) 50%);--hairline:color-mix(in srgb, var(--ink) 12%, transparent);--soft:var(--ink-soft)}.settings__section{padding:26px 16px 0;animation:.38s ease-out both card-rise}.settings__section:nth-of-type(2){animation-delay:50ms}.settings__section:nth-of-type(3){animation-delay:.1s}.settings__section:nth-of-type(4){animation-delay:.15s}.settings__section:nth-of-type(5){animation-delay:.2s}.settings__heading{font:600 15px/1.3 var(--ios-font);letter-spacing:.04em;color:var(--soft);margin:0 0 8px 16px}.settings__card{border-radius:var(--card-radius);background:var(--surface);box-shadow:var(--card-shadow), 0 4px 0 var(--hairline);overflow:hidden}.settings__row{justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:8px 16px;display:flex;position:relative}.settings__row+.settings__row:before{content:"";background:var(--hairline);height:1px;position:absolute;top:0;left:66px;right:0;transform:scaleY(.5)}.settings__row--stacked{flex-direction:column;align-items:stretch;gap:12px;padding-bottom:14px}.settings__head{align-items:center;gap:16px;min-width:0;display:flex}.settings__icon{background:linear-gradient(180deg, color-mix(in srgb, var(--tint) 70%, #fff), var(--tint) 60%);color:#fff;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;transition:transform .22s cubic-bezier(.3,1.6,.5,1);display:grid;box-shadow:inset 0 1px #fff6}.settings__row:active .settings__icon{transform:scale(.86)rotate(-6deg)}.settings__label{font:600 18px/1.25 var(--ios-font);color:var(--ink)}.settings__link{color:var(--ink);text-decoration:none}.settings__link>svg{color:var(--soft);opacity:.6;flex:none}.settings__link:active{background:color-mix(in srgb, var(--ink) 6%, transparent)}button.settings__link{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.settings__credit summary{cursor:pointer;list-style:none}.settings__credit summary::-webkit-details-marker{display:none}.settings__credit summary>svg{color:var(--soft);opacity:.6;flex:none;transition:transform .2s}.settings__credit[open] summary>svg{transform:rotate(90deg)}.settings__credit+.settings__credit{border-top:.5px solid var(--hairline);margin-left:16px}.settings__credit+.settings__credit summary,.settings__credit+.settings__credit p{padding-left:0}.settings__credit-head{flex-direction:column;gap:2px;min-width:0;display:flex}.settings__credit-head b{font:600 17px/1.25 var(--ios-font);color:var(--ink)}.settings__credit-head small{font:400 13px/1.3 var(--ios-font);color:var(--soft)}.settings__credit p{font:400 13px/1.45 var(--ios-font);white-space:pre-line;color:var(--ink-soft);margin:0;padding:0 16px 14px}.settings__section--bottom{padding-bottom:calc(env(safe-area-inset-bottom) + 32px)}.settings__player{justify-content:flex-start}.settings__name{min-width:0;color:var(--ink);font:700 18px/1.2 var(--font-ui);letter-spacing:.02em;background:0 0;border:0;outline:none;flex:1;padding:8px 0}.settings__name::placeholder{color:var(--ink-soft);font:500 17px/1.2 var(--ios-font);letter-spacing:0;opacity:.55}.settings__avatar{background:linear-gradient(135deg, var(--p1) 50%, var(--p2) 50%);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.settings__forget{background:var(--surface-2);width:30px;height:30px;color:var(--ink-soft);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.settings__hint{font:400 15px/1.4 var(--ios-font);color:var(--soft);margin:8px 16px 0}.settings__footer{font:400 15px/1.4 var(--ios-font);color:var(--soft);text-align:center;flex-direction:column;align-items:center;gap:4px;padding-top:28px;display:flex}.settings__studio{color:inherit;flex-direction:column;align-items:center;gap:4px;text-decoration:none;display:flex}.settings__songs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:0;padding-top:6px;padding-bottom:14px;display:grid}.settings__song{white-space:nowrap;background:color-mix(in srgb, var(--ink) 8%, transparent);min-width:0;height:40px;color:var(--ink);font:600 13px/1 var(--ios-font);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 6px;transition:background .15s,color .15s,scale .12s;display:flex}.settings__song:active{scale:.95}.settings__song[aria-pressed=true]{color:#fff;background:linear-gradient(#ff8a70,#ff4b3e 55%,#d8352a);box-shadow:inset 0 -2px #8c280040}@media (max-width:420px){.settings__songs{grid-template-columns:repeat(2,minmax(0,1fr))}}.settings__row+.settings__songs:before{display:none}.settings__row--bare{min-height:0;padding-top:0;padding-bottom:8px}.settings__row+.settings__row--bare:before{display:none}.settings .toggle{width:60px;height:34px}.settings .toggle:before,.settings .toggle:after{font:900 15px/1 var(--ios-font);transition:opacity .15s;position:absolute;top:50%;translate:0 -50%}.settings .toggle:before{content:"✓";color:#fff;opacity:0;left:10px}.settings .toggle:after{content:"✕";color:var(--soft);right:10px}.settings .toggle[aria-checked=true]:before{opacity:1}.settings .toggle[aria-checked=true]:after{opacity:0}.settings .toggle__knob{width:28px;height:28px;top:3px;left:3px;box-shadow:0 2px #00000024}.settings .toggle[aria-checked=true] .toggle__knob{transform:translate(26px)}.shop{--bg:#fff8dc;--line:#f3e2a6;--surface-2:#fff1c2;background:var(--bg)}:root[data-theme=dark] .shop{--bg:#15131d;--line:#3a3014;--surface-2:#2a2310}.shop__scatter{opacity:.22;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}:root[data-theme=dark] .shop__scatter{opacity:.12}.shop__scatter span{position:absolute}.shop__body{max-width:480px;padding:10px 20px calc(env(safe-area-inset-bottom) + 32px);flex-direction:column;gap:14px;margin:0 auto;display:flex;position:relative}.shop__body>*{animation:.38s ease-out both card-rise}.shop__body>:nth-child(3){animation-delay:50ms}.shop__body>:nth-child(5){animation-delay:.1s}.shop__balance{text-align:center;color:#5a3a00;background:linear-gradient(#fff3c4,#ffd45c 50%,#f2a925);border-radius:26px;flex-direction:column;align-items:center;gap:6px;padding:22px 18px 20px;display:flex;box-shadow:inset 0 1px #ffffffb3}.shop__big-coin{animation:3s ease-in-out infinite coin-flip;display:grid}.shop__label{font:600 14px/1 var(--ios-font);letter-spacing:.06em;color:var(--ink-soft)}.shop__balance .shop__label{color:#8a5e00}.shop__amount{align-items:center;gap:12px;display:inline-flex}.shop__amount b{font-family:var(--font-logo);color:#5a3a00;text-shadow:0 2px #fff9;padding-top:6px;font-size:56px;font-weight:400;line-height:1;position:relative;top:.1em}.shop__rule,.shop__note{font:400 15px/1.35 var(--ios-font);margin:6px 0 0}.shop__note{text-align:center;color:var(--ink-soft);margin:0}.shop__heading{font:600 15px/1.3 var(--ios-font);letter-spacing:.04em;color:var(--ink-soft);margin:8px 0 -4px 6px}.shop__packs{flex-direction:column;gap:10px;display:flex}.shop__pack,.shop__ads{background:var(--surface);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.shop__pack{background:linear-gradient(100deg, color-mix(in srgb, var(--tint) 14%, var(--surface)), var(--surface) 70%);align-items:center;gap:14px;padding:10px 10px 10px 12px;display:flex}.shop__pack:first-child{--tint:#2e8ff0}.shop__pack:nth-child(2){--tint:#8a5cd6}.shop__pack:nth-child(3){--tint:#ff5c8a}.shop__coin{background:linear-gradient(180deg, color-mix(in srgb, var(--tint) 45%, #fff), color-mix(in srgb, var(--tint) 75%, #fff));border-radius:16px;flex:none;place-items:center;width:52px;height:52px;display:grid;box-shadow:inset 0 1px #fff9}.shop__pack b{color:var(--ink);flex:1;font-size:20px;font-weight:800}.shop__buy{color:#fff;min-width:112px;height:52px;font:800 20px/1 var(--font-ui);letter-spacing:.02em;cursor:pointer;background:linear-gradient(#5fd896,#2fbf71 55%,#1f9656);border:0;border-radius:16px;padding:4px 16px 0;transition:transform .16s cubic-bezier(.3,1.5,.5,1);box-shadow:inset 0 1px #ffffff73}.shop__buy:active{transform:scale(.96)}.shop__buy:disabled{background:var(--surface-2);box-shadow:none;color:var(--ink-soft);transform:none}.shop__buy--wide{width:100%}.shop__ads{background:linear-gradient(180deg, color-mix(in srgb, #2fbf71 12%, var(--surface)), var(--surface) 60%);margin-top:10px;padding:20px 18px 18px}.shop__ads-title{font-family:var(--font-logo);letter-spacing:.02em;color:var(--brand);margin:0 0 10px;font-size:26px;font-weight:400}.shop__ads ul{font:400 16px/1.6 var(--ios-font);color:var(--ink);margin:0 0 16px;padding-left:22px}@media (prefers-reduced-motion:reduce){.shop__body>*,.shop__big-coin{animation:none}}.streak{--wash:#4fb3f6}.streak__section{padding:18px 20px 0;animation:.38s ease-out both card-rise}.streak__section:nth-of-type(2){animation-delay:50ms}.streak__section:nth-of-type(3){animation-delay:.1s}.streak__section--bottom{padding-top:28px;padding-bottom:calc(env(safe-area-inset-bottom) + 24px)}.streak__heading{font:600 15px/1.3 var(--ios-font);letter-spacing:.04em;color:var(--ink-soft);margin:0 0 8px 6px}.streak__card{background:var(--surface);border-radius:var(--card-radius);box-shadow:var(--card-shadow);overflow:hidden}.streak__summary{background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 75%, #fff), var(--brand) 55%, var(--brand-deep));color:var(--on-brand);border-radius:26px;align-items:center;gap:16px;padding:18px 20px 20px;display:flex;box-shadow:inset 0 1px #ffffff73}.streak__flame{--flame-body:var(--brand);--flame-core:#ffd23f;box-shadow:none;background:#fff;border-radius:20px;flex:none;padding:10px;display:grid}.streak__count{font-family:var(--font-logo);font-size:44px;font-weight:400;line-height:1}.streak__label{letter-spacing:.08em;margin-left:8px;font-size:16px;font-weight:800}.streak__note{font:600 15px/1.3 var(--ios-font);opacity:.9;margin:6px 0 0}.streak__tabs{background:color-mix(in srgb, var(--surface) 70%, transparent);box-shadow:var(--card-shadow);border-radius:16px;grid-template-columns:1fr 1fr;margin:0 0 12px;padding:4px;display:grid;position:relative}.streak__thumb{top:4px;bottom:4px;left:calc(4px + var(--at,0) * (100% - 8px) / 2);background:var(--brand);border-radius:12px;width:calc(50% - 4px);transition:left .32s cubic-bezier(.3,1.35,.5,1);position:absolute;box-shadow:inset 0 1px #ffffff59}.streak__tab{min-height:42px;color:var(--ink-soft);font:800 15px/1 var(--font-ui);letter-spacing:.08em;cursor:pointer;background:0 0;border:0;padding:3px 16px 0;transition:color .2s;position:relative}.streak__tab[aria-selected=true]{color:var(--on-brand)}.streak__calendar{padding:14px 12px 16px}.streak__month{letter-spacing:.1em;color:var(--ink);justify-content:space-between;align-items:center;margin:0 0 10px;font-size:14px;font-weight:800;display:flex}.streak__month p{margin:0}.streak__arrow{background:var(--surface-2);width:40px;height:40px;color:var(--brand);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:transform .12s,opacity .2s;display:grid}.streak__arrow:active:not(:disabled){transform:scale(.9)}.streak__arrow:disabled{opacity:.3;cursor:default}.streak__grid{grid-template-columns:repeat(7,1fr);justify-items:center;gap:6px;display:grid}.streak__weekday{color:var(--ink-soft);font-size:12px;font-weight:800}.streak__day{background:var(--surface-2);width:36px;height:36px;color:var(--ink-soft);border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid}.streak__day.is-played{background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 70%, #fff), var(--brand) 60%);color:var(--on-brand);box-shadow:inset 0 1px #fff6}.streak__day.is-now{outline:3px solid var(--brand);outline-offset:2px}.streak__day.is-opened{background:var(--brand-soft);color:var(--brand);box-shadow:inset 0 0 0 2px var(--brand-soft-edge)}.streak__day.is-future{opacity:.4}.streak__row{align-items:center;gap:12px;padding:10px 18px;display:flex}.streak__row+.streak__row{border-top:1px solid color-mix(in srgb, var(--ink) 10%, transparent)}.streak__date{font:600 13px/1.2 var(--ios-font);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin:0;padding:14px 18px 4px}.streak__date+.streak__row{border-top:0}.streak__row+.streak__date{border-top:1px solid color-mix(in srgb, var(--ink) 10%, transparent);margin-top:4px}.streak__art{background:var(--dot);width:48px;height:48px;box-shadow:none;border-radius:12px;flex:none;place-items:center;display:grid;overflow:hidden}.streak__art img,.streak__art svg{object-fit:cover;width:100%;height:100%}.streak__game{flex:1;min-width:0}.streak__game b{color:var(--ink);font-size:16px;display:block}.streak__game small{font:400 14px/1.3 var(--ios-font);color:var(--ink-soft);margin-top:3px;display:block}.streak__score{font-family:var(--font-logo);color:var(--ink);flex-direction:column;align-items:flex-end;padding-top:3px;font-size:22px;font-weight:400;display:flex}.streak__score small{font:600 10px/1 var(--ios-font);letter-spacing:.08em;color:var(--ink-soft);margin-bottom:4px}.streak__empty{font:400 16px/1.4 var(--ios-font);text-align:center;color:var(--ink-soft);margin:0;padding:22px 18px}.streak__legend{font:400 13px/1 var(--ios-font);color:var(--ink-soft);justify-content:center;gap:18px;margin-top:14px;display:flex}.streak__legend span{align-items:center;gap:6px;display:flex}.streak__key{border-radius:50%;width:12px;height:12px}.streak__key.is-played{background:var(--brand)}.streak__key.is-opened{background:var(--brand-soft);box-shadow:inset 0 0 0 2px var(--brand-soft-edge)}.streak__tag{background:var(--surface-2);color:var(--ink-soft);letter-spacing:.08em;border-radius:6px;margin-left:4px;padding:2px 6px 1px;font-size:10px;font-style:normal}@media (prefers-reduced-motion:reduce){.streak__section{animation:none}.streak__thumb{transition:none}}.streak__summary+.rival{margin:14px 0 0}.streak__pair{min-width:0;font:700 11px/1 var(--font-ui);color:var(--ink-soft);align-items:center;gap:5px;margin:3px 0 1px;display:flex}.streak__pair i{font:normal 800 12px/1 var(--font-ui);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;color:#fff;border-radius:999px;padding:4px 8px 3px;overflow:hidden}.streak__pair .is-p1{background:var(--p1)}.streak__pair .is-p2{background:var(--p2)}.splash{z-index:100;transition:opacity var(--splash-fade) ease;background:radial-gradient(70% 38% at 50% 48%,#fff 45%,#0000 100%),linear-gradient(90deg,#ffd9d5 0%,#fff 50%,#d9e7ff 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}:root[data-theme=dark] .splash{background:linear-gradient(90deg, #3a1d24 0%, var(--bg) 50%, #1c2440 100%)}:root[data-theme=dark] .splash__word{color:var(--ink)}:root[data-theme=dark] .splash__credits{color:var(--ink-soft)}:root[data-theme=dark] .splash__progress{background:var(--surface-2);box-shadow:inset 0 2px 3px #0006}.splash.is-out{opacity:0;pointer-events:none}.splash__logo{opacity:0;flex-direction:column;align-items:center;display:flex;transform:scale(.6)}.splash.is-in .splash__logo{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards splash-pop}.splash__icon{aspect-ratio:1;width:clamp(150px,46vw,200px);box-shadow:0 7px 0 var(--brand-deep), 0 18px 34px #5a1a002e;border-radius:22%;display:block}.splash__word{letter-spacing:.12em;color:#33304a;text-shadow:0 1px #d6d2e4,0 2px #c8c3da,0 3px #bab4cf,0 7px 10px #281e5029;margin-top:24px;font-size:clamp(22px,7vw,32px);font-weight:800}:root[data-theme=dark] .splash__word{text-shadow:0 1px #2c2940,0 2px #24223a,0 3px #1d1b30,0 7px 10px #0006}.splash__progress{opacity:0;background:#ffe6da;border-radius:999px;width:min(220px,62vw);height:16px;margin-bottom:18px;padding:3px;box-shadow:inset 0 2px 3px #c8481b2e}.splash.is-in .splash__progress{animation:.25s forwards splash-fade}.splash__fill{border-radius:inherit;background:linear-gradient(#ff8a70,#ff4b3e 55%,#d8352a);width:0;min-width:10px;height:100%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 -2px #8c280040}.splash.is-in .splash__fill{animation:splash-fill var(--splash-load) cubic-bezier(.45, .05, .25, 1) forwards}.splash__fill:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff8c 50%,#0000 70%);position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}.splash.is-in .splash__fill:after{animation:.9s ease-in-out .2s infinite splash-shine}@keyframes splash-fill{to{width:100%}}@keyframes splash-shine{to{transform:translate(100%)}}.splash__credits{left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 18px);color:#7a7390;opacity:0;isolation:isolate;flex-direction:column;align-items:center;gap:2px;font-size:13px;font-weight:800;display:flex;position:absolute}.splash__credits:before{content:"";z-index:-1;opacity:.55;background:radial-gradient(50% 50% at 50% 55%,#fffffff5 55%,#fff0);width:min(320px,86vw);margin-left:calc(min(320px,86vw)/-2);position:absolute;top:-40px;bottom:-30px;left:50%;right:50%}:root[data-theme=dark] .splash__credits:before{background:radial-gradient(ellipse 50% 50% at 50% 55%, color-mix(in srgb, var(--bg) 96%, transparent) 55%, transparent)}.splash.is-in .splash__credits{animation:.25s forwards splash-fade}@keyframes splash-pop{to{opacity:1;transform:scale(1)}}@keyframes splash-fade{to{opacity:1}}@media (prefers-reduced-motion:reduce){.splash *{animation:none!important}.splash.is-in .splash__logo,.splash.is-in .splash__progress{opacity:1;transform:none}.splash.is-in .splash__fill{width:100%}.splash.is-in .splash__credits{opacity:1}}