:root{--cream: #f4efe6;--gold: #f6c343;--gold-deep: #e0a62a;--gold-hover: #ffd35c;--ink: #0e1217;--soil: #22170f;--soil-2: #4a3423;--stat-label: #74553a;--plate-paper: #fff6e4;--white: #ffffff;--black: #000000;--sky-ash: #1a1416;--sky-rust: #6e3a2c;--sky-copper: #c9763f;--sky-amber: #eba45e;--sky-noon: #f6cf7d;--sky-honey: #f3bd6c;--sky-gold: #f0a95f;--sky-late: #d9785a;--sky-rose: #b0606a;--sky-dusk: #7a4c72;--sky-plum: #5a3d68;--pine-back: #4a3560;--pine-front: #2a1f40;--sky-violet: #2b2142;--sky-indigo: #241d3c;--sky-night: #141a2b;--night-floor: #10151f;--hero-ground: #1c1a1f;--cut: #07090c;--shade: #0a0c10;--backdrop: #080a0e;--scrim: #05070a;--media-ground: #0b0e14;--hero-veil: #0e101a;--scrollbar: #3a3150;--eye: #ffd23a;--heart: #e25563;--heart-text: #ff9aa4;--online: #8fe3a8;--firefly: #fff3b8;--flock-sky: #2b2f4a;--plate-sky-top: #f7d18a;--plate-sky-mid: #eab070;--plate-sky-low: #c98a52;--index-glow: #fff4de;--map-grass: #26542e;--dusk-mauve: #9b6a9a;--night-blue: #6f7aa8;--gold-app: #f5c242;--sweep: #fff4d6;--paper: #f4ead6;--gold-ink: #8f5d06;--gold-mark: #c4870f;--night-plate: #1b2131;--logo-gold-deep: #c98a1c;--logo-amber: #9a5f06;--logo-plate-top: #2e2116;--logo-plate-low: #1c140d;--cream-rgb: 244, 239, 230;--ink-rgb: 14, 18, 23;--soil-rgb: 34, 23, 15;--gold-rgb: 246, 195, 67;--black-rgb: 0, 0, 0;--heart-rgb: 226, 85, 99;--plate-paper-rgb: 255, 246, 228;--index-glow-rgb: 255, 244, 222;--sky-ash-rgb: 26, 20, 22;--sky-night-rgb: 20, 26, 43;--shade-rgb: 10, 12, 16;--backdrop-rgb: 8, 10, 14;--scrim-rgb: 5, 7, 10;--gold-mark-rgb: 196, 135, 15;--logo-plate-top-rgb: 46, 33, 22;--logo-plate-low-rgb: 28, 20, 13;--hero-veil-rgb: 14, 16, 26;--sweep-rgb: 255, 244, 214;--rd-bg: var(--paper);--rd-plate: var(--plate-paper);--on: 34 23 15;--hi: var(--soil);--acc: var(--gold-ink);--mark: var(--gold-mark);--mk: 196 135 15;--ring: var(--soil);--lede: var(--soil-2);--rd-bg-night: var(--sky-night);--rd-plate-night: var(--night-plate);--on-night: 244 239 230;--hi-night: var(--cream);--acc-night: var(--gold);--mark-night: var(--gold);--mk-night: 246 195 67;--ring-night: var(--gold);--lede-night: rgba(var(--cream-rgb), .92);--display: "Fredoka", "Trebuchet MS", system-ui, sans-serif;--text: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, "Cascadia Mono", Consolas, monospace;--fs-hero: clamp(76px, 12vw, 176px);--fs-h2: clamp(44px, 6.4vw, 92px);--fs-h2-split: clamp(44px, 4.8vw, 72px);--fs-h2-appendix: clamp(40px, 4.8vw, 68px);--fs-hero-line: clamp(20px, 2.1vw, 26px);--fs-lede: clamp(20px, 1.8vw, 24px);--fs-qa: clamp(18px, 1.6vw, 21px);--fs-plate-title: clamp(30px, 3vw, 42px);--fs-guide-title: clamp(28px, 3vw, 38px);--fs-h1-read: clamp(44px, 4.8vw, 70px);--fs-h2-read: clamp(32px, 3.6vw, 48px);--fs-h3-read: clamp(22px, 2vw, 27px);--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-8: clamp(56px, 6.5vw, 96px);--sp-chapter: clamp(72px, 9vw, 120px);--sp-read-section: clamp(48px, 6vw, 72px);--sp-read-block: clamp(40px, 5vw, 56px);--wrap: 1180px;--gutter: clamp(20px, 4vw, 48px);--gl: max(var(--gutter), env(safe-area-inset-left, 0px));--gr: max(var(--gutter), env(safe-area-inset-right, 0px));--read-width: 760px;--faq-width: 860px;--map-width: 640px;--bar-clear: 110px;--r: 16px;--r-hair: 1px;--r-tick: 2px;--r-bar: 3px;--r-hl: 4px;--r-grab: 5px;--r-kbd: 6px;--r-ghost: 7px;--r-chip: 8px;--r-seg: 9px;--r-btn-sm: 10px;--r-logo-icon: 11px;--r-btn: 12px;--r-btn-lg: 14px;--r-dialog: 18px;--r-icon: 20px;--r-mark: 12px;--r-plate: 22px;--r-sheet: 24px;--r-pill: 999px;--shadow-bar: 0 10px 30px -12px rgba(var(--black-rgb), .6);--shadow-menu: 0 24px 40px -20px rgba(var(--black-rgb), .7);--shadow-pn-bar: 0 10px 28px -14px rgba(var(--black-rgb), .7);--shadow-bubble: 0 6px 16px -6px rgba(var(--black-rgb), .5);--shadow-panel: 0 18px 40px -18px rgba(var(--black-rgb), .7);--shadow-icon: 0 10px 30px -8px rgba(var(--black-rgb), .6);--shadow-gold-glow: 0 6px 20px -6px rgba(var(--gold-rgb), .55);--shadow-gold-glow-hover: 0 10px 28px -8px rgba(var(--gold-rgb), .7);--shadow-tab-dot-glow: 0 10px 24px rgba(var(--gold-rgb), .3);--shadow-tab-selected: 0 10px 24px -12px rgba(var(--soil-rgb), .7);--shadow-plate: 0 24px 60px -24px rgba(90, 45, 10, .45), 0 2px 6px rgba(90, 45, 10, .12);--shadow-bite-bar: 0 6px 14px -6px rgba(var(--soil-rgb), .6);--shadow-still: 0 30px 70px -30px rgba(var(--black-rgb), .65);--shadow-still-gap: 0 30px 70px -30px rgba(110, 40, 15, .55);--shadow-still-wide: 0 30px 70px -30px rgba(var(--black-rgb), .7);--shadow-still-night: 0 30px 80px -30px rgba(246, 170, 60, .28), 0 20px 60px -30px rgba(var(--black-rgb), .8);--shadow-flock: 0 30px 70px -30px rgba(var(--black-rgb), .8);--shadow-firefly: 0 0 8px 3px rgba(255, 230, 120, .95), 0 0 30px 13px rgba(255, 196, 60, .38);--shadow-chip: 0 10px 24px -10px rgba(var(--black-rgb), .8);--shadow-dialog: 0 40px 120px rgba(var(--black-rgb), .7);--shadow-eye-glow: 0 0 10px 3px rgba(255, 196, 40, .5);--shadow-trailer: 0 40px 120px -40px rgba(var(--black-rgb), .8);--shadow-drawer: 0 -24px 60px -18px rgba(var(--black-rgb), .85);--shadow-jump-line: 0 14px 34px -16px rgba(var(--black-rgb), .7);--shadow-text-hero: 0 8px 40px rgba(var(--black-rgb), .35);--shadow-text-line: 0 2px 16px rgba(var(--black-rgb), .5);--shadow-text-close: 0 4px 30px rgba(var(--black-rgb), .5);--shadow-text-quiet: 0 2px 14px rgba(var(--black-rgb), .7);--shadow-logo-drop: 0 10px 26px rgba(var(--black-rgb), .45);--shadow-title-hero: 0 18px 40px rgba(6, 8, 12, .55);--shadow-title-hero-clear: 0 18px 40px rgba(6, 8, 12, 0);--shadow-text-trailer-link: 0 2px 12px rgba(var(--black-rgb), .6);--shadow-text-facts: 0 1px 8px rgba(var(--black-rgb), .6);--shadow-brand-mark: 0 6px 16px -6px rgba(var(--black-rgb), .7);--shadow-logo-v1-icon: 0 3px 10px -3px rgba(var(--black-rgb), .55);--shadow-logo-v1-hero: 0 12px 28px -10px rgba(var(--black-rgb), .65);--shadow-logo-v1-text: 0 1px 6px rgba(var(--black-rgb), .35);--shadow-logo-v2: 0 8px 18px -8px rgba(var(--black-rgb), .75);--shadow-logo-v2-hover: 0 10px 22px -8px rgba(var(--black-rgb), .8);--shadow-logo-v2-plate: 0 30px 60px -24px rgba(var(--black-rgb), .75);--shadow-logo-v2-text: 0 .04em .12em rgba(var(--black-rgb), .45);--shadow-logo-v2-ribbon: 0 .3em .8em -.3em rgba(var(--black-rgb), .7);--shadow-logo-v3-icon: 0 10px 18px -6px rgba(var(--black-rgb), .5);--shadow-logo-v3-hero: 0 18px 30px -10px rgba(var(--black-rgb), .55);--shadow-logo-v3-text: 0 .16em .24em rgba(var(--black-rgb), .35);--ease: cubic-bezier(.16, 1, .3, 1);--ease-pop: cubic-bezier(.3, .7, .4, 1);--ease-iris: cubic-bezier(.7, 0, .2, 1);--ease-sweep: cubic-bezier(.45, 0, .25, 1);--dur-press: .12s;--dur-hover: .15s;--dur-fade: .2s;--dur-turn: .25s;--dur-bar: .3s;--dur-menu: .35s;--dur-dialog: .4s;--dur-open: .42s;--dur-slide: .45s;--dur-glide: .5s;--dur-glance: .6s;--dur-rise: .7s;--dur-reveal: .8s;--dur-wake: .9s;--dur-settle: 1.2s;--dur-beat: 2.4s;--z-iris: 3;--z-hero-copy: 4;--z-pn-bar: 19;--z-bar: 20;--z-tabs: 30;--z-jump: 30;--z-scrim: 40;--z-drawer: 41;--z-skip: 50;--z-launch: 101}.brand-sub{display:block;margin:.16em 0 0 .06em;font:600 max(10px,.24em)/1 var(--display);letter-spacing:.42em;text-transform:uppercase;color:inherit;opacity:.86;white-space:nowrap}.wordmark{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1}:root{--wm-icon: url(/img/icon-512.png?v=6377b41d);--wm-gold: var(--gold);--wm-gold-deep: var(--logo-gold-deep);--wm-ink: var(--soil);--wm-cream: var(--cream);--wm-amber: var(--logo-amber)}:root:is([data-logo=current],[data-logo=v1]) .on-light .wordmark{color:var(--wm-ink);text-shadow:none}:root:is([data-logo=current],[data-logo=v1]) .on-light .wm-b{color:var(--wm-amber)}:root[data-logo=v1] .wm-b{color:var(--wm-gold)}:root[data-logo=v1] .wm-name{letter-spacing:-.02em}:root[data-logo=v1] .wordmark{align-items:stretch}:root[data-logo=v1] .brand-sub{display:flex;align-items:baseline;gap:.55em;margin:.22em 0 0;font-weight:600;letter-spacing:.3em;opacity:1}:root[data-logo=v1] .brand-sub:before,:root[data-logo=v1] .brand-sub:after{content:"";flex:1 1 0;min-width:.6em;height:max(1px,.1em);align-self:center;background:var(--wm-gold);border-radius:var(--r-hair);opacity:.8}:root[data-logo=v1] .brand-sub:before{margin-right:.3em}:root[data-logo=v1] .on-light .brand-sub:before,:root[data-logo=v1] .on-light .brand-sub:after{background:var(--wm-amber)}:root[data-logo=v1] .brand{gap:11px;font-size:21px}:root[data-logo=v1] .brand img{width:38px;height:38px;border-radius:var(--r-logo-icon);box-shadow:var(--shadow-logo-v1-icon)}:root[data-logo=v1] .brand .wordmark{text-shadow:var(--shadow-logo-v1-text)}:root[data-logo=v1] .brand .brand-sub{gap:.45em;margin-top:.3em;letter-spacing:.26em}:root[data-logo=v1] .brand .brand-sub:before{margin-right:.26em}:root[data-logo=v1] .hero h1 .wordmark{grid-template-columns:auto 1fr;align-items:baseline}:root[data-logo=v1] .hero h1 .brand-sub{justify-self:stretch;align-self:baseline;margin:0 -.3em 0 .25em;font-size:max(13px,.12em)}:root[data-logo=v1] .hero h1 .brand-sub:after{display:none}@media(max-width:520px){:root[data-logo=v1] .hero h1 .brand-sub:before{display:none}}:root[data-logo=v1] .hero h1 .brand-sub:before{margin-right:.1em}:root[data-logo=v1] .logo h1{font-size:clamp(54px,7.4vw,80px)}@media(min-width:701px)and (min-height:501px)and (max-height:760px){:root[data-logo=v1] .logo h1{font-size:66px}}@media(max-width:700px){:root[data-logo=v1] .logo h1{font-size:52px}}@media(max-height:500px){:root[data-logo=v1] .logo h1{font-size:40px}}:root[data-logo=v1] .logo h1 .brand-sub{margin:.64em 0 0;color:var(--text, var(--wm-cream))}:root[data-logo=v1] .og-name .brand-sub{margin:.4em 0 0}:root[data-logo=v1] .hero-icon,:root[data-logo=v1] .logo-mark img{box-shadow:var(--shadow-logo-v1-hero)}@media(max-width:700px),(max-height:500px){:root[data-logo=v1] .logo h1 .brand-sub{display:inline-flex;margin:0 0 0 .45em}:root[data-logo=v1] .logo h1 .brand-sub:before,:root[data-logo=v1] .logo h1 .brand-sub:after{display:none}}@media(orientation:landscape)and (max-height:520px){:root[data-logo=v1] .hero h1 .brand-sub{display:inline-flex;margin:0 0 0 .45em}:root[data-logo=v1] .hero h1 .brand-sub:before{display:none}}:root[data-logo=v2] .wm-b{color:var(--wm-gold)}:root[data-logo=v2] .brand{gap:10px;padding:2px 15px 2px 2px;border-radius:var(--r-btn-lg);background:linear-gradient(180deg,var(--logo-plate-top),var(--logo-plate-low));box-shadow:inset 0 0 0 2px var(--wm-gold),var(--shadow-logo-v2);transition:box-shadow var(--dur-fade) ease}:root[data-logo=v2] .brand:hover,:root[data-logo=v2] .brand:focus-visible{box-shadow:inset 0 0 0 2px var(--gold-hover),var(--shadow-logo-v2-hover)}:root[data-logo=v2] .brand img{width:40px;height:40px;border-radius:var(--r-btn)}:root[data-logo=v2] .brand .brand-sub{margin-top:.22em;color:var(--wm-gold);opacity:1;letter-spacing:.36em}@media(max-width:380px){:root[data-logo=v2] .bar:has(.sound-btn) .brand{padding:2px}}:root[data-logo=v2] .hero h1,:root[data-logo=v2] .logo h1,:root[data-logo=v2] .og-name{position:relative;display:flex;align-items:center;gap:.2em;width:fit-content;padding:.12em .32em .36em .12em;border-radius:.24em;background:linear-gradient(180deg,rgba(var(--logo-plate-top-rgb),.95),rgba(var(--logo-plate-low-rgb),.95));box-shadow:inset 0 0 0 max(3px,.03em) var(--wm-gold),var(--shadow-logo-v2-plate);text-shadow:var(--shadow-logo-v2-text);white-space:nowrap}:root[data-logo=v2] .hero h1:before,:root[data-logo=v2] .logo h1:before,:root[data-logo=v2] .og-name:before{content:"";flex:none;width:1em;height:1em;border-radius:.17em;background:var(--wm-icon) center / cover no-repeat}:root[data-logo=v2] .hero h1:before{width:1.5em;height:1.5em;border-radius:.22em}:root[data-logo=v2] .hero-icon,:root[data-logo=v2] .logo-mark{display:none}:root[data-logo=v2] .hero h1 .wordmark,:root[data-logo=v2] .logo h1 .wordmark,:root[data-logo=v2] .og-name .wordmark{position:static;display:block}:root[data-logo=v2] .hero h1 .wm-name{display:flex;flex-direction:column;align-items:flex-start}:root[data-logo=v2] .hero h1 .brand-sub,:root[data-logo=v2] .logo h1 .brand-sub,:root[data-logo=v2] .og-name .brand-sub{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);display:block;margin:0;padding:.5em .7em .5em 1.06em;border-radius:.3em;background:linear-gradient(180deg,var(--gold-hover),var(--wm-gold));color:var(--wm-ink);opacity:1;font-size:max(12px,.15em);font-weight:700;letter-spacing:.36em;text-shadow:none;box-shadow:var(--shadow-logo-v2-ribbon)}:root[data-logo=v2] .hero h1 .brand-sub:before,:root[data-logo=v2] .hero h1 .brand-sub:after,:root[data-logo=v2] .logo h1 .brand-sub:before,:root[data-logo=v2] .logo h1 .brand-sub:after,:root[data-logo=v2] .og-name .brand-sub:before,:root[data-logo=v2] .og-name .brand-sub:after{content:"";position:absolute;top:.32em;bottom:-.32em;width:.85em;background:var(--wm-gold-deep)}:root[data-logo=v2] .hero h1 .brand-sub:before,:root[data-logo=v2] .logo h1 .brand-sub:before,:root[data-logo=v2] .og-name .brand-sub:before{left:-.85em;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,.42em 50%)}:root[data-logo=v2] .hero h1 .brand-sub:after,:root[data-logo=v2] .logo h1 .brand-sub:after,:root[data-logo=v2] .og-name .brand-sub:after{right:-.85em;clip-path:polygon(0 0,100% 0,calc(100% - .42em) 50%,100% 100%,0 100%)}:root[data-logo=v2] .hero h1{font-size:clamp(54px,7.6vw,112px);line-height:.88}:root[data-logo=v2] .hero-line{margin-top:clamp(34px,3.4vw,50px)}:root[data-logo=v2] .logo h1{font-size:clamp(46px,5.4vw,64px);margin:4px 0 .3em}:root[data-logo=v2] .og-name+p{margin-top:34px}:root[data-logo=v2] .og-name{margin-top:44px;font-size:92px}@media(min-width:701px)and (min-height:501px)and (max-height:760px){:root[data-logo=v2] .logo h1{font-size:52px}}@media(max-width:700px){:root[data-logo=v2] .logo h1{font-size:44px}}@media(max-height:500px){:root[data-logo=v2] .logo h1{font-size:34px}}@media(orientation:landscape)and (max-height:520px){:root[data-logo=v2] .hero h1{font-size:clamp(40px,11svh,54px)}:root[data-logo=v2] .hero h1:before{width:1em;height:1em}:root[data-logo=v2] .hero h1 .wm-name{flex-direction:row;gap:.24em}:root[data-logo=v2] .hero-line{margin-top:24px}}:root[data-logo=v3] .wm-name{letter-spacing:0}:root[data-logo=v3] .wm-a,:root[data-logo=v3] .wm-b{display:inline-block;-webkit-text-stroke:.15em var(--wm-ink);paint-order:stroke fill;text-shadow:0 .11em 0 var(--wm-ink),var(--shadow-logo-v3-text)}:root[data-logo=v3] .wm-a{position:relative;z-index:1;color:var(--wm-cream);transform:rotate(-3deg)}:root[data-logo=v3] .wm-b{position:relative;color:var(--wm-gold);transform:rotate(3deg) translateY(.03em)}:root[data-logo=v3] .wm-b:before,:root[data-logo=v3] .wm-b:after{content:"";position:absolute;pointer-events:none;transform-origin:50% 100%}:root[data-logo=v3] .wm-b:before{left:.02em;top:-.19em;width:.58em;height:.35em;background:var(--wm-ink);clip-path:polygon(0 100%,14% 0,44% 100%,56% 100%,86% 0,100% 100%)}:root[data-logo=v3] .wm-b:after{left:.085em;top:-.1em;width:.45em;height:.26em;background:var(--wm-gold);clip-path:polygon(0 100%,15% 0,38% 100%,62% 100%,85% 0,100% 100%)}:root[data-logo=v3] .brand-sub{display:inline-block;align-self:flex-start;margin:.42em 0 0 .2em;padding:.36em .55em .32em 1.2em;border-radius:.3em;background:radial-gradient(circle at .55em 50%,var(--wm-ink) .15em,transparent .17em),var(--wm-gold);color:var(--wm-ink);opacity:1;font-weight:700;letter-spacing:.2em;text-shadow:none;box-shadow:0 0 0 .12em var(--wm-ink),0 .22em 0 .12em var(--wm-ink);transform:rotate(-4deg)}:root[data-logo=v3] .brand{gap:12px;font-size:21px}:root[data-logo=v3] .brand .brand-sub{margin-top:.3em;padding:.22em .45em .2em 1.05em;background:radial-gradient(circle at .48em 50%,var(--wm-ink) .13em,transparent .16em),var(--wm-gold)}:root[data-logo=v3] .brand img,:root[data-logo=v3] .hero-icon,:root[data-logo=v3] .logo-mark img{transform:rotate(-5deg);box-shadow:0 0 0 2px var(--wm-ink),0 4px 0 2px var(--wm-ink),var(--shadow-logo-v3-icon)}:root[data-logo=v3] .hero-icon,:root[data-logo=v3] .logo-mark img{box-shadow:0 0 0 4px var(--wm-ink),0 8px 0 4px var(--wm-ink),var(--shadow-logo-v3-hero)}:root[data-logo=v3] .hero h1{line-height:.98;text-shadow:none}:root[data-logo=v3] .hero-line{margin-top:clamp(36px,3.6vw,54px)}:root[data-logo=v3] .hero h1 .wm-b{margin-left:.14em}:root[data-logo=v3] .hero h1 .brand-sub{justify-self:start;align-self:center;margin:.6em 0 0 .1em;font-size:max(13px,.14em);transform:rotate(-7deg)}:root[data-logo=v3] .logo h1{font-size:clamp(50px,6.4vw,72px);text-shadow:none}@media(min-width:701px)and (min-height:501px)and (max-height:760px){:root[data-logo=v3] .logo h1{font-size:60px}}@media(max-width:700px){:root[data-logo=v3] .logo h1{font-size:48px}}@media(max-height:500px){:root[data-logo=v3] .logo h1{font-size:38px}}:root[data-logo=v3] .logo h1 .brand-sub{margin:.34em 0 0 .25em}:root[data-logo=v3] .og-name{margin-top:48px;font-size:112px;text-shadow:none}:root[data-logo=v3] .og-name .brand-sub{align-self:center;margin:.36em 0 0;transform:rotate(-3deg)}@media(max-width:700px),(max-height:500px){:root[data-logo=v3] .logo h1 .brand-sub{margin:0 0 0 .6em;vertical-align:.3em}}@media(orientation:landscape)and (max-height:520px){:root[data-logo=v3] .hero h1 .brand-sub{margin:0 0 0 .6em;vertical-align:.25em}}@keyframes wm-ears{30%{transform:scaleY(1.35) rotate(-4deg)}60%{transform:scaleY(.85)}}@media(hover:hover){:root[data-logo=v3] .brand:hover .wm-b:before,:root[data-logo=v3] .brand:hover .wm-b:after{animation:wm-ears var(--dur-glide) var(--ease)}}:root[data-motion=reduced] .wm-b:before,:root[data-motion=reduced] .wm-b:after{animation:none!important}@media(prefers-reduced-motion:reduce){:root:not([data-motion]) .wm-b:before,:root:not([data-motion]) .wm-b:after{animation:none!important}}:root{--wm-logo-s: image-set(url(/img/logo-h1-dark-s.webp?v=e22a7f24) 1x, url(/img/logo-h1-dark-s2.webp?v=f1c6efcd) 2x);--wm-logo-l: image-set(url(/img/logo-h1-dark-l.webp?v=f38d107e) 1x, url(/img/logo-h1-dark-l2.webp?v=a867b03c) 2x);--wm-logo-l-light: image-set(url(/img/logo-h1-l.webp?v=9c47e23f) 1x, url(/img/logo-h1-l2.webp?v=e5b14291) 2x);--wm-logo-ratio: 1.868}.wm-logo{display:none}:root[data-logo=h1] .wordmark{display:block}:root[data-logo=h1] .wm-logo{display:block;height:var(--wm-h, 2em);width:calc(var(--wm-h, 2em) * var(--wm-logo-ratio));background:var(--wm-logo-l) center / contain no-repeat}:root[data-logo=h1] .on-light .wm-logo{background-image:var(--wm-logo-l-light)}:root[data-logo=h1] .wordmark .wm-name,:root[data-logo=h1] .wordmark .brand-sub{display:block;position:absolute;top:0;left:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;font-size:1px;line-height:1;letter-spacing:0}:root[data-logo=h1] .wordmark{position:relative}:root[data-logo=h1] :is(.hero-icon,.logo-mark){display:none}:root[data-logo=h1] .brand{--wm-h: 44px;gap:0}:root[data-logo=h1] .brand>img{display:none}:root[data-logo=h1] .brand .wm-logo{background-image:var(--wm-logo-s)}:root[data-logo=h1] .brand:has(.brand-mark) .wordmark .wm-logo{display:none}:root[data-logo=h1] .brand .brand-mark{width:calc(var(--wm-h) * var(--wm-logo-ratio));height:var(--wm-h);background:var(--wm-logo-s) center / contain no-repeat}:root[data-logo=h1] .brand .brand-mark img{display:none}:root[data-logo=h1] .brand :is(.brand-mark,.wm-logo){width:round(down,calc(var(--wm-h) * var(--wm-logo-ratio)),1px)}:root[data-logo=h1] .hero h1{--wm-h: 1.85em}:root[data-logo=h1] .logo h1{--wm-h: 2.1em;margin-top:0}:root[data-logo=h1] :is(.hero h1,.logo h1,.og-name) .wm-logo{filter:drop-shadow(var(--shadow-logo-drop))}:root[data-logo=h1] .og-name{--wm-h: 2.1em}.play-badge{display:block;flex:none;width:var(--bw, 48px);height:var(--bw, 48px);background-repeat:no-repeat;background-size:calc(var(--bw, 48px) * 11) var(--bw, 48px);background-position:0 0}.play-badge.sheep{background-image:url(/img/badge-sheep-96.webp?v=1e82a008);background-image:image-set(url(/img/badge-sheep-48.avif?v=868fbeb2) type("image/avif") 1x,url(/img/badge-sheep-96.avif?v=5bb6f0ff) type("image/avif") 2x,url(/img/badge-sheep-48.webp?v=933b82c9) type("image/webp") 1x,url(/img/badge-sheep-96.webp?v=1e82a008) type("image/webp") 2x)}.play-badge.wolf{background-image:url(/img/badge-wolf-96.webp?v=8f4a6805);background-image:image-set(url(/img/badge-wolf-48.avif?v=2d265637) type("image/avif") 1x,url(/img/badge-wolf-96.avif?v=8dbc9bf8) type("image/avif") 2x,url(/img/badge-wolf-48.webp?v=8334516a) type("image/webp") 1x,url(/img/badge-wolf-96.webp?v=8f4a6805) type("image/webp") 2x)}.play-hover,.play-idle{transform-origin:50% 88%}@keyframes play-hop{26%{transform:translateY(-24%) rotate(-9deg)}52%{transform:translateY(0) scale(1.1,.88)}74%{transform:translateY(-5%) scale(.97,1.04)}}@keyframes play-prowl{30%{transform:translate(-9%) rotate(4deg) scale(1.03,.93)}52%{transform:translate(14%) rotate(-6deg) scale(1.07,1.02)}74%{transform:translate(-2%) rotate(1deg)}}@keyframes play-idle-sheep{0%,30%,to{transform:none}8%{transform:translateY(-14%) rotate(-6deg)}16%{transform:translateY(0) scale(1.06,.92)}22%{transform:scale(.98,1.03)}}@keyframes play-idle-wolf{0%,34%,to{transform:none}10%{transform:translate(-6%) rotate(3deg) scale(1.02,.95)}20%{transform:translate(7%) rotate(-4deg)}27%{transform:translate(-1%)}}@media(hover:hover){:is(:hover,:focus-visible)>.play-hover.sheep{animation:play-hop .62s var(--ease-pop)}:is(:hover,:focus-visible)>.play-hover.wolf{animation:play-prowl .7s var(--ease-pop)}}@media(hover:none)and (pointer:coarse){.play-idle.sheep.idle-on{animation:play-idle-sheep 2.8s var(--ease-pop) infinite}.play-idle.wolf.idle-on{animation:play-idle-wolf 3.6s var(--ease-pop) 1.2s infinite}}:root[data-motion=reduced] :is(.play-hover,.play-idle){animation:none!important}@media(prefers-reduced-motion:reduce){:root:not([data-motion]) :is(.play-hover,.play-idle){animation:none!important}}@property --ac-iris{syntax: "<length-percentage>"; inherits: false; initial-value: 0%;}#appcard{position:fixed;inset:0;z-index:var(--z-launch);pointer-events:none;background:var(--gold-app)}#appcard.open{background:radial-gradient(circle at 50% 50%,transparent var(--ac-iris),var(--gold-deep) calc(var(--ac-iris) + .15%),var(--gold-app) calc(var(--ac-iris) + .8%))}#appcard .ac-logo{position:absolute;left:50%;top:50%;width:min(72vw,520px,calc(46vh * var(--wm-logo-ratio)));aspect-ratio:var(--wm-logo-ratio);transform:translate(-50%,-50%);background:var(--wm-logo-l-light) center / contain no-repeat}#appcard{--ac-hold: .3s;--ac-icon: none;--ac-dx: 0px;--ac-dy: 0px;--ac-k: 1;--ac-ik: 1;--ac-io: 50% 50%;--ac-lo: 50% 50%}#appcard .ac-icon{display:none;position:absolute;left:50%;top:50%;width:160px;height:160px;margin:-80px 0 0 -80px;background:var(--ac-icon) center / 100% 100% no-repeat;transform-origin:var(--ac-io)}#appcard[data-os=ios]{--ac-hold: .15s}#appcard[data-from=icon] .ac-icon{display:block;animation:ac-icon-go .8s var(--ease-sweep) var(--ac-hold) both,ac-fade .4s linear calc(var(--ac-hold) + .25s) both}#appcard[data-from=icon] .ac-logo{transform-origin:var(--ac-lo);animation:ac-logo-go .8s var(--ease-sweep) var(--ac-hold) backwards,ac-in .4s linear calc(var(--ac-hold) + .15s) backwards}@keyframes ac-icon-go{0%{transform:none}to{transform:translate(var(--ac-dx),var(--ac-dy)) scale(var(--ac-k))}}@keyframes ac-logo-go{0%{transform:translate(-50%,-50%) translate(calc(-1 * var(--ac-dx)),calc(-1 * var(--ac-dy))) scale(var(--ac-ik))}to{transform:translate(-50%,-50%)}}@keyframes ac-in{0%{opacity:0}to{opacity:1}}:root[data-motion=reduced] #appcard[data-from=icon] .ac-icon{animation:ac-fade .4s linear var(--ac-hold) both}:root[data-motion=reduced] #appcard[data-from=icon] .ac-logo{animation:ac-in .4s linear var(--ac-hold) backwards}#appcard.open{animation:ac-iris 1.1s var(--ease-iris) both}#appcard.open .ac-logo{animation:ac-out .35s var(--ease) both}@keyframes ac-iris{0%{--ac-iris: 0%}to{--ac-iris: 150%}}@keyframes ac-out{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%) scale(1.06)}}:root[data-motion=reduced] #appcard.open{animation:ac-fade .4s var(--ease) both}:root[data-motion=reduced] #appcard.open .ac-logo{animation:none}@keyframes ac-fade{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){:root:not([data-motion]) #appcard.open{animation:ac-fade .4s var(--ease) both}:root:not([data-motion]) #appcard.open .ac-logo{animation:none}:root:not([data-motion]) #appcard[data-from=icon] .ac-icon{animation:ac-fade .4s linear var(--ac-hold) both}:root:not([data-motion]) #appcard[data-from=icon] .ac-logo{animation:ac-in .4s linear var(--ac-hold) backwards}}@font-face{font-family:Fredoka;src:url(/fonts/fredoka-latin.woff2) format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{--ink: #0e1217;--gold-deep: #e0a62a;--panel: rgba(14, 18, 23, .72);--panel-solid: #151b22;--line: rgba(255, 255, 255, .09);--text: #f4efe6;--dim: rgba(244, 239, 230, .74);--gold: #f6c343;--sheep: #8fe3a8;--wolf: #ff6b5a;--spirit: #9ff3ff;--radius: 14px;--display: "Fredoka", "Trebuchet MS", system-ui, sans-serif;--body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b0f14;color:var(--text);font:16px/1.5 var(--body);user-select:none}#gl{position:fixed;inset:0;width:100vw;height:100vh;display:block}#ui,.overlay{position:fixed;inset:0;pointer-events:none}#ui{z-index:20}.overlay{z-index:10}.ic{width:1.35em;height:1.35em;flex:none;vertical-align:-.3em}.tic{display:inline-block;background:center / contain no-repeat}.tic-sheep{background-image:url(/img/team-sheep-64.webp?v=c2baacdd);background-image:image-set(url(/img/team-sheep-64.avif?v=83253e5d) type("image/avif"),url(/img/team-sheep-64.webp?v=c2baacdd) type("image/webp"))}.tic-wolf{background-image:url(/img/team-wolf-64.webp?v=e58d836a);background-image:image-set(url(/img/team-wolf-64.avif?v=c1e3ff68) type("image/avif"),url(/img/team-wolf-64.webp?v=e58d836a) type("image/webp"))}.tic-shepherd{background-image:url(/img/team-shepherd-64.webp?v=9d5c1ffa);background-image:image-set(url(/img/team-shepherd-64.avif?v=5eca4007) type("image/avif"),url(/img/team-shepherd-64.webp?v=9d5c1ffa) type("image/webp"))}.res-banner>.tic-sheep,.award .tic-sheep,.hud-avatar .tic-sheep{background-image:url(/img/team-sheep-128.webp?v=ac6164d1);background-image:image-set(url(/img/team-sheep-128.avif?v=1f78c167) type("image/avif"),url(/img/team-sheep-128.webp?v=ac6164d1) type("image/webp"))}.res-banner>.tic-wolf,.award .tic-wolf,.hud-avatar .tic-wolf{background-image:url(/img/team-wolf-128.webp?v=8659873c);background-image:image-set(url(/img/team-wolf-128.avif?v=8b70d264) type("image/avif"),url(/img/team-wolf-128.webp?v=8659873c) type("image/webp"))}.res-banner>.tic-shepherd,.award .tic-shepherd,.hud-avatar .tic-shepherd{background-image:url(/img/team-shepherd-128.webp?v=19c1cd1d);background-image:image-set(url(/img/team-shepherd-128.avif?v=c5308ef1) type("image/avif"),url(/img/team-shepherd-128.webp?v=19c1cd1d) type("image/webp"))}kbd{font:600 13px/1 var(--body);padding:4px 7px;border-radius:5px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-bottom-width:2px;color:var(--text)}code{font-size:14px;background:#ffffff14;padding:1px 5px;border-radius:4px}.dim{color:var(--dim)}.small{font-size:14px}.hidden{display:none!important}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 40px #00000059}.btn{pointer-events:auto;font:600 16px/1 var(--body);color:var(--text);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:14px 20px;min-height:48px;border-radius:12px;cursor:pointer;display:inline-flex;gap:10px;align-items:center;justify-content:center;transition:transform .12s ease,background .15s ease,border-color .15s ease,box-shadow .15s}a.btn{text-decoration:none}.btn:hover{background:#ffffff24;border-color:#ffffff47;transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn.primary{background:var(--gold);color:var(--ink);border-color:var(--gold) var(--gold) var(--gold-deep);box-shadow:0 6px 20px -6px #f6c3438c,inset 0 -1px 0 var(--gold-deep)}.btn.primary:hover{background:#ffd35c;box-shadow:0 10px 28px -8px #f6c343b3,inset 0 -1px 0 var(--gold-deep)}.btn.primary.wolf{background:#ef6a55;border-color:#ef6a55 #ef6a55 #bf4636;color:#2a0906;box-shadow:0 6px 20px -6px #ff6b5a8c,inset 0 -1px #bf4636}.btn.primary.wolf:hover{background:#ff7c66;box-shadow:0 10px 28px -8px #ff6b5ab3,inset 0 -1px #bf4636}.btn.ghost{background:transparent}.btn.big{font:600 22px/1 var(--display);padding:19px 24px;min-height:62px;letter-spacing:.2px}.btn.small{padding:10px 14px;font-size:15px;min-height:40px}.screen{position:absolute;inset:0;display:grid;place-items:center;pointer-events:auto;padding:max(24px,env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px));animation:fadeIn .35s ease}.screen:not(.screen-menu){background:radial-gradient(ellipse at center,#080b0f8c,#080b0fd1)}.screen-menu{background:linear-gradient(90deg,#080b0fd1,#080b0f73 38%,#080b0f00 62%);place-items:center start;padding-left:max(clamp(24px,7vw,120px),env(safe-area-inset-left,0px))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.menu{width:min(420px,calc(90vw / var(--ui-zoom, 1)));display:flex;flex-direction:column;gap:34px}.logo{display:flex;flex-direction:column;gap:4px}.logo-mark .ic{width:64px;height:64px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.5));animation:bob 3s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-6px) rotate(-3deg)}}.logo h1{font:700 clamp(56px,8vw,88px)/.9 var(--display);margin:8px 0 0;letter-spacing:-1px;text-shadow:0 6px 30px rgba(0,0,0,.45)}.logo h1 .wm-b{color:var(--gold)}.logo h1 .wordmark{line-height:inherit}.logo h1 .wm-name{word-spacing:calc(12px - .235em)}.logo h1 .brand-sub{margin:.12em 0 0 .1em;color:var(--text);text-shadow:none}@media(max-width:700px),(max-height:500px){.logo h1 .wordmark{display:block}.logo h1 .brand-sub{display:inline-block;margin:0 0 0 .45em;letter-spacing:.22em}}.logo .tag{font:500 21px var(--display);color:var(--dim);margin:10px 0 0}.menu-main{display:flex;flex-direction:column;gap:12px}.menu-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{--pad: 28px;background:#12171eeb;border:1px solid var(--line);border-radius:20px;padding:var(--pad);width:min(480px,calc(var(--card-room) / var(--ui-zoom, 1)));box-shadow:0 30px 80px #00000080;max-height:92vh;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(244,239,230,.28) transparent;animation:rise .35s cubic-bezier(.16,1,.3,1)}.card.wide{width:min(820px,calc(var(--card-room) / var(--ui-zoom, 1)))}.card.narrow{width:min(340px,calc(94vw / var(--ui-zoom, 1)))}@keyframes rise{0%{transform:translateY(16px) scale(.98);opacity:0}}body.entering .screen>.card{animation:rise .6s cubic-bezier(.16,1,.3,1) .08s both}.screen.redraw,.screen.redraw>.card,body.entering .screen.redraw>.card{animation:none}:root[data-motion=reduced] body.entering .screen>.card{animation:fadeIn .3s ease both}.card h2{font:700 32px/1.1 var(--display);margin:0 0 18px}.card h3{font:600 20px var(--display);margin:18px 0 8px;display:flex;gap:8px;align-items:center}.card-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px;flex-wrap:wrap}.card>.card-actions{position:sticky;bottom:calc(var(--pad) * -1);z-index:1;margin:22px calc(var(--pad) * -1) calc(var(--pad) * -1);padding:18px var(--pad) var(--pad);background:linear-gradient(180deg,#12171e00 0,#12171e 18px);border-radius:0 0 20px 20px}.stack{display:flex;flex-direction:column;gap:10px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--dim)}.field input:not([type=range]){font:500 17px var(--body);color:var(--text);background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:13px 14px;outline:none}.field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f6c34338}.screen input{caret-color:var(--gold)}.screen ::selection{background:var(--gold);color:var(--ink)}.screen :focus-visible{outline:2px solid var(--gold);outline-offset:3px}.screen .field input:focus-visible{outline:0}.field input[type=range]{accent-color:var(--gold);height:44px;margin:-12px 0 -10px}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{font:600 16px var(--body);font-variant-numeric:tabular-nums;min-width:44px;color:var(--text);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);padding:11px 16px;min-height:44px;border-radius:10px;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.seg button:hover{background:#ffffff1f}.seg button:active{transform:translateY(1px) scale(.98)}.seg button.on:hover{background:#ffd35c}.seg button.on{background:var(--gold);color:#2a1d05;border-color:var(--gold)}.err{color:var(--wolf);min-height:18px;font-weight:600}.code{font-family:var(--display);color:var(--gold);letter-spacing:4px}.pill{font-size:13px;background:#f6c3432e;color:var(--gold);padding:2px 7px;border-radius:99px}.teams{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.team{background:#ffffff0a;border:1px solid var(--line);border-radius:14px;padding:14px}.team h3{margin-top:0}.team ul{list-style:none;margin:0 0 12px;padding:0;min-height:60px}.team li{padding:5px 0;display:flex;gap:8px;align-items:center}.team li.me{color:var(--gold);font-weight:600}.team li.bot-seat{color:var(--dim)}.team li.bot-seat .who{margin:0 6px 0 0}.team li{flex-wrap:wrap;row-gap:4px}.lm-who{display:inline-flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto}.lm-name{min-width:0;overflow-wrap:anywhere}.lm-ctl{display:flex;gap:6px;margin-left:auto;flex:none;max-width:100%}.lm-ctl.asking [data-ctl=move]{display:none}.btn.lm-btn{min-width:44px;min-height:44px;max-width:100%;padding:0 10px;gap:6px;border-radius:10px;font:600 14px/1.2 var(--body);color:var(--text);background:#ffffff0f;border-color:#ffffff24}.btn.lm-btn:hover{background:#ffffff1f}.lm-btn svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.btn.lm-kick:hover{color:#ffb3a9;border-color:#ff6b5a8c}.btn.lm-kick.armed{color:#ffd2cc;background:#ff6b5a2e;border-color:var(--wolf)}.lm-ask{text-align:left;overflow-wrap:anywhere}.lm-ask:empty{display:none}.lm-note{margin:0 0 14px;color:var(--gold);font-weight:600}.lm-note:empty{margin:0}@media(max-width:480px){.team li.bot-seat.has-ctl .lm-who>.dim{display:none}}.howto .cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}.howto ul{padding-left:18px;margin:8px 0}.howto li{margin:6px 0}.keys{display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--dim)}.farm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.farm-card{display:flex;gap:10px;align-items:flex-start;background:#ffffff0a;border-radius:12px;padding:10px}.farm-card .ic{width:32px;height:32px}@media(max-width:700px){.howto .cols,.teams,.farm-grid{grid-template-columns:1fr}}@keyframes res-pic{0%{opacity:0;transform:scale(.72) rotate(-8deg)}}@keyframes res-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes feel-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.share-ic{display:inline-block;width:1.2em;height:1.2em;vertical-align:-.24em;margin-inline:1px;color:var(--gold)}.install-slot{display:contents}.install-hint{margin:4px 0 0;max-width:34ch;color:var(--text);font-size:15px;line-height:1.45;animation:hint-in .32s cubic-bezier(.16,1,.3,1) both}@keyframes hint-in{0%{opacity:0;transform:translateY(-4px)}}[data-motion=reduced] .install-hint{animation:none}.install-set{margin-top:6px}.install-set .btn{min-height:44px}.install-steps{margin:0;line-height:1.5}.land-install{box-sizing:border-box;position:fixed;z-index:60;top:calc(env(safe-area-inset-top,0px) + 8px);left:max(16px,env(safe-area-inset-left,0px));right:calc(max(16px,env(safe-area-inset-right,0px)) + 120px);display:flex;align-items:center;gap:8px 12px;padding:8px 8px 8px 14px;border-radius:12px;border:1px solid rgba(244,239,230,.16);background:#0e1217f0;box-shadow:0 8px 24px #0006;animation:hint-in .32s cubic-bezier(.16,1,.3,1) both}.land-install p{flex:1 1 auto;margin:0;color:var(--text);font-size:15px;line-height:1.4}.land-install .btn{flex:none;min-height:44px}[data-motion=reduced] .land-install{animation:none}body.land-offer #ui .screen{top:var(--land-h, 0px);overflow-y:auto}.key-note{display:flex;gap:12px;align-items:center;margin:0 0 12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(246,195,67,.45);background:#f6c34314}.key-note p{margin:0;flex:1;font-size:14.5px;line-height:1.4}.key-note .btn{flex:none}.awards{display:grid;grid-template-columns:repeat(var(--n, 3),minmax(0,1fr));gap:10px;margin:0 0 18px;padding:0;list-style:none}.award{display:flex;gap:12px;align-items:flex-start;min-width:0;background:#ffffff0d;border:1px solid var(--line);border-radius:14px;padding:12px}.award.mine{border-color:#f6c3438c;background:#f6c34312}.aw-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#0e12178c;color:var(--text)}.aw-ic .ic,.aw-ic .ics{width:32px;height:32px}.aw-ic .tic{width:40px;height:40px}.aw-ic .aw-art{display:block;width:44px;height:44px}.aw-body{min-width:0}.aw-title{font:600 13px/1.3 var(--body);letter-spacing:.6px;text-transform:uppercase;color:var(--gold)}.aw-who{margin:3px 0 2px;display:flex;flex-wrap:wrap;align-items:center;row-gap:2px}.aw-who b{font:600 18px/1.25 var(--display);overflow-wrap:anywhere}.aw-who .ptag{font-size:13px}.aw-line{color:var(--dim);font-size:14.5px;line-height:1.35;font-variant-numeric:tabular-nums}.award{animation:aw-in .42s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.18s + var(--i, 0) * .07s)}@keyframes aw-in{0%{opacity:0;transform:translateY(8px)}}:root[data-motion=reduced] .award{animation:none}.awards.n4{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:900px){.awards.awards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.awards.awards{grid-template-columns:1fr;gap:8px}.award{padding:10px 12px;align-items:center}}.sc{width:100%;border-collapse:collapse;margin:6px 0 14px;font-variant-numeric:tabular-nums}.sc th{text-align:left;font-size:13px;letter-spacing:.6px;text-transform:uppercase;color:var(--dim);padding:6px 8px;border-bottom:1px solid var(--line)}.sc th .ics{width:15px;height:15px;margin-right:5px;vertical-align:-3px;color:var(--dim)}.sc th:first-child{font:600 18px var(--display);text-transform:none;letter-spacing:0;color:var(--text)}.sc td{padding:10px;border-bottom:1px solid rgba(255,255,255,.04)}.sc tr.me td{color:var(--gold);font-weight:600}.sc-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;box-shadow:0 0 0 2px #0000004d}.spirit{color:var(--spirit);font-weight:600}.who{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;font:600 12.5px/1.5 var(--body);letter-spacing:.2px;vertical-align:1px}.who.human{background:#f6c3432e;color:#ffd76a}.who.bot{background:#ffffff1a;color:#c9d1d9}.plates{position:absolute;inset:0;pointer-events:none;overflow:hidden}.plate{position:absolute;left:0;top:0;display:flex;align-items:center;gap:6px;padding:3px 4px 3px 8px;border-radius:999px;background:#0e1217b8;color:#f4efe6;font:600 14px/1.2 var(--body);white-space:nowrap;will-change:transform}.plate .pl-dot{width:9px;height:9px;border-radius:50%}.plate .who{margin-left:0;padding:1px 7px;font-size:12px}.plate.human .who{background:#f6c34338;color:#ffd76a}.plate.bot .who{background:#ffffff1f;color:#c9d1d9}.bad{color:var(--wolf)}.hud{position:absolute;inset:0;pointer-events:none}.hud-top{position:absolute;top:14px;left:50%;transform:translate(-50%);padding:12px 26px 14px;text-align:center;min-width:290px}.hud-stack{position:absolute;top:14px;left:16px;right:16px;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.hud-head{display:flex;justify-content:center;align-items:flex-start;gap:8px;max-width:100%}.hud-stack .hud-top{position:static;transform:none}.hud-slot{display:grid;justify-items:center;align-items:start;width:100%}.hud .hud-slot .hud-hint{max-width:min(100%,640px)}.hud-slot>*{grid-area:1 / 1}.hud-slot .hud-hint{position:static;transform:none}.hud-slot.ann-on .hud-hint,.hud-slot.note-on .hud-hint{visibility:hidden}.hud-phase{font-size:13px;letter-spacing:1.2px;text-transform:uppercase;color:var(--dim);font-weight:600}.hud-timer{font:700 50px/1 var(--display);font-variant-numeric:tabular-nums;margin:2px 0 8px;transition:color .3s}.hud-timer.urgent{color:var(--wolf);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.06)}}.hud-roster{display:flex;gap:10px;align-items:center;justify-content:center}.ro-side{display:flex;gap:4px}.ro-vs{font:600 14px var(--display);color:var(--dim)}.ro-dot{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--pc) 35%,transparent);border:2px solid var(--pc);transition:all .3s}.ro-dot .ic{width:21px;height:21px;vertical-align:0}.ro-dot.dead{filter:grayscale(1);opacity:.6;border-style:dashed}.ro-dot.me{box-shadow:0 0 0 2px #fff}.hud-stack .hud-top{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:12px;row-gap:2px;padding:8px 18px 10px;min-width:0}.hud-top .hud-phase{grid-column:1 / -1}.hud-top .hud-timer{font-size:34px;margin:0}.hud-roster{flex-wrap:wrap;row-gap:6px}.ro-chip{pointer-events:auto;cursor:pointer;position:relative;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:2px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff0f;color:inherit;font:700 16px var(--display);font-variant-numeric:tabular-nums}.ro-chip:after{content:"";position:absolute;inset:-6px -4px}.ro-chip .ic{width:18px;height:18px;vertical-align:0}.ro-chip .ro-vs{font-size:14px}.ro-chip[aria-expanded=true]{border-color:var(--gold)}.ro-chip:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.ro-dots{flex-basis:100%;display:flex;gap:10px;align-items:center;justify-content:center}.ro-dots[hidden]{display:none}.ro-dots{flex-wrap:wrap}.ro-cap{flex-basis:100%;text-align:center;font-size:14px;color:var(--dim)}.ro-chev{width:12px;height:12px;margin-left:-2px;opacity:.75;transition:transform .2s}.ro-chip[aria-expanded=true] .ro-chev{transform:rotate(180deg)}[data-motion=reduced] .ro-chev{transition:none}.hud-actions:not(.bar-open) .fold-sep{display:none}.hud .act[hidden]{display:none!important}.hud-feed{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:6px;max-width:420px}.feed-item{background:var(--panel);border:1px solid var(--line);padding:9px 14px;border-radius:10px;font-size:15px;animation:slideIn .3s cubic-bezier(.2,.9,.3,1.3);transition:opacity .6s,transform .6s}.feed-item.out{opacity:0;transform:translate(-20px)}@keyframes slideIn{0%{transform:translate(var(--feed-slide, -30px));opacity:0}}.hud-announce{position:absolute;top:24%;left:50%;transform:translate(-50%,-50%) scale(.9);text-align:center;opacity:0;transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.3,1.4)}.hud-announce.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.hud-slot .hud-announce{position:static;transform:scale(.9)}.hud-slot .hud-announce.show{transform:none}.ann-title{font:700 clamp(30px,5vw,56px)/1 var(--display);letter-spacing:1px;text-shadow:0 4px 30px rgba(0,0,0,.6),0 0 2px rgba(0,0,0,.8)}.ann-sub{font:500 21px var(--display);color:var(--text);opacity:.85;margin-top:8px;text-shadow:0 2px 12px rgba(0,0,0,.8)}.hud-announce.bad .ann-title{color:#ff8a74}.hud-announce.good .ann-title{color:#a6f5b8}.hud-announce.warn .ann-title{color:var(--gold)}.hud-announce.win .ann-title{color:var(--gold);text-shadow:0 4px 30px rgba(0,0,0,.6),0 0 2px rgba(0,0,0,.8),0 0 24px rgba(246,195,67,.35)}.hud-toast{position:absolute;bottom:170px;left:50%;transform:translate(-50%,10px);background:#781414e6;padding:11px 20px;border-radius:12px;font-size:17px;font-weight:600;max-width:min(640px,90vw);text-align:center;opacity:0;transition:all .2s}.hud-toast.good{background:#146432d9}.hud-toast.info{background:#0e1217e6;border:1px solid rgba(246,195,67,.45)}.hud-toast.show{opacity:1;transform:translate(-50%)}.gold-pop{position:absolute;left:0;top:0;z-index:40;display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:calc((100vw - 16px) / var(--hz, 1));padding:9px 15px 9px 11px;border-radius:12px;background:#0e1217eb;border:1px solid rgba(255,120,100,.6);box-shadow:0 8px 22px -8px #0009;font:600 17px/1.2 var(--display);color:var(--text);text-wrap:balance;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .25s ease-out,visibility 0s linear .25s}.gold-pop:after{content:"";position:absolute;left:var(--tail, 50%);bottom:-6px;width:10px;height:10px;margin-left:-5px;background:inherit;border:inherit;border-width:0 1px 1px 0;transform:rotate(45deg);border-radius:0 0 3px}.hud.gp-open .hud-slot .hud-hint{visibility:hidden}.gold-pop.below:after{bottom:auto;top:-6px;border-width:1px 0 0 1px;border-radius:3px 0 0}.gold-pop.side-r:after,.gold-pop.side-l:after{left:auto;bottom:auto;top:var(--tail, 50%);margin:-5px 0 0}.gold-pop.side-r:after{left:-6px;border-width:0 0 1px 1px;border-radius:0 0 0 3px}.gold-pop.side-l:after{right:-6px;border-width:1px 1px 0 0;border-radius:0 3px 0 0}.gold-pop .ics{flex:none;width:20px;height:20px;color:var(--gold)}.gold-pop .gp-t{color:#ffc2b6}.gold-pop .gp-n{color:var(--gold);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.gold-pop.show{opacity:1;visibility:visible;transition:opacity .12s ease-out,visibility 0s;animation:gp-in .2s cubic-bezier(.16,1,.3,1) both}.gold-pop.show.again{animation:gp-again .3s cubic-bezier(.16,1,.3,1) both}@keyframes gp-in{0%{translate:0 6px;scale:.96}}@keyframes gp-again{0%{translate:0 0}25%{translate:-5px 0}55%{translate:4px 0}80%{translate:-2px 0}to{translate:0 0}}body.compact .gold-pop{font-size:15px;padding:8px 13px 8px 10px}.hud-gold{position:relative;width:fit-content}.hud-gold.short{color:#ff9a88;animation:gold-short .4s cubic-bezier(.16,1,.3,1)}@keyframes gold-short{25%{translate:-4px 0}60%{translate:3px 0}}.hud-gold.gain{color:#ffe08a}.gold-plus{position:absolute;left:100%;top:-2px;margin-left:6px;font:700 18px var(--display);color:var(--gold);text-shadow:0 2px 8px rgba(0,0,0,.7);pointer-events:none;white-space:nowrap;animation:gold-plus 1.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes gold-plus{0%{opacity:0;translate:0 6px}15%{opacity:1;translate:0 0}70%{opacity:1}to{opacity:0;translate:0 -16px}}[data-motion=reduced] .gold-pop.show,[data-motion=reduced] .gold-pop.show.again,[data-motion=reduced] .hud-gold.short{animation:none}[data-motion=reduced] .gold-plus{animation-name:gold-plus-still}@keyframes gold-plus-still{0%{opacity:0}12%{opacity:1}75%{opacity:1}to{opacity:0}}.hud-mini{position:absolute;left:16px;bottom:16px;padding:4px;pointer-events:auto}.hud-mini.panel{box-shadow:none}.hud-mini canvas{width:190px;height:190px;display:block;border-radius:9px;cursor:pointer;image-rendering:auto;touch-action:none}.hud-bar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);width:max-content;display:flex;gap:16px;align-items:center;padding:10px 14px;pointer-events:auto;max-width:calc(100vw - 420px)}@media(max-width:1100px){.hud-bar{left:212px;transform:none;max-width:calc(100vw - 228px)}}.hud-me{display:flex;gap:10px;align-items:center;padding-right:14px;border-right:1px solid var(--line);min-width:170px}.hud-avatar{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--pc) 30%,#0e1217);border:2px solid var(--pc)}.hud-avatar .ic{width:36px;height:36px;vertical-align:0}.hud-name{display:none;font:600 17px var(--display);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-gold{font:700 26px var(--display);color:var(--gold);display:flex;gap:5px;align-items:center;transition:transform .15s;font-variant-numeric:tabular-nums}.hud-gold.bump{transform:scale(1.18)}.hud-status{font-size:13.5px;color:var(--dim)}.hud-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.act-sep{width:1px;height:40px;background:var(--line);margin:0 4px}.act{position:relative;width:62px;height:62px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:#ffffff09;cursor:pointer;display:grid;place-items:center;overflow:hidden;transition:transform .1s,border-color .15s,background .15s,opacity .2s;opacity:.62}.act:not(.ready) .ic{filter:saturate(.5)}.act.ready{opacity:1}.act:hover{transform:translateY(-2px);border-color:#ffffff59;background:#ffffff1a}.act.active{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 0 18px #f6c34380;background:#f6c34326}.act .ic{width:34px;height:34px;vertical-align:0}.act-key{position:absolute;top:3px;left:5px;font:700 12.5px/1 var(--body);color:#fff;text-shadow:0 1px 2px #000}.act-key.long{transform:scale(.7);transform-origin:0 0}.act-cost{position:absolute;bottom:3px;right:4px;font:700 12.5px/1 var(--body);color:var(--gold);text-shadow:0 1px 2px #000}.act-cost{display:inline-flex;align-items:center;gap:1px}.act-cost .ics{width:13px;height:13px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.7))}.act-badge{position:absolute;top:3px;right:4px;font:700 12px/1 var(--body);color:var(--sheep);text-shadow:0 1px 2px #000}.act-cd{position:absolute;inset:0;border-radius:inherit;padding:3px;pointer-events:none;display:none;background:conic-gradient(var(--text) calc((1 - var(--cd, 0)) * 360deg),rgba(255,255,255,.18) 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.act.charging .act-cd{display:block}.hud .act.charging{opacity:1}.hud .act.charging .ic{opacity:.4;filter:grayscale(.75)}.hud .act.named.charging .act-label{color:var(--dim)}[data-contrast=high] .act-cd{background:conic-gradient(#fff calc((1 - var(--cd, 0)) * 360deg),#ffffff4d 0)}[data-contrast=high] .hud .act.charging .ic{opacity:.55;filter:grayscale(1)}.act.short:after{content:"";position:absolute;left:6px;right:6px;bottom:2px;height:4px;border-radius:2px;pointer-events:none;background:linear-gradient(90deg,var(--gold) calc(var(--afford, 0) * 100%),rgba(255,255,255,.22) 0)}.act.short .act-cost{bottom:8px}.hud .act.short{opacity:1}.hud .act.short .ic{opacity:.4;filter:grayscale(.75)}.hud .act.named.short .act-label{color:#f4efe6bd}.hud .act.named.short:after{left:10px;right:10px;bottom:0;height:3px;border-radius:2px 2px 0 0}body.compact .hud .act.named.short:after,.hud.tc .act.named.short:after{height:2px;left:8px;right:8px}.hud.tc .tc-cluster .act.short .ic{opacity:.45}[data-contrast=high] .hud .act.short .ic{opacity:.55;filter:grayscale(1)}[data-contrast=high] .hud .act.named.short .act-label{color:#fff}.hud.tc .tc-cluster .act.short:after{inset:-3px;height:auto;border-radius:50%;box-shadow:none;background:conic-gradient(var(--gold) calc(var(--afford, 0) * 360deg),rgba(255,255,255,.18) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px))}[data-contrast=high] .hud.tc .tc-cluster .act.short:after{background:conic-gradient(#ffd34d calc(var(--afford, 0) * 360deg),#fff 0);box-shadow:none}[data-contrast=high] .act.short:after{background:linear-gradient(90deg,#ffd34d calc(var(--afford, 0) * 100%),#000 0);box-shadow:0 0 0 1.5px #fff}.hud-hint{position:absolute;bottom:102px;left:50%;transform:translate(-50%);font-size:16px;font-weight:500;color:var(--text);text-shadow:0 1px 6px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,.8);text-align:center;max-width:80vw}@media(max-width:1100px){.hud-hint{bottom:176px}}.hud-tip{position:absolute;bottom:104px;transform:translate(-50%) translateY(6px);width:min(310px,calc((100vw - 16px) / var(--hud-zoom, var(--ui-zoom, 1))));padding:14px 16px;opacity:0;transition:opacity .12s,transform .12s}.hud-tip.show{opacity:1;transform:translate(-50%)}.tip-title{font:600 18px var(--display);display:flex;justify-content:space-between}.tip-key{font:700 13px var(--body);color:var(--dim)}.tip-stats{display:flex;flex-wrap:wrap;gap:4px 14px;margin:4px 0 8px;font:600 14px/1.3 var(--body);color:var(--text);font-variant-numeric:tabular-nums}.tip-stats .ts{display:inline-flex;align-items:center;gap:5px}.tip-stats .ts-gold{color:var(--gold)}.tip-stats .ics{width:18px;height:18px;color:#f4efe6e6}.tip-body{font-size:15px;line-height:1.45;color:#f4efe6eb}.hud-scores{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(760px,92vw);padding:18px 20px}.ftext{position:absolute;left:0;top:0;font:700 21px var(--display);white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.8);will-change:transform}.ft-gold{color:var(--gold);font-size:19px}.ft-back{font-size:23px}.ft-kill{color:#ff6b5a;font-size:30px;letter-spacing:1px}.ft-up{color:#9fe3ff;font-size:22px}.good{color:#8fe3a8;font-weight:600}#gl{touch-action:none}html,body{-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:manipulation}.touch-stick{position:absolute;left:0;top:0;width:0;height:0;opacity:0;transition:opacity .15s;pointer-events:none}.touch-stick.on{opacity:1}.ts-base{position:absolute;width:124px;height:124px;left:-62px;top:-62px;border-radius:50%;background:radial-gradient(circle,#ffffff1a,#ffffff0a);border:2px solid rgba(255,255,255,.25);backdrop-filter:blur(4px)}.ts-knob{position:absolute;left:50%;top:50%;width:56px;height:56px;border-radius:50%;background:#f4efe6d9;box-shadow:0 4px 16px #0006;transform:translate(-50%,-50%)}body.compact .hud-top,body.touch .hud-top{top:max(8px,env(safe-area-inset-top));padding:6px 14px 8px;min-width:0}body.compact .hud-stack,body.touch .hud-stack{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));gap:6px}.hud-head .hud-mini{position:static;flex:none}body.compact .hud-stack,body.touch .hud-stack{left:calc(max(8px,env(safe-area-inset-left)) + 124px);right:calc(max(8px,env(safe-area-inset-right)) + 124px)}body.compact .hud-timer,body.touch .hud-timer{font-size:32px;margin:0 0 4px}body.compact .hud-stack .hud-top,body.touch .hud-stack .hud-top{padding:4px 12px 6px;column-gap:8px}body.compact .hud-top .hud-timer,body.touch .hud-top .hud-timer{font-size:24px;margin:0}body.compact .ro-chip,body.touch .ro-chip{font-size:14px;min-height:28px;padding:1px 8px;gap:4px}body.compact .ro-chip .ic,body.touch .ro-chip .ic{width:16px;height:16px}body.compact .ro-chip:after,body.touch .ro-chip:after{inset:-8px -4px}body.compact .ro-dot,body.touch .ro-dot{width:24px;height:24px}body.compact .ro-dot .ic,body.touch .ro-dot .ic{width:16px;height:16px}body.compact .hud-mini,body.touch .hud-mini{left:max(8px,env(safe-area-inset-left));top:max(8px,env(safe-area-inset-top));bottom:auto;padding:4px}body.compact .hud-mini canvas,body.touch .hud-mini canvas{width:104px;height:104px}body.compact .hud-feed,body.touch .hud-feed{top:124px;left:max(8px,env(safe-area-inset-left));max-width:50vw;font-size:13px}body.compact .feed-item,body.touch .feed-item{padding:6px 10px;font-size:13px}body.compact .hud-bar,body.touch .hud-bar{left:auto;right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));transform:none;max-width:min(620px,calc(100vw - 16px));padding:6px 8px;gap:8px;flex-direction:column;align-items:stretch}body.compact .hud-me,body.touch .hud-me{border-right:0;border-bottom:1px solid var(--line);padding:0 0 6px;min-width:0}body.compact .hud-avatar,body.touch .hud-avatar{width:32px;height:32px;border-radius:9px}body.compact .hud-avatar .ic,body.touch .hud-avatar .ic{width:22px;height:22px}body.compact .hud-name,body.touch .hud-name{display:none}body.compact .hud-gold,body.touch .hud-gold{font-size:20px}body.compact .hud-actions,body.touch .hud-actions{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:6px;-webkit-overflow-scrolling:touch}body.compact .hud-actions::-webkit-scrollbar,body.touch .hud-actions::-webkit-scrollbar{display:none}body.compact .act,body.touch .act{width:54px;height:54px;flex:none}body.compact .act-sep,body.touch .act-sep{height:34px;flex:none}body.compact .hud-hint,body.touch .hud-hint{bottom:auto;top:calc(max(8px,env(safe-area-inset-top)) + 104px);font-size:14px;max-width:70vw}body.touch .hud-hint kbd{display:none}body.compact .hud-tip,body.touch .hud-tip{bottom:150px}body.compact .hud-toast{bottom:auto;top:42%}body.compact .ann-title{font-size:clamp(24px,7vw,40px)}body.compact .ann-sub{font-size:16px}body.touch .hud-slot .hud-announce{max-width:100%;padding:4px 12px 5px;border-radius:12px;background:#0a0d11bd}body.touch .hud-slot .hud-announce.rail{position:absolute;max-width:none}body.touch .ann-title{font-size:18px;line-height:1.1;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.8)}body.touch .ann-sub{font-size:14px;line-height:1.25;margin-top:1px;opacity:.92;text-shadow:none}body.touch .hud-toast{width:max-content;bottom:auto;top:calc(max(8px,env(safe-area-inset-top)) + 104px);font-size:14px;padding:6px 12px;border-radius:10px;line-height:1.3}.gold-pop.flat:after{display:none}body.touch .tut.panel{padding:2px 12px 6px}body.touch .tut-card{display:grid;grid-template-columns:minmax(0,1fr)}body.touch .tut-top,body.touch .tut-nav{grid-row:1;grid-column:1}body.touch .tut-top{justify-self:center;align-self:center;margin:0;pointer-events:none}body.touch .tut-dots{display:none}body.touch .tut-nav{margin:0 -10px}body.touch .tut-title{font-size:18px}body.touch .tut-body{font-size:15px;line-height:1.35}@media(max-width:700px){.screen-menu{place-items:end center;padding:20px max(20px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left,0px));background:linear-gradient(0deg,#080b0fe6,#080b0f80 55%,#080b0f00 80%)}.menu{gap:20px}.logo h1{font-size:52px}.logo-mark .ic{width:44px;height:44px}.btn.big{font-size:18px;padding:15px 18px}.card{--pad: 20px;border-radius:16px}.card>.card-actions{border-radius:0 0 16px 16px}.card h2{font-size:24px}.sc{font-size:14px}.sc th,.sc td{padding:5px 4px}.card .sc{display:block;overflow-x:auto;position:relative;z-index:0;scrollbar-width:thin;scrollbar-color:rgba(244,239,230,.28) transparent}.card .sc th{white-space:nowrap}}@media(max-height:500px){body.compact .ann-title{font-size:28px}body.compact .ann-sub{font-size:14px;margin-top:4px}body.touch .ann-title{font-size:17px}.screen-menu{place-items:center start}.menu{gap:14px}.logo h1{font-size:44px}.logo .tag,.logo-mark{display:none}.btn.big{padding:12px 16px}.menu{gap:10px}.menu-main,.menu-row{gap:8px}.menu-row .btn{min-height:44px;padding-block:10px}.logo h1{font-size:40px}}@media(max-width:520px){body.compact .hud-top,body.touch .hud-top{left:auto;right:max(8px,env(safe-area-inset-right));transform:none}body.compact .hud-stack,body.touch .hud-stack{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right))}body.compact .hud-head,body.touch .hud-head{align-self:stretch;justify-content:space-between}body.compact .hud-head .hud-top,body.touch .hud-head .hud-top{margin-left:auto;flex:0 1 auto;min-width:0}body.compact .hud-head .hud-mini,body.touch .hud-head .hud-mini{flex:0 1 112px;min-width:76px}body.compact .hud-head .hud-mini canvas,body.touch .hud-head .hud-mini canvas{width:100%;height:auto;aspect-ratio:1}body.compact .hud-hint,body.touch .hud-hint{top:calc(max(8px,env(safe-area-inset-top)) + 140px);max-width:92vw}body.compact .hud-feed,body.touch .hud-feed{top:170px}}.perf{position:fixed;z-index:50;right:8px;top:50%;transform:translateY(-50%);background:#000000b8;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 10px;font:12px/1.5 ui-monospace,Consolas,monospace;pointer-events:none;min-width:190px}.perf div{display:flex;justify-content:space-between;gap:12px}.perf span{color:var(--dim)}.perf .ok{color:#8fe3a8}.perf .warn{color:#f6c343}.perf .bad{color:#ff6b5a}.settings-cols{display:grid;grid-template-columns:1fr 1.2fr;gap:28px}.card:not(.wide) .settings-cols{grid-template-columns:1fr}@media(max-width:700px){.settings-cols{grid-template-columns:1fr}}.toggle{display:flex;gap:10px;align-items:center;cursor:pointer;margin:0 0 4px;min-height:44px;font-weight:500}.toggle input{width:20px;height:20px;accent-color:var(--gold)}.binds{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;max-height:330px;overflow:auto;padding-right:4px}.bind{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:15px}.keycap{font:700 14px var(--body);color:var(--text);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-bottom-width:3px;border-radius:7px;min-width:44px;padding:5px 8px;cursor:pointer}.keycap:hover{border-color:var(--gold)}.keycap.listening{background:var(--gold);color:#2a1d05;border-color:var(--gold)}body.tutorial .hud-top,body.tutorial .hud-hint{display:none}.tut{position:absolute;top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(520px,calc(100vw - 32px));padding:12px 18px 6px;pointer-events:auto;animation:rise .35s cubic-bezier(.16,1,.3,1)}[data-motion=reduced] .tut{animation:none}body.compact .tut{left:auto;right:8px;transform:none;width:min(380px,calc(100vw - 140px));padding:10px 12px 4px}.tut-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.tut-count{font:600 13px/1.2 var(--body);letter-spacing:.3px;color:var(--dim);font-variant-numeric:tabular-nums}.tut-dots{display:flex;gap:5px}.tut-dots span{width:16px;height:5px;border-radius:3px;background:#ffffff26;transition:background .3s}.tut-dots span.done{background:var(--sheep)}.tut-dots span.on{background:var(--gold)}.tut-title{font:700 24px/1.2 var(--display);margin:0 0 2px;text-wrap:balance}.tut-card.reading .tut-title{color:var(--dim)}body.compact .tut-title{font-size:19px}.tut-body{font-size:17px;line-height:1.45;color:#f4efe6f5;margin:0;text-wrap:pretty}body.compact .tut-body{font-size:15px}.tut-praise{display:flex;align-items:center;gap:8px;color:var(--sheep);font-weight:600}.tut-check{flex:none;animation:tut-check .45s cubic-bezier(.16,1,.3,1)}@keyframes tut-check{0%{transform:scale(.4);opacity:0}}[data-motion=reduced] .tut-check{animation:none}.tut-left{font-variant-numeric:tabular-nums;color:var(--gold)}.tut-nav{display:flex;align-items:center;gap:4px;margin:2px -10px 0}.tut-link{min-height:44px;min-width:44px;padding:0 10px;background:none;border:0;border-radius:10px;color:var(--dim);font:500 15px var(--body);cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .15s,background-color .15s}.tut-link:hover:not([disabled]){color:var(--text);background:#ffffff12}.tut-link:active:not([disabled]){background:#ffffff1f}.tut-link[disabled]{opacity:.4;cursor:default;text-decoration:none}.tut-nav .tut-skip{margin-left:auto}.tut-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.hud .act.tut-spot,.hud .tc-more.tut-spot{opacity:1;outline:3px solid var(--gold);outline-offset:3px;box-shadow:0 0 0 7px #f6c34338;animation:tut-glow 1.6s ease-in-out infinite}@keyframes tut-glow{50%{box-shadow:0 0 0 11px #f6c34314}}[data-motion=reduced] .hud .act.tut-spot,[data-motion=reduced] .hud .tc-more.tut-spot{animation:none}.tut-mark{position:absolute;left:0;top:0;z-index:3;pointer-events:none;will-change:transform}.tut-mark .tm-ring{position:absolute;width:var(--d, 64px);height:var(--d, 64px);left:calc(var(--d, 64px) / -2);top:calc(var(--d, 64px) / -2);border-radius:50%;border:3px solid var(--gold);background:#f6c34324;box-shadow:0 0 0 2px #0a0d1199,inset 0 0 0 2px #0a0d1173,0 0 0 8px #f6c3432e;animation:tut-glow 1.6s ease-in-out infinite}.tut-mark .tm-edge{display:none;position:absolute;width:44px;height:44px;left:-22px;top:-22px;border-radius:50%;place-items:center;color:var(--ink, #12161c);background:var(--gold);box-shadow:0 0 0 2px #0a0d1199,0 6px 16px #00000059;transform:rotate(var(--ang, 0rad))}.tut-mark.edge .tm-ring{display:none}.tut-mark.edge .tm-edge{display:grid}[data-motion=reduced] .tut-mark .tm-ring{animation:none}[data-contrast=high] .tut-mark .tm-ring{border-width:4px;box-shadow:0 0 0 3px #0a0d11,inset 0 0 0 3px #0a0d11}.btn.new{background:#8fe3a824;border-color:#8fe3a880;color:#c9f5d5}body.compact .hud-bar,body.touch .hud-bar{width:auto}.logo-mark img{width:64px;height:64px;border-radius:16px;box-shadow:0 8px 24px #00000073;animation:bob 3s ease-in-out infinite;display:block}@media(max-width:700px){.logo-mark img{width:48px;height:48px;border-radius:12px}}.row-btns{display:flex;gap:6px;flex-wrap:wrap}.linkish{background:none;border:0;padding:0;color:var(--gold);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:.2em;text-decoration-color:#f6c3438c;pointer-events:auto;transition:text-decoration-color .15s ease}.linkish:hover{text-decoration-color:var(--gold)}.about p{line-height:1.6;margin:0 0 12px}.about .sig{font:600 16px var(--display);color:var(--gold)}:root{--dock-edge: 12px;--dock-size: calc(44px * var(--ui-zoom, 1));--dock-top: max(var(--dock-edge), env(safe-area-inset-top, 0px));--dock-right: max(var(--dock-edge), env(safe-area-inset-right, 0px));--dock-clear: calc(var(--dock-top) + var(--dock-size) + 8px);--dock-side: calc(var(--dock-right) + var(--dock-size) + 8px);--card-room: calc(100vw - 2 * var(--dock-side))}@media(min-width:701px)and (min-height:501px){:root{--dock-edge: 16px}}.mvol-dock{position:fixed;z-index:25;top:var(--dock-top);right:var(--dock-right);pointer-events:auto}.mvol-dock>.mvol{position:relative;display:flex;zoom:var(--ui-zoom, 1)}.mvol-dock.arrive>.mvol{animation:mvol-in .45s cubic-bezier(.16,1,.3,1) .12s both}@keyframes mvol-in{0%{opacity:0;transform:translateY(-6px)}}.mvol-btn{width:44px;height:44px;min-height:44px;padding:0;border-radius:12px;color:var(--text);background:var(--panel);border-color:#f4efe629;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px -10px #0009;transition:transform .1s ease,background-color .15s ease,border-color .15s ease,color .15s ease}.mvol-btn:hover{background:#1e252edb;border-color:#f4efe652;transform:none}.mvol-btn:active{transform:scale(.94)}.mvol-btn[aria-expanded=true]{border-color:var(--gold);color:var(--gold);background:#12171e}.mvol-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.mvol-btn .sp{fill:currentColor}.mvol-btn .sx,.mvol-btn[data-state=off] .sw,.mvol-btn[data-state=low] .sw2{display:none}.mvol-btn[data-state=off] .sx{display:inline}.mvol-dock :focus-visible{outline:2px solid var(--gold);outline-offset:3px}.mvol-panel{position:absolute;top:calc(100% + 8px);right:0;transform-origin:top right;width:min(288px,calc((100vw - 2 * var(--dock-right)) / var(--ui-zoom, 1)));max-height:calc((100dvh - var(--dock-clear) - 12px) / var(--ui-zoom, 1));overflow:auto;padding:14px 16px 8px;background:#12171e;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px #00000080;animation:mvol-drop .22s cubic-bezier(.16,1,.3,1)}@keyframes mvol-drop{0%{opacity:0;transform:translateY(-6px) scale(.98)}}.mvol-panel .field{margin-bottom:10px}.mvol-panel .switch-row{margin:0 0 4px}.mvol-more{display:inline-flex;align-items:center;min-height:44px;font-size:15px}.mvol-more[hidden]{display:none}[data-motion=reduced] .mvol-panel,[data-motion=reduced] .mvol-dock.arrive>.mvol{animation:none}[data-motion=reduced] .mvol-btn:active{transform:none}body.cine .mvol-dock{display:none!important}body:has(#ui>.screen:not(.screen-pause)) .hud-menu{visibility:hidden}.screen:not(.screen-menu):not(.screen-pause){padding-inline:max(24px,var(--dock-side),env(safe-area-inset-left,0px)) max(24px,var(--dock-side))}@media(min-width:1000px){.screen-menu .mcard{top:var(--dock-top);right:calc(var(--dock-side) + var(--dock-size) + 16px);max-height:calc(100dvh - var(--dock-top) - 24px);overflow:auto}}@media(max-width:700px)and (min-height:501px){:root{--card-room: calc(100vw - 48px) }.screen:not(.screen-menu):not(.screen-pause){padding-inline:max(24px,env(safe-area-inset-left,0px)) max(24px,env(safe-area-inset-right,0px));padding-top:max(24px,var(--dock-clear))}.screen-menu{padding-top:var(--dock-clear)}}body:not(.compact):not(.touch) .hud-dock{position:absolute;left:212px;right:16px;bottom:16px;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}body:not(.compact):not(.touch) .hud-dock .hud-hint{position:static;transform:none;max-width:min(760px,100%);padding:0 8px}body:not(.compact):not(.touch) .hud-dock .hud-bar{position:static;transform:none;max-width:100%;width:max-content}.hud-me{min-width:0}body:not(.compact):not(.touch) .hud:not(.tc) .hud-me{flex:none}body:not(.compact):not(.touch) .hud:not(.tc) .hud-actions{min-width:0}.hud-status{max-width:180px;line-height:1.35}.hud-actions{gap:5px}.act-sep{margin:0 3px}.hud-tip{bottom:auto}@media(max-width:1280px){.hud-name{display:none}.act{width:56px;height:56px}.act .ic{width:31px;height:31px}.hud-bar{gap:12px;padding:8px 10px}.hud-status{max-width:140px}}body.compact .hud-dock,body.touch .hud-dock{display:contents}@media(min-width:1281px)and (max-width:1720px){body:not(.compact):not(.touch) .hud-bar:has(.act[data-id=snare]){gap:10px;padding:8px 10px}body:not(.compact):not(.touch) .hud-bar:has(.act[data-id=snare]) .act{--tile: 50px;width:50px;height:calc(50px + var(--band, 0px));border-radius:10px}body:not(.compact):not(.touch) .hud-bar:has(.act[data-id=snare]) .act.named .act-label{left:0;right:0;letter-spacing:0}body:not(.compact):not(.touch) .hud-bar:has(.act[data-id=snare]) .act.named .ic{width:24px;height:24px}body:not(.compact):not(.touch) .hud-bar:has(.act[data-id=snare]) .act .ic{width:28px;height:28px}body:not(.compact):not(.touch) .hud-bar:has(.act[data-id=snare]) .hud-actions{gap:3px}body:not(.compact):not(.touch) .hud-bar:has(.act[data-id=snare]) .act-sep{margin:0 2px}}@media(max-width:1120px){.act{width:50px;height:50px;border-radius:10px}.act .ic{width:28px;height:28px}.act-key,.act-cost,.act-badge{font-size:12px}.hud-status{max-width:120px}.hud-avatar{width:44px;height:44px}.hud-avatar .ic{width:30px;height:30px}.hud-actions{gap:4px}.hud-bar{gap:10px}}.invite{display:flex;gap:8px;margin:4px 0 8px}.invite input{flex:1;min-width:0;font:500 16px var(--body);color:var(--text);background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:9px 11px}.adv{margin:2px 0 12px;color:var(--dim);font-size:15px}.adv summary{cursor:pointer;margin-bottom:10px;min-height:44px;display:flex;align-items:center;width:fit-content}body.cine #ui,body.cine .hud,body.cine .perf,body.cine #splash,body.cine .ftext,body.cine .touch-stick{display:none!important}.cine-cut{position:fixed;inset:0;z-index:5;background:#07090c;opacity:0;pointer-events:none;transition:opacity .28s ease}.cine-cut.down{opacity:1}[data-motion=reduced] .cine-cut{transition:none}[data-motion=reduced] .logo-mark .ic,[data-motion=reduced] .logo-mark img,[data-motion=reduced] .hud-timer.urgent{animation:none}[data-motion=reduced] .hud-announce,[data-motion=reduced] .hud-announce.show{transform:translate(-50%,-50%)}[data-motion=reduced] .hud-slot .hud-announce,[data-motion=reduced] .hud-slot .hud-announce.show{transform:none}[data-motion=reduced] .feed-item{--feed-slide: 0px;transition-property:opacity}[data-motion=reduced] .feed-item.out{transform:none}.screen>.card,.screen>.menu{zoom:var(--ui-zoom, 1)}.hud>:not(.plates),.tut{zoom:var(--hud-zoom, var(--ui-zoom, 1))}.farm-menu{position:absolute;left:0;top:0;z-index:30;width:max-content;min-width:236px;max-width:min(320px,calc((100vw - 16px) / var(--hz, 1)));padding:10px;display:flex;flex-direction:column;gap:8px;pointer-events:auto;animation:fm-in .16s cubic-bezier(.16,1,.3,1) both}@keyframes fm-in{0%{opacity:0;transform:translateY(6px)}}.fm-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:0 2px}.fm-title{font:600 17px var(--display)}.fm-hp{display:inline-flex;align-items:center;gap:5px;font:600 16px var(--body);color:var(--dim);font-variant-numeric:tabular-nums}.fm-hp .ics{width:16px;height:16px;align-self:center}.fm-up{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;width:100%;min-height:54px;padding:7px 10px 7px 7px;border-radius:12px;font:600 16px/1.15 var(--body);color:var(--ink);text-align:left;cursor:pointer;background:var(--gold);border:1px solid var(--gold);box-shadow:0 6px 18px -8px #f6c34399,inset 0 -2px 0 var(--gold-deep);transition:background-color .15s,color .15s,border-color .15s,transform .12s}.fm-up:hover{background:#ffd35c}.fm-up:active{transform:translateY(1px)}.fm-up:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.fm-up>:not(.fm-fill){position:relative}.fm-ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#0e1217e0}.fm-ic .ic{width:28px;height:28px;vertical-align:0}.fm-label{flex:1;display:grid}.fm-verb{font-weight:500;opacity:.78}.fm-to{font:600 17px/1.15 var(--display)}.fm-cost{display:inline-flex;align-items:center;gap:3px;font:700 16px var(--body);font-variant-numeric:tabular-nums}.fm-cost .ics{width:18px;height:18px}.fm-key{flex:none}.fm-why{margin:-2px 2px 0;font:500 16px/1.3 var(--body);color:var(--dim)}.fm-up[aria-disabled=true]{background:#ffffff0f;border-color:#ffffff29;color:var(--text);box-shadow:none;cursor:default}.fm-up[aria-disabled=true]:active{transform:none}.fm-up[aria-disabled=true] .fm-cost{color:var(--gold)}.fm-up[aria-disabled=true] .fm-ic .ic{filter:saturate(.55)}.fm-fill{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gold);transform-origin:left;transform:scaleX(var(--p, 0));transition:transform .35s cubic-bezier(.16,1,.3,1);pointer-events:none}.fm-up:not([aria-disabled=true]) .fm-fill{display:none}.fm-up.lit{animation:fm-lit .7s cubic-bezier(.16,1,.3,1)}@keyframes fm-lit{0%{box-shadow:0 0 #f6c343cc,inset 0 -2px 0 var(--gold-deep)}to{box-shadow:0 0 0 12px #f6c34300,inset 0 -2px 0 var(--gold-deep)}}.farm-menu .btn{justify-content:space-between;width:100%;min-height:46px}.farm-menu .fm-bad{color:#ffb4a8;border-color:#ff6b5a73}.fm-back{display:inline-flex;align-items:center;gap:3px;margin-left:auto;color:var(--gold);font-weight:700;font-variant-numeric:tabular-nums}.fm-back .ics{width:18px;height:18px}.hud.fm-open .hud-slot .hud-hint{visibility:hidden}body.compact .fm-hp,body.touch .fm-hp,body.compact .fm-why,body.touch .fm-why{font-size:14px}.farm-menu.fm-touch{min-width:220px}@media(orientation:landscape)and (max-height:500px){.farm-menu.fm-touch{padding:7px;gap:5px}.farm-menu.fm-touch .fm-head{line-height:1.2}.farm-menu.fm-touch .fm-up{min-height:48px;padding-block:4px}.farm-menu.fm-touch .fm-why{line-height:1.2}.farm-menu.fm-touch .btn{min-height:44px}}[data-motion=reduced] .farm-menu{animation:none}[data-motion=reduced] .fm-fill{transition:none}[data-motion=reduced] .fm-up.lit{animation:fm-lit-still .7s ease-out}@keyframes fm-lit-still{0%,60%{border-color:var(--text)}}.tip-up{display:flex;align-items:center;gap:6px;margin-top:6px;color:var(--sheep);font-weight:600}.tip-up .ic{width:18px;height:18px;flex:none}body.compact .hud-me>div,body.touch .hud-me>div{display:flex;align-items:center;gap:12px;min-width:0}body.compact .hud-status,body.touch .hud-status{max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}@media(max-width:1520px)and (min-width:1281px){.act{width:57px;height:57px}.act .ic{width:31px;height:31px}}.act-label{display:none}.hud.tc .tc-dock{--ready-rim: var(--sheep);position:absolute;right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;align-items:flex-end;gap:14px;pointer-events:none}.hud.tc .act{width:54px;height:54px;flex:none;opacity:1;touch-action:none;-webkit-touch-callout:none}.hud.tc .act:hover{transform:none}.hud.tc .act-key,.hud.tc .tip-key{display:none}.hud.tc .hud-tip{z-index:3}.hud.tc .tc-cluster{position:relative;flex:none}.hud.tc .tc-cluster .act{position:absolute;border-radius:50%;overflow:visible;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 0 2px;pointer-events:auto;background:radial-gradient(circle at 50% 30%,#282f38f0,#0e1217eb 70%);border:2px solid rgba(244,239,230,.2);box-shadow:0 8px 18px -8px #000000b3;transition:transform .1s,border-color .2s,background .2s}.hud.tc .tc-cluster .act.ready{border-color:color-mix(in srgb,var(--ready-rim) 80%,transparent)}.hud.tc .tc-cluster .act .ic{width:27px;height:27px;transition:opacity .2s}.hud.tc .tc-cluster .act-label{display:block;font:600 12px/1 var(--body);color:var(--text);letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.8)}.hud.tc .tc-cluster .tc-primary{width:64px;height:64px;border-width:2.5px}.hud.tc .tc-cluster .two-line{gap:1px;padding:0 0 6px}.hud.tc .tc-cluster .two-line .ic{width:20px;height:20px}.hud.tc .tc-cluster .two-line .act-label{line-height:.95;text-align:center}.hud.tc .tc-cluster .tc-primary .ic{width:32px;height:32px}.hud.tc .tc-cluster.short .act{width:48px;height:48px}.hud.tc .tc-cluster.short .tc-primary{width:56px;height:56px}.hud.tc .tc-cluster.short .act .ic{width:23px;height:23px}.hud.tc .tc-cluster.short .tc-primary .ic{width:28px;height:28px}.hud.tc .tc-cluster.short .two-line .ic{width:17px;height:17px}.hud.tc .tc-cluster.tiny .act{width:44px;height:44px}.hud.tc .tc-cluster.tiny .tc-primary{width:52px;height:52px}.hud.tc .tc-cluster.tiny .act .ic{width:21px;height:21px}.hud.tc .tc-cluster:not(.roomy) .act .ic-art{transform:scale(.82)}.hud.tc .tc-cluster.tiny .tc-primary .ic{width:26px;height:26px}.hud.tc .tc-cluster.tiny .two-line .ic{width:16px;height:16px}.hud.tc .tc-cluster.tiny .act-label{white-space:nowrap;letter-spacing:-.01em}.hud.tc .tc-cluster .act:not(.ready) .ic{opacity:.6}.hud.tc .tc-cluster .act-cd{inset:-3px;padding:0;border-radius:50%;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));-webkit-mask-composite:source-over;mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px))}.hud.tc .tc-cluster .act-badge:not(:empty),.hud.tc .tc-cluster .act:not(.cooling) .act-cost:not(:empty){position:absolute;inset:-8px -12px auto auto;padding:3px 6px;border-radius:99px;background:#0e1217f0;border:1px solid var(--line);font:700 12px/1 var(--body);text-shadow:none}.hud.tc .tc-cluster .act-badge{color:var(--sheep)}.hud.tc .tc-cluster .act.badge-out .act-badge:not(:empty),.hud.tc .tc-cluster .act.badge-out:not(.cooling) .act-cost:not(:empty){right:auto;left:-12px}.hud.tc .tc-cluster .act.cooling .act-cost{position:absolute;inset:0 0 13px;display:grid;place-items:center;font:700 21px/1 var(--display);color:var(--text);text-shadow:0 1px 4px rgba(0,0,0,.9);font-variant-numeric:tabular-nums}.hud.tc .tc-cluster .tc-primary.cooling .act-cost{font-size:24px}.hud.tc .tc-cluster .act.cooling .ic{opacity:.25}.hud.tc .tc-cluster .act.cooling .act-label{opacity:.7}.hud.tc .act.down{transform:scale(.94)}.hud.tc .tc-cluster .act.down{background:radial-gradient(circle at 50% 30%,#3c444ef5,#161b22f0 70%)}.hud.tc .tc-tray{pointer-events:auto;padding:7px;display:flex;align-items:flex-end;gap:10px;border-radius:16px;transition:opacity .15s}.hud.tc .tc-wallet{display:flex;flex-direction:column;justify-content:center;min-height:54px;width:118px;padding:0 2px 0 4px}.hud.tc .tc-wallet .hud-gold{font-size:21px;line-height:1.1}.hud.tc .tc-wallet .hud-gold .ic{width:22px;height:22px}.hud-status i{font-style:normal}.hud-status>span{white-space:nowrap}.hud.tc .tc-wallet .hud-status{display:flex;flex-wrap:wrap;column-gap:7px;font-size:12.5px;line-height:1.3;color:var(--dim);max-width:none;white-space:nowrap;overflow:visible}.hud.tc .tc-wallet .hud-status i{display:none}.hud.tc .tc-row{display:flex;align-items:flex-end;gap:6px}.hud.tc .tc-grid{display:flex;gap:6px}.hud.tc .tc-tray.open .tc-grid{display:grid;grid-template-columns:repeat(var(--cols, 6),54px)}.hud.tc .tc-grid.scrolls{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(244,239,230,.35) transparent;padding-right:2px}.hud.tc .tc-tray:not(.open):not(.all) .tc-tile:not(.cur){display:none}.hud.tc .tc-tile{position:relative}.hud.tc .tc-more{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text);background:#ffffff12;border-style:dashed;border-color:#f4efe64d;pointer-events:auto}.hud.tc .tc-more .ic{width:24px;height:24px}.hud.tc .tc-more .act-label{display:block;font:600 12px/1 var(--body)}.hud.tc .tc-more .more-chev{transition:transform .2s cubic-bezier(.16,1,.3,1);transform-box:fill-box;transform-origin:center}.hud.tc .tc-tray.open .tc-more{border-style:solid;background:#ffffff14;border-color:#f4efe659}.hud.tc .tc-tray.open .more-chev{transform:rotate(180deg)}.hud.tc.dragging .tc-tray{opacity:.45}.hud.tc.dragging.drag-off .tc-tray{opacity:1;box-shadow:inset 0 0 0 2px #f6c34399}@media(orientation:portrait){.hud.tc .tc-dock{flex-direction:column;align-items:flex-end;gap:12px}.hud.tc .tc-tray{flex-direction:column;align-items:stretch;gap:6px}.hud.tc .tc-tray{max-width:calc(100vw - 24px)}.hud.tc .tc-wallet{width:auto;min-height:0;padding:2px 4px 0}.hud.tc .tc-wallet .hud-status{flex-wrap:nowrap;overflow:hidden}.hud.tc .tc-row{justify-content:flex-end}.hud.tc .tc-tray.all{flex-direction:row;align-items:flex-end;gap:6px}.hud.tc .tc-tray.all .tc-grid .act{width:48px;height:48px}.hud.tc .tc-tray.all .tc-wallet{width:118px;min-width:0;min-height:54px;flex-shrink:1;padding:0 2px 0 4px}.hud.tc .tc-tray.all .tc-wallet .hud-status{flex-wrap:wrap;overflow:visible}}.act.flash{animation:act-flash .6s cubic-bezier(.16,1,.3,1)}.act.flash .ic{animation:act-pop .45s cubic-bezier(.16,1,.3,1)}.act.ping{animation:act-ping .75s cubic-bezier(.16,1,.3,1)}@keyframes act-flash{0%{box-shadow:0 0 #f6c343e6,inset 0 0 0 40px #f6c34347}to{box-shadow:0 0 0 14px #f6c34300,inset 0 0 0 40px #f6c34300}}@keyframes act-pop{35%{transform:scale(1.18)}}@keyframes act-ping{0%{box-shadow:0 0 #f4efe6bf}to{box-shadow:0 0 0 10px #f4efe600}}@keyframes act-flash-still{0%{box-shadow:inset 0 0 0 40px #f6c34352}to{box-shadow:inset 0 0 0 40px #f6c34300}}@keyframes act-ping-still{0%,60%{border-color:#f4efe6f2}}.build-stick{position:absolute;left:calc(16px + env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));width:112px;height:112px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .16s cubic-bezier(.16,1,.3,1),visibility 0s linear .16s}.build-stick.on{opacity:1;visibility:visible;transition:opacity .22s cubic-bezier(.16,1,.3,1),visibility 0s}.bs-base{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 42%,#1e242c6b,#0e1217a8 72%);border:2px solid rgba(244,239,230,.5);box-shadow:0 12px 26px -14px #000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:scale(.86);transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .15s,background .15s}.build-stick.on .bs-base{transform:none}.build-stick.held .bs-base{border-color:#f6c343e6;background:radial-gradient(circle at 50% 42%,#302c1e80,#0e1217b8 72%)}.bs-arrows{position:absolute;inset:0;width:100%;height:100%;color:#f4efe6c7;transition:opacity .15s}.build-stick.held .bs-arrows{opacity:.35}.bs-knob{position:absolute;left:50%;top:50%;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#fffaf0,#e8e0d2f2);box-shadow:0 5px 14px -4px #0009;transform:translate(-50%,-50%);transition:transform .18s cubic-bezier(.16,1,.3,1)}.build-stick.held .bs-knob{transition:none}body.lefty .build-stick{left:auto;right:calc(16px + env(safe-area-inset-right,0px))}[data-motion=reduced] .bs-base{transform:none;transition:border-color .15s,background .15s}[data-motion=reduced] .bs-knob{transition:none}[data-contrast=high] .bs-base{background:#0a0d11eb;border-color:#f4efe6}[data-contrast=high] .bs-arrows{color:#f4efe6}body.cine .build-stick{display:none!important}.touch-stick.idle{opacity:.35}@property --press{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.ts-press{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;opacity:0;transition:opacity .1s}.ts-press:before{content:"";position:absolute;left:-32px;top:-32px;width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--gold) var(--press),rgba(244,239,230,.22) 0);-webkit-mask:radial-gradient(circle,transparent 26px,#000 27px);mask:radial-gradient(circle,transparent 26px,#000 27px)}.ts-press.on{opacity:1}.ts-press.on:before{animation:press-fill .2s linear forwards}@keyframes press-fill{to{--press: 360deg}}body.cine .ts-press{display:none!important}body.finger .hud:not(.tc) .act{touch-action:pan-x}[data-motion=reduced] .act.flash{animation:act-flash-still .5s ease-out}[data-motion=reduced] .act.flash .ic{animation:none}[data-motion=reduced] .act.ping{animation:act-ping-still .75s ease-out}[data-motion=reduced] .hud.tc .act.down{transform:none}[data-motion=reduced] .ts-press.on:before{animation:none;--press: 360deg}[data-motion=reduced] .hud.tc .tc-more .more-chev{transition:none}.btn.side{justify-content:flex-start;gap:14px;padding:6px 22px 6px 6px;min-height:64px;--badge-frames: 10;--badge-sheep-ms: 384ms;--badge-wolf-ms: 318ms}.side-ic{--bw: 48px;position:relative;width:52px;height:52px;flex:none;display:grid;place-items:center}.side-anim{width:var(--bw);height:var(--bw);display:block;background-repeat:no-repeat;background-size:calc(var(--bw) * (var(--badge-frames) + 1)) var(--bw);background-position:0 0}@keyframes badge-walk{0%{background-position-x:10%}to{background-position-x:110%}}.btn.side.sheep:hover .side-anim,.btn.side.sheep:focus-visible .side-anim{animation:badge-walk var(--badge-sheep-ms) steps(var(--badge-frames)) infinite}.btn.side.wolf:hover .side-anim,.btn.side.wolf:focus-visible .side-anim{animation:badge-walk var(--badge-wolf-ms) steps(var(--badge-frames)) infinite}.btn.side:focus-visible{outline:3px solid var(--text);outline-offset:3px}@media(max-height:500px){.btn.side{min-height:56px;padding:4px 18px 4px 4px}.side-ic{width:46px;height:46px;--bw: 42px}}[data-motion=reduced] .btn.side:is(:hover,:focus-visible) .side-anim{animation:none}@media(prefers-reduced-motion:reduce){:root:not([data-motion]) .btn.side:is(:hover,:focus-visible) .side-anim{animation:none}}[data-motion=reduced] .btn:hover{transform:none}.screen>.card{max-height:calc(92vh / var(--ui-zoom, 1));max-height:calc(92dvh / var(--ui-zoom, 1))}@media(max-width:700px)and (min-height:501px){.screen>.card{max-height:calc((100vh - var(--dock-clear) - 24px) / var(--ui-zoom, 1));max-height:calc((100dvh - var(--dock-clear) - max(24px,env(safe-area-inset-bottom,0px))) / var(--ui-zoom, 1))}}.hud-menu{pointer-events:auto;flex:none;width:44px;height:44px;padding:0;display:grid;place-items:center;color:var(--text);cursor:pointer;border-radius:12px;transition:transform .1s,background .15s,border-color .15s}.hud-menu .ic{width:22px;height:22px;vertical-align:0}.hud-menu:hover{background:#1e252edb;border-color:#f4efe652}.hud-menu.down,.hud-menu:active{transform:scale(.94)}.hud-menu:focus-visible{outline:3px solid var(--gold);outline-offset:2px}[data-motion=reduced] .hud-menu.down,[data-motion=reduced] .hud-menu:active{transform:none}@media(min-width:521px){body.tutorial.compact .hud-head,body.tutorial.touch .hud-head{align-self:flex-start}}body.tutorial:not(.compact):not(.touch) .tut{top:72px}@media(max-width:520px){body.tutorial.compact .hud-head>.hud-menu,body.tutorial.touch .hud-head>.hud-menu{margin-left:auto}body.compact .tut,body.touch .tut{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));width:auto;top:calc(max(8px,env(safe-area-inset-top)) + 124px)}}@media(max-width:520px)and (max-height:700px){body.tutorial.compact .hud-head .hud-mini,body.tutorial.touch .hud-head .hud-mini{flex:0 0 72px;min-width:0}body.compact .tut,body.touch .tut{top:calc(max(8px,env(safe-area-inset-top)) + 78px)}}.screen-pause{padding:0;display:block;background:#080b0f6b}.sheet{--sheet-from: translateY(28px);position:absolute;left:0;right:0;bottom:0;margin-inline:auto;pointer-events:auto;zoom:var(--ui-zoom, 1);width:min(100%,560px);max-height:calc(88dvh / var(--ui-zoom, 1));display:flex;flex-direction:column;background:#141a21;border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -18px 60px -20px #000000b3;padding:6px max(16px,env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));animation:sheet-in .32s cubic-bezier(.16,1,.3,1)}@keyframes sheet-in{0%{transform:var(--sheet-from);opacity:0}}.sheet-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;padding:8px 0 6px}.sheet-head h2{margin:0;font:700 26px/1.1 var(--display);text-align:center;text-wrap:balance}.sheet-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;border:1px solid transparent;background:#ffffff0f;color:var(--text);cursor:pointer;padding:0;transition:background .15s}.sheet-btn .ics{width:22px;height:22px}.sheet-btn:hover{background:#ffffff1f}.sheet-btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.sheet-btn[hidden]{display:grid!important;visibility:hidden}.sheet-body{overflow:auto;overscroll-behavior:contain;padding:6px 6px 8px;margin-inline:-4px;scrollbar-width:thin;scrollbar-color:rgba(244,239,230,.3) transparent}.sheet-note{margin:0 0 14px;color:var(--dim);font-size:16px;text-align:center}.sheet .stack .btn{min-height:52px;font-size:17px}.btn.danger{color:#ffc2b8;border-color:#ff6b5a80;background:#ff6b5a1a}.btn.danger:hover{background:#ff6b5a2e;border-color:#ff6b5ab3}.sheet .settings-cols,.sheet .howto .cols,.sheet .farm-grid{grid-template-columns:1fr;gap:0 24px}.sheet .howto h3:first-child{margin-top:4px}@media(orientation:landscape),(min-width:900px){.screen-pause{background:linear-gradient(270deg,#080b0f8c,#080b0f33 70%)}.sheet{--sheet-from: translateX(32px);top:0;left:auto;margin:0;width:min(440px,calc(100vw / var(--ui-zoom, 1)));max-height:none;border-radius:22px 0 0 22px;border:1px solid var(--line);border-right:0;padding:max(10px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) 18px;box-shadow:-18px 0 60px -20px #000000b3}}[data-motion=reduced] .sheet{--sheet-from: none}.set-h{font:600 15px var(--body)!important;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)!important;margin:20px 0 10px!important}.settings-cols>div>.set-h:first-child{margin-top:2px!important}.range-field label{display:flex;justify-content:space-between;align-items:baseline}.range-field output{font:600 15px var(--body);color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none}.field input[type=range]{width:100%;height:44px;margin:0;cursor:pointer;background:transparent}.switch-row{margin:4px 0 12px}.switch{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 12px 8px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--text);font:500 16px/1.3 var(--body);text-align:left;cursor:pointer;transition:background .15s,border-color .15s}.switch:hover{background:#ffffff17}.switch:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.switch-track{position:relative;flex:none;width:46px;height:28px;border-radius:99px;background:#f4efe633;border:1px solid rgba(244,239,230,.35);transition:background .18s,border-color .18s}.switch-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--text);box-shadow:0 1px 3px #00000080;transition:transform .18s cubic-bezier(.16,1,.3,1)}.switch[aria-checked=true] .switch-track{background:var(--gold);border-color:var(--gold)}.switch[aria-checked=true] .switch-knob{transform:translate(18px);background:var(--ink)}[data-motion=reduced] .switch-knob,[data-motion=reduced] .switch-track{transition:none}.switch-note{margin:6px 2px 0}.touch-help{margin:0;padding-left:18px;color:var(--dim);line-height:1.5}.touch-help li{margin:4px 0}.keycap span{pointer-events:none}.hud-head{position:relative}.hud-head>.hud-menu{position:absolute;left:calc(100% + 10px);top:0}@media(max-width:520px){body.compact .hud-head>.hud-menu,body.touch .hud-head>.hud-menu{position:static}}.act:focus-visible,.tc-more:focus-visible{outline:3px solid var(--gold);outline-offset:2px;opacity:1}.tut button:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}.ptag{display:inline-grid;place-items:center;min-width:1.55em;height:1.55em;padding:0 .32em;margin-right:.45em;border-radius:99px;border:2px solid var(--pc, #999);background:color-mix(in srgb,var(--pc, #999) 30%,#0e1217);color:var(--text);font:700 1em/1 var(--body);font-variant-numeric:tabular-nums;vertical-align:-.12em}.feed-item b{color:var(--text)}.ro-dot{font:700 16px/1 var(--display);color:var(--text);font-variant-numeric:tabular-nums}body.compact .ro-dot,body.touch .ro-dot{font-size:14px}.ro-dot.dead{color:var(--dim)}kbd,.field label,.pill,.who,.plate .who,.sc th{font-size:14px}.hud kbd,.tut kbd{font-size:1em;padding:2px 6px}.hud-phase{font-size:16px;letter-spacing:.08em}.ro-vs,.feed-item{font-size:16px}.hud-status{font-size:16px;max-width:200px}.act-key,.act-cost,.act-badge{font-size:16px}.act-cost .ics{width:14px;height:14px}.tip-key,.tip-stats,.tip-body,.plate,.plate .who,.hud-scores .who,.hud-scores .sc th,.tut-link,.tut-count{font-size:16px}body:not(.compact):not(.touch) .hud:not(.tc) .act{--tile: clamp(54px, calc((100vw / var(--hz, 1) - 740px) / 14), 64px);width:var(--tile);height:calc(var(--tile) + var(--band, 0px))}body:not(.compact):not(.touch) .hud:not(.tc) .act .ic{width:calc(var(--tile) * .43);height:calc(var(--tile) * .43);margin-top:2px}body:not(.compact):not(.touch) .hud:not(.tc) .hud-actions{gap:4px}@media(min-width:1281px)and (max-width:1599px){body:not(.compact):not(.touch) .hud-status{max-width:150px}}@media(max-width:1280px){body:not(.compact):not(.touch) .hud:not(.tc) .act{--tile: 54px}body:not(.compact):not(.touch) .hud:not(.tc) .act .ic{width:23px;height:23px}}body:not(.compact):not(.touch) .hud:not(.tc) .act.act-wide{width:76px}body.compact .hud-phase,body.touch .hud-phase{font-size:14px;letter-spacing:.06em}body.compact .ro-vs,body.touch .ro-vs,body.compact .feed-item,body.touch .feed-item,body.compact .hud-feed,body.touch .hud-feed,body.compact .hud-status,body.touch .hud-status,body.compact .act-key,body.compact .act-cost,body.compact .act-badge,body.touch .act-key,body.touch .act-cost,body.touch .act-badge,body.compact .plate,body.touch .plate,body.compact .plate .who,body.touch .plate .who,body.compact .tut-link,body.touch .tut-link,body.compact .tut-count,body.touch .tut-count,body.compact .tip-key,body.compact .tip-stats,body.compact .tip-body,body.touch .tip-stats,body.touch .tip-body,.hud.tc .tc-cluster .act-label,.hud.tc .tc-more .act-label{font-size:14px}.hud.tc .tc-cluster .act-badge:not(:empty),.hud.tc .tc-cluster .act:not(.cooling) .act-cost:not(:empty){font-size:14px}.hud.tc .tc-wallet .hud-status,body.compact .who,body.touch .who,body.compact .net-status small,body.touch .net-status small,body.compact .net-line small,body.touch .net-line small{font-size:14px}:root{--hz: var(--hud-zoom, var(--ui-zoom, 1))}.hud-toast{max-width:min(640px,calc(90vw / var(--hz)))}.hud-hint{max-width:calc(80vw / var(--hz))}body.compact .hud-hint,body.touch .hud-hint{max-width:calc(70vw / var(--hz))}body.compact .hud-feed,body.touch .hud-feed{max-width:calc(50vw / var(--hz))}.tut{width:min(580px,calc((100vw - 32px) / var(--hz)))}body.compact .tut{width:min(380px,calc((100vw - 140px) / var(--hz)))}@media(max-width:520px){body.compact .hud-hint,body.touch .hud-hint{max-width:calc(92vw / var(--hz))}body.compact .tut,body.touch .tut{width:auto}}@media(orientation:portrait){.hud.tc .tc-tray{max-width:calc((100vw - 24px) / var(--hz))}}.hud-hint:not(:empty){background:#0e1217bd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:12px;padding:7px 14px;text-shadow:none;box-shadow:0 8px 24px -12px #0009}.hud-hint:empty{display:none}.hud-announce{padding:12px 24px 14px;border-radius:18px;background:#0c0f14c2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);box-shadow:0 16px 40px -18px #000000b3}.hud kbd,.tut kbd{background:#2b323c;border-color:#4a525e;color:var(--text)}body.compact .hud-announce,body.touch .hud-announce{padding:6px 14px 8px;border-radius:14px}body.compact .ann-title,body.touch .ann-title{font-size:clamp(24px,calc(7vw / var(--hz)),40px)}@media(max-height:500px){body.compact .ann-title,body.touch .ann-title{font-size:28px}}@media(max-height:400px)and (orientation:landscape){body.compact .ann-title,body.touch .ann-title{font-size:calc(26px / var(--hz, 1));white-space:nowrap}}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.edge-cues{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}.edge-cue{position:absolute;left:0;top:0;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;display:grid;place-items:center;opacity:0;visibility:hidden;background:#0e1217c7;border:1.5px solid rgba(244,239,230,.35);box-shadow:0 6px 16px -8px #000000b3}.edge-cue.on{visibility:visible}.edge-cue .ic,.edge-cue .ics{width:22px;height:22px;vertical-align:0;color:var(--text)}.ec-wedge{position:absolute;inset:0;transform:rotate(var(--ang, 0rad));pointer-events:none}.ec-wedge:after{content:"";position:absolute;right:-8px;top:50%;margin-top:-6px;border:6px solid transparent;border-left:8px solid rgba(244,239,230,.75);border-right:0}.edge-cue.ec-wolf,.edge-cue.ec-tag{border-color:#ff8a7499}.edge-cue.ec-wolf .ec-wedge:after,.edge-cue.ec-tag .ec-wedge:after{border-left-color:#ff8a74e6}.edge-cue.ec-rescue{border-color:#9ff3ff99}.edge-cue.ec-bite{border-color:#f6c343a6}.edge-cue.ec-bite .ec-wedge:after{border-left-color:#f6c343f2}body.cine .edge-cues{display:none!important}.ro-dot{background:color-mix(in srgb,var(--pc) 30%,#12171d)}.hud .bad{color:#ff8a74}.hud.tc .tc-tray{background:#0e1217db}.screen-menu .btn:not(.primary){background:#10151b99}.screen-menu .btn:not(.primary):hover{background:#1e252eb8}.keycap{min-height:44px}body.compact .hud-hint:not(:empty),body.touch .hud-hint:not(:empty){padding:5px 10px;line-height:1.35}@media(orientation:portrait){.hud.tc .tc-tray{gap:4px}.hud.tc .tc-wallet{padding-top:0}}:root[data-contrast=high]{--panel: rgba(10, 13, 17, .95);--dim: #f4efe6;--line: rgba(244, 239, 230, .4)}[data-contrast=high] .panel,[data-contrast=high] .hud-hint:not(:empty),[data-contrast=high] .hud-announce,[data-contrast=high] .feed-item,[data-contrast=high] .plate{background:#0a0d11f2;border-color:#f4efe673}[data-contrast=high] .act{opacity:1;border-color:#f4efe673}[data-contrast=high] .act:not(.ready) .ic{filter:none}[data-contrast=high] .hud .bad{color:#ffa08e}[data-contrast=high] .who.bot{background:#2b323c;color:#f4efe6}[data-contrast=high] .ro-dot{background:color-mix(in srgb,var(--pc) 20%,#0a0d11)}[data-contrast=high] .hud kbd{background:#f4efe6;color:#0e1217;border-color:#f4efe6}[data-contrast=high] .edge-cue{background:#0a0d11;border-color:#f4efe6}body.lefty .hud.tc .tc-dock{right:auto;left:calc(12px + env(safe-area-inset-left,0px));flex-direction:row-reverse}@media(orientation:portrait){body.lefty .hud.tc .tc-dock{flex-direction:column;align-items:flex-start}body.lefty .hud.tc .tc-row{justify-content:flex-start}}.feedback{margin:6px 0 12px}.feedback summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--gold);font-weight:600}.feedback textarea{width:100%;font:500 16px/1.4 var(--body);color:var(--text);background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:10px 12px;resize:vertical}.feedback textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.feedback .btn{min-height:44px}.feedback textarea{user-select:text;-webkit-user-select:text}#resetkeys{min-height:44px}@media(max-width:700px){.logo .tag{color:var(--text);text-shadow:0 1px 10px rgba(8,11,15,.7)}}.ping-wheel{position:absolute;z-index:30;width:0;height:0;pointer-events:none;animation:pw-in .12s ease-out}@keyframes pw-in{0%{opacity:0;transform:scale(.85)}}.pw-4{transform:translate(-50%,-50%)}.pw-look .pw-disc{width:42px;height:42px;border:2px solid var(--gold)}.pw-look .pw-disc .ic{width:22px;height:22px}.pw-opt{position:absolute;left:0;top:0;width:max-content;max-width:140px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;margin:0;border:0;background:none;color:var(--text);font:inherit;cursor:pointer;pointer-events:auto;touch-action:none}.pw-0{flex-direction:column-reverse;transform:translate(-50%,calc(-100% - 52px))}.pw-1{transform:translate(calc(-50% + 84px),-26px)}.pw-2{transform:translate(-50%,52px)}.pw-3{transform:translate(calc(-50% - 84px),-26px)}.pw-0 .pw-disc{margin-bottom:0}.pw-disc{position:relative;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#0e1217e6;border:1.5px solid rgba(244,239,230,.4);box-shadow:0 6px 16px -8px #000000b3;transition:border-color .1s,background-color .1s}.pw-disc .ic,.pw-disc .ics{width:26px;height:26px;vertical-align:0}.pw-disc kbd{position:absolute;right:-8px;top:-8px;font-size:13px;padding:1px 5px;background:#20262f}.pw-t{max-width:132px;padding:3px 9px;border-radius:8px;background:#0e1217e0;font-size:16px;line-height:1.2;font-weight:600;text-align:center}.pw-opt.hot .pw-disc,.pw-opt:hover .pw-disc,.pw-opt:focus-visible .pw-disc{border-color:var(--gold);background:#2a2a1e}.pw-opt.hot .pw-t{color:var(--gold)}.pw-opt:focus-visible{outline:0}.pw-opt:focus-visible .pw-disc{outline:3px solid var(--gold);outline-offset:2px}body.touch .pw-t{font-size:14px}[data-motion=reduced] .ping-wheel{animation:none}.edge-cue.ec-ping{border:2px solid var(--pc, var(--text));background:#0e1217db}.edge-cue.ec-ping .ec-wedge:after{border-left-color:var(--pc, var(--text))}.ec-ping .ec-disc{display:grid;place-items:center}.ec-ping .ec-say{display:none;position:absolute;left:50%;top:calc(100% + 5px);transform:translate(-50%);white-space:nowrap;padding:3px 9px;border-radius:8px;background:#0e1217e0;border:1px solid var(--pc, var(--line));color:var(--text);font-size:16px;line-height:1.2;font-weight:600}.ec-ping.at .ec-say{display:block}.ec-ping.at .ec-wedge{display:none}.ec-ping.at:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--pc, var(--text));opacity:0;animation:ping-pulse 1.2s ease-out 3;pointer-events:none}@keyframes ping-pulse{0%{transform:scale(1);opacity:.9}to{transform:scale(2.2);opacity:0}}[data-motion=reduced] .ec-ping.at:after{animation:none;display:none}@media(prefers-reduced-motion:reduce){:root:not([data-motion]) .ec-ping.at:after{animation:none;display:none}}body.touch .ec-ping .ec-say{font-size:14px}.feed-ping{display:inline-flex;align-items:center;gap:.35em}.feed-ping .ic,.feed-ping .ics{width:1.25em;height:1.25em;vertical-align:0}[data-contrast=high] .pw-disc,[data-contrast=high] .pw-t,[data-contrast=high] .ec-ping .ec-say{background:#0a0d11;border-color:#f4efe6}.skipwait{position:fixed;inset:0;z-index:15;pointer-events:none;display:grid;place-items:center}.skipwait[data-state=skip]{background:#0e12178c}.skip-card{pointer-events:auto;zoom:var(--hud-zoom, var(--ui-zoom, 1));width:min(400px,calc((100vw - 48px) / var(--hud-zoom, 1)));background:#12171ef0;border:1px solid var(--line);border-radius:18px;padding:22px 24px;text-align:center;box-shadow:0 24px 60px #00000080}.skipwait[data-state=count] .skip-card{display:none}.skip-title{font:600 24px var(--display);margin:0 0 6px;color:var(--text)}.skip-note{margin:0 0 16px;font-size:16px;color:var(--dim)}.skip-bar{height:10px;border-radius:99px;background:#ffffff1f;overflow:hidden;margin-bottom:16px}.skip-bar>span{display:block;height:100%;width:0;background:var(--gold);border-radius:inherit}.skip-card .btn{min-height:44px}.skip-count{display:none;font:700 120px/1 var(--display);color:var(--gold);text-shadow:0 4px 0 var(--gold-deep),0 10px 40px rgba(0,0,0,.6)}.skipwait[data-state=count]{place-items:start center;padding-top:24vh}.skipwait[data-state=count] .skip-count{display:block}.skip-count>span{display:block;animation:skip-pop .5s cubic-bezier(.16,1,.3,1)}@keyframes skip-pop{0%{transform:scale(1.6);opacity:0}}[data-motion=reduced] .skip-count>span{animation:none}.mcard{pointer-events:auto;background:#12171ee6;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:16px;padding:12px 16px 16px 18px;box-shadow:0 16px 40px #00000059;animation:rise .4s cubic-bezier(.16,1,.3,1) .08s backwards}.mcard.wolf{border-left-color:var(--wolf)}[data-motion=reduced] .mcard{animation:none}.mcard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.mcard h2{font:600 14px/1.3 var(--body);letter-spacing:.4px;text-transform:uppercase;color:var(--dim);margin:0;padding-top:6px}.mcard-x{flex:none;width:44px;height:44px;margin:-6px -10px -8px 0;display:grid;place-items:center;background:none;border:0;border-radius:10px;color:var(--dim);cursor:pointer;transition:color .15s,background-color .15s}.mcard-x:hover{color:var(--text);background:#ffffff14}.mcard-x:active{background:#ffffff24}.mcard-line{font:600 21px/1.25 var(--display);margin:2px 0 6px;text-wrap:balance}.mcard-detail{color:var(--dim);font-size:15px;line-height:1.45;margin:0 0 14px;text-wrap:pretty}.mcard-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mcard-actions .btn{min-height:46px;padding-inline:12px}.mcard-list{margin:4px 0 2px;padding:0;list-style:none;display:grid;gap:7px}.mcard-list li{position:relative;padding-left:16px;font-size:15px;line-height:1.4;color:var(--text);text-wrap:pretty}.mcard-list li:before{content:"";position:absolute;left:2px;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--gold)}.mcard-more{margin:8px 0 -8px;font-size:15px}.mcard-more .linkish{display:inline-flex;align-items:center;min-height:44px}@media(max-width:700px){.mcard-line{font-size:19px}}@media(min-width:1000px){.mcard{position:fixed;top:max(24px,env(safe-area-inset-top,0px));right:max(clamp(20px,5vw,96px),env(safe-area-inset-right,0px));width:min(380px,calc(100vw - 600px))}}@media(max-width:999.98px)and (max-height:760px){.menu:has(.mcard) .logo{display:none}}@media(max-height:500px){.mcard{padding:8px 12px 12px 14px}.mcard-line{font-size:17px;margin-bottom:2px}.mcard-detail{font-size:14px;margin-bottom:8px}.mcard-actions .btn{min-height:44px;padding:8px;font-size:15px}}body.watching .hud-bar,body.watching .hud-menu,body.watching .hud-hint{display:none!important}@keyframes rv-rise{0%{transform:translate(-50%) translateY(18px);opacity:0}}@keyframes rv-load{0%{transform:translate(-100%)}to{transform:translate(280%)}}#watch .ic,#friend-watch .ic{width:1.25em;height:1.25em}.friend-watch{margin-top:10px;min-height:40px;display:flex;align-items:center}.friend-watch .btn{width:100%}.friend-gone{margin:0;font-size:14px}@keyframes rv-rise-c{0%{transform:translateY(18px);opacity:0}}.qm{margin:18px 0 0}.qm h3{margin:0 0 4px}.qm-note{margin:0 0 14px;font-size:15px;max-width:60ch}.qm .field{margin-bottom:12px}.qm .seg button{flex:1 1 0}.qm-go{width:100%;font:600 19px/1 var(--display);min-height:54px;letter-spacing:.2px}.live-now{display:flex;align-items:center;gap:8px;margin:10px 0 0;min-height:21px;font-size:14px;line-height:21px;color:var(--dim);font-variant-numeric:tabular-nums;opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1)}.live-now.on{opacity:1}.live-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--sheep);animation:online-dot 2.4s ease-in-out infinite}@keyframes online-dot{0%,to{opacity:1}50%{opacity:.4}}:root[data-motion=reduced] .live-dot{animation:none}.qm-discord{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:12px}.qm-dc{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.qm-dc svg{width:20px;height:20px;fill:currentColor;flex:none}.qcall{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:4px 0 14px}.qcall .dim{flex:1 1 220px;font-size:14px}.qcall-go,.qcall-sent{display:inline-flex;align-items:center;gap:8px}.qcall .qcall-go{min-height:44px}.qcall-go svg,.qcall-sent svg{width:20px;height:20px;fill:currentColor;flex:none}.qcall-sent{margin:4px 0 14px;color:#c9c2ff}.qcall-sent svg{color:#8f9bff}.qm-discord .lobby[hidden]{display:none}.qm-discord .lb-list{list-style:none;display:flex;margin:0;padding:0}.qm-discord .lb-p{position:relative;margin-left:-8px}.qm-discord .lb-p:first-child{margin-left:0}.qm-discord .lb-txt,.qm-discord .lb-more{display:none}.qm-discord .lb-face{position:relative;display:block;width:32px;height:32px}.qm-discord .lb-face img,.qm-discord .lb-init{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;object-fit:cover;background:#2b2142;color:#f4efe6;font-weight:700;font-size:14px;box-shadow:0 0 0 2px var(--panel-solid)}.qm-discord .lb-dot{display:none}.qm-discord .dc-now{flex-basis:100%;margin:0}.qm-discord .dc-now svg{width:16px;height:16px;fill:currentColor;flex:none}.friends-h{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.friends-h+.dim{margin:0 0 14px;font-size:15px}.qtimer{margin:0 0 14px}.qt-line{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;margin:0 0 10px;font-variant-numeric:tabular-nums}.qt-line b{font:700 26px/1 var(--display);color:var(--gold);margin:0 2px}.qt-seats{font-size:14px}.qbar{height:6px;border-radius:99px;background:#ffffff14;overflow:hidden}.qbar i{display:block;height:100%;background:var(--gold);transform-origin:left center}.qlobby .team .btn[disabled]{opacity:.55;cursor:default}.q-live{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:21px;margin:-4px 0 12px;font-size:14px;line-height:21px;color:var(--dim);font-variant-numeric:tabular-nums}.q-sep{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.6}.qseats{display:flex;align-items:center;gap:6px;margin:0 0 10px}.qpip{display:block;width:14px;height:14px;border-radius:50%;border:2px solid rgba(244,239,230,.22);box-sizing:border-box}.qpip.sheep.on{background:var(--sheep);border-color:var(--sheep)}.qpip.wolf.on{background:var(--wolf);border-color:var(--wolf)}.qpip.new{animation:qpip-in .5s cubic-bezier(.34,1.56,.64,1)}.qpip-gap{width:8px}@keyframes qpip-in{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}:root[data-motion=reduced] .qpip.new{animation:none}.stale-note{margin:4px 0 6px;font-size:17px;line-height:1.45}.seg button.locked,.btn.locked{color:var(--dim);background:transparent;border-style:dashed;border-color:#ffffff38;cursor:not-allowed}.seg button.locked:hover,.btn.locked:hover{background:#ffffff0a;transform:none}.seg button.locked:active,.btn.locked:active{transform:none}.lock-ic{width:16px;height:16px;flex:none;vertical-align:-3px;margin-right:7px}.lock-note{margin:2px 0 0;font-variant-numeric:tabular-nums;transition:color .2s ease}.lock-note.nudge{color:var(--gold)}.team .lock-note{margin-top:8px}.rp-bar{flex:0 1 76px;min-width:28px;height:4px;border-radius:2px;background:#ffffff1f;overflow:hidden}.rp-bar i{display:block;height:100%;background:var(--gold);border-radius:2px}@keyframes unlock-in{0%{opacity:0;transform:translateY(10px)}}@keyframes unlock-step{0%{opacity:0;transform:translateY(8px) scale(.82)}}@keyframes unlock-ring{to{box-shadow:0 0 0 14px #f6c34300}}.form-pic{flex:none;width:56px;height:56px;border-radius:12px;background-color:#0e12178c;background-position:center;background-size:94%;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #ffffff1f}.form-pic.locked{filter:grayscale(1) brightness(.7);opacity:.75}.form-moon{background-image:url(/img/form-moon-128.webp?v=be81b0d2);background-image:image-set(url(/img/form-moon-128.avif?v=958bf438) type("image/avif"),url(/img/form-moon-128.webp?v=be81b0d2) type("image/webp"))}.form-warlord{background-image:url(/img/form-warlord-128.webp?v=01a831f7);background-image:image-set(url(/img/form-warlord-128.avif?v=7b0eb0fb) type("image/avif"),url(/img/form-warlord-128.webp?v=01a831f7) type("image/webp"))}.form-hellhound{background-image:url(/img/form-hellhound-128.webp?v=4d062515);background-image:image-set(url(/img/form-hellhound-128.avif?v=6ac2cff4) type("image/avif"),url(/img/form-hellhound-128.webp?v=4d062515) type("image/webp"))}.hp-name{font:700 24px/1.1 var(--display)}.hp-line{color:var(--dim);font-size:14.5px;line-height:1.35}@media(max-width:420px){.hp-name{font-size:21px}}body.jump-fly .overlay,body.jump-fly .skipwait{opacity:0;visibility:hidden}body.jump-landed .overlay{animation:fadeIn .6s ease both}.sc-wrap{container-type:inline-size}.sc-line{display:inline-flex;align-items:center;max-width:100%;min-width:0;white-space:nowrap;vertical-align:middle}.sc-n{min-width:0;overflow:hidden;text-overflow:ellipsis}.sc-line .spirit{margin-left:6px}.sc-l{display:none}@container (max-width: 560px){.sc-wrap .sc,.sc-wrap .sc thead,.sc-wrap .sc tbody,.sc-wrap .sc tr,.sc-wrap .sc th,.sc-wrap .sc td{display:block}.sc-wrap .sc{overflow:visible;margin:4px 0 12px}.sc-wrap .sc thead th{padding:6px 2px 8px}.sc-wrap .sc thead th:not(:first-child){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.sc-wrap .sc tbody tr{display:grid;grid-template-columns:repeat(4,max-content);justify-content:space-between;column-gap:8px;row-gap:6px;padding:10px 2px 11px;border-bottom:1px solid rgba(255,255,255,.06)}.sc-wrap .sc tbody td{padding:0;border:0;min-width:0}.sc-wrap .sc tbody td:first-child{grid-column:1 / -1}.sc-wrap .sc-line{display:flex}.sc-wrap .sc-l{display:flex;align-items:center;gap:4px;font:600 13px/1.2 var(--body);color:var(--dim);white-space:nowrap}.sc-wrap .sc-l .ics{width:13px;height:13px;flex:none;color:var(--dim)}.sc-wrap .sc tr.me .sc-l{color:var(--dim);font-weight:600}.sc-wrap .sc-v{display:block;margin-top:2px;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}}@container (max-width: 320px){.sc-wrap .sc-l .ics{display:none}}.swap-short{display:none}.card-actions{position:relative}.btn.is-done{border-color:#f6c34399;background:#f6c3431f}.btn.primary.is-done{background:var(--gold);border-color:var(--gold) var(--gold) var(--gold-deep)}.ok-ic{display:inline-grid;place-items:center;width:1.2em;height:1.2em;color:var(--gold);animation:ok-pop .42s cubic-bezier(.16,1,.3,1) both}.btn.primary .ok-ic{color:var(--ink)}.ok-ic .ic{width:100%;height:100%;vertical-align:0}.ok-tick{stroke-dasharray:1;stroke-dashoffset:1;animation:ok-draw .34s cubic-bezier(.16,1,.3,1) .06s forwards}@keyframes ok-pop{0%{transform:scale(.35);opacity:0}}@keyframes ok-draw{to{stroke-dashoffset:0}}:root[data-motion=reduced] .ok-ic,.is-held .ok-ic{animation:none}:root[data-motion=reduced] .ok-tick,.is-held .ok-tick{animation:none;stroke-dashoffset:0}.share-burst{position:fixed;z-index:60;width:0;height:0;pointer-events:none}.share-burst>span{position:absolute;left:0;top:0;width:var(--s);height:var(--s);will-change:transform,opacity}.sb-wool{border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffdf8 0 45%,#efe6d6);box-shadow:0 1px 2px #0a0c1059}.sb-gold{border-radius:2px;height:calc(var(--s) * 1.7)!important;background:linear-gradient(180deg,#ffd96b,var(--gold-deep))}.share-burst .sb-sheep{filter:drop-shadow(0 2px 2px rgba(10,12,16,.45))}.card-pop{position:absolute;z-index:2;width:min(320px,calc(100% - 2 * var(--pad, 12px)));padding:10px 10px 8px;border-radius:16px;background:#222a35;box-shadow:0 22px 44px -14px #030508d9,0 2px 6px #03050866;text-align:left;transform-origin:var(--notch, 50%) 100%;animation:cp-rise .38s cubic-bezier(.16,1,.3,1) both}.card-pop:after{content:"";position:absolute;left:var(--notch, 50%);bottom:-6px;width:14px;height:14px;margin-left:-7px;background:#222a35;transform:rotate(45deg);border-radius:0 0 3px}.cp-slot{position:relative;aspect-ratio:1200 / 630;border-radius:10px;overflow:hidden;background:linear-gradient(110deg,#2b3440 30%,#343e4b,#2b3440 70%) 0 0 / 300% 100%;animation:cp-wait 1.2s linear infinite}.cp-img{display:block;width:100%;height:100%;opacity:0;clip-path:inset(0 0 100% 0)}.card-pop.ready .cp-slot{animation:none;background:#2b3440}.card-pop.ready .cp-img{opacity:1;clip-path:inset(0);transition:clip-path .55s cubic-bezier(.16,1,.3,1),opacity .2s ease}.card-pop.failed .cp-slot{display:none}.cp-line{margin:9px 4px 2px;font:500 14.5px/1.4 var(--body);color:var(--text);text-wrap:pretty}.cp-url{display:block;width:calc(100% - 8px);margin:8px 4px 0;font:500 14px var(--body);color:var(--text);background:#ffffff0f;border:1px solid rgba(246,195,67,.5);border-radius:10px;padding:8px 10px;user-select:text}.cp-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.cp-actions .btn.small{min-height:40px}.cp-x{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;border:0;background:transparent;color:var(--dim);cursor:pointer;transition:background-color .15s,color .15s}.cp-x:hover{background:#ffffff14;color:var(--text)}.cp-x:active{background:#ffffff24}.cp-x .ic{width:20px;height:20px}@keyframes cp-rise{0%{opacity:0;transform:translateY(10px) scale(.94)}}@keyframes cp-wait{to{background-position:-150% 0}}:root[data-motion=reduced] .card-pop{animation:fadeIn .2s ease both}:root[data-motion=reduced] .cp-slot{animation:none}:root[data-motion=reduced] .card-pop.ready .cp-img{clip-path:inset(0);transition:opacity .2s ease}.namebar{pointer-events:auto}.namebar:not(.open){display:flex;align-items:center;flex-wrap:wrap;gap:0 8px;font-size:15px;color:var(--dim);min-height:32px;margin-bottom:2px}.nb-name{color:var(--text);font-weight:600;font-size:16px;overflow-wrap:anywhere}.nb-change{display:inline-flex;align-items:center;min-height:44px;margin-block:-6px;padding-inline:4px;font-size:15px}.namebar.open{display:grid;gap:6px;margin-bottom:6px}.nb-label{font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--dim)}.nb-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.nb-row input{min-width:0;font:500 17px var(--body);color:var(--text);background:#0e1217b8;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:0 14px;min-height:48px;outline:none;user-select:text;transition:border-color .15s,box-shadow .15s}.nb-row input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f6c34338}.namebar.bad .nb-row input{border-color:var(--wolf);box-shadow:0 0 0 3px #ff6b5a33}.nb-dice{width:48px;min-height:48px;display:grid;place-items:center;padding:0;border-radius:12px;cursor:pointer;color:var(--text);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);transition:background-color .15s,border-color .15s,transform .12s}.nb-dice:hover{background:#ffffff29;border-color:#ffffff52}.nb-dice:active{transform:translateY(1px) scale(.96)}.nb-dice.spin svg{animation:nb-roll .5s cubic-bezier(.16,1,.3,1)}@keyframes nb-roll{0%{transform:rotate(-200deg) scale(.8)}}[data-motion=reduced] .nb-dice.spin svg{animation:none}.nb-save{min-height:48px;padding-inline:18px}.nb-hint{margin:0;font-size:14px;line-height:1.4;color:var(--dim);text-wrap:pretty}.namebar.bad .nb-hint{color:var(--wolf);font-weight:600}.nb-cancel{justify-self:start;display:inline-flex;align-items:center;min-height:40px;font-size:14px;margin-top:-6px}.name-hint{margin:2px 0 0;font-size:14px;line-height:1.4;color:var(--wolf);font-weight:600}.field input[aria-invalid=true]{border-color:var(--wolf)}#lb-link[hidden],.name-hint[hidden]{display:none}@media(max-height:500px){.namebar.open{gap:4px;margin-bottom:2px}.nb-hint{font-size:13px}.nb-row input,.nb-dice,.nb-save{min-height:44px}}.screen-menu{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(244,239,230,.3) transparent}@media(min-width:701px)and (min-height:501px)and (max-height:820px){.menu{gap:20px}}@media(max-width:700px)and (max-height:660px){.menu{gap:14px}}@media(min-width:701px)and (min-height:501px)and (max-height:760px){.logo h1{font-size:72px}.logo-mark img{width:52px;height:52px;border-radius:14px}}@media(max-height:880px){.menu:has(.namebar.open) .logo .tag{display:none}}@media(max-height:700px)and (max-width:700px),(max-height:500px){.menu:has(.mcard) .namebar.open:not(.bad) .nb-hint{display:none}}.net-status{position:fixed;z-index:70;left:16px;right:16px;margin-inline:auto;width:max-content;top:max(30%,calc(env(safe-area-inset-top,0px) + 12px));display:flex;align-items:center;gap:11px;max-width:calc(100vw - 32px);padding:9px 16px 9px 13px;border-radius:999px;background:#0e1217eb;border:1px solid rgba(246,195,67,.45);box-shadow:0 6px 22px #00000059;color:var(--text);pointer-events:none;animation:ns-in .22s ease-out both}.net-status[hidden]{display:none}.net-status b,.net-line b{font:600 15px/1.25 var(--body)}.net-status small,.net-line small{font-size:12.5px;color:var(--dim)}.net-status small[hidden],.net-line small[hidden]{display:none}.net-status .ns-text,.net-line .ns-text{display:flex;flex-direction:column;line-height:1.25;min-width:0}.net-line{display:flex;align-items:center;gap:11px;margin:-6px 0 16px;padding:10px 13px;border-radius:12px;background:#f6c34314;border:1px solid rgba(246,195,67,.4);color:var(--text);animation:fadeIn .2s ease both}:root[data-motion=reduced] .net-line{animation:none}.ns-dot{flex:none;width:16px;height:16px;border-radius:50%;border:2px solid rgba(246,195,67,.28);border-top-color:var(--gold);animation:ns-spin .9s linear infinite}@keyframes ns-spin{to{transform:rotate(360deg)}}@keyframes ns-in{0%{opacity:0;transform:translateY(-6px)}}:root[data-motion=reduced] .net-status{animation:none}:root[data-motion=reduced] .ns-dot{animation:none;border-color:var(--gold);background:#f6c34359}.who.away{background:#9ff3ff1f;color:var(--spirit)}.team li.away{opacity:.78}@media(prefers-reduced-motion:reduce){:root:not([data-motion]) .net-status{animation:none}:root:not([data-motion]) .ns-dot{animation:none;border-color:var(--gold);background:#f6c34359}}.hud .act.named{--band: 20px;--head: 18px;padding:var(--head) 0 var(--band)}.hud .act.named .act-label{display:block;position:absolute;left:2px;right:2px;bottom:4px;font:600 16px/1 var(--display);letter-spacing:.01em;color:var(--text);text-align:center;white-space:nowrap;overflow:hidden;text-shadow:0 1px 1px rgba(0,0,0,.55);pointer-events:none}.hud .act.named .act-cost{top:3px;right:4px;bottom:auto}.hud .act.named:has(.act-cost:not(:empty)) .act-badge:not(:empty){top:auto;bottom:calc(var(--band) + 3px);right:3px;padding:1px 4px 2px;border-radius:99px;background:#0e1217e0;line-height:1;text-shadow:none}.hud .act.named .ic{margin:0}.hud .act.named .act-key,.hud .act.named .act-cost,.hud .act.named .act-badge{font-family:var(--display);font-weight:600;letter-spacing:0}.hud .act.named .act-cost .ics{width:12px;height:12px}body:not(.compact):not(.touch) .hud:not(.tc) .act.named .act-key{left:4px}body:not(.compact):not(.touch) .hud:not(.tc) .act.named .act-cost{right:3px}.hud .act.named .act-key{top:3px;left:2px;padding:1px 2px 2px;border-radius:4px;font-size:12px;line-height:1;font-weight:600;color:#f4efe6cc;background:#080b0f80;box-shadow:inset 0 0 0 1px #f4efe633;text-shadow:none}.hud .act.named .act-key.long{transform:none;font-size:11px}.hud .act.named .act-cost{gap:0}body:not(.compact):not(.touch) .hud:not(.tc) .act.named .act-cost{right:2px;font-size:15px}body:not(.compact):not(.touch) .hud:not(.tc) .act.named .act-cost .ics{width:11px;height:11px}[data-contrast=high] .hud .act.named .act-key{color:#fff;background:#000;box-shadow:inset 0 0 0 1.5px #fff}.hud .act.named.cooling .act-key.long{visibility:hidden}.hud .act.named.active .act-label{color:var(--gold)}body:not(.compact):not(.touch) .hud:not(.tc) .act.named .ic{width:calc(var(--tile) * .46);height:calc(var(--tile) * .46)}@media(max-width:1280px){body:not(.compact):not(.touch) .hud:not(.tc) .act.named .ic{width:26px;height:26px}}body.compact .hud .act.named,.hud.tc .act.named{--band: 17px;--head: 16px}body.compact .hud .act.named .act-label,.hud.tc .act.named .act-label{font-size:14px;bottom:3px}body.compact .hud:not(.tc) .act.named{height:calc(54px + var(--band))}body.compact .hud:not(.tc) .act.named .ic{width:26px;height:26px}.hud.tc .tc-tray .act{height:66px}.hud.tc .tc-tray .act.named .ic{width:26px;height:26px}.hud.tc .act.named .act-cost{top:2px;right:3px}.hud.tc .tc-tray.tight{padding-block:4px}.hud.tc .tc-tray.tight .act{height:62px}.hud.tc .tc-tray.tight .act.named .ic{width:22px;height:22px}@media(orientation:portrait){.hud.tc .tc-tray.all .tc-grid .act{width:46px;height:62px}.hud.tc .tc-tray.all .tc-grid,.hud.tc .tc-tray.all .tc-row{gap:4px}.hud.tc .tc-tray.all .tc-grid .act.named .ic{width:22px;height:22px}.hud.tc .tc-tray.all .tc-grid .act.named .act-label{left:1px;right:1px}.hud.tc .tc-tray.all .tc-wallet{min-height:62px}}@media(orientation:portrait)and (max-width:430px){.hud.tc .tc-tray.all.four{gap:4px}.hud.tc .tc-tray.all.four .tc-wallet{width:auto;flex-shrink:0;padding:0}.hud.tc .tc-tray.all.four .tc-wallet .hud-status{display:none}}@media(orientation:portrait){.hud.tc .tc-tray.all.four .tc-grid .act.named .act-label{left:0;right:0;letter-spacing:-.035em}}@media(orientation:landscape)and (max-height:500px){.hud.tc .tc-tray{padding:6px}.hud.tc .tc-tray.open .tc-grid{row-gap:4px}.hud.tc .tc-tray .act{height:58px}body .hud.tc .act.named{--band: 16px;--head: 14px}body .hud.tc .act.named .act-label{bottom:2px}.hud.tc .act.named .act-cost{top:1px}.hud.tc .tc-tray .act.named .ic{width:20px;height:20px}}.hud.tc .tc-cluster .act.cooling .act-cost{inset:0 0 18px}.hud.tc .tc-cluster:is(.short,.tiny) .act.cooling .act-cost{inset:0 0 20px;font-size:17px}.hud.tc .tc-cluster:is(.short,.tiny) .tc-primary.cooling .act-cost{font-size:19px}.hud.tc .tc-cluster .two-line{gap:3px;padding:0 0 4px}.hud.tc .tc-cluster .two-line .ic{width:16px;height:16px}.tip-why{margin:3px 0 0;font:600 16px/1.35 var(--body);color:var(--text)}.tip-need{margin:4px 0 0;font:700 15px/1.3 var(--body);color:#ffb4a6}[data-contrast=high] .tip-need{color:#fff;text-decoration:underline;text-underline-offset:3px}.tip-again{margin-top:10px;padding-top:8px;border-top:1px solid var(--line);font:500 16px/1.35 var(--body);color:var(--dim)}body.compact .tip-why,body.touch .tip-why,body.compact .tip-again,body.touch .tip-again{font-size:14px}.farm-tip{position:absolute;left:0;top:0;z-index:29;width:max-content;max-width:min(270px,calc((100vw - 16px) / var(--hz, 1)));padding:9px 12px 10px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s ease-out,visibility 0s linear .12s}.farm-tip.show{opacity:1;visibility:visible;transition:opacity .12s ease-out,visibility 0s}.ft-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.ft-name{font:600 17px var(--display)}.ft-who{display:inline-flex;align-items:center;gap:6px;font:600 16px var(--body);color:var(--dim);white-space:nowrap}.ft-who:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--pc);box-shadow:0 0 0 1px #0006}.ft-who[hidden],.ft-hp[hidden]{display:none}.ft-hp{display:inline-flex;align-items:center;gap:5px;margin-top:2px;font:600 16px var(--body);color:var(--dim);font-variant-numeric:tabular-nums}.ft-hp .ics{width:16px;height:16px}.ft-why{margin:5px 0 0;font:500 16px/1.35 var(--body);color:var(--text)}.fm-what{margin:-3px 2px 0;max-width:296px;font:500 16px/1.35 var(--body);color:var(--text)}body.compact .ft-who,body.touch .ft-who,body.compact .ft-hp,body.touch .ft-hp,body.compact .ft-why,body.touch .ft-why,body.compact .fm-what,body.touch .fm-what{font-size:14px}[data-motion=reduced] .farm-tip{transition:none}[data-contrast=high] .farm-tip{background:#0a0d11f2;border-color:#f4efe673}.hud-toast.coach-tip{display:flex;align-items:center;gap:4px;width:max-content;padding:9px 4px 9px 18px;text-align:left;font-weight:500;line-height:1.35}.hud-toast .coach-name{font:600 1.06em/1 var(--display);color:var(--gold);margin-right:3px}.hud-toast .coach-x{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-8px 0;padding:0;border:0;border-radius:50%;background:none;color:var(--dim);cursor:pointer;transition:color .15s,transform .1s}.hud-toast .coach-x:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#ffffff14;transition:background .15s}.hud-toast.show .coach-x{pointer-events:auto}.hud-toast .coach-x svg{position:relative;width:14px;height:14px}.hud-toast .coach-x:hover{color:var(--text)}.hud-toast .coach-x:hover:before{background:#ffffff29}.hud-toast .coach-x:active{transform:scale(.92)}.hud-toast .coach-x:focus-visible{outline:none}.hud-toast .coach-x:focus-visible:before{outline:2px solid var(--gold);outline-offset:2px}body.compact .hud-toast.coach-tip,body.touch .hud-toast.coach-tip{font-size:15px}body.touch .hud-toast.coach-tip{padding:2px 2px 2px 12px;font-size:14px;line-height:1.22}body.touch .hud-toast .coach-x{margin:-12px 0}.menu-main{gap:12px}.mgroup{display:flex;flex-direction:column;gap:8px}.menu-main>.mgroup+.mgroup,.menu-main>.mode-switch{margin-top:6px}.mg-h{display:flex;align-items:center;min-height:20px;justify-content:space-between;gap:12px;margin:0;font:600 17px/1.2 var(--display);letter-spacing:0;color:var(--text);text-shadow:0 2px 12px rgba(0,0,0,.5)}.mg-live{display:inline-flex;align-items:center;gap:7px;min-height:20px;font:500 14px/20px var(--body);color:var(--dim);font-variant-numeric:tabular-nums;opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1)}.mg-live.on{opacity:1}.mg-sides{display:flex;flex-direction:column;gap:10px}.first-note{margin:0;font:500 14px/1.35 var(--body);color:var(--dim);text-wrap:pretty}.menu .btn.side{line-height:1.15}.side-txt{display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex:1;min-width:0;text-align:left}.side-name{white-space:nowrap}.side-sub{font:600 13px/1.2 var(--body);letter-spacing:0;opacity:.82}.side-go{flex:none;width:32px;height:32px;margin-left:8px;border-radius:50%;display:grid;place-items:center;background:#0e12171f;transition:transform .25s cubic-bezier(.16,1,.3,1),background-color .15s ease}.menu .btn:is(.side,.net-go):hover .side-go,.menu .btn:is(.side,.net-go):focus-visible .side-go{transform:translate(3px);background:#0e121733}[data-motion=reduced] .menu .btn:is(.side,.net-go):is(:hover,:focus-visible) .side-go{transform:none}.screen-menu .btn.net-go{justify-content:flex-start;gap:14px;padding:6px 22px 6px 6px;min-height:64px;background:#f4efe6;color:var(--ink);border-color:#f4efe6 #f4efe6 #c9bfae;box-shadow:0 6px 20px -8px #f4efe673,inset 0 -1px #c9bfae}.screen-menu .btn.net-go:hover{background:#fffaf2;box-shadow:0 10px 26px -10px #f4efe699,inset 0 -1px #c9bfae}.net-ic{width:52px;height:52px;flex:none;display:grid;place-items:center}.btn.net-go:focus-visible{outline:3px solid var(--text);outline-offset:3px}.mg-friends .btn{gap:8px}.mg-friends .btn svg{flex:none;opacity:.85}.menu-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}.menu-foot .more-btn.learn{margin:0 -10px 0 0;color:var(--dim)}.menu-foot .more-btn.learn:hover{color:var(--text)}.menu-foot .btn.new.learn{min-height:44px;padding:10px 14px;font-size:15px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:14px;background:#0e12179e;border:1px solid rgba(244,239,230,.12)}.mode-btn{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--dim);font:600 16px var(--body);cursor:pointer;transition:background-color .15s ease,color .15s ease}.mode-btn:hover{color:var(--text);background:#f4efe60f}.mode-btn[aria-pressed=true]{background:#f4efe629;color:var(--text);box-shadow:inset 0 0 0 1px #f4efe64d}.mode-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.mode-btn .mode-live{font-size:13px}.mode-panel{display:flex;flex-direction:column;gap:10px}.side-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn.side.side-pick{min-height:60px;padding:4px 14px 4px 4px;gap:8px;font:600 20px/1 var(--display);color:var(--dim)}.screen-menu .btn.side.side-pick.on.sheep{background:var(--gold);color:var(--ink);border-color:var(--gold) var(--gold) var(--gold-deep)}.screen-menu .btn.side.side-pick.on.wolf{background:#ef6a55;color:#2a0906;border-color:#ef6a55 #ef6a55 #bf4636}.mg-where .btn.big{gap:10px;padding-inline:12px;font-size:20px}.screen-menu .mg-where .btn.net-go{justify-content:center;padding:6px 12px}.btn.side:not(.primary) .side-anim{filter:saturate(.85)}.more-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;margin-left:-10px;border:0;border-radius:10px;background:none;color:var(--text);font:600 16px var(--body);cursor:pointer;pointer-events:auto;transition:background-color .15s ease}.more-btn:hover{background:#10151b99}.more-btn:active{background:#1e252eb8}.more-btn:focus-visible{outline:3px solid var(--text);outline-offset:2px}.more-chev{opacity:.7;transition:transform .2s cubic-bezier(.16,1,.3,1)}.more-btn:hover .more-chev{transform:translate(2px)}.more-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 2px #0e1217b3}.corner{position:fixed;z-index:2;top:var(--dock-top);right:var(--dock-side)}.corner>.corner-btn{zoom:var(--ui-zoom, 1);width:44px;height:44px;min-height:44px;padding:0;border-radius:12px;color:var(--text);background:var(--panel);border-color:#f4efe629;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px -10px #0009}.screen-menu .corner>.corner-btn{background:var(--panel)}.corner>.corner-btn:hover{background:#1e252edb;border-color:#f4efe652;transform:none}.corner>.corner-btn:active{transform:scale(.94)}.corner>.corner-btn svg{transition:transform .4s cubic-bezier(.16,1,.3,1)}.corner>.corner-btn:hover svg{transform:rotate(45deg)}[data-motion=reduced] .corner>.corner-btn:hover svg,[data-motion=reduced] .corner>.corner-btn:active{transform:none}.corner>.corner-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(min-width:701px)and (min-height:501px)and (max-height:760px){.menu .btn:is(.side,.net-go){min-height:56px;padding-block:4px}.menu .side-ic,.menu .net-ic{width:46px;height:46px;--bw: 42px}.menu .logo .tag{display:none}}@media(max-width:700px){.menu .btn:is(.side,.net-go){min-height:56px;padding-block:4px}.menu .side-ic,.menu .net-ic{width:46px;height:46px;--bw: 42px}.mg-sides,.mode-panel{gap:8px}.menu-row .btn{min-height:44px;padding-block:10px}.menu .side-go{width:28px;height:28px}}@media(max-width:700px)and (max-height:760px){.menu .logo .tag,.menu .logo-mark{display:none}}@media(max-width:700px)and (max-height:700px){.menu-main{gap:8px}.mgroup{gap:6px}.menu .btn:is(.side,.net-go){min-height:52px}.mg-h{font-size:16px}}@media(max-width:700px){.menu-b3 .mg-where .btn.big{white-space:nowrap;padding-inline:10px}.menu-b3 .mg-where .btn svg{display:none}}@media(max-width:420px){.mg-friends .btn{padding-inline:10px}.mg-friends .btn svg{display:none}}@media(max-height:500px){.menu{width:min(660px,calc(100vw - (2*max(clamp(24px,7vw,120px),env(safe-area-inset-left,0px))) - 96px))}.menu-main{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;align-items:start}.menu-main>.namebar-slot,.menu-main>.menu-foot,.menu-main>.mode-switch{grid-column:1 / -1}.menu-main>.mgroup+.mgroup,.menu-main>.mode-switch{margin-top:0}.menu .btn:is(.side,.net-go){min-height:50px;padding-block:2px}.menu .side-ic,.menu .net-ic{width:44px;height:44px;--bw: 40px}.menu .btn.big{font-size:18px}.mgroup,.mg-sides,.mode-panel{gap:6px}.mg-h{font-size:16px}.menu-row .btn{min-height:44px;padding-block:8px}.mg-friends .btn{padding-inline:8px;font-size:15px;white-space:nowrap}.mg-friends .btn svg{display:none}.menu-foot{margin-top:0}.menu-b1 .mode-panel{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.menu-b1 .mode-panel>.menu-row{grid-template-columns:1fr;gap:6px}.menu-b3 .menu-main>.mg-pick{grid-row:span 2}.menu-b3 .side-pair{grid-template-columns:1fr;gap:6px}.menu-b3 .btn.side.side-pick{min-height:50px}.menu-b3 .mg-where .btn.big{min-height:50px;font-size:17px;white-space:nowrap}.menu-b3 .mg-where .btn svg{display:none}}@media(max-width:999.98px){.menu:has(.friend) :is(.mg-bots,.mg-pick,.mode-switch,.mode-panel .mg-sides){display:none}}.more-card .more-news{margin:-4px 0 4px;padding:2px 14px 12px;border-radius:14px;background:#f6c34312;border:1px solid rgba(246,195,67,.22)}.more-card .more-news .set-h{margin:10px 0 2px!important}.more-card .more-news .mcard-more{margin:6px 0 -8px}.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.more-grid .btn{flex-direction:column;align-items:flex-start;gap:4px;min-height:64px;padding:12px 14px;text-align:left;line-height:1.2}.more-sub{font:500 14px/1.3 var(--body);color:var(--dim)}.more-links{display:flex;flex-wrap:wrap;gap:8px}.more-links .btn{min-height:44px}.more-links .btn[hidden],.more-links .install-slot:empty{display:none}.more-links .btn svg{width:18px;height:18px}.more-card .install-hint{margin:10px 0 0;font-size:15px}.more-credit{margin:20px 0 0;line-height:1.6}.more-credit .linkish{display:inline-block;padding-block:10px;margin-block:-10px}@media(max-width:420px){.more-grid{grid-template-columns:1fr}.more-grid .btn{min-height:56px}}.ro-dot.give{pointer-events:auto;cursor:pointer;position:relative;padding:0}.ro-dot.give:after{content:"";position:absolute;inset:-8px;border-radius:14px}body.compact .ro-dot.give:after,body.touch .ro-dot.give:after{inset:-12px}.ro-dot.give:hover,.ro-dot.give:focus-visible{box-shadow:0 0 0 2px var(--gold);outline:none}.ro-dot.give.down{transform:scale(.92)}.give-card{pointer-events:auto;display:flex;flex-direction:column;gap:10px;padding:10px 12px 12px;max-width:min(360px,calc(100vw - 32px));animation:fadeIn .18s ease}.gc-head{display:flex;align-items:center;gap:4px;font:600 15px/1.2 var(--body);color:var(--text)}.gc-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gc-x{flex:none;width:44px;height:44px;margin:-8px -8px -8px 0;padding:0;border:0;background:none;color:var(--dim);cursor:pointer;display:grid;place-items:center}.gc-x svg{width:18px;height:18px}.gc-row{display:flex;gap:8px}.gc-amt{flex:1;min-width:64px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border-radius:12px;border:1px solid rgba(246,195,67,.45);background:#f6c3431f;color:var(--text);font:700 16px/1 var(--display);font-variant-numeric:tabular-nums;cursor:pointer;transition:transform .1s,background .15s,opacity .15s}.gc-amt .ic{width:18px;height:18px;vertical-align:0}.gc-amt:hover:not(:disabled),.gc-amt:focus-visible{background:#f6c3433d;outline:2px solid var(--gold);outline-offset:1px}.gc-amt.down{transform:scale(.95)}.gc-amt:disabled{opacity:.4;cursor:default}.gc-all{color:var(--gold)}.mode-how{margin:-6px 0 12px;min-height:2.6em}.mode-note{margin:4px 0 12px;color:var(--text);line-height:1.45}.mode-note .pill{margin-right:6px}.emote-field{margin-top:12px}.emote-bar{display:flex;flex-wrap:wrap;gap:8px}.emote-bar .emote{min-height:44px;min-width:64px;padding:0 14px}.emote-bar .emote.nope{animation:emote-nope .3s ease}@keyframes emote-nope{25%{transform:translate(-4px)}75%{transform:translate(4px)}}#emote-feed{position:fixed;z-index:60;right:max(16px,env(safe-area-inset-right,0px));top:calc(env(safe-area-inset-top,0px) + 72px);display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none;max-width:calc(100vw - 32px)}.emote-pop{display:flex;align-items:baseline;gap:8px;padding:8px 14px;border-radius:99px;background:var(--panel);border:1px solid var(--line);box-shadow:0 6px 24px #00000059;color:var(--text);font:500 14px/1.2 var(--body);animation:fadeIn .2s ease;transition:opacity .4s ease,transform .4s ease;max-width:100%}.emote-pop b{font:700 17px/1.1 var(--display);color:var(--gold);white-space:nowrap}.emote-pop .emote-who{color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.emote-pop.mine{border-color:#f6c34373}.emote-pop.out{opacity:0;transform:translateY(6px)}[data-motion=reduced] .emote-pop,[data-motion=reduced] .emote-bar .emote.nope{animation:none;transition:opacity .4s ease}[data-motion=reduced] .emote-pop.out{transform:none}[data-input=pad] #ui :focus,[data-input=pad] .hud :focus{outline:3px solid var(--gold);outline-offset:3px}[data-input=pad] .hud .act.pad-cursor{outline:3px solid var(--gold);outline-offset:2px;opacity:1}.padcap.listening span{color:var(--gold)}body.touch .hud-feed{gap:3px}body.touch .feed-item{padding:3px 9px;line-height:1.25;border-radius:7px}:root:not([data-contrast=high]) body.touch .feed-item{background:#0c0f148c;border-color:transparent}@media(orientation:portrait){body.touch .hud-feed{max-width:calc(64vw / var(--hz))}}.lvl-badge{--ring: var(--gold);position:relative;flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#0e1217b3;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--ring) 24%,transparent),#0e1217b3 70%);box-shadow:inset 0 0 0 3px var(--ring),0 6px 16px -8px #0009;color:var(--ring)}.lvl-badge b{font:700 24px/1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.lvl-badge.sm{width:30px;height:30px;box-shadow:inset 0 0 0 2px var(--ring)}.lvl-badge.sm b{font-size:15px}.lvl-badge.ring-l1{--ring: #d29a62}.lvl-badge.ring-l10{--ring: #c6d2de}.lvl-badge.ring-l25{--ring: var(--gold)}.lvl-badge.ring-l50{--ring: #c29bff}.lvl-badge.ring-p1{--ring: #5fd6c6}.lvl-badge.ring-p2{--ring: #72b8ff}.lvl-badge.ring-p3{--ring: #9b98ff}.lvl-badge.ring-p4{--ring: #cf86ff}.lvl-badge.ring-p5{--ring: #ff86c8}.lvl-badge.ring-p6{--ring: #ff9466}.lvl-badge.ring-p7{--ring: #ffd25a}.lvl-badge.ring-p8{--ring: #a6e46a}.lvl-badge.ring-p9{--ring: #e9f0f7}.lvl-badge.ring-p10{--ring: #ff5f6d}.lvl-badge.ring-master{--ring: var(--gold);background:radial-gradient(circle at 50% 38%,#f6c34361,#1e1406e6 70%);box-shadow:inset 0 0 0 2px var(--gold),inset 0 0 0 5px #0e1217e6,inset 0 0 0 6px var(--gold),0 6px 16px -8px #0009}.lvl-mark{position:absolute;left:50%;top:-9px;transform:translate(-50%);display:inline-flex;align-items:center;gap:2px;padding:1px 5px 1px 3px;border-radius:999px;background:#12171e;color:var(--ring);font:700 14px/16px var(--body);font-style:normal;white-space:nowrap}.lvl-mark svg{width:14px;height:14px;fill:currentColor}.lvl-crown{padding:1px 4px}.lvl-badge.sm .lvl-mark,.lvl-badge.xs .lvl-mark{top:-6px;left:auto;right:-5px;transform:none;padding:1px}.lvl-badge.sm .lvl-mark svg,.lvl-badge.xs .lvl-mark svg{width:11px;height:11px}.lvl-badge.sm .lvl-mark span,.lvl-badge.xs .lvl-mark span{display:none}.lvl-badge.xs{width:auto;min-width:24px;height:24px;padding:0 5px;border-radius:12px;box-shadow:inset 0 0 0 2px var(--ring);background:#0e1217c7}.lvl-badge.xs.ring-master{box-shadow:inset 0 0 0 2px var(--gold),0 0 0 1px #f6c34380}.lvl-badge.xs b{font:700 14px/1 var(--body)}.name-lvl{display:inline-grid;vertical-align:middle;margin-inline:6px 2px}.dl-locked{margin:6px 0 10px;color:var(--dim);font-size:15px;line-height:1.4}.dl-list{list-style:none;margin:4px 0 10px;padding:0;display:grid;gap:12px}.dl-row{display:grid;grid-template-columns:1fr auto;gap:5px 12px;align-items:center;font-variant-numeric:tabular-nums}.dl-text{font-weight:600;font-size:15px;line-height:1.3}.dl-xp{color:var(--gold);font-size:14px;font-weight:600;white-space:nowrap}.dl-bar{position:relative;height:5px;border-radius:3px;background:#ffffff1a;overflow:hidden}.dl-have{color:var(--dim);font-size:14px;white-space:nowrap}.dl-row.done .dl-text{color:var(--dim)}.dl-row.done .dl-xp{color:var(--dim);font-weight:500}.menu-foot .daily-btn{margin:0;gap:8px;color:var(--text)}.daily-pips{display:inline-flex;gap:4px}.daily-pips i{width:8px;height:8px;border-radius:50%;background:#f4efe647}.daily-pips i.on{background:var(--gold)}.daily-txt{font:600 14px var(--body);white-space:nowrap;font-variant-numeric:tabular-nums}.daily-lock{display:inline-flex;align-items:center;gap:4px;color:var(--dim)}.daily-lock svg{width:14px;height:14px;flex:none}.daily-col{display:grid;gap:5px;min-width:0}.menu-foot .more-btn{white-space:nowrap}@media(max-width:420px){.menu-foot{gap:4px}.menu-foot .daily-btn{gap:6px;padding-inline:6px}.daily-top{gap:6px}.daily-pips{display:none}}.daily-top{display:inline-flex;align-items:center;gap:8px}.lv-fill{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#e9a92a,var(--gold));transform:scaleX(var(--f, 0));transform-origin:left center}.daily-next{position:relative;display:block;height:4px;border-radius:2px;background:#ffffff24;overflow:hidden}.dl-row.dl-fw{padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.dl-row.dl-wk .dl-bar{height:8px;border-radius:4px}.dl-row.dl-wk .dl-xp{font-size:15px}.daily-card{width:min(520px,calc(var(--card-room) / var(--ui-zoom, 1)))}@keyframes xp-turn{0%{transform:scale(.86)}}@keyframes xp-up-in{0%{opacity:0;transform:translateY(6px)}}@media(max-width:560px){.lvl-badge{width:46px;height:46px}.lvl-badge b{font-size:21px}.lvl-badge.sm{width:30px;height:30px}.lvl-badge.sm b{font-size:15px}}.acct-btn .acct-lvl{position:absolute;right:-6px;bottom:-6px;box-shadow:inset 0 0 0 2px var(--ring),0 0 0 2px #12171e;background:#12171e}@keyframes ps-check{to{stroke-dashoffset:0}}.terms-line{margin:-6px 0 14px;font-size:14px}.hud.ended>:not(.hud-stack):not(.sr-only),.hud.ended .hud-menu,.hud.ended .hud-mini,.hud.ended .hud-hint,.edge-cues.ended{animation:hud-out .4s ease forwards;pointer-events:none!important}@keyframes hud-out{99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}.hud.tc .tc-cluster .act{padding:0 0 8px;gap:3px}.hud.tc .tc-cluster .act .ic{width:24px;height:24px}.hud.tc .tc-cluster .tc-primary .ic{width:30px;height:30px}.hud.tc .tc-cluster.short .act .ic{width:20px;height:20px}.hud.tc .tc-cluster.short .tc-primary .ic{width:26px;height:26px}.hud.tc .tc-cluster.tiny .act{padding-bottom:11px;gap:2px}.hud.tc .tc-cluster.tiny .act .ic{width:16px;height:16px}.hud.tc .tc-cluster.tiny .tc-primary .ic{width:24px;height:24px}.hud.tc .tc-cluster .act-label{letter-spacing:-.01em}.hud.tc .tc-cluster .two-line{gap:3px;padding:0 0 14px}.hud.tc .tc-cluster .two-line .ic{width:15px;height:15px}.hud.tc .tc-cluster .act-badge:not(:empty),.hud.tc .tc-cluster .act:not(.cooling) .act-cost:not(:empty){top:auto;bottom:calc(85.4% - 2px);left:calc(85.4% - 2px);right:auto;height:20px;box-sizing:border-box;display:inline-flex;align-items:center;padding:0 6px;z-index:1}.hud.tc .tc-cluster .act.badge-out .act-badge:not(:empty),.hud.tc .tc-cluster .act.badge-out:not(.cooling) .act-cost:not(:empty){left:auto;right:calc(85.4% - 2px)}.hud.tc .tc-cluster .act-cost .ics{width:12px;height:12px}.hud.tc .tc-cluster .act.cooling .act-cost,.hud.tc .tc-cluster:is(.short,.tiny) .act.cooling .act-cost{inset:0 0 24px}.hud.tc .tc-cluster.tiny .act.cooling:not(.tc-primary) .act-cost{inset:0 0 28px;font-size:15px}.hud.tc .tc-cluster:is(.short,.tiny) .tc-primary.cooling .act-cost{inset:0 0 28px}.hud.tc .tc-cluster .act.badge-top .act-badge:not(:empty),.hud.tc .tc-cluster .act.badge-top:not(.cooling) .act-cost:not(:empty){left:50%;right:auto;bottom:calc(100% - 1px);transform:translate(-50%)}.hud.tc .tc-cluster.roomy .act{width:60px;height:60px}.hud.tc .tc-cluster.roomy .tc-primary{width:70px;height:70px}.hud.tc .tc-cluster.roomy .act .ic{width:28px;height:28px}.hud.tc .tc-cluster.roomy .tc-primary .ic{width:34px;height:34px}.hud.tc .tc-cluster.roomy .two-line .ic{width:18px;height:18px}@property --sel{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.act.build.active,.hud.tc .act.build.active{border-color:var(--gold);box-shadow:none;background-color:#f6c3431f}.act.build.active:before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:2px;pointer-events:none;background:conic-gradient(from var(--sel),#fff1bf,var(--gold) 40deg,rgba(246,195,67,.6) 110deg,rgba(246,195,67,.6) 290deg,#fff1bf);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:sel-sweep 3.2s linear infinite}@keyframes sel-sweep{to{--sel: 360deg}}[data-motion=reduced] .act.build.active:before{animation:none;background:var(--gold)}