:root{--ink:#2a1640;--ink-2:#3a2160;--ink-3:#4f2f7f;--ink-soft:#2a1640b8;--night-top:#1b1446;--night-mid:#6b3fa0;--night-glow:#ff8fb1;--aurora-1:#3dffc5;--aurora-2:#7af0ff;--aurora-3:#c77dff;--ice:#bfefff;--ice-2:#8fddf2;--ice-shadow:#5fb8d9;--snow:#f4f1ff;--snow-shadow:#b7b0e8;--white:#fff;--candy:#ff3b5c;--candy-dark:#c81d4a;--gold:#ffd23f;--gold-dark:#e5a412;--sky:#2ec4ff;--sky-dark:#1486d6;--frost:#e8f7ff;--mint:#2ee6a6;--mint-dark:#13a87a;--grape:#9b5de5;--grape-dark:#6a35b8;--tangerine:#ff8a3d;--tangerine-dark:#d9561b;--team0:var(--candy);--team0-2:var(--gold);--team0-dark:var(--candy-dark);--team1:var(--sky);--team1-2:var(--frost);--team1-dark:var(--sky-dark);--p1:#ffd23f;--p2:#2ee6a6;--p3:#ff8a3d;--p4:#c77dff;--attr-speed:var(--sky);--attr-agility:var(--mint);--attr-control:var(--grape);--attr-shot:var(--candy);--attr-check:var(--tangerine);--pat-stripes:repeating-linear-gradient(-45deg, var(--candy) 0 12px, #fff 12px 24px);--pat-stripes-soft:repeating-linear-gradient(-45deg, #ffffff29 0 10px, transparent 10px 20px);--pat-stripes-ink:repeating-linear-gradient(-45deg, #2a164024 0 8px, transparent 8px 16px);--pat-snow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' opacity='.55'%3E%3Cpath d='M9 3v12M3.8 6l10.4 6M3.8 12l10.4-6'/%3E%3C/g%3E%3Ccircle cx='27' cy='26' r='2.4' fill='%23ffffff' opacity='.55'/%3E%3Ccircle cx='27' cy='8' r='1.3' fill='%23ffffff' opacity='.45'/%3E%3Ccircle cx='10' cy='29' r='1.3' fill='%23ffffff' opacity='.45'/%3E%3C/svg%3E");--pat-dots:radial-gradient(#ffffff38 1.6px, transparent 2px) 0 0 / 14px 14px;--pat-dots-ink:radial-gradient(#2a164029 1.6px, transparent 2px) 0 0 / 14px 14px;--font-display:"Luckiest Guy", "Lilita One", "Arial Black", system-ui, sans-serif;--font-head:"Lilita One", "Luckiest Guy", "Arial Rounded MT Bold", system-ui, sans-serif;--font-body:"Fredoka Variable", "Fredoka", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--ui-text-scale:1;--fs-2xs:calc(clamp(10px, .62rem + .1vw, 12px) * var(--ui-text-scale));--fs-xs:calc(clamp(11px, .7rem + .15vw, 13px) * var(--ui-text-scale));--fs-sm:calc(clamp(13px, .78rem + .2vw, 15px) * var(--ui-text-scale));--fs-md:calc(clamp(15px, .88rem + .3vw, 18px) * var(--ui-text-scale));--fs-lg:calc(clamp(18px, 1rem + .6vw, 24px) * var(--ui-text-scale));--fs-xl:calc(clamp(22px, 1.1rem + 1.1vw, 34px) * var(--ui-text-scale));--fs-2xl:calc(clamp(28px, 1.2rem + 2vw, 48px) * var(--ui-text-scale));--fs-3xl:calc(clamp(36px, 1.4rem + 3.4vw, 72px) * var(--ui-text-scale));--fs-hero:calc(clamp(48px, 2rem + 6vw, 128px) * var(--ui-text-scale));--stroke:3px;--stroke-lg:4px;--r-xs:6px;--r-sm:10px;--r:16px;--r-lg:22px;--r-xl:30px;--lift:5px;--shadow-hard:0 var(--lift) 0 var(--ink);--shadow-hard-lg:0 8px 0 var(--ink);--shadow-drop:0 14px 30px #11062859;--gloss:inset 0 3px 0 #ffffff8c, inset 0 -4px 0 #2a164029;--focus-ring:0 0 0 3px var(--ink), 0 0 0 7px var(--gold), 0 0 22px 8px #ffd23f8c;--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-pop:cubic-bezier(.18, 1.9, .5, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.55, 0, .9, .3);--ease-snap:cubic-bezier(.68, -.6, .32, 1.6);--dur-fast:.14s;--dur:.26s;--dur-slow:.52s;--motion:1;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--gutter:clamp(12px, 2.4vw, 36px);--tap:44px;--z-hud:10;--z-screen:20;--z-modal:40;--z-toast:50}[data-colour-safe=on]{--pat-stripes-soft:repeating-linear-gradient(-45deg, #ffffff57 0 9px, transparent 9px 18px)}[data-motion=reduced]{--motion:0;--dur-fast:1ms;--dur:1ms;--dur-slow:1ms}*,:before,:after{box-sizing:border-box}html,body{background:var(--night-top);height:100%;color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px}body{overscroll-behavior:none;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-user-select:none;user-select:none}img,svg,canvas{display:block}.hh-ui{z-index:5;pointer-events:none;font-family:var(--font-body);font-size:var(--fs-md);color:var(--white);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;contain:layout style;line-height:1.3;position:fixed;inset:0}.hh-layer{pointer-events:none;position:absolute;inset:0}.hh-layer--hud{z-index:var(--z-hud)}.hh-layer--screens{z-index:var(--z-screen)}.hh-layer--modal{z-index:var(--z-modal)}.hh-layer--toast{z-index:var(--z-toast)}.hh-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.hh-screen{pointer-events:auto;padding:calc(var(--safe-t) + var(--gutter)) calc(var(--safe-r) + var(--gutter)) calc(var(--safe-b) + var(--gutter)) calc(var(--safe-l) + var(--gutter));flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.hh-screen--scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff59 transparent;overflow:hidden auto}.hh-backdrop{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hh-backdrop--vignette{background:radial-gradient(120% 90% at 50% 40%,#0000 45%,#1b14468c 80%,#1b1446d9 100%),linear-gradient(#1b14468c 0%,#0000 28% 64%,#1b1446b8 100%)}.hh-backdrop--menu{background:radial-gradient(90% 70% at 72% 55%,#ff8fb12e,#0000 70%),linear-gradient(100deg,#1b1446e0 0%,#1b14469e 38%,#1b14461a 70%,#1b144659 100%)}.hh-backdrop--dim{background:radial-gradient(100% 80%,#2a16408c,#1b1446e6),repeating-linear-gradient(-45deg,#ffffff06 0 14px,#0000 14px 28px)}.hh-backdrop--solid{background:radial-gradient(120% 90% at 50% 110%, #ff8fb18c, transparent 55%), radial-gradient(80% 60% at 20% 0%, #c77dff59, transparent 60%), linear-gradient(180deg, var(--night-top) 0%, #3a2378 55%, var(--night-mid) 100%)}.hh-snow{pointer-events:none;position:absolute;inset:-20% 0 0;overflow:hidden}.hh-snow i{will-change:transform;background-repeat:repeat;height:200%;animation:linear infinite hh-snowfall;position:absolute;top:-100%;left:0;right:0}.hh-snow i:first-child{opacity:.8;background-image:radial-gradient(circle,#fffffff2 0 1.6px,#0000 2.4px),radial-gradient(circle,#ffffffb3 0 1.2px,#0000 2px);background-position:0 0,60px 40px;background-size:120px 140px,170px 110px;animation-duration:14s}.hh-snow i:nth-child(2){opacity:.75;background-image:radial-gradient(circle,#ffffffe6 0 2.6px,#0000 3.4px);background-position:40px 90px;background-size:230px 260px;animation-duration:10s}.hh-snow i:nth-child(3){opacity:.55;filter:blur(1px);background-image:radial-gradient(circle,#ffffffd9 0 4px,#0000 5px);background-position:150px 10px;background-size:390px 420px;animation-duration:7.5s}@keyframes hh-snowfall{0%{transform:translate(0,0)}to{transform:translate(-40px,50%)}}.hh-screen [data-enter]{animation:hh-enter-pop var(--dur-slow) var(--ease-bounce) backwards;animation-delay:calc(var(--i,0) * 55ms + 40ms)}.hh-screen [data-enter=left]{animation-name:hh-enter-left}.hh-screen [data-enter=right]{animation-name:hh-enter-right}.hh-screen [data-enter=down]{animation-name:hh-enter-down}.hh-screen [data-enter=up]{animation-name:hh-enter-up}.hh-screen [data-enter=fade]{animation-name:hh-enter-fade}.hh-screen [data-enter=zoom]{animation-name:hh-enter-zoom}.hh-screen.is-exiting{pointer-events:none;animation:hh-exit var(--dur) var(--ease-in) both}.hh-screen.is-exiting.is-back{animation-name:hh-exit-back}.hh-screen.is-back [data-enter=left]{animation-name:hh-enter-right}@keyframes hh-enter-pop{0%{opacity:0;translate:0 26px;scale:.92}}@keyframes hh-enter-left{0%{opacity:0;translate:-70px}}@keyframes hh-enter-right{0%{opacity:0;translate:70px}}@keyframes hh-enter-down{0%{opacity:0;translate:0 -40px}}@keyframes hh-enter-up{0%{opacity:0;translate:0 40px}}@keyframes hh-enter-fade{0%{opacity:0}}@keyframes hh-enter-zoom{0%{opacity:0;rotate:-6deg;scale:.4}70%{opacity:1}}@keyframes hh-exit{to{opacity:0;translate:-24px;scale:.98}}@keyframes hh-exit-back{to{opacity:0;translate:24px;scale:.98}}[data-motion=reduced] .hh-screen [data-enter]{animation-name:hh-enter-fade!important;animation-duration:.12s!important;animation-delay:0s!important}[data-motion=reduced] .hh-screen.is-exiting{animation-name:hh-enter-fade;animation-duration:.1s;animation-direction:reverse}[data-motion=reduced] .hh-snow i,[data-motion=reduced] [data-idle]{animation:none!important}.hh-display{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;font-weight:400;line-height:.95}.hh-head{font-family:var(--font-head);letter-spacing:.01em;font-weight:400;line-height:1.05}.hh-outline{-webkit-text-stroke:.16em var(--ink);paint-order:stroke fill;text-shadow:0 .09em 0 var(--ink)}.hh-outline-sm{-webkit-text-stroke:.12em var(--ink);paint-order:stroke fill;text-shadow:0 .07em 0 var(--ink)}.hh-muted{color:#ffffffb8}@media (hover:none){.hh-screen--scroll{scrollbar-width:none}}.hh-btn{--face:#fff;--face-2:#e4dfff;--text:var(--ink);--ring:var(--gold);min-height:48px;font-family:var(--font-head);font-size:var(--fs-md);letter-spacing:.03em;text-transform:uppercase;color:var(--text);background:linear-gradient(180deg, var(--face) 0%, var(--face) 52%, var(--face-2) 100%);border:var(--stroke) solid var(--ink);border-radius:var(--r);box-shadow:0 var(--lift) 0 var(--ink), var(--gloss);transition:transform var(--dur) var(--ease-bounce), box-shadow var(--dur-fast) ease, filter var(--dur-fast) ease;pointer-events:auto;white-space:nowrap;touch-action:manipulation;outline:none;justify-content:center;align-items:center;gap:.55em;padding:.5em 1.2em;line-height:1;display:inline-flex;position:relative;transform:translateY(0)scale(1)}.hh-btn__icon{flex:none;width:1.35em;height:1.35em;display:inline-flex}.hh-btn__icon .hh-icon{width:100%;height:100%}.hh-btn__text{flex-direction:column;align-items:flex-start;gap:.18em;min-width:0;display:inline-flex}.hh-btn__sub{font-family:var(--font-body);letter-spacing:0;text-transform:none;opacity:.8;font-size:.66em;font-weight:500}.hh-btn__hint{margin-left:.3em}.hh-btn--sm{min-height:40px;font-size:var(--fs-sm);border-radius:var(--r-sm);--lift:4px;padding:.4em .9em}.hh-btn--lg{min-height:58px;font-size:var(--fs-lg);padding:.55em 1.5em}.hh-btn--xl{min-height:68px;font-size:var(--fs-xl);border-radius:var(--r-lg);--lift:7px;border-width:var(--stroke-lg);padding:.5em 1.8em}.hh-btn--primary{--face:#ff5b75;--face-2:#e0224b;--text:#fff}.hh-btn--primary .hh-btn__label,.hh-btn--danger .hh-btn__label,.hh-btn--mint .hh-btn__label{text-shadow:0 2px 0 var(--ink), 0 -1px 0 var(--ink), 1px 0 0 var(--ink), -1px 0 0 var(--ink)}.hh-btn--gold{--face:#ffe36e;--face-2:#ffb81f}.hh-btn--mint{--face:#4ff0b7;--face-2:#16b884;--text:#fff}.hh-btn--danger{--face:#ff9a55;--face-2:#f0602a;--text:#fff}.hh-btn--ghost{--face:#3a2160d1;--face-2:#2a1640eb;--text:#fff;box-shadow:0 var(--lift) 0 var(--ink), inset 0 2px 0 #ffffff2e}.hh-btn--icon{--face:#3a2160e6;--face-2:#2a1640f2;--text:#fff;width:48px;min-width:48px;height:48px;box-shadow:0 var(--lift) 0 var(--ink), inset 0 2px 0 #fff3;border-radius:14px;padding:0}.hh-btn--icon .hh-btn__icon{width:24px;height:24px}.hh-btn:hover{filter:brightness(1.06)}.hh-btn.is-focused,.hh-btn:focus-visible{box-shadow:0 calc(var(--lift) + 3px) 0 var(--ink), var(--gloss);z-index:2;transform:translateY(-3px)scale(1.05)}.hh-btn.is-focused:after,.hh-btn:focus-visible:after{content:"";border-radius:calc(var(--r) + 8px);border:3px solid var(--ring);box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px var(--ink), 0 0 24px 4px #ffd23f73;pointer-events:none;animation:1.3s ease-in-out infinite hh-ring;position:absolute;inset:-9px}.hh-btn--icon.is-focused:after{border-radius:22px}.hh-btn:active,.hh-btn.is-pressed{transform:translateY(calc(var(--lift) - 1px)) scale(.97);box-shadow:0 1px 0 var(--ink), var(--gloss);transition-duration:60ms}.hh-btn.is-popping{animation:hh-pop .32s var(--ease-pop)}.hh-btn:disabled{cursor:not-allowed;filter:saturate(.2)brightness(.8);opacity:.6}.hh-btn:disabled.is-focused:after{border-color:#ffffff80}@keyframes hh-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.035)}}@keyframes hh-pop{0%{scale:1}35%{scale:.9 1.08}70%{scale:1.06 .96}to{scale:1}}[data-nav].is-bump.bump-left{--bx:-6px;animation:.2s hh-bump-x}[data-nav].is-bump.bump-right{--bx:6px;animation:.2s hh-bump-x}[data-nav].is-bump.bump-up{--by:-6px;animation:.2s hh-bump-y}[data-nav].is-bump.bump-down{--by:6px;animation:.2s hh-bump-y}@keyframes hh-bump-x{50%{translate:var(--bx) 0}}@keyframes hh-bump-y{50%{translate:0 var(--by)}}[data-nav]:focus{outline:none}[data-nav]:not(.hh-btn):not(.hh-tile):not(.hh-menu-item):not(.hh-tab).is-focused{outline:3px solid var(--gold);outline-offset:4px;box-shadow:0 0 0 7px #2a1640b3}.hh-icon{flex:none;width:1em;height:1em}.hh-panel{--p-bg:linear-gradient(180deg, #46287cf2, #2a1640f5);--p-fg:#fff;--p-head:var(--candy);min-height:0;color:var(--p-fg);background:var(--p-bg);border:var(--stroke-lg) solid var(--ink);border-radius:var(--r-lg);box-shadow:0 8px 0 var(--ink), var(--shadow-drop), inset 0 2px 0 #ffffff24;flex-direction:column;display:flex;position:relative}.hh-panel--snow{--p-bg:linear-gradient(180deg, #fff 0%, #f1eeff 60%, #e3ddff 100%);--p-fg:var(--ink);box-shadow:0 8px 0 var(--ink), var(--shadow-drop), inset 0 -4px 0 #2a164014}.hh-panel--grape{--p-bg:linear-gradient(180deg, #b27cf2 0%, #8d4fdc 55%, #7239c4 100%);--p-head:var(--gold)}.hh-panel--candy{--p-bg:linear-gradient(180deg, #ff6b83, #e0224b);--p-head:var(--gold)}.hh-panel--sky{--p-bg:linear-gradient(180deg, #5cd3ff, #1a9be6);--p-head:var(--frost)}.hh-panel__head{background:var(--pat-stripes-soft), var(--p-head);border-bottom:var(--stroke) solid var(--ink);border-radius:calc(var(--r-lg) - 4px) calc(var(--r-lg) - 4px) 0 0;color:#fff;align-items:center;gap:.5em;margin:-1px -1px 0;padding:.55em 1em .5em;display:flex;position:relative}.hh-panel--grape .hh-panel__head,.hh-panel--candy .hh-panel__head,.hh-panel--sky .hh-panel__head{color:var(--ink)}.hh-panel__icon{width:1.3em;height:1.3em}.hh-panel__title{font-family:var(--font-head);font-weight:400;font-size:var(--fs-lg);letter-spacing:.03em;text-transform:uppercase;text-shadow:0 2px #2a16408c;margin:0}.hh-panel__body{flex:1;min-height:0;padding:clamp(12px,1.6vw,22px);position:relative}.hh-card{border:var(--stroke) solid var(--ink);border-radius:var(--r);color:var(--ink);box-shadow:0 var(--lift) 0 var(--ink);background:linear-gradient(#fff,#efebff);position:relative}.hh-tag{font-family:var(--font-head);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--gold);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:.35em;padding:.3em .7em .25em;line-height:1;display:inline-flex}.hh-tag .hh-icon{width:1.15em;height:1.15em}.hh-tag--mint{background:var(--mint)}.hh-tag--candy{background:var(--candy);color:#fff}.hh-tag--sky{background:var(--sky)}.hh-tag--grape{background:var(--grape);color:#fff}.hh-tag--ink{background:var(--ink-2);color:#fff}.hh-tag--snow{background:#fff}.hh-title{flex-direction:column;gap:.2em;display:flex;position:relative}.hh-title__text{font-size:var(--fs-2xl);color:#fff;-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;text-shadow:0 .1em 0 var(--ink);transform-origin:0;margin:0;transform:rotate(-2deg)}.hh-title__text:after{content:"";background:var(--pat-stripes);border:3px solid var(--ink);-webkit-text-stroke:0;border-radius:99px;width:2.4em;height:.16em;margin-top:.1em;display:block}.hh-title__sub{font-family:var(--font-body);font-weight:600;font-size:var(--fs-sm);color:#fffc}.hh-row{border-bottom:2px dashed #ffffff1f;justify-content:space-between;align-items:center;gap:clamp(10px,2vw,28px);min-height:60px;padding:.55em .2em;display:flex}.hh-row:last-child{border-bottom:0}.hh-row__text{min-width:0}.hh-row__label{font-family:var(--font-head);font-size:var(--fs-md);letter-spacing:.02em}.hh-row__desc{font-size:var(--fs-xs);color:#ffffffa8;margin-top:.15em;font-weight:500}.hh-row__control{flex:none;align-items:center;display:flex}.hh-toggle{pointer-events:auto;background:0 0;border:0;border-radius:999px;padding:0;position:relative}.hh-toggle__track{border:var(--stroke) solid var(--ink);width:92px;height:42px;box-shadow:0 4px 0 var(--ink), inset 0 3px 0 #00000040;transition:background var(--dur) ease;font-family:var(--font-head);letter-spacing:.06em;background:#4a2e78;border-radius:999px;align-items:center;font-size:13px;display:flex;position:relative}.hh-toggle__on,.hh-toggle__off{transition:opacity var(--dur-fast);position:absolute;top:50%;translate:0 -50%}.hh-toggle__on{color:var(--ink);opacity:0;left:13px}.hh-toggle__off{color:#fff9;right:12px}.hh-toggle__knob{border:var(--stroke) solid var(--ink);width:30px;height:30px;color:var(--ink);transition:transform var(--dur) var(--ease-bounce);background:linear-gradient(#fff,#dcd6ff);border-radius:50%;place-items:center;display:grid;position:absolute;top:3px;left:3px}.hh-toggle__knob .hh-icon{width:16px;height:16px;transition:opacity var(--dur-fast);position:absolute}.hh-toggle .k-on{opacity:0}.hh-toggle.is-on .hh-toggle__track{background:var(--mint)}.hh-toggle.is-on .hh-toggle__knob{transform:translate(50px)}.hh-toggle.is-on .k-on,.hh-toggle.is-on .hh-toggle__on{opacity:1}.hh-toggle.is-on .k-off,.hh-toggle.is-on .hh-toggle__off{opacity:0}.hh-toggle.is-focused{box-shadow:none!important;outline:none!important}.hh-toggle.is-focused .hh-toggle__track{box-shadow:0 4px 0 var(--ink), 0 0 0 4px var(--ink), 0 0 0 8px var(--gold)}.hh-slider{--t:.5;pointer-events:auto;touch-action:none;border-radius:12px;outline:none;align-items:center;gap:12px;width:clamp(180px,26vw,320px);display:flex}.hh-slider__icon{opacity:.8;flex:none;place-items:center;width:22px;height:22px;display:grid}.hh-slider__icon .hh-icon{width:100%;height:100%}.hh-slider__track{border:var(--stroke) solid var(--ink);height:22px;box-shadow:0 4px 0 var(--ink), inset 0 3px 0 #0000004d;cursor:pointer;background:#4a2e78;border-radius:999px;flex:1;position:relative}.hh-slider__fill{background:repeating-linear-gradient(-45deg, #ffffff47 0 6px, transparent 6px 12px), linear-gradient(180deg, #6ff5c6, var(--mint-dark));transform-origin:0;transform:scaleX(var(--t));border-radius:999px;transition:transform 90ms ease-out;position:absolute;inset:0}.hh-slider__knob{top:50%;left:calc(var(--t) * 100%);border:var(--stroke) solid var(--ink);width:30px;height:30px;box-shadow:0 3px 0 var(--ink);transition:left 90ms ease-out, transform var(--dur) var(--ease-bounce);background:radial-gradient(circle at 40% 35%,#fff 0 35%,#e2dcff 70%);border-radius:50%;margin:-15px 0 0 -15px;position:absolute}.hh-slider__value{text-align:right;min-width:3.4em;font-family:var(--font-head);font-size:var(--fs-md);color:var(--gold);text-shadow:0 2px 0 var(--ink)}.hh-slider.is-focused{box-shadow:none!important;outline:none!important}.hh-slider.is-focused .hh-slider__track{box-shadow:0 4px 0 var(--ink), 0 0 0 3px var(--ink), 0 0 0 7px var(--gold)}.hh-slider.is-focused .hh-slider__knob,.hh-slider.is-dragging .hh-slider__knob{transform:scale(1.18)}.hh-stepper{border:var(--stroke) solid var(--ink);min-width:clamp(170px,20vw,240px);height:48px;box-shadow:0 4px 0 var(--ink), inset 0 2px 0 #ffffff26;pointer-events:auto;cursor:pointer;background:linear-gradient(#53328a,#3a2160);border-radius:14px;outline:none;align-items:center;gap:6px;padding:0 4px;display:flex}.hh-stepper__arrow{width:36px;height:36px;color:var(--gold);transition:transform var(--dur-fast) var(--ease-bounce), opacity var(--dur-fast);border-radius:10px;flex:none;place-items:center;display:grid}.hh-stepper__arrow .hh-icon{stroke-width:3.2px;width:22px;height:22px}.hh-stepper__arrow:hover{background:#ffffff1a}.hh-stepper__arrow.is-disabled{opacity:.25}.hh-stepper__mid{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex;overflow:hidden}.hh-stepper__value{font-family:var(--font-head);font-size:var(--fs-md);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.hh-stepper__value.slide-r{animation:hh-slide-r .24s var(--ease-out)}.hh-stepper__value.slide-l{animation:hh-slide-l .24s var(--ease-out)}.hh-stepper__pips{gap:4px;display:flex}.hh-stepper__pips i{width:6px;height:6px;transition:background var(--dur-fast), transform var(--dur) var(--ease-bounce);background:#ffffff40;border-radius:50%}.hh-stepper__pips i.is-on{background:var(--gold);transform:scale(1.3)}.hh-stepper.is-focused{box-shadow:0 4px 0 var(--ink), 0 0 0 3px var(--ink), 0 0 0 7px var(--gold)!important;outline:none!important}.hh-stepper.is-focused .is-prev:not(.is-disabled){animation:1s ease-in-out infinite hh-nudge-l}.hh-stepper.is-focused .is-next:not(.is-disabled){animation:1s ease-in-out infinite hh-nudge-r}@keyframes hh-slide-r{0%{opacity:0;transform:translate(30%)}}@keyframes hh-slide-l{0%{opacity:0;transform:translate(-30%)}}@keyframes hh-nudge-l{50%{transform:translate(-3px)}}@keyframes hh-nudge-r{50%{transform:translate(3px)}}.hh-tabs{align-items:center;gap:10px;min-width:0;display:flex}.hh-tabs__row{scrollbar-width:none;gap:6px;min-width:0;padding:10px 6px 12px;display:flex;position:relative;overflow-x:auto}.hh-tabs__row::-webkit-scrollbar{display:none}.hh-tabs__hint.is-prev .hh-kh__kbd,.hh-tabs__hint.is-prev .hh-kh__pad{font-size:11px}.hh-tab{min-height:44px;font-family:var(--font-head);font-size:var(--fs-sm);letter-spacing:.04em;text-transform:uppercase;color:#fffc;border:var(--stroke) solid var(--ink);box-shadow:0 4px 0 var(--ink);pointer-events:auto;transition:transform var(--dur) var(--ease-bounce), background var(--dur-fast), color var(--dur-fast);background:#2a164099;border-radius:12px;flex:none;align-items:center;gap:.45em;padding:.35em 1em;display:inline-flex;position:relative}.hh-tab .hh-icon{width:1.25em;height:1.25em}.hh-tab.is-active{color:var(--ink);box-shadow:0 6px 0 var(--ink), inset 0 2px 0 #fff9;background:linear-gradient(#ffe36e,#ffb81f);transform:translateY(-2px)}.hh-tab.is-focused{outline:3px solid var(--gold);outline-offset:3px;transform:translateY(-3px)scale(1.06)}.hh-tab.is-active.is-focused{outline-color:#fff}.hh-kh{font-family:var(--font-head);font-size:var(--fs-xs);letter-spacing:.04em;white-space:nowrap;vertical-align:middle;align-items:center;gap:.45em;line-height:1;display:inline-flex}.hh-kh__glyph{display:inline-flex}.hh-kh__kbd,.hh-kh__pad,.hh-kh__touch{min-width:1.95em;height:1.95em;font-family:var(--font-head);color:var(--ink);border:2px solid var(--ink);box-shadow:0 2.5px 0 var(--ink);background:linear-gradient(#fff 60%,#ddd6ff);border-radius:.45em;justify-content:center;align-items:center;padding:0 .45em;font-size:1em;font-style:normal;display:inline-flex}.hh-kh__kbd.is-wide{padding:0 .55em;font-size:.86em}.hh-kh__pad,.hh-kh__touch{display:none}.hh-kh__pad{color:#fff;text-shadow:0 1px #0006;background:#54607a;border-radius:999px}.hh-kh__pad.pad-a{background:#3ed66b}.hh-kh__pad.pad-b{background:#ff3b5c}.hh-kh__pad.pad-x{background:#2e8bff}.hh-kh__pad.pad-y{color:var(--ink);text-shadow:none;background:#ffc21f}.hh-kh__pad.pad-lb,.hh-kh__pad.pad-rb,.hh-kh__pad.pad-lt,.hh-kh__pad.pad-rt,.hh-kh__pad.pad-lbrb,.hh-kh__pad.pad-menu,.hh-kh__pad.pad-view,.hh-kh__pad.pad-ls,.hh-kh__pad.pad-rs{background:#3a2160;border-radius:.55em;font-size:.86em}.hh-kh__touch{color:#fff;background:#2a1640cc;border-color:#fffc;border-radius:999px;font-size:.78em}.hh-kh__touch .hh-icon{width:1.3em;height:1.3em}.hh-kh__label{color:#fff;text-transform:uppercase}[data-device=gamepad] .hh-kh__kbd{display:none}[data-device=gamepad] .hh-kh__pad{display:inline-flex}[data-device=touch] .hh-kh__kbd{display:none}[data-device=touch] .hh-kh__touch{display:inline-flex}[data-device=touch] .hh-kh--notouch,.hh-kh[class*=hh-kh--force-] .hh-kh__kbd,.hh-kh[class*=hh-kh--force-] .hh-kh__pad,.hh-kh[class*=hh-kh--force-] .hh-kh__touch{display:none!important}.hh-kh.hh-kh--force-keyboard .hh-kh__kbd,.hh-kh.hh-kh--force-gamepad .hh-kh__pad,.hh-kh.hh-kh--force-touch .hh-kh__touch,[data-device=touch] .hh-kh.hh-kh--notouch[class*=hh-kh--force-]{display:inline-flex!important}.hh-hintbar{pointer-events:none;background:#1b1446a8;border:2px solid #ffffff1f;border-radius:999px;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:8px 14px;display:flex}[data-device=touch] .hh-hintbar{display:none}.hh-portrait{--size:64px;--bg:#2ec4ff;width:var(--size);height:var(--size);border:var(--stroke) solid var(--ink);isolation:isolate;background:var(--bg);border-radius:50%;flex:none;display:inline-block;position:relative;overflow:hidden}.hh-portrait__bg{background:radial-gradient(circle at 50% 38%, #ffffff8c 0%, #fff0 55%), var(--pat-dots), radial-gradient(circle at 50% 120%, #2a164073, transparent 70%), var(--bg);position:absolute;inset:0}.hh-portrait.is-team0{box-shadow:0 0 0 3px var(--team0)}.hh-portrait.is-team1{box-shadow:0 0 0 3px var(--team1)}.hh-portrait__art{display:block;position:absolute;inset:4% 4% -2%}.hh-portrait__art .hh-glyph,.hh-portrait__art img{object-fit:cover;width:100%;height:100%}.hh-portrait.has-image .hh-portrait__art{inset:0}.hh-portrait.is-empty .hh-portrait__bg{background:repeating-linear-gradient(-45deg,#ffffff12 0 8px,#0000 8px 16px),#3a2160}.hh-portrait--square,.hh-portrait--tile{border-radius:14px}.hh-portrait--tile .hh-portrait__art{inset:2% 6% 14%}.hh-portrait__name{font-family:var(--font-head);letter-spacing:.02em;text-transform:uppercase;text-align:center;color:#fff;background:var(--ink);white-space:nowrap;text-overflow:ellipsis;padding:5px 4px 4px;font-size:clamp(10px,.62rem + .18vw,13px);line-height:1;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.hh-attr{grid-template-columns:minmax(64px,5.8em) 1fr 1.6em;align-items:center;gap:10px;display:grid}.hh-attr__label{font-family:var(--font-head);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:#ffffffdb;align-items:center;gap:.4em;display:flex}.hh-attr__pips{border:2.5px solid var(--ink);background:#0f052399;border-radius:8px;grid-template-columns:repeat(10,1fr);gap:3px;height:16px;padding:2px;display:grid;transform:skew(-12deg)}.hh-attr__pips i{transition:background var(--dur-fast);background:#ffffff1a;border-radius:3px}.hh-attr__pips i.is-on{background:linear-gradient(180deg, color-mix(in srgb, var(--ac) 55%, white), var(--ac) 60%);box-shadow:0 0 8px color-mix(in srgb, var(--ac) 60%, transparent)}.hh-attr.is-up .hh-attr__pips i.is-on,.hh-attr.is-down .hh-attr__pips i.is-on{animation:hh-pip .36s var(--ease-pop) both;animation-delay:calc(var(--pi) * 22ms)}.hh-attr__num{font-family:var(--font-display);font-size:var(--fs-md);color:var(--ac);text-shadow:0 2px 0 var(--ink);text-align:right}@keyframes hh-pip{0%{filter:brightness(2);transform:scaleY(.2)}}.hh-meter{--h:14px;min-width:60px;display:block}.hh-meter__track{height:var(--h);border:2.5px solid var(--ink);box-shadow:0 2px 0 var(--ink);background:#0f0523b8;border-radius:999px;display:block;position:relative;overflow:hidden}.hh-meter__fill{border-radius:inherit;transform-origin:0;will-change:transform;position:absolute;inset:0;transform:scaleX(0)}.hh-meter__gloss{pointer-events:none;background:#ffffff73;border-radius:99px;height:28%;position:absolute;top:2px;left:6px;right:6px}.hh-meter__ticks{pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(20% - 2px),#2a1640b3 calc(20% - 2px) 20%);position:absolute;inset:0}.hh-meter--stamina .hh-meter__fill{background:linear-gradient(180deg, #7dffd0, var(--mint) 50%, var(--mint-dark))}.hh-meter--stamina.is-low .hh-meter__fill{background:linear-gradient(180deg, #ffc08e, var(--tangerine) 50%, var(--tangerine-dark))}.hh-meter--spotlight .hh-meter__fill{background:repeating-linear-gradient(-45deg, #ffffff38 0 5px, transparent 5px 10px), linear-gradient(180deg, #c89cff, var(--grape) 50%, var(--grape-dark))}.hh-meter--spotlight.is-ready .hh-meter__fill{background:repeating-linear-gradient(-45deg, #fff6 0 5px, transparent 5px 10px), linear-gradient(180deg, #fff3a8, var(--gold) 50%, var(--gold-dark))}.hh-meter--progress .hh-meter__fill{background:repeating-linear-gradient(-45deg, #fff 0 10px, var(--candy) 10px 20px)}.hh-layer--modal.is-active{pointer-events:auto}.hh-layer--modal:has(.hh-modal){pointer-events:auto}.hh-modal{padding:calc(var(--safe-t) + 16px) calc(var(--safe-r) + 16px) calc(var(--safe-b) + 16px) calc(var(--safe-l) + 16px);pointer-events:auto;place-items:center;display:grid;position:absolute;inset:0}.hh-modal__scrim{background:#14082cb8;animation:.18s both hh-enter-fade;position:absolute;inset:0}.hh-modal__card{text-align:center;width:min(520px,100%);max-height:100%;color:var(--ink);border:var(--stroke-lg) solid var(--ink);border-radius:var(--r-xl);box-shadow:0 10px 0 var(--ink), var(--shadow-drop);animation:hh-modal-in .36s var(--ease-bounce) both;background:linear-gradient(#fff,#ebe6ff);padding:44px clamp(18px,4vw,34px) 26px;position:relative;overflow:auto}.hh-modal__badge{width:60px;height:60px;color:var(--ink);background:var(--gold);border:var(--stroke-lg) solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:50%;place-items:center;margin-left:-30px;display:grid;position:absolute;top:-30px;left:50%}.hh-modal__card.is-danger .hh-modal__badge{background:var(--tangerine);color:#fff}.hh-modal__badge .hh-icon{width:30px;height:30px}.hh-modal__title{font-size:var(--fs-xl);color:var(--ink);margin:0 0 10px}.hh-modal__body{font-size:var(--fs-md);color:#2a1640cc;margin-bottom:22px;font-weight:500}.hh-modal__actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.hh-modal.is-closing{pointer-events:none;animation:.16s reverse both hh-enter-fade}@keyframes hh-modal-in{0%{opacity:0;transform:translateY(40px)scale(.85)rotate(-2deg)}}.hh-layer--toast{padding:0 16px calc(var(--safe-b) + 88px);flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;display:flex}.hh-toast{max-width:min(460px,100%);font-family:var(--font-head);font-size:var(--fs-sm);letter-spacing:.02em;color:#fff;background:var(--ink);border:var(--stroke) solid #ffffffe6;animation:hh-toast-in .38s var(--ease-bounce) both;border-radius:999px;align-items:center;gap:10px;padding:8px 18px 8px 8px;display:flex;box-shadow:0 5px #00000059}.hh-toast__icon{border:2.5px solid var(--ink);width:32px;height:32px;color:var(--ink);background:var(--gold);border-radius:50%;flex:none;place-items:center;display:grid}.hh-toast--good .hh-toast__icon{background:var(--mint)}.hh-toast--bad .hh-toast__icon{background:var(--candy);color:#fff}.hh-toast--warn .hh-toast__icon{background:var(--tangerine)}.hh-toast__icon .hh-icon{width:18px;height:18px}.hh-toast.is-leaving{animation:hh-toast-out .24s var(--ease-in) both}@keyframes hh-toast-in{0%{opacity:0;transform:translateY(30px)scale(.8)}}@keyframes hh-toast-out{to{opacity:0;transform:translateY(20px)scale(.9)}}.hh-lights{top:calc(var(--safe-t) - 8px);pointer-events:none;height:56px;position:absolute;left:-2%;right:-2%}.hh-lights__wire{width:100%;height:30px;position:absolute;inset:0 0 auto;overflow:visible}.hh-lights i{transform-origin:50% 0;width:18px;height:27px;transform:rotate(var(--rot));margin:1px 0 0 -9px;position:absolute}.hh-lights i:before{content:"";border:2px solid var(--ink);background:#3a8a4a;border-radius:2px;width:10px;height:8px;position:absolute;top:0;left:4px}.hh-lights i:after{content:"";border:2.5px solid var(--ink);background:radial-gradient(circle at 38% 34%, #fff 0 18%, var(--b) 40%);width:18px;height:22px;box-shadow:0 0 16px 5px color-mix(in srgb, var(--b) 55%, transparent);animation:2.2s ease-in-out infinite hh-twinkle;animation-delay:var(--d);border-radius:50%/42% 42% 58% 58%;position:absolute;top:7px;left:0}@keyframes hh-twinkle{0%,to{opacity:1}50%{opacity:.55}}@media (max-width:600px){.hh-lights i:nth-of-type(2n){display:none}}[data-motion=reduced] .hh-lights i:after{animation:none}.hh-burst{pointer-events:none;z-index:6;width:0;height:0;position:absolute;top:50%;left:50%}.hh-burst i{background:var(--c);border:2px solid var(--ink);opacity:0;width:10px;height:14px;animation:hh-burst .76s var(--ease-out) var(--dl) both;border-radius:3px;position:absolute;top:-7px;left:-5px}.hh-burst.is-star i{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);border:0;border-radius:0;width:14px;height:14px}.hh-burst.is-snow i{background:#fff;border-radius:50%;width:10px;height:10px}@keyframes hh-burst{0%{opacity:1;transform:translate(0)scale(.3)}70%{opacity:1}to{opacity:0;transform:translate(var(--x), var(--y)) rotate(var(--r)) scale(var(--s))}}.hh-confetti{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hh-confetti i{width:var(--w);height:calc(var(--w) * 1.5);background:var(--c);animation:hh-confetti var(--dur) linear var(--dl) infinite;border-radius:2px;position:absolute;top:-6%;box-shadow:inset 0 -2px #2a164040}@keyframes hh-confetti{0%{transform:translate(0,0)rotate(0)rotateY(0)}25%{transform:translate3d(var(--sway), 28vh, 0) rotate(120deg) rotateY(180deg)}50%{transform:translateY(56vh)rotate(240deg)rotateY(360deg)}75%{transform:translate3d(calc(var(--sway) * -1), 84vh, 0) rotate(360deg) rotateY(540deg)}to{transform:translateY(112vh)rotate(480deg)rotateY(720deg)}}[data-motion=reduced] .hh-confetti,[data-effects=reduced] .hh-confetti{display:none}.hh-rays{width:var(--rays,130vmax);height:var(--rays,130vmax);background:repeating-conic-gradient(from 0deg, var(--ra) 0deg 9deg, var(--rb) 9deg 18deg);pointer-events:none;animation:60s linear infinite hh-spin;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 62%);mask-image:radial-gradient(circle,#000 0%,#0000 62%)}@keyframes hh-spin{to{transform:rotate(360deg)}}.hh-emblem{width:48px;height:48px;filter:drop-shadow(0 3px 0 var(--ink))}.hh-logo{--fs:clamp(64px, 12.5vw, 184px);pointer-events:none;flex-direction:column;align-items:center;display:inline-flex;position:relative;transform:rotate(-4deg)}.hh-logo--md{--fs:clamp(44px, 6.4vw, 92px)}.hh-logo--sm{--fs:clamp(34px, 3.6vw, 54px)}.lg-word{font-family:var(--font-display);font-size:var(--fs);letter-spacing:0;padding-top:.12em;line-height:1;display:flex;position:relative}.lg-l{transform:rotate(var(--r));z-index:calc(20 - var(--i));margin:0 -.018em;display:inline-block;position:relative}.lg-l:nth-child(5){margin-left:.06em}.lg-inner{display:inline-block;position:relative}.lg-ext{color:var(--ink);-webkit-text-stroke:.2em var(--ink);filter:drop-shadow(0 .1em 0 var(--ink));display:block}.lg-face,.lg-gloss{-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;display:block;position:absolute;inset:0}.lg-face{--s1:#ff3b5c;--s2:#fff;--sd:#b8123c;background-image:linear-gradient(180deg, #fff0 45%, #5a0a3252 100%), repeating-linear-gradient(-58deg, var(--s1) 0 .13em, var(--s2) .13em .19em);-webkit-text-stroke:.035em var(--sd);filter:drop-shadow(0 .055em 0 var(--sd))}.is-frost .lg-face{--s1:#2ec4ff;--s2:#e8f7ff;--sd:#0f6fb8}.lg-gloss{background-image:linear-gradient(#ffffffd9 0%,#ffffff59 22%,#fff0 40%);-webkit-mask-image:linear-gradient(90deg,#000 0 58%,#0000 80%);mask-image:linear-gradient(90deg,#000 0 58%,#0000 80%)}.lg-snow{pointer-events:none;filter:drop-shadow(0 .02em #2a164059);height:.27em;position:absolute;top:-.075em;overflow:visible}.lg-ribbon{margin-top:calc(var(--fs) * -.1);z-index:30;align-items:center;display:flex;position:relative;transform:rotate(2deg)}.lg-ribbon__band{padding:calc(var(--fs) * .05) calc(var(--fs) * .22) calc(var(--fs) * .045);border:calc(var(--fs) * .028) solid var(--ink);border-radius:calc(var(--fs) * .06);box-shadow:0 calc(var(--fs) * .045) 0 var(--ink);z-index:2;background:repeating-linear-gradient(-45deg,#ffffff38 0 8px,#0000 8px 16px),linear-gradient(#ffe66e,#ffc61f 60%,#f0a70f);position:relative}.lg-ribbon__text{font-family:var(--font-head);font-size:calc(var(--fs) * .24);letter-spacing:.1em;color:var(--ink);white-space:nowrap;align-items:center;gap:.25em;line-height:1;display:flex}.lg-ribbon__puck{background:var(--ink);border-radius:50%;width:.7em;height:.34em;display:inline-block;box-shadow:inset 0 -.08em #4f2f7f}.lg-ribbon__tail{width:calc(var(--fs) * .24);height:calc(var(--fs) * .3);margin-top:calc(var(--fs) * .12);z-index:1}.lg-ribbon__tail.is-l{margin-right:calc(var(--fs) * -.08)}.lg-ribbon__tail.is-r{margin-left:calc(var(--fs) * -.08)}.lg-ribbon__tail path{fill:#e5a412}.lg-sparkles{pointer-events:none;position:absolute;inset:-10% -6%}.lg-sparkles i{width:calc(var(--fs) * .16);height:calc(var(--fs) * .16);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 6px #ffffffe6);animation:2.4s ease-in-out infinite lg-twinkle;animation-delay:calc(var(--i) * -.4s);background:#fff;position:absolute}.lg-sparkles i:first-child{top:8%;left:2%}.lg-sparkles i:nth-child(2){width:calc(var(--fs) * .22);height:calc(var(--fs) * .22);background:var(--gold);top:0%;right:4%}.lg-sparkles i:nth-child(3){top:58%;right:0%}.lg-sparkles i:nth-child(4){background:var(--aurora-2);bottom:6%;left:12%}.lg-sparkles i:nth-child(5){width:calc(var(--fs) * .1);height:calc(var(--fs) * .1);top:-6%;left:46%}.lg-sparkles i:nth-child(6){background:var(--gold);bottom:0%;right:18%}@keyframes lg-twinkle{0%,to{opacity:0;transform:scale(.3)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}.hh-logo.is-animated .lg-l{animation:lg-drop .76s var(--ease-bounce) both;animation-delay:calc(var(--i) * 70ms + .12s)}.hh-logo .lg-inner{animation:3s ease-in-out infinite lg-bob;animation-delay:calc(var(--i) * -.22s)}.hh-logo.is-animated .lg-ribbon{animation:lg-ribbon .62s var(--ease-bounce) both;animation-delay:.82s}@keyframes lg-drop{0%{opacity:0;transform:translateY(-1.4em) rotate(var(--r)) scale(.8)}55%{opacity:1;transform:translateY(.06em) rotate(var(--r)) scale(1.12, .86)}78%{transform:translateY(-.04em) rotate(var(--r)) scale(.96, 1.05)}to{transform:translateY(0) rotate(var(--r)) scale(1)}}@keyframes lg-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.035em)}}@keyframes lg-ribbon{0%{opacity:0;transform:rotate(2deg)scale(.3,.6)}}[data-motion=reduced] .hh-logo .lg-l,[data-motion=reduced] .hh-logo .lg-inner,[data-motion=reduced] .hh-logo .lg-ribbon,[data-motion=reduced] .lg-sparkles i{animation:none!important}[data-motion=reduced] .lg-sparkles i{opacity:.8;transform:scale(.7)rotate(45deg)}.hh-logo--sm .lg-sparkles,.hh-logo--sm .lg-gloss{display:none}.hh-logo--sm .lg-snow{height:.22em;top:-.06em}.hh-logo--sm .lg-face{background-image:linear-gradient(180deg, #fff0 45%, #5a0a324d 100%), repeating-linear-gradient(-58deg, var(--s1) 0 .2em, var(--s2) .2em .27em)}.hh-logo--sm .lg-ext{-webkit-text-stroke-width:.24em}@media (max-width:720px) and (orientation:portrait){.hh-logo--hero{--fs:min(18vw, 110px)}}.hh-screen--title{cursor:pointer;justify-content:flex-start;align-items:center}.hh-title-glow{background:radial-gradient(55% 40% at 50% 30%,#ff8fb14d,#0000 72%),radial-gradient(36% 24% at 50% 32%,#ffd23f2e,#0000 70%);position:absolute;inset:0}.hh-title-stage{flex-direction:column;align-items:center;gap:clamp(22px,24vh,240px);margin-top:clamp(0px,4vh,48px);display:flex;position:relative}@media (orientation:landscape){.hh-title-logo .hh-logo--hero{--fs:clamp(56px, min(12.5vw, 23vh), 184px)}}.hh-title-logo{filter:drop-shadow(0 18px 24px #11062873)}.hh-title-prompt{font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:.06em;text-transform:uppercase;color:#fff;-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;text-shadow:0 .1em 0 var(--ink);background:0 0;border:0;align-items:center;gap:.35em;padding:.35em 1.1em .3em;animation:1.6s ease-in-out 1.2s infinite hh-prompt;display:inline-flex;box-shadow:none!important;outline:none!important}.hh-title-prompt>span{align-items:center;gap:.35em;display:none}.hh-title-prompt .is-kbd{display:inline-flex}[data-device=gamepad] .hh-title-prompt .is-kbd,[data-device=touch] .hh-title-prompt .is-kbd{display:none}[data-device=gamepad] .hh-title-prompt .is-pad,[data-device=touch] .hh-title-prompt .is-touch{display:inline-flex}.hh-title-prompt .hh-icon{width:1.1em;height:1.1em;stroke:var(--ink);stroke-width:3px;fill:#fff}.hh-title-prompt b.pad-a{border:.1em solid var(--ink);-webkit-text-stroke:.08em var(--ink);background:#3ed66b;border-radius:50%;place-items:center;width:1.3em;height:1.3em;font-size:.9em;display:inline-grid}.hh-title-prompt.is-go{animation:hh-prompt-go .36s var(--ease-pop) both}@keyframes hh-prompt{0%,to{opacity:1;transform:scale(1)}50%{opacity:.82;transform:scale(1.07)}}@keyframes hh-prompt-go{40%{color:var(--gold);transform:scale(1.3)}to{opacity:0;transform:scale(.6)}}.hh-title-foot{left:calc(var(--safe-l) + var(--gutter));right:calc(var(--safe-r) + var(--gutter));bottom:calc(var(--safe-b) + 14px);font-family:var(--font-head);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:#ffffffb8;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute}.hh-title-foot__mid{align-items:center;gap:8px;display:inline-flex}@media (max-width:600px){.hh-title-foot__mid{display:none}}.hh-screen--menu{padding-top:calc(var(--safe-t) + 40px);gap:clamp(8px,2vh,20px)}.hh-menu-top{flex:none;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.hh-menu-logo .hh-logo{transform-origin:0;transform:rotate(-4deg)}.hh-menu-top__right{align-items:center;gap:14px;display:flex}.hh-menu-season{font-family:var(--font-head);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ice);background:#1b144699;border:2px solid #bfefff59;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.hh-menu-main{flex:1;grid-template-columns:minmax(340px,540px) minmax(0,1fr);align-items:center;gap:clamp(20px,5vw,80px);min-height:0;display:grid}.hh-menu-list{flex-direction:column;gap:clamp(10px,1.6vh,16px);min-width:0;min-height:0;padding:10px 30px 14px 10px;display:flex}.hh-menu-small{gap:12px;margin-top:6px;display:flex}.hh-menu-item{--tone:var(--candy);--tone-2:var(--candy-dark);text-align:left;width:100%;min-height:clamp(64px,9vh,84px);color:var(--ink);border:var(--stroke-lg) solid var(--ink);box-shadow:0 6px 0 var(--ink), inset 0 3px 0 #ffffffe6;transition:transform var(--dur) var(--ease-bounce), box-shadow var(--dur-fast);pointer-events:auto;isolation:isolate;background:linear-gradient(#fff 0%,#f3f0ff 60%,#e2dcff 100%);border-radius:18px;outline:none;align-items:center;gap:16px;padding:8px 22px 8px 10px;display:flex;position:relative;transform:skew(-9deg)}.hh-menu-item>span{transform:skew(9deg)}.hh-menu-item:before{content:"";z-index:-1;background:repeating-linear-gradient(-45deg, #ffffff2e 0 14px, transparent 14px 28px) 0 0 / 200% 100%, linear-gradient(180deg, color-mix(in srgb, var(--tone) 80%, white), var(--tone) 55%, var(--tone-2));opacity:0;transition:opacity var(--dur-fast);border-radius:14px;position:absolute;inset:0}.hh-menu-item.tone-sky{--tone:var(--sky);--tone-2:var(--sky-dark)}.hh-menu-item.tone-mint{--tone:var(--mint);--tone-2:var(--mint-dark)}.hh-menu-item.tone-gold{--tone:#ffc21f;--tone-2:var(--gold-dark)}.hh-menu-item.tone-grape{--tone:var(--grape);--tone-2:var(--grape-dark)}.hh-menu-item.tone-ink{--tone:#5b3a94;--tone-2:var(--ink-2)}.hh-menu-item__icon{color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--tone) 75%, white), var(--tone) 60%, var(--tone-2));border:var(--stroke) solid var(--ink);width:clamp(44px,6vh,58px);height:clamp(44px,6vh,58px);box-shadow:0 4px 0 var(--ink);transition:transform var(--dur) var(--ease-bounce);border-radius:14px;flex:none;place-items:center;display:grid}.hh-menu-item__icon .hh-icon{stroke-width:2.8px;filter:drop-shadow(0 2px #2a164099);width:58%;height:58%}.hh-menu-item__text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.hh-menu-item__label{font-family:var(--font-head);font-size:var(--fs-xl);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;line-height:1}.hh-menu-item__sub{font-weight:600;font-size:var(--fs-sm);color:#2a16409e;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hh-menu-item__chev{opacity:0;color:#fff;width:30px;height:30px;transition:opacity var(--dur-fast), transform var(--dur) var(--ease-bounce);place-items:center;display:grid;transform:skew(9deg)translate(-10px)}.hh-menu-item__chev .hh-icon{stroke-width:3.6px;width:28px;height:28px;filter:drop-shadow(0 2px 0 var(--ink))}.hh-menu-item__players{font-family:var(--font-display);font-size:var(--fs-md);color:var(--ink);background:var(--gold);border:var(--stroke) solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:12px;align-items:center;gap:2px;padding:4px 6px;display:inline-flex}.hh-menu-item__players .hh-icon{stroke-width:3.4px;opacity:.35;width:18px;height:18px}.hh-menu-item__players b{text-align:center;min-width:1.7em;font-weight:400}.hh-menu-item__players.is-bump b{animation:hh-pop .3s var(--ease-pop)}.hh-menu-item.is-focused .hh-menu-item__players .hh-icon{opacity:1}.hh-menu-item.is-focused,.hh-menu-item:hover{z-index:2}.hh-menu-item.is-focused{color:#fff;box-shadow:0 9px 0 var(--ink), 0 0 0 4px var(--ink), 0 0 0 8px var(--gold), 0 18px 30px #11062873;transform:skew(-9deg)translate(clamp(8px,1.6vw,22px))scale(1.04)}.hh-menu-item.is-focused:before{opacity:1;animation:1.8s linear infinite hh-stripes-slide}.hh-menu-item.is-focused .hh-menu-item__label{text-shadow:0 3px 0 var(--ink), 2px 0 0 var(--ink), -2px 0 0 var(--ink), 0 -2px 0 var(--ink)}.hh-menu-item.is-focused .hh-menu-item__sub{color:#fffffff2;text-shadow:0 2px #2a1640b3}.hh-menu-item.is-focused .hh-menu-item__icon{color:var(--tone-2);background:#fff;transform:skew(9deg)rotate(-8deg)scale(1.14)}.hh-menu-item.is-focused .hh-menu-item__icon .hh-icon{filter:none}.hh-menu-item.is-focused .hh-menu-item__chev{opacity:1;animation:.9s ease-in-out infinite hh-chev;transform:skew(9deg)}.hh-menu-item:active{transform:skew(-9deg)translate(10px)scale(.98)}.hh-menu-item.is-small{border-radius:14px;flex:1;gap:10px;min-width:0;min-height:52px;padding:6px 12px 6px 6px}.hh-menu-item.is-small .hh-menu-item__icon{border-radius:10px;width:36px;height:36px}.hh-menu-item.is-small .hh-menu-item__label{white-space:nowrap;font-size:clamp(11px,.55rem + .42vw,15px)}.hh-menu-item.is-small.is-focused{transform:skew(-9deg)translateY(-4px)scale(1.06)}@keyframes hh-stripes-slide{to{background-position:-56px 0,0 0}}@keyframes hh-chev{50%{translate:5px}}.hh-feature{--f1:#ff6b83;--f2:#c81d4a;border:var(--stroke-lg) solid var(--ink);border-radius:var(--r-xl);background:var(--ink);width:min(560px,100%);box-shadow:0 10px 0 var(--ink), 0 30px 50px #11062873;flex-direction:column;place-self:center end;display:flex;position:relative;overflow:hidden;transform:rotate(1.5deg)}.hh-feature[data-tone=sky]{--f1:#5cd3ff;--f2:#1486d6}.hh-feature[data-tone=mint]{--f1:#5ff5c0;--f2:#10a577}.hh-feature[data-tone=gold]{--f1:#ffe36e;--f2:#f0a70f}.hh-feature[data-tone=grape]{--f1:#c29bff;--f2:#6a35b8}.hh-feature[data-tone=ink]{--f1:#7a55c0;--f2:#3a2160}.hh-feature__art{background:repeating-linear-gradient(-45deg, #ffffff29 0 16px, transparent 16px 32px), radial-gradient(circle at 50% 60%, #ffffff73, transparent 60%), linear-gradient(160deg, var(--f1), var(--f2));border-bottom:var(--stroke-lg) solid var(--ink);place-items:center;min-height:clamp(150px,26vh,260px);display:grid;position:relative;overflow:hidden}.hh-feature__body{background:linear-gradient(#3a2160,#2a1640);padding:clamp(14px,2vh,22px) clamp(18px,2vw,28px) clamp(18px,2.4vh,26px)}.hh-feature__title{font-size:var(--fs-2xl);color:#fff;-webkit-text-stroke:.12em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink);margin:0 0 8px}.hh-feature__text{font-size:var(--fs-md);color:#ffffffdb;margin:0 0 14px;font-weight:500;line-height:1.4}.hh-feature__tags{flex-wrap:wrap;gap:8px;display:flex}.hh-feature.is-swap .hh-feature__art>*{animation:hh-enter-zoom .42s var(--ease-bounce) backwards}.hh-feature.is-swap .hh-feature__body>*{animation:hh-enter-right .36s var(--ease-out) backwards}.hh-feature.is-swap .hh-feature__body>:nth-child(2){animation-delay:40ms}.hh-feature.is-swap .hh-feature__body>:nth-child(3){animation-delay:80ms}.hh-fart{justify-content:center;align-items:center;gap:14px;display:flex}.hh-fart.is-squad .hh-portrait{box-shadow:0 6px 0 var(--ink);border-width:var(--stroke-lg);margin:0 -10px}.hh-fart.is-squad .is-p0{transform:rotate(-8deg)translateY(10px)}.hh-fart.is-squad .is-p1{z-index:2;transform:scale(1.15)}.hh-fart.is-squad .is-p2{transform:rotate(8deg)translateY(10px)}.hh-fart__vs{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--gold);-webkit-text-stroke:.12em var(--ink);paint-order:stroke fill;background:var(--ink);border-radius:12px;flex-direction:column;align-items:center;margin-left:26px;padding:6px 10px 4px;line-height:.9;display:flex;transform:rotate(-8deg)}.hh-fart__vs small{color:#fff;font-size:.6em}.hh-fart.is-pads{gap:clamp(8px,1.4vw,18px)}.hh-fart__pad{color:var(--ink);background:var(--pc);border:var(--stroke) solid var(--ink);box-shadow:0 5px 0 var(--ink);opacity:.35;filter:saturate(.3);transition:opacity var(--dur), transform var(--dur) var(--ease-bounce);border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:10px;display:flex}.hh-fart__pad.is-on{opacity:1;filter:none;transform:translateY(-4px)}.hh-fart__pad .hh-icon{width:clamp(34px,4vw,52px);height:clamp(34px,4vw,52px)}.hh-fart__pad b{font-family:var(--font-display);font-weight:400;font-size:var(--fs-md)}.hh-fart.is-code span{width:clamp(46px,5vw,70px);height:clamp(56px,6vw,84px);font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--ink);border:var(--stroke-lg) solid var(--ink);box-shadow:0 6px 0 var(--ink);transform:rotate(calc((var(--i) - 1.5) * 4deg));background:#fff;border-radius:14px;place-items:center;display:grid}.hh-fart.is-cones{gap:clamp(20px,4vw,50px);width:100%;position:relative}.hh-fart.is-cones>span:not(.is-puck) .hh-icon{width:clamp(40px,5vw,64px);height:clamp(40px,5vw,64px);color:var(--tangerine-dark);fill:var(--tangerine);stroke:var(--ink)}.hh-fart.is-cones .is-puck{animation:2.4s ease-in-out infinite alternate hh-puck-slide;position:absolute;bottom:12%;left:10%}.hh-fart.is-cones .is-puck .hh-icon{width:42px;height:42px;color:var(--ink)}@keyframes hh-puck-slide{to{transform:translate(min(360px,60vw))rotate(360deg)}}.hh-fart.is-keys{font-size:var(--fs-md);flex-direction:column;align-items:flex-start;gap:10px}.hh-fart.is-keys .hh-kh{font-size:var(--fs-sm)}.hh-fart.is-keys .hh-kh__label{color:var(--ink);font-size:var(--fs-md)}.hh-fart.is-icon .hh-icon{color:#fff;width:clamp(80px,10vw,130px);height:clamp(80px,10vw,130px);filter:drop-shadow(0 5px 0 var(--ink));animation:12s linear infinite hh-spin}.hh-fart.is-emblems .hh-emblem{width:clamp(80px,9vw,120px);height:clamp(80px,9vw,120px)}.hh-menu-foot{flex:none;display:flex}@media (max-width:1100px){.hh-menu-main{grid-template-columns:minmax(300px,1fr) minmax(0,.9fr);gap:24px}.hh-menu-season{display:none}}@media (max-width:720px){.hh-screen--menu{padding-top:calc(var(--safe-t) + 34px);overflow-y:auto}.hh-menu-top{justify-content:center}.hh-menu-top__right{top:calc(var(--safe-t) + 36px);right:calc(var(--safe-r) + 12px);position:absolute}.hh-menu-logo .hh-logo{--fs:clamp(40px, 15vw, 72px);transform-origin:50%}.hh-menu-main{grid-template-columns:minmax(0,1fr);align-content:center}.hh-feature{display:none}.hh-menu-list{padding:8px 12px 8px 8px}.hh-menu-item__label{font-size:var(--fs-lg)}.hh-menu-small{flex-wrap:wrap}.hh-menu-item__chev{display:none}.hh-menu-item{gap:12px;padding-right:14px}.hh-menu-item.is-small{text-align:center;flex-direction:column;flex:30%;justify-content:center;gap:4px;min-height:70px;padding:6px 4px}.hh-menu-item.is-small .hh-menu-item__text{align-items:center}.hh-menu-item.is-small .hh-menu-item__label{font-size:var(--fs-xs);white-space:nowrap}}@media (max-height:520px) and (orientation:landscape){.hh-screen--menu{padding-top:calc(var(--safe-t) + 26px);padding-bottom:calc(var(--safe-b) + 10px);gap:4px}.hh-menu-logo .hh-logo{--fs:30px}.hh-menu-item{min-height:50px;padding:4px 14px 4px 6px}.hh-menu-item__icon{width:38px;height:38px}.hh-menu-item__label{font-size:var(--fs-md)}.hh-menu-item__sub{display:none}.hh-menu-list{gap:8px;padding:4px 16px 4px 6px}.hh-menu-small{margin-top:0}.hh-menu-item.is-small{min-height:40px}.hh-menu-item.is-small .hh-menu-item__icon{width:28px;height:28px}.hh-menu-item.is-small{gap:6px}.hh-menu-item.is-small .hh-menu-item__label{font-size:10px}.hh-feature__art{min-height:110px}.hh-feature__text{font-size:var(--fs-sm);margin-bottom:8px}.hh-feature__title{font-size:var(--fs-xl)}.hh-menu-foot,.hh-menu-season{display:none}.hh-lights{transform-origin:top;transform:scale(.8)}}.hh-screen--select{padding-top:calc(var(--safe-t) + clamp(10px, 1.8vh, 20px));padding-bottom:calc(var(--safe-b) + clamp(8px, 1.4vh, 16px));gap:clamp(8px,1.4vh,14px)}.hh-backdrop--select{background:linear-gradient(90deg,#1b1446db 0%,#1b14468c 45%,#1b1446b3 100%),radial-gradient(70% 60% at 50% 45%,#ff8fb133,#0000 70%)}.hh-sel-head{flex:none;align-items:center;gap:clamp(10px,1.6vw,20px);display:flex}.hh-sel-title{flex-direction:column;gap:2px;min-width:0;display:flex}.hh-sel-title h1{font-size:var(--fs-2xl);color:#fff;-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;text-shadow:0 .09em 0 var(--ink);white-space:nowrap;transform-origin:0;margin:8px 0 0;transform:rotate(-2deg)}.hh-sel-title span{font-family:var(--font-head);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.hh-sel-banners{align-items:center;gap:10px;margin-left:auto;display:flex}.hh-sel-vs{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--gold);-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink);transform:rotate(-8deg)}.hh-tbanner{--t:var(--team0);--td:var(--team0-dark);color:#fff;background:repeating-linear-gradient(-45deg, #fff3 0 8px, transparent 8px 16px), linear-gradient(180deg, color-mix(in srgb, var(--t) 80%, white), var(--t) 55%, var(--td));border:var(--stroke) solid var(--ink);min-height:52px;box-shadow:0 4px 0 var(--ink);border-radius:14px;align-items:center;gap:8px;padding:4px 12px 4px 4px;display:flex;transform:skew(-8deg)}.hh-tbanner>*{transform:skew(8deg)}.hh-tbanner.is-t1{--t:var(--team1);--td:var(--team1-dark);background:var(--pat-snow) 0 0 / 26px 26px, linear-gradient(180deg, color-mix(in srgb, var(--t) 80%, white), var(--t) 55%, var(--td))}.hh-tbanner__emblem{width:42px;height:42px}.hh-tbanner__text{flex-direction:column;line-height:1;display:flex}.hh-tbanner__text small{font-family:var(--font-head);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);font-size:11px}.hh-tbanner__text b{font-family:var(--font-head);font-weight:400;font-size:var(--fs-sm);letter-spacing:.02em;white-space:nowrap;text-shadow:0 2px 0 var(--ink)}.hh-tbanner__mini{margin-left:4px;display:flex}.hh-tbanner__mini .hh-portrait{border-width:2.5px;margin-left:-8px}.hh-sel-main{flex:1;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr) minmax(0,.95fr);grid-template-areas:"grid stage info";gap:clamp(12px,1.8vw,28px);min-height:0;display:grid}.hh-sel-grid{grid-area:grid;justify-content:center;align-items:center;min-height:0;display:flex;container-type:size}.hh-sel-stage{grid-area:stage;min-height:0;display:flex}.hh-sel-info{flex-direction:column;grid-area:info;justify-content:safe center;min-height:0;display:flex}.hh-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,1cqw + 2px,14px);width:min(100cqw,100cqh);padding:10px;display:grid}.hh-tile{--bg:#2ec4ff;aspect-ratio:1;transition:transform var(--dur) var(--ease-bounce);pointer-events:auto;background:0 0;border:0;border-radius:16px;outline:none;padding:0;position:relative}.hh-tile .hh-portrait{--size:100%;border-width:var(--stroke);box-shadow:0 5px 0 var(--ink);transition:box-shadow var(--dur-fast);border-radius:16px}.hh-tile .hh-portrait__name{padding:4px 3px 3px;font-size:clamp(9px,2.6cqw,13px)}.hh-tile:hover{transform:translateY(-2px)}.hh-tile.is-focused{z-index:4;transform:translateY(-5px)scale(1.1)rotate(-2.5deg)}.hh-tile.is-focused .hh-portrait{box-shadow:0 0 0 3px var(--ink), 0 0 0 7px var(--gold), 0 10px 0 5px var(--ink), 0 0 30px 10px #ffd23f80}.hh-tile.is-focused .hh-portrait__name{color:var(--ink);background:var(--gold)}.hh-tile.is-focused .hh-glyph{animation:.9s ease-in-out infinite hh-tile-bob}@keyframes hh-tile-bob{50%{transform:translateY(-4%)rotate(2deg)}}.hh-tile.is-locked .hh-portrait:after{content:"";z-index:3;background:#1b14468c;position:absolute;inset:0}.hh-tile__lock{z-index:5;color:#fff;place-items:center;display:none;position:absolute;inset:0}.hh-tile__lock .hh-icon{width:34%;height:34%;filter:drop-shadow(0 3px 0 var(--ink))}.hh-tile.is-locked .hh-tile__lock{display:grid}.hh-tile__badges{z-index:6;gap:2px;display:flex;position:absolute;top:-7px;right:-7px}.hh-tile__badge{width:24px;height:24px;font-family:var(--font-display);color:#fff;background:var(--candy);border:2.5px solid var(--ink);box-shadow:0 2px 0 var(--ink);animation:hh-enter-zoom .32s var(--ease-bounce) backwards;border-radius:50%;place-items:center;padding-top:2px;font-size:13px;line-height:1;display:grid}.hh-tile__badge.is-t1{background:var(--sky)}.hh-tile__cursors{z-index:7;flex-wrap:wrap;gap:2px;max-width:80%;display:flex;position:absolute;top:-9px;left:-8px}.hh-cursor{font-family:var(--font-display);color:var(--ink);background:var(--pc);border:2.5px solid var(--ink);box-shadow:0 2px 0 var(--ink);animation:hh-pop .3s var(--ease-pop);border-radius:7px;padding:3px 5px 1px;font-size:12px;line-height:1;transform:rotate(-8deg)}.hh-tile.has-cursor:not(.is-focused) .hh-portrait{box-shadow:0 0 0 3px var(--ink), 0 0 0 6px var(--cc,var(--p2)), 0 5px 0 5px var(--ink)}.hh-tile.is-stamp{animation:hh-stamp .48s var(--ease-pop)}.hh-tile.is-deny{animation:.32s hh-deny}@keyframes hh-stamp{0%{scale:1}30%{scale:.82}60%{scale:1.12}to{scale:1}}@keyframes hh-deny{20%,60%{translate:-6px}40%,80%{translate:6px}}.hh-stage{--bg:#2ec4ff;isolation:isolate;border:var(--stroke-lg) solid var(--ink);border-radius:var(--r-xl);min-height:240px;box-shadow:0 10px 0 var(--ink), 0 30px 50px #11062866;background:var(--bg);transition:background-color var(--dur) ease;flex:1;position:relative;overflow:hidden}.hh-stage__bg{background:radial-gradient(circle at 50% 30%, #fff9, transparent 50%), var(--pat-dots), linear-gradient(180deg, color-mix(in srgb, var(--bg) 78%, white), var(--bg) 45%, color-mix(in srgb, var(--bg) 50%, #2a1640));transition:background-color var(--dur);position:absolute;inset:0}.hh-stage__rays{--rays:180%;opacity:.9;top:30%}.hh-stage__spot{clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);mix-blend-mode:soft-light;background:linear-gradient(#ffffff73,#fff0);position:absolute;inset:-10% 18% 14%}.hh-stage__floor{background:radial-gradient(ellipse at 50% 40%, #fff 0%, var(--ice) 40%, var(--ice-2) 70%, var(--ice-shadow) 100%);border:var(--stroke-lg) solid var(--ink);height:16%;box-shadow:0 8px 0 var(--ink), inset 0 -6px 0 #2a164033;border-radius:50%;position:absolute;bottom:10%;left:12%;right:12%}.hh-stage__art{aspect-ratio:1;z-index:2;max-width:86%;height:76%;position:absolute;bottom:15%;left:50%;translate:-50%}.hh-stage__glyph{filter:drop-shadow(0 10px #2a164059);transform-origin:50% 100%;width:100%;height:100%;animation:2.6s ease-in-out infinite hh-stage-idle}.hh-stage__art.is-in-r .hh-stage__glyph{animation:hh-stage-in-r .46s var(--ease-bounce) backwards, hh-stage-idle 2.6s ease-in-out .46s infinite}.hh-stage__art.is-in-l .hh-stage__glyph{animation:hh-stage-in-l .46s var(--ease-bounce) backwards, hh-stage-idle 2.6s ease-in-out .46s infinite}@keyframes hh-stage-idle{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3%)scale(.98,1.02)}}@keyframes hh-stage-in-r{0%{opacity:0;transform:translate(40%)scale(.7)rotate(12deg)}}@keyframes hh-stage-in-l{0%{opacity:0;transform:translate(-40%)scale(.7)rotate(-12deg)}}.hh-stage__host{z-index:3;position:absolute;inset:0}.hh-stage__host>canvas{width:100%!important;height:100%!important}:is(.hh-stage:has(.hh-stage__host>*) .hh-stage__art,.hh-stage:has(.hh-stage__host>*) .hh-stage__badge){display:none}.hh-stage__caption{z-index:4;pointer-events:none;flex-direction:column;align-items:center;gap:4px;padding:0 12px clamp(10px,2vh,18px);display:flex;position:absolute;bottom:0;left:0;right:0}.hh-stage__role{font-family:var(--font-head);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--gold);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:999px;padding:4px 12px 3px;transform:rotate(-3deg)}.hh-stage__name{text-align:center;color:#fff;-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;text-shadow:0 .09em 0 var(--ink);font-size:clamp(30px,2vw + 1.4rem,58px);line-height:.95;transform:rotate(-3deg)}.hh-stage__name.is-long{font-size:clamp(24px,1.4vw + 1.1rem,42px)}.hh-stage__name.is-pop{animation:hh-name-pop .42s var(--ease-pop)}@keyframes hh-name-pop{0%{opacity:.2;scale:1.3}}.hh-stage__badge{z-index:4;font-family:var(--font-head);letter-spacing:.12em;color:#fff;background:#2a16408c;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:10px;display:inline-flex;position:absolute;top:12px;left:12px}.hh-stage__badge .hh-icon{width:13px;height:13px}.hh-info{scrollbar-width:none;border:var(--stroke-lg) solid var(--ink);border-radius:var(--r-lg);min-height:0;box-shadow:0 8px 0 var(--ink), var(--shadow-drop);background:linear-gradient(#46287cf2,#2a1640f5);flex-direction:column;flex:0 auto;gap:clamp(8px,1.3vh,14px);padding:clamp(12px,1.8vh,20px) clamp(14px,1.4vw,20px);display:flex;overflow-y:auto}.hh-info.is-swap>*{animation:hh-enter-right .3s var(--ease-out) backwards}.hh-info.is-swap>:nth-child(2){animation-delay:30ms}.hh-info.is-swap>:nth-child(3){animation-delay:60ms}.hh-info.is-swap>:nth-child(4){animation-delay:90ms}.hh-info__top{flex-direction:column;gap:6px;display:flex}.hh-info__blurb{font-size:var(--fs-md);color:#fff;margin:0;font-weight:600;line-height:1.3}.hh-info__meta{display:flex}.hh-info__size{font-family:var(--font-head);letter-spacing:.1em;text-transform:uppercase;color:var(--ice);align-items:center;gap:6px;font-size:11px;display:inline-flex}.hh-info__size .hh-icon{width:13px;height:13px}.hh-info__size i{opacity:.5;font-style:normal}.hh-info__trade{font-size:var(--fs-sm);color:var(--gold);background:#0f052366;border-radius:10px;align-items:center;gap:8px;margin:0;padding:7px 10px;font-weight:600;display:flex}.hh-info__trade .hh-icon{flex:none;width:18px;height:18px}.hh-info__attrs{flex-direction:column;gap:clamp(6px,1vh,10px);display:flex}.hh-sig{color:#fff;background:repeating-linear-gradient(-45deg, #ffffff1a 0 10px, transparent 10px 20px), linear-gradient(180deg, #a874ee, var(--grape) 50%, var(--grape-dark));border:var(--stroke) solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:18px;padding:10px 14px 12px;position:relative}.hh-sig__head{align-items:center;gap:8px;margin-bottom:4px;display:flex}.hh-sig__star{width:28px;height:28px;color:var(--ink);background:var(--gold);border:2.5px solid var(--ink);border-radius:50%;place-items:center;display:grid}.hh-sig__star .hh-icon{width:16px;height:16px}.hh-sig__label{font-family:var(--font-head);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:11px}.hh-sig__use{font-family:var(--font-head);letter-spacing:.06em;text-transform:uppercase;background:#2a164080;border-radius:999px;margin-left:auto;padding:3px 8px 2px;font-size:10px}.hh-sig__name{font-family:var(--font-display);font-size:var(--fs-xl);-webkit-text-stroke:.12em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink);line-height:1}.hh-sig__summary{font-size:var(--fs-sm);margin:6px 0 8px;font-weight:600;line-height:1.3}.hh-sig__counter{font-size:var(--fs-xs);background:#2a164073;border-radius:10px;margin:0;padding:6px 10px;font-weight:500;line-height:1.3}.hh-sig__counter b{color:var(--mint);font-weight:700}.hh-sel-foot{border:var(--stroke-lg) solid var(--ink);box-shadow:0 7px 0 var(--ink);background:linear-gradient(#3a2160eb,#1b1446f0);border-radius:24px;flex:none;align-items:center;gap:clamp(10px,1.6vw,22px);padding:10px clamp(12px,1.4vw,20px);display:flex}.hh-squad{--slot:clamp(40px, 5.4vh, 56px);align-items:center;gap:10px;display:flex}.hh-squad__label{font-family:var(--font-head);letter-spacing:.1em;text-transform:uppercase;text-align:center;flex-direction:column;align-items:center;gap:2px;max-width:64px;font-size:11px;line-height:1;display:flex}.hh-squad__emblem{width:36px;height:36px}.hh-squad__slots{gap:8px;display:flex}.hh-slot{width:calc(var(--slot) + 18px);flex-direction:column;align-items:center;gap:3px;display:flex;position:relative}.hh-slot .hh-portrait{border-width:var(--stroke);box-shadow:0 4px 0 var(--ink)}.hh-slot .hh-portrait.is-empty{box-shadow:none;border-style:dashed;border-color:#ffffff59}.hh-slot.is-next .hh-portrait{border-color:var(--gold);animation:1.1s ease-in-out infinite hh-slot-next}@keyframes hh-slot-next{50%{scale:1.08;box-shadow:0 0 18px 4px #ffd23f73}}.hh-slot__num{z-index:3;width:20px;height:20px;font-family:var(--font-display);color:var(--ink);border:2px solid var(--ink);background:#fff;border-radius:50%;place-items:center;padding-top:2px;font-size:11px;display:grid;position:absolute;top:-6px;left:0}.hh-squad.is-t0 .hh-slot.is-filled .hh-slot__num{background:var(--candy);color:#fff}.hh-squad.is-t1 .hh-slot.is-filled .hh-slot__num{background:var(--sky);color:#fff}.hh-slot__name{max-width:100%;font-family:var(--font-head);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;color:#ffffffe6;font-size:11px;overflow:hidden}.hh-slot:not(.is-filled) .hh-slot__name{color:var(--gold)}.hh-slot__owner{font-family:var(--font-display);color:var(--ink);background:var(--pc);border-radius:5px;padding:2px 4px 0;font-size:10px;position:absolute;top:-6px;right:0}.hh-slot__owner:empty{display:none}.hh-slot.is-stamp .hh-portrait{animation:hh-stamp .42s var(--ease-pop)}.hh-sel-tools{flex-direction:column;gap:8px;display:flex}.hh-sel-tools__row{align-items:center;gap:8px;display:flex}.hh-sel-lbl{font-family:var(--font-head);letter-spacing:.1em;color:var(--ice);align-items:center;gap:4px;font-size:11px;display:inline-flex}.hh-sel-lbl .hh-icon{width:16px;height:16px}.hh-sel-tools .hh-stepper{min-width:150px;height:40px}.hh-sel-tools .hh-stepper__value{font-size:var(--fs-sm)}.hh-sel-tip{min-width:0;font-size:var(--fs-sm);color:#ffffffd1;background:#0f052359;border-radius:14px;flex:1;align-items:center;gap:10px;padding:8px 14px;font-weight:600;display:flex}.hh-sel-tip .hh-icon{width:22px;height:22px;color:var(--gold);flex:none}.hh-sel-tip b{color:var(--gold);font-family:var(--font-head);letter-spacing:.06em;text-transform:uppercase;font-weight:400}.hh-screen--select.is-opp-pick .hh-sel-tip,.hh-screen--select.is-mode-versus .hh-sel-tip{display:none}@media (max-width:1180px),(max-height:520px){.hh-sel-tip{display:none}}.hh-sel-go{flex-direction:column;align-items:center;gap:4px;margin-left:auto;display:flex}.hh-sel-cta.is-ready{animation:1.3s ease-in-out infinite hh-cta}@keyframes hh-cta{50%{filter:brightness(1.1);scale:1.05}}.hh-sel-cta__hint{font-family:var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);min-height:1em;font-size:11px}.hh-sel-hints{flex:none;justify-content:center;display:flex}@media (max-height:820px){.hh-sel-hints{display:none}}.hh-screen--select:not(.is-mode-versus):not(.is-opp-pick) .hh-squad.is-t1,.hh-screen--select.is-online .hh-squad.is-t1{display:none}@media (max-width:1180px){.hh-sel-main{grid-template:"grid stage"minmax(150px,1fr)"grid info"/minmax(0,1fr) minmax(0,1fr)}.hh-stage{min-height:0}.hh-sel-info{max-height:100%}.hh-sel-cta{min-height:58px;font-size:var(--fs-lg);padding:.45em 1.1em}.hh-sel-tools .hh-stepper{min-width:128px}.hh-squad{--slot:42px}.hh-slot{width:54px}.hh-sel-grid{container-type:size}.hh-info{gap:8px;padding:12px 14px}.hh-info__attrs{gap:5px}.hh-sig__summary{margin:4px 0 0}.hh-sig__counter,.hh-info__top,.hh-info__trade,.hh-squad__label span,.hh-sel-tools__row .hh-btn__label{display:none}.hh-sel-tools__row .hh-btn--ghost{padding:0 10px}.hh-tbanner__text b{font-size:var(--fs-xs)}}@media (max-width:720px){.hh-screen--select{gap:10px;padding-bottom:0;overflow:hidden auto}.hh-sel-head{flex-wrap:wrap}.hh-sel-title h1{font-size:var(--fs-xl)}.hh-sel-banners{justify-content:space-between;width:100%}.hh-tbanner{flex:1;min-width:0;min-height:44px}.hh-tbanner__emblem{width:32px;height:32px}.hh-tbanner__text b{white-space:normal;font-size:12px}.hh-sel-main{flex:none;grid-template:"stage attrs""grid grid""more more"/minmax(0,1.1fr) minmax(0,1fr)}.hh-sel-info,.hh-info{display:contents}.hh-info__attrs{grid-area:attrs;align-self:center;gap:7px}.hh-info__attrs .hh-attr{grid-template-columns:1fr;gap:2px}.hh-info__attrs .hh-attr__num{display:none}.hh-info__attrs .hh-attr__pips{height:12px}.hh-info__top,.hh-info__trade{display:none}.hh-sig{grid-area:more}.hh-sel-stage{height:250px}.hh-stage{min-height:0}.hh-stage__name{font-size:28px}.hh-stage__name.is-long{font-size:21px}.hh-sel-grid{container-type:inline-size}.hh-grid{width:100%;padding:8px 4px}.hh-sel-foot{z-index:10;margin:0 calc(-1 * var(--gutter));padding:10px var(--gutter) calc(var(--safe-b) + 12px);border-bottom:0;border-radius:24px 24px 0 0;flex-wrap:wrap;justify-content:space-between;gap:10px;position:sticky;bottom:0}.hh-sel-tools{flex-direction:row;order:3;justify-content:space-between;width:100%}.hh-sel-tools__row+.hh-sel-tools__row .hh-sel-opp{display:none}.hh-squad{--slot:44px}.hh-slot{width:50px}.hh-squad__label{display:none}.hh-sel-go{margin-left:0}.hh-sel-cta{min-height:56px;font-size:var(--fs-lg);padding:.4em 1em}.hh-sel-cta__hint,.hh-sel-hints{display:none}.hh-screen--select.is-mode-versus .hh-sel-tools{order:2;width:auto}.hh-screen--select.is-mode-versus .hh-sel-tools__row+.hh-sel-tools__row{display:none}.hh-screen--select.is-mode-versus .hh-sel-go{flex:1;order:3}.hh-screen--select.is-mode-versus .hh-sel-go .hh-btn{width:100%}}@media (max-height:520px) and (orientation:landscape){.hh-screen--select{padding-top:calc(var(--safe-t) + 6px);padding-bottom:calc(var(--safe-b) + 6px);gap:6px}.hh-sel-head .hh-btn--icon{width:40px;min-width:40px;height:40px}.hh-sel-title h1{font-size:var(--fs-lg)}.hh-sel-title span,.hh-tbanner__mini,.hh-tbanner__text small,.hh-sel-vs{display:none}.hh-tbanner{min-height:36px;padding:2px 10px 2px 2px}.hh-tbanner__emblem{width:30px;height:30px}.hh-sel-main{grid-template:"grid stage info"minmax(0,1fr)/minmax(0,1fr) minmax(0,.9fr) minmax(0,1fr);gap:10px}.hh-grid{gap:5px;padding:6px}.hh-tile .hh-portrait__name{display:none}.hh-stage{border-radius:20px;min-height:0}.hh-stage__name{font-size:24px}.hh-stage__name.is-long{font-size:18px}.hh-stage__role{font-size:9px}.hh-info{gap:6px;padding:8px 10px}.hh-info__attrs{gap:4px}.hh-attr__pips{height:12px}.hh-sig__summary{display:none}.hh-sig__name{font-size:var(--fs-lg)}.hh-sel-foot{border-radius:16px;gap:10px;padding:5px 10px}.hh-squad{--slot:34px}.hh-slot{width:40px}.hh-slot__name,.hh-squad__label{display:none}.hh-sel-tools{flex-direction:row}.hh-sel-tools .hh-stepper{min-width:120px;height:36px}.hh-sel-cta{min-height:46px;font-size:var(--fs-md)}.hh-sel-cta__hint,.hh-sel-hints,.hh-sel-opp,.hh-screen--select.is-mode-versus .hh-sel-tools__row+.hh-sel-tools__row{display:none}.hh-sel-cta{padding:.35em .9em}.hh-sel-cta .hh-btn__icon{display:none}}.hh-hud{--bug-h:clamp(46px, 6.4vh, 66px);--pc-size:clamp(58px, 8vh, 84px);--mate:clamp(32px, 4.4vh, 44px);--top:calc(var(--safe-t) + clamp(8px, 1.6vh, 16px));pointer-events:none;transition:opacity var(--dur) ease;position:absolute;inset:0}.hh-hud[hidden]{display:none}.hh-hud.is-entering .hh-hud__top{animation:hh-enter-down .52s var(--ease-bounce) backwards}.hh-hud.is-entering .hh-pcard{animation:hh-enter-up .52s var(--ease-bounce) .12s backwards}.hh-hud.is-dimmed{opacity:.35}:is(body:has(.hh-hud[data-phase=goal]) .hh-touch[data-visible=true],body:has(.hh-hud[data-phase=halftime]) .hh-touch[data-visible=true],body:has(.hh-hud[data-phase=final]) .hh-touch[data-visible=true]){opacity:.28;transition:opacity .42s}.hh-hud[data-phase=intro] .hh-hud__cards{opacity:0;transform:translateY(30px)}.hh-hud__cards{transition:opacity .4s ease, transform .4s var(--ease-bounce)}.hh-hud__top{top:var(--top);flex-direction:column;align-items:center;display:flex;position:absolute;left:50%;translate:-50%}.hh-scorebug{height:var(--bug-h);font-size:calc(var(--bug-h) * .5);filter:drop-shadow(0 5px 0 var(--ink)) drop-shadow(0 10px 16px #11062859);align-items:stretch;display:flex}.sb-team{border:var(--stroke-lg) solid var(--ink);color:#fff;align-items:center;gap:.3em;padding:0 .55em;display:flex;position:relative}.sb-team.is-t0{background:repeating-linear-gradient(-45deg, #ffffff42 0 7px, transparent 7px 14px), linear-gradient(180deg, #ff6b83, var(--candy) 55%, var(--candy-dark));transform-origin:100%;border-right:0;border-radius:.5em 0 0 .5em;padding-left:1.55em;transform:skew(-10deg)}.sb-team.is-t1{background:var(--pat-snow) 0 0 / 28px 28px, linear-gradient(180deg, #6fd8ff, var(--sky) 55%, var(--sky-dark));transform-origin:0;border-left:0;border-radius:0 .5em .5em 0;padding-right:1.55em;transform:skew(10deg)}.sb-team>*{transform:skew(10deg)}.sb-team.is-t1>*{transform:skew(-10deg)}.sb-name{font-family:var(--font-head);letter-spacing:.06em;text-shadow:0 2px 0 var(--ink), 1px 0 0 var(--ink), -1px 0 0 var(--ink);font-size:.64em}.sb-emblem{width:calc(var(--bug-h) * 1.08);height:calc(var(--bug-h) * 1.08);margin-top:calc(var(--bug-h) * -.56);position:absolute;top:50%}.sb-team.is-t0 .sb-emblem{left:calc(var(--bug-h) * -.62)}.sb-team.is-t1 .sb-emblem{right:calc(var(--bug-h) * -.62)}.sb-score{border-block:var(--stroke-lg) solid var(--ink);border-inline:3px solid var(--ink);min-width:1.5em;color:var(--ink);background:linear-gradient(#fff 55%,#e3ddff);place-items:center;padding:0 .3em;display:grid}.sb-num{font-family:var(--font-display);margin-top:.1em;font-size:1.12em;line-height:1}.sb-score.is-slam .sb-num{animation:sb-slam .7s var(--ease-pop)}.sb-score.is-t0.is-slam{animation:.9s sb-flash-0}.sb-score.is-t1.is-slam{animation:.9s sb-flash-1}@keyframes sb-slam{0%{color:var(--gold);transform:scale(2.6)rotate(-12deg)}45%{transform:scale(.85)}70%{transform:scale(1.12)}}@keyframes sb-flash-0{0%,40%{background:var(--gold)}}@keyframes sb-flash-1{0%,40%{background:var(--gold)}}.sb-mid{background:linear-gradient(180deg, #4a2a80, var(--ink));border-block:var(--stroke-lg) solid var(--ink);color:#fff;flex-direction:column;justify-content:center;align-items:center;min-width:3.9em;padding:0 .5em;display:flex;position:relative}.sb-clock{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#fff;margin-top:.12em;font-size:.92em;line-height:1}.sb-period{font-family:var(--font-head);letter-spacing:.12em;color:var(--ink);background:var(--gold);border-radius:999px;margin-top:.1em;padding:.12em .5em .06em;font-size:.4em}.sb-mid.is-warn .sb-clock{color:var(--tangerine)}.sb-mid.is-crit .sb-clock{color:#ff5b75}.sb-mid.is-crit{background:linear-gradient(180deg, #6a1840, var(--ink))}.sb-mid.is-tick .sb-clock{animation:sb-tick .42s var(--ease-pop)}@keyframes sb-tick{0%{transform:scale(1.55)}}.hh-hud__pause{top:var(--top);right:calc(var(--safe-r) + 12px);color:#fff;border:var(--stroke) solid var(--ink);width:46px;height:46px;box-shadow:0 4px 0 var(--ink);pointer-events:auto;background:#2a1640b8;border-radius:14px;place-items:center;display:grid;position:absolute}.hh-hud__pause .hh-icon{width:22px;height:22px}.hh-hud__pause:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}[data-device=keyboard] .hh-hud__pause,[data-device=gamepad] .hh-hud__pause{opacity:0;pointer-events:none}.hh-hud__rotate{left:50%;bottom:calc(var(--safe-b) + 18px);font-family:var(--font-head);font-size:var(--fs-sm);letter-spacing:.04em;text-transform:uppercase;color:#fff;white-space:nowrap;background:#2a1640d9;border:2.5px solid #fffc;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;animation:2.4s ease-in-out infinite hh-rotate-hint;display:none;position:absolute;translate:-50%}.hh-hud__rotate .hh-icon{width:20px;height:20px}@keyframes hh-rotate-hint{50%{scale:1.06}}[data-device=keyboard] .hh-hud__rotate,[data-device=gamepad] .hh-hud__rotate{display:none!important}.hh-hud__fps{top:calc(var(--safe-t) + 6px);left:calc(var(--safe-l) + 8px);color:var(--mint);background:#0f0523b8;border-radius:6px;padding:3px 8px;font:600 11px/1 ui-monospace,monospace;display:none;position:absolute}.hh-hud__fps.is-on{display:block}.hh-pcard{--pc:var(--p1);--t:var(--team0);--t2:var(--team0-dark);pointer-events:none;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;gap:6px 0;display:grid;position:absolute}.hh-pcard.is-t1{--t:var(--team1);--t2:var(--team1-dark)}.hh-pcard.slot-0{left:calc(var(--safe-l) + var(--gutter));bottom:calc(var(--safe-b) + clamp(10px, 2vh, 22px))}.hh-pcard.slot-1{right:calc(var(--safe-r) + var(--gutter));bottom:calc(var(--safe-b) + clamp(10px, 2vh, 22px));direction:rtl}.hh-pcard.slot-1>*{direction:ltr}.hh-pcard.slot-2{left:calc(var(--safe-l) + var(--gutter));top:calc(var(--top) + 6px)}.hh-pcard.slot-3{right:calc(var(--safe-r) + var(--gutter) + 56px);top:calc(var(--top) + 6px);direction:rtl}.hh-pcard.slot-3>*{direction:ltr}.pc-portrait{z-index:2;width:var(--pc-size);height:var(--pc-size);grid-row:1/span 2;position:relative}.pc-portrait .hh-portrait{border-width:var(--stroke-lg);box-shadow:0 0 0 4px var(--t), 0 0 0 7px var(--ink), 0 6px 0 4px var(--ink)}.pc-ring{border:4px dashed var(--gold);opacity:0;transition:opacity var(--dur);border-radius:50%;position:absolute;inset:-12px}.hh-pcard.is-ready .pc-ring{opacity:1;animation:5s linear infinite hh-spin}.hh-pcard.is-sig .pc-portrait .hh-portrait{box-shadow:0 0 0 4px var(--grape), 0 0 0 7px var(--ink), 0 0 26px 10px #9b5de5cc}.hh-pcard.is-switch .pc-portrait .hh-portrait{animation:pc-flip .42s var(--ease-bounce)}@keyframes pc-flip{0%{transform:rotateY(90deg)scale(.8)}}.pc-tag{font-family:var(--font-display);color:var(--ink);background:var(--pc);border:2.5px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:8px;padding:3px 7px 2px;font-size:13px;line-height:1;position:absolute;top:-8px;left:-6px;transform:rotate(-10deg)}[data-players="1"] .pc-tag{display:none}.pc-puck{color:#fff;background:var(--ink);width:28px;height:28px;transition:transform var(--dur) var(--ease-pop);border:2.5px solid #fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-6px;transform:scale(0)}.pc-puck .hh-icon{width:18px;height:18px}.hh-pcard.has-puck .pc-puck{transform:scale(1)}.pc-body{min-width:clamp(170px,18vw,240px);margin-left:calc(var(--pc-size) * -.28);padding:7px 16px 9px calc(var(--pc-size) * .36);border:var(--stroke) solid var(--ink);box-shadow:0 4px 0 var(--ink), inset 0 2px 0 #ffffff1f;transform-origin:0;background:linear-gradient(#3a2160eb,#2a1640f0);border-left:0;border-radius:0 14px 14px 0;flex-direction:column;gap:5px;display:flex;position:relative;transform:skew(-8deg)}.pc-body:before{content:"";width:calc(var(--pc-size) * .3);background:var(--t);position:absolute;top:0;bottom:0;left:0}.pc-body>*{transform:skew(8deg)}.hh-pcard.slot-1 .pc-body,.hh-pcard.slot-3 .pc-body{margin-left:0;margin-right:calc(var(--pc-size) * -.28);padding:7px calc(var(--pc-size) * .36) 9px 16px;border-left:var(--stroke) solid var(--ink);transform-origin:100%;border-right:0;border-radius:14px 0 0 14px;transform:skew(8deg)}.hh-pcard.slot-1 .pc-body:before,.hh-pcard.slot-3 .pc-body:before{left:auto;right:0}.hh-pcard.slot-1 .pc-body>*,.hh-pcard.slot-3 .pc-body>*{transform:skew(-8deg)}.pc-head{align-items:baseline;gap:8px;display:flex}.pc-name{font-family:var(--font-head);font-size:var(--fs-md);letter-spacing:.04em;text-transform:uppercase;color:#fff;text-shadow:0 2px 0 var(--ink);white-space:nowrap}.pc-role{font-family:var(--font-head);font-size:var(--fs-2xs);letter-spacing:.08em;color:var(--gold)}.pc-row{align-items:center;gap:6px;display:flex}.pc-row .hh-meter{flex:1}.pc-row.is-stamina .hh-meter{--h:12px}.pc-row.is-spot .hh-meter{--h:14px}.pc-ic{flex:none;width:16px;height:16px}.is-stamina .pc-ic{color:var(--mint)}.is-spot .pc-ic{color:var(--grape);fill:currentColor}.hh-pcard.is-turbo .is-stamina .pc-ic{animation:.26s linear infinite hh-turbo}@keyframes hh-turbo{50%{color:#fff;transform:scale(1.35)}}.pc-ready{font-family:var(--font-display);color:var(--gold);text-shadow:0 2px 0 var(--ink);white-space:nowrap;align-items:center;gap:4px;font-size:13px;display:none}.pc-ready .hh-kh{font-size:11px}.hh-pcard.is-ready .pc-ready{animation:.9s ease-in-out infinite pc-ready;display:inline-flex}.hh-pcard.is-ready .is-spot .pc-ic{color:var(--gold);animation:.9s ease-in-out infinite hh-pop}.hh-pcard.is-ready .pc-spot .hh-meter__track{box-shadow:0 2px 0 var(--ink), 0 0 14px 3px #ffd23fbf}.hh-pcard.is-ready .pc-spot .hh-meter__fill{background:repeating-linear-gradient(-45deg, #ffffff73 0 5px, transparent 5px 10px), linear-gradient(180deg, #fff3a8, var(--gold) 50%, var(--gold-dark));animation:1s linear infinite pc-shimmer}@keyframes pc-ready{50%{transform:scale(1.12)}}@keyframes pc-shimmer{50%{filter:brightness(1.35)}}.pc-mates{padding-left:calc(var(--pc-size) * .08);grid-column:2;gap:8px;display:flex}.hh-pcard.slot-1 .pc-mates,.hh-pcard.slot-3 .pc-mates{padding-left:0;padding-right:calc(var(--pc-size) * .08);justify-content:flex-end}.hh-mate{border:2.5px solid var(--ink);background:#2a1640c7;border-radius:999px;align-items:center;gap:5px;padding:3px 8px 3px 3px;display:flex}.hh-mate[hidden]{display:none}.hh-mate__pt{position:relative}.hh-mate .hh-portrait{border-width:2.5px}.hh-mate .pm-meter{--h:8px;width:clamp(34px,3.4vw,50px);min-width:0}.hh-mate .pm-meter .hh-meter__track{box-shadow:none;border-width:2px}.hh-mate__puck{background:var(--ink);width:12px;height:12px;transition:transform var(--dur) var(--ease-pop);border:2px solid #fff;border-radius:50%;position:absolute;bottom:-3px;right:-3px;transform:scale(0)}.hh-mate.has-puck .hh-mate__puck{transform:scale(1)}.hh-mate.is-ready .pm-meter .hh-meter__fill{background:linear-gradient(180deg, #fff3a8, var(--gold))}.hh-mate.is-human{border-color:var(--gold)}[data-device=touch] .hh-hud{--pc-size:clamp(46px, 7vh, 60px)}[data-device=touch] .hh-pcard.slot-0{top:var(--top);bottom:auto}[data-device=touch] .hh-pcard.slot-1{top:var(--top);bottom:auto;right:calc(var(--safe-r) + var(--gutter) + 58px)}[data-device=touch] .pc-body{gap:3px;min-width:clamp(130px,16vw,190px);padding-top:5px;padding-bottom:6px}[data-device=touch] .pc-name{font-size:var(--fs-sm)}[data-device=touch] .pc-mates{display:none}@media (orientation:landscape){[data-device=touch] .hh-bn--callout{top:calc(var(--top) + var(--pc-size) + 40px)}[data-device=touch] .hh-bn--sig{top:calc(var(--top) + var(--pc-size) + 100px)}}@media (max-height:500px){.hh-hud{--bug-h:40px;--pc-size:50px;--mate:28px}.pc-body{gap:3px;min-width:140px;padding-top:4px;padding-bottom:5px}.pc-name{font-size:var(--fs-sm)}.pc-row.is-stamina .hh-meter{--h:9px}.pc-row.is-spot .hh-meter{--h:11px}}@media (max-width:720px) and (orientation:portrait){.hh-hud{--bug-h:42px;--pc-size:50px}[data-device=touch] .hh-pcard.slot-0{top:calc(var(--top) + var(--bug-h) + 16px)}[data-device=touch] .hh-pcard.slot-1{top:calc(var(--top) + var(--bug-h) + 16px);right:calc(var(--safe-r) + var(--gutter))}.hh-hud__rotate{display:flex!important}.hh-hud__banners .hh-bn--callout{top:calc(var(--top) + var(--bug-h) + 104px)}.hh-hud__banners .hh-bn--sig{top:calc(var(--top) + var(--bug-h) + 164px)}.sb-name{display:none}.sb-team.is-t0{padding-left:1.2em}.sb-team.is-t1{padding-right:1.2em}}.hh-hud__banners{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hh-bn{pointer-events:none;position:absolute}.hh-bn.is-out{animation:bn-out .38s var(--ease-in) both!important}@keyframes bn-out{to{opacity:0;transform:scale(.85)translateY(-14px)}}.hh-bn--callout{top:calc(var(--top) + var(--bug-h) + clamp(14px, 3vh, 34px));background:var(--tone,var(--gold));border:var(--stroke-lg) solid var(--ink);box-shadow:0 6px 0 var(--ink), 0 12px 22px #11062859;animation:bn-call-in .46s var(--ease-bounce) both;border-radius:16px;align-items:center;gap:10px;padding:6px 18px 6px 6px;display:flex}.hh-bn--callout.is-left{left:calc(var(--safe-l) + var(--gutter));transform-origin:0;rotate:-4deg}.hh-bn--callout.is-right{right:calc(var(--safe-r) + var(--gutter));transform-origin:100%;--from:120%;rotate:4deg}.hh-bn--callout.tone-sky{--tone:var(--sky)}.hh-bn--callout.tone-tangerine{--tone:var(--tangerine)}.hh-bn--callout.tone-gold{--tone:var(--gold)}.hh-bn--callout.tone-mint{--tone:var(--mint)}.hh-bn--callout.tone-grape{--tone:var(--grape)}.hh-bn--callout.tone-snow{--tone:#fff}.hh-bn--bigHit{clip-path:polygon(0 12%,6% 0,14% 10%,24% 0,36% 8%,50% 0,62% 8%,76% 0,86% 10%,95% 0,100% 16%,97% 50%,100% 86%,94% 100%,84% 90%,72% 100%,60% 92%,48% 100%,36% 92%,24% 100%,12% 90%,4% 100%,0 84%,3% 50%);box-shadow:none!important;background:radial-gradient(circle at 30% 40%, #ffd08f, transparent 60%), var(--tangerine)!important;animation:bn-call-in .46s var(--ease-bounce) both, bn-shake 90ms linear .46s 5!important;border:0!important;padding:12px 24px 12px 12px!important}.bn-call__icon{color:#fff;background:var(--ink);border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.bn-call__icon .hh-icon{width:26px;height:26px}.bn-call__text{font-family:var(--font-display);font-size:var(--fs-xl);color:#fff;-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;text-shadow:0 .09em 0 var(--ink);white-space:nowrap;margin-top:.12em;line-height:1}.bn-call__who{font-family:var(--font-head);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);align-self:flex-end;margin-bottom:4px}@keyframes bn-call-in{0%{opacity:0;transform:translateX(var(--from,-120%)) scale(.6)}60%{opacity:1;transform:translate(0)scale(1.12)}}@keyframes bn-shake{25%{translate:-3px 1px}75%{translate:3px -1px}}.hh-bn--sig{top:calc(var(--top) + var(--bug-h) + clamp(70px, 12vh, 110px));left:calc(var(--safe-l) + var(--gutter));background:repeating-linear-gradient(-45deg, #ffffff24 0 10px, transparent 10px 20px), linear-gradient(180deg, #b27cf2, var(--grape) 55%, var(--grape-dark));border:var(--stroke-lg) solid var(--ink);box-shadow:0 6px 0 var(--ink), 0 0 40px 10px #9b5de580;animation:bn-sig-in .52s var(--ease-bounce) both;border-radius:18px 40px 40px 18px;align-items:center;gap:12px;padding:8px 26px 8px 10px;display:flex}.hh-bn--sig.is-t1{left:auto;right:calc(var(--safe-r) + var(--gutter));--from:120%;border-radius:40px 18px 18px 40px;flex-direction:row-reverse;padding:8px 10px 8px 26px}.hh-bn--sig .hh-portrait{border-width:var(--stroke-lg)}.bn-sig__text{flex-direction:column;gap:2px;display:flex}.hh-bn--sig.is-t1 .bn-sig__text{align-items:flex-end}.bn-sig__text small{font-family:var(--font-head);font-size:var(--fs-xs);letter-spacing:.18em;color:var(--gold);text-shadow:0 2px 0 var(--ink);align-items:center;gap:4px;display:inline-flex}.bn-sig__text small .hh-icon{fill:currentColor;width:14px;height:14px}.bn-sig__text b{font-family:var(--font-display);font-weight:400;font-size:var(--fs-xl);color:#fff;-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;text-shadow:0 .09em 0 var(--ink);white-space:nowrap;line-height:1}@keyframes bn-sig-in{0%{opacity:0;transform:translateX(var(--from,-120%)) skewX(-20deg)}60%{opacity:1;transform:translate(0)skew(8deg)scale(1.08)}}.hh-bn--count{top:calc(var(--top) + var(--bug-h) + clamp(18px, 6vh, 70px));place-items:center;width:clamp(120px,20vh,200px);height:clamp(120px,20vh,200px);display:grid;left:50%;translate:-50%}.bn-count__num{font-family:var(--font-display);color:#fff;-webkit-text-stroke:.12em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink);animation:bn-count .74s var(--ease-pop) both;margin-top:.12em;font-size:clamp(72px,16vh,150px);line-height:1;position:relative}.bn-count__ring{border:8px solid var(--gold);box-shadow:0 0 0 4px var(--ink);animation:bn-ring .74s var(--ease-out) both;border-radius:50%;position:absolute;inset:0}.hh-bn--count.is-n2 .bn-count__ring{border-color:var(--sky)}.hh-bn--count.is-n1 .bn-count__ring{border-color:var(--candy)}.hh-bn--count.is-go .bn-count__num{color:var(--mint);animation:bn-go .9s var(--ease-pop) both;font-size:clamp(80px,18vh,170px)}.hh-bn--count.is-go .bn-count__ring{border-color:var(--mint);border-style:dashed}@keyframes bn-count{0%{opacity:0;transform:scale(2.2)}30%{opacity:1;transform:scale(.9)}45%{transform:scale(1.05)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes bn-ring{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.4)}}@keyframes bn-go{0%{opacity:0;transform:scale(.2)rotate(-20deg)}35%{opacity:1;transform:scale(1.25)rotate(4deg)}60%{transform:scale(1)rotate(0)}85%{opacity:1}to{opacity:0;transform:scale(1.6)}}.hh-bn--clock{top:calc(var(--top) + var(--bug-h) + 12px);font-family:var(--font-display);font-size:var(--fs-md);color:var(--ink);background:var(--tangerine);border:var(--stroke) solid var(--ink);box-shadow:0 4px 0 var(--ink);animation:bn-drop .52s var(--ease-bounce) both;border-radius:999px;align-items:center;gap:8px;padding:6px 16px 5px 10px;display:flex;left:50%;translate:-50%}.hh-bn--clock.is-crit{background:var(--candy);color:#fff}.hh-bn--clock .hh-icon{width:20px;height:20px}@keyframes bn-drop{0%{opacity:0;transform:translateY(-30px)scale(.6)}}.hh-bn--big{--t:var(--team0);--t2:var(--team0-dark);inset:0}.hh-bn--big.is-t1{--t:var(--team1);--t2:var(--team1-dark)}.bn-goal__flash{background:radial-gradient(circle at 50% 30%,#fff,#fff9 40%,#0000 70%);animation:.52s ease-out both bn-flash;position:absolute;inset:0}[data-flashes=reduced] .bn-goal__flash{display:none}@keyframes bn-flash{0%{opacity:.95}to{opacity:0}}.bn-goal__band{left:-6%;right:-6%;top:calc(var(--top) + var(--bug-h) + 2vh);background:repeating-linear-gradient(-45deg, #fff3 0 18px, transparent 18px 36px), linear-gradient(180deg, color-mix(in srgb, var(--t) 75%, white), var(--t) 50%, var(--t2));border-block:6px solid var(--ink);height:clamp(110px,24vh,250px);animation:bn-band .56s var(--ease-bounce) both;position:absolute;overflow:hidden;transform:skewY(-4deg);box-shadow:0 10px #2a164099}.hh-bn--big.is-t1 .bn-goal__band{background:var(--pat-snow) 0 0 / 44px 44px, linear-gradient(180deg, color-mix(in srgb, var(--t) 75%, white), var(--t) 50%, var(--t2))}.bn-goal__rays{--rays:180vmax;opacity:.8}@keyframes bn-band{0%{transform:skewY(-4deg)scaleX(0)}}.bn-goal__word{left:0;right:0;top:calc(var(--top) + var(--bug-h) + 2vh);height:clamp(110px,24vh,250px);font-family:var(--font-display);justify-content:center;align-items:center;font-size:clamp(84px,21vh,230px);line-height:1;display:flex;position:absolute;transform:rotate(-4deg)}.bn-l{animation:bn-letter .62s var(--ease-pop) both;animation-delay:calc(.12s + var(--i) * 60ms);margin:0 -.01em;display:inline-block;position:relative}.bn-l__ext{color:var(--ink);-webkit-text-stroke:.16em var(--ink);filter:drop-shadow(0 .08em 0 var(--ink));display:block}.bn-l__face{color:#fff;background-image:linear-gradient(180deg, #fff 0 45%, #ffe36e 55%, var(--gold) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}@keyframes bn-letter{0%{opacity:0;transform:translateY(-1em)scale(1.8)rotate(-18deg)}55%{opacity:1;transform:translateY(.05em)scale(.9,1.1)}75%{transform:scale(1.06,.95)}to{transform:none}}.bn-goal__strip{left:50%;bottom:calc(var(--safe-b) + clamp(18px, 7vh, 80px));background:linear-gradient(180deg, #4a2a80, var(--ink));border:var(--stroke-lg) solid var(--ink);box-shadow:0 6px 0 #0006, inset 0 0 0 3px var(--t);animation:hh-enter-up .52s var(--ease-bounce) .52s backwards;white-space:nowrap;border-radius:18px;align-items:center;gap:14px;padding:8px 20px 8px 10px;display:flex;position:absolute;translate:-50%}.bn-goal__team .hh-emblem{width:46px;height:46px}.bn-goal__who{flex-direction:column;gap:2px;display:flex}.bn-goal__who b{font-family:var(--font-display);font-weight:400;font-size:var(--fs-xl);color:#fff;text-transform:uppercase;line-height:1}.bn-goal__who small{font-size:var(--fs-xs);color:#ffffffbf;font-weight:600}.bn-goal__score{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--ink);border:var(--stroke) solid var(--ink);background:#fff;border-radius:12px;align-items:center;gap:6px;margin-left:8px;padding:4px 12px 2px;display:flex}.bn-goal__score i{opacity:.5;font-style:normal}.bn-goal__score .is-t0{color:var(--candy-dark)}.bn-goal__score .is-t1{color:var(--sky-dark)}.bn-goal__ptag{font-family:var(--font-display);font-size:var(--fs-sm);color:var(--ink);background:var(--pc);border:2.5px solid var(--ink);border-radius:8px;padding:4px 8px 2px}.hh-bn--phase{flex-direction:column;align-items:center;gap:10px;display:flex;top:30%;left:0;right:0}.bn-phase__band{background:repeating-linear-gradient(-45deg, #ffffff12 0 16px, transparent 16px 32px), linear-gradient(180deg, #4a2a80, var(--ink));border-block:6px solid var(--gold);width:110%;box-shadow:0 0 0 4px var(--ink), 0 14px 30px #11062880;animation:bn-band .56s var(--ease-bounce) both;justify-content:center;align-items:center;gap:clamp(12px,3vw,40px);padding:clamp(10px,2vh,20px) 0 clamp(6px,1.4vh,14px);display:flex;position:relative;transform:rotate(-2deg)}.hh-bn--phase.is-hot .bn-phase__band{border-color:var(--tangerine);background:repeating-linear-gradient(-45deg, #ffffff1a 0 16px, transparent 16px 32px), linear-gradient(180deg, #ff6b83, var(--candy-dark))}.bn-phase__title{font-family:var(--font-display);color:#fff;-webkit-text-stroke:.12em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink);animation:bn-letter .62s var(--ease-pop) .16s both;font-size:min(clamp(48px,11vh,120px),11.5vw);line-height:1}.bn-phase__icon{width:clamp(30px,min(7vh,9vw),70px);height:clamp(30px,min(7vh,9vw),70px);color:var(--ink);background:var(--gold);border:var(--stroke-lg) solid var(--ink);border-radius:50%;place-items:center;display:grid}.bn-phase__icon .hh-icon{width:60%;height:60%}.bn-phase__sub{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--ink);background:var(--gold);border:var(--stroke-lg) solid var(--ink);box-shadow:0 5px 0 var(--ink);animation:hh-enter-up .48s var(--ease-bounce) .36s backwards;border-radius:14px;padding:8px 22px 6px}.bn-phase__score{font-family:var(--font-display);-webkit-text-stroke:.12em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink);animation:hh-enter-zoom .52s var(--ease-bounce) .52s backwards;align-items:center;gap:16px;font-size:min(clamp(40px,9vh,90px),12vw);display:flex}.bn-phase__score i{color:#fff;font-style:normal}.bn-phase__score .is-t0{color:var(--candy)}.bn-phase__score .is-t1{color:var(--sky)}[data-motion=reduced] .hh-bn,[data-motion=reduced] .hh-bn *{animation-duration:1ms!important;animation-delay:0s!important}[data-motion=reduced] .hh-bn.is-out{animation:.2s reverse both hh-enter-fade!important}.hh-ui.has-stage .hh-stage-bg,.hh-stage-bg{background:radial-gradient(120% 90% at 50% 110%, #ff8fb18c, transparent 55%), linear-gradient(180deg, var(--night-top) 0%, #3a2378 55%, var(--night-mid) 100%);display:none;position:absolute;inset:0}.hh-ui.has-stage .hh-stage-bg{display:block}.hh-screen--boot{justify-content:center;align-items:center}.hh-load{flex-direction:column;align-items:center;gap:clamp(26px,6vh,60px);width:min(640px,100%);display:flex}.hh-load__aurora{filter:blur(24px);background:radial-gradient(40% 40% at 25% 40%,#3dffc559,#0000 70%),radial-gradient(40% 36% at 72% 30%,#c77dff66,#0000 70%),radial-gradient(30% 30% at 50% 60%,#7af0ff40,#0000 70%);animation:9s ease-in-out infinite alternate hh-aurora;position:absolute;inset:-10% -10% 40%}@keyframes hh-aurora{to{opacity:.7;transform:translate(6%)scaleY(1.2)}}.hh-load__bar-wrap{width:100%}@media (max-width:720px) and (orientation:portrait){.hh-load__logo .hh-logo{--fs:min(17vw, 80px)}}.hh-load__bar{border:var(--stroke-lg) solid var(--ink);height:32px;box-shadow:0 6px 0 var(--ink), inset 0 3px 0 #00000059;background:#0f0523a6;border-radius:999px;position:relative}.hh-load__fill{background:repeating-linear-gradient(-45deg, #fff 0 12px, var(--candy) 12px 24px);transform-origin:0;transition:transform .3s var(--ease-out);background-size:34px 34px;border-radius:999px;animation:.9s linear infinite hh-barber;position:absolute;inset:3px}@keyframes hh-barber{to{background-position:34px 0}}.hh-load__puck{color:#fff;background:var(--ink);width:44px;height:44px;transition:left .3s var(--ease-out);border:3px solid #fff;border-radius:50%;place-items:center;margin:-22px 0 0 -22px;display:grid;position:absolute;top:50%;box-shadow:0 4px #00000059}.hh-load__puck .hh-icon{width:26px;height:26px;animation:1s linear infinite hh-spin}.hh-load__row{justify-content:space-between;align-items:baseline;margin-top:14px;display:flex}.hh-load__label{font-family:var(--font-head);font-size:var(--fs-md);letter-spacing:.04em;color:#ffffffd9}.hh-load__pct{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--gold);-webkit-text-stroke:.12em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink)}.hh-load__tipcard{background:#2a1640b8;border:3px solid #ffffff24;border-radius:18px;align-items:center;gap:14px;max-width:560px;padding:12px 18px;display:flex}.hh-load__tipicon{width:40px;height:40px;color:var(--ink);background:var(--gold);border:3px solid var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.hh-load__tipicon .hh-icon{width:22px;height:22px}.hh-load__tip{font-weight:600;font-size:var(--fs-md);margin:0}.hh-screen--versus{padding:0}.hh-vs{grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.hh-vs__side{--vs-size:clamp(84px, 11vw, 170px);flex-direction:column;justify-content:center;align-items:center;gap:clamp(16px,4vh,40px);padding:4vh 3vw 20vh;display:flex;position:relative}.hh-vs__wash{z-index:-1;border:8px solid var(--ink);animation:hh-wash-l .56s var(--ease-out) backwards;position:absolute;top:-10%;bottom:-10%}.hh-vs__side.is-t0 .hh-vs__wash{background:repeating-linear-gradient(-45deg, #ffffff2e 0 22px, transparent 22px 44px), radial-gradient(circle at 70% 45%, #ffffff59, transparent 50%), linear-gradient(160deg, #ff6b83, var(--candy) 45%, var(--candy-dark));left:-40%;right:2%;transform:skew(-10deg)}.hh-vs__side.is-t1 .hh-vs__wash{background:var(--pat-snow) 0 0 / 52px 52px, radial-gradient(circle at 30% 45%, #ffffff59, transparent 50%), linear-gradient(160deg, #7ae0ff, var(--sky) 45%, var(--sky-dark));animation-name:hh-wash-r;left:2%;right:-40%;transform:skew(-10deg)}@keyframes hh-wash-l{0%{translate:-110%}}@keyframes hh-wash-r{0%{translate:110%}}.hh-vs__team{align-items:center;gap:12px;display:flex}.hh-vs__emblem{width:clamp(54px,6vw,84px);height:clamp(54px,6vw,84px)}.hh-vs__team .hh-display{font-size:var(--fs-2xl);color:#fff;-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;text-shadow:0 .09em 0 var(--ink);max-width:9em;line-height:.95}.hh-vs__squad{gap:clamp(8px,1.6vw,22px);display:flex}.hh-vs__member{flex-direction:column;align-items:center;gap:8px;display:flex;animation-duration:.62s!important;animation-delay:calc(.24s + var(--i) * .11s)!important}.hh-vs__member:nth-child(2){translate:0 -18px}.hh-vs__member .hh-portrait{box-shadow:0 8px 0 var(--ink), 0 18px 30px #11062866;border-width:5px}.hh-vs__name{font-family:var(--font-head);font-size:var(--fs-sm);letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--ink);white-space:nowrap;border-radius:10px;padding:5px 12px 4px}.hh-vs__center{aspect-ratio:1;z-index:3;place-items:center;width:clamp(140px,18vw,250px);display:grid;position:absolute;top:40%;left:50%;translate:-50% -50%}.hh-vs__rays{--rays:70vmax}.hh-vs__word{font-family:var(--font-display);color:var(--gold);-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink), 0 0 40px #ffd23f99;animation:hh-vs-slam .7s var(--ease-pop) .52s backwards;font-size:clamp(70px,9.5vw,170px);line-height:1;position:relative;transform:rotate(-8deg)}@keyframes hh-vs-slam{0%{opacity:0;scale:4}}.hh-vs__foot{left:50%;bottom:calc(var(--safe-b) + 4vh);z-index:4;flex-direction:column;align-items:center;gap:14px;width:min(760px,92vw);display:flex;position:absolute;translate:-50%}.hh-vs__tip{font-weight:600;font-size:var(--fs-md);border:var(--stroke-lg) solid var(--ink);box-shadow:0 6px 0 var(--ink);background:#2a1640eb;border-radius:18px;align-items:center;gap:12px;padding:12px 18px;display:flex}.hh-vs__tip .hh-icon{width:28px;height:28px;color:var(--gold);flex:none}.hh-vs__tip b{font-family:var(--font-head);color:var(--gold);text-transform:uppercase;letter-spacing:.04em;font-weight:400}.hh-vs__progress{align-items:center;gap:14px;width:100%;display:flex}.hh-vs__bar{border:3px solid var(--ink);background:#0f0523b3;border-radius:999px;flex:1;height:18px;position:relative;overflow:hidden}.hh-vs__fill{background:repeating-linear-gradient(-45deg, #fff 0 10px, var(--gold) 10px 20px);transform-origin:0;transition:transform .3s var(--ease-out);position:absolute;inset:0}.hh-vs__ready{min-width:6.5em;font-family:var(--font-display);font-size:var(--fs-lg);color:#fff;-webkit-text-stroke:.12em var(--ink);paint-order:stroke fill}.is-ready .hh-vs__ready{color:var(--mint);animation:.8s ease-in-out infinite hh-cta}@media (max-width:720px){.hh-vs{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.hh-vs__side{--vs-size:clamp(70px, 22vw, 110px);gap:12px;padding:3vh 4vw}.hh-vs__side.is-t0{padding-top:calc(var(--safe-t) + 3vh)}.hh-vs__side.is-t1{padding-bottom:22vh}.hh-vs__side.is-t0 .hh-vs__wash{inset:-10% -20% 2%;transform:skewY(-6deg)}.hh-vs__side.is-t1 .hh-vs__wash{inset:2% -20% -20%;transform:skewY(-6deg)}.hh-vs__center{top:44%}.hh-vs__team .hh-display{font-size:var(--fs-xl)}.hh-vs__tip{font-size:var(--fs-sm)}}@media (max-height:520px) and (orientation:landscape){.hh-vs__side{--vs-size:80px;gap:10px;padding-bottom:30vh}.hh-vs__team .hh-display{font-size:var(--fs-lg)}.hh-vs__emblem{width:44px;height:44px}.hh-vs__word{font-size:90px}.hh-vs__tip{font-size:var(--fs-xs);padding:6px 12px}.hh-vs__foot{bottom:calc(var(--safe-b) + 10px);gap:8px}}.hh-screen--pause{justify-content:center;align-items:center}.hh-pause{align-items:center;gap:clamp(20px,4vw,64px);display:flex}.hh-pause__col{flex-direction:column;align-items:stretch;gap:14px;width:min(400px,90vw);display:flex}.hh-pause__title{text-align:center;font-size:var(--fs-3xl);color:#fff;-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;text-shadow:0 .09em 0 var(--ink);margin:0 0 4px;transform:rotate(-3deg)}.hh-pause__bug{background:linear-gradient(180deg, #4a2a80, var(--ink));border:var(--stroke-lg) solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;padding:10px 14px;display:flex}.hh-pause__team{font-family:var(--font-head);font-size:var(--fs-sm);letter-spacing:.06em;align-items:center;gap:6px;display:inline-flex}.hh-pause__team .hh-emblem{width:32px;height:32px}.hh-pause__team.is-t0{color:#ff8fa3}.hh-pause__team.is-t1{color:#8fdcff}.hh-pause__score{font-family:var(--font-display);font-size:var(--fs-2xl);align-items:center;gap:8px;line-height:1;display:inline-flex}.hh-pause__score i{opacity:.5;font-style:normal}.hh-pause__clock{width:100%;font-family:var(--font-head);font-size:var(--fs-xs);letter-spacing:.08em;color:var(--gold);justify-content:center;align-items:center;gap:6px;display:inline-flex}.hh-pause__clock .hh-icon{width:16px;height:16px}.hh-pause__menu{flex-direction:column;gap:12px;display:flex}.hh-pause__menu .hh-btn{justify-content:flex-start;width:100%}.hh-pause__card{border:var(--stroke-lg) solid var(--ink);border-radius:var(--r-lg);width:340px;box-shadow:0 8px 0 var(--ink);background:linear-gradient(#46287cf2,#2a1640f5);padding:18px 20px;transform:rotate(1.5deg)}.hh-pause__cardtitle{font-family:var(--font-head);font-weight:400;font-size:var(--fs-lg);letter-spacing:.04em;text-transform:uppercase;color:var(--gold);align-items:center;gap:8px;margin:0 0 8px;display:flex}.hh-pause__cardtitle .hh-icon{width:24px;height:24px}.hh-pause__controls{margin:0;padding:0;list-style:none}.hh-pause__controls li{font-weight:600;font-size:var(--fs-sm);border-bottom:2px dashed #ffffff1f;align-items:center;gap:12px;padding:8px 0;display:flex}.hh-pause__controls .hh-kh{min-width:4.6em;font-size:var(--fs-sm)}.hh-pause__hint{font-size:var(--fs-xs);color:#ffffffbf;gap:8px;margin:12px 0 0;font-weight:600;display:flex}.hh-pause__hint .hh-icon{width:18px;height:18px;color:var(--gold);flex:none}.hh-pause__foot{left:50%;bottom:calc(var(--safe-b) + 18px);position:absolute;translate:-50%}@media (max-width:800px){.hh-pause__card{display:none}}@media (max-height:520px) and (orientation:landscape){.hh-pause__title{font-size:var(--fs-2xl)}.hh-pause__menu{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hh-pause__menu .hh-btn{min-height:44px;font-size:var(--fs-sm)}.hh-pause__menu .hh-btn:first-child{grid-column:span 2}.hh-pause__col{gap:8px;width:min(460px,60vw)}.hh-pause__bug{padding:6px 10px}.hh-pause__foot{display:none}}.hh-screen--results{gap:clamp(10px,1.8vh,18px)}.hh-res__top{flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:clamp(12px,3vw,36px);display:flex}.hh-res__banner{--t:var(--team0);--td:var(--team0-dark);background:repeating-linear-gradient(-45deg, #fff3 0 14px, transparent 14px 28px), linear-gradient(180deg, color-mix(in srgb, var(--t) 78%, white), var(--t) 55%, var(--td));border:var(--stroke-lg) solid var(--ink);box-shadow:0 8px 0 var(--ink), 0 20px 40px #11062866;border-radius:22px;align-items:center;gap:14px;padding:10px 30px 10px 14px;display:flex;transform:rotate(-2deg)}.hh-res__banner.is-t1{--t:var(--team1);--td:var(--team1-dark);background:var(--pat-snow) 0 0 / 34px 34px, linear-gradient(180deg, color-mix(in srgb, var(--t) 78%, white), var(--t) 55%, var(--td))}.hh-res__banner.is-draw{--t:var(--grape);--td:var(--grape-dark)}.hh-res__emblem{width:clamp(54px,7vh,76px);height:clamp(54px,7vh,76px)}.hh-res__headline h1{font-size:var(--fs-2xl);color:#fff;-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;text-shadow:0 .09em 0 var(--ink);margin:0}.hh-res__kicker{font-family:var(--font-head);font-size:var(--fs-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);margin-bottom:4px;display:block}.hh-res__score{color:var(--ink);border:var(--stroke-lg) solid var(--ink);box-shadow:0 8px 0 var(--ink);background:linear-gradient(#fff,#e8e3ff);border-radius:22px;align-items:center;gap:12px;padding:6px 16px;display:flex;transform:rotate(1.5deg)}.hh-res__score b{font-family:var(--font-display);font-weight:400;font-size:var(--fs-3xl);margin-top:.1em;line-height:1}.hh-res__score b.is-t0{color:var(--candy-dark)}.hh-res__score b.is-t1{color:var(--sky-dark)}.hh-res__score b.is-win{animation:hh-pop .8s var(--ease-pop) .7s backwards}.hh-res__score i{font-style:normal;font-family:var(--font-display);font-size:var(--fs-2xl);opacity:.4}.hh-res__chip{font-family:var(--font-head);font-size:var(--fs-sm);letter-spacing:.06em;align-items:center;gap:6px;display:inline-flex}.hh-res__chip .hh-emblem{width:34px;height:34px}.hh-res__main{flex:1;grid-template-columns:minmax(240px,.75fr) minmax(0,1.6fr);gap:clamp(14px,2vw,28px);width:min(1240px,100%);min-height:0;margin:0 auto;display:grid}.hh-res__mvp{flex-direction:column;gap:10px;min-height:0;display:flex;position:relative}.hh-res__mvp .hh-stage{min-height:200px}.hh-res__mvp .hh-stage__caption{display:none}.hh-res__mvp-ribbon{z-index:6;font-family:var(--font-display);font-size:var(--fs-xl);color:var(--ink);background:linear-gradient(180deg, #ffe36e, var(--gold) 60%, var(--gold-dark));border:var(--stroke-lg) solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:14px;align-items:center;gap:6px;padding:6px 16px 5px 10px;display:flex;position:absolute;top:-10px;left:-10px;transform:rotate(-6deg)}.hh-res__mvp-ribbon .hh-icon{width:26px;height:26px}.hh-res__mvp-line{background:var(--ink);border:3px solid var(--ink);box-shadow:inset 0 0 0 3px var(--gold);border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;display:flex}.hh-res__mvp-line b{font-family:var(--font-display);font-weight:400;font-size:var(--fs-xl);text-transform:uppercase}.hh-res__mvp-line span{font-family:var(--font-head);font-size:var(--fs-sm);letter-spacing:.08em;color:var(--gold)}.hh-res__stats{scrollbar-width:thin;flex-direction:column;gap:14px;min-height:0;padding-bottom:8px;display:flex;overflow-y:auto}.hh-res__team{--t:var(--team0);--td:var(--team0-dark);border:var(--stroke-lg) solid var(--ink);box-shadow:0 7px 0 var(--ink);background:linear-gradient(#46287cf2,#2a1640f5);border-radius:20px;flex:none;overflow:hidden}.hh-res__team.is-t1{--t:var(--team1);--td:var(--team1-dark)}.hh-res__thead,.hh-res__row{grid-template-columns:38px minmax(0,1fr) repeat(5,minmax(36px,58px));align-items:center;gap:6px;padding:6px 14px;display:grid}.hh-res__thead{background:repeating-linear-gradient(-45deg, #ffffff2e 0 10px, transparent 10px 20px), linear-gradient(180deg, color-mix(in srgb, var(--t) 80%, white), var(--t) 55%, var(--td));border-bottom:var(--stroke) solid var(--ink);padding:8px 14px}.hh-res__team.is-t1 .hh-res__thead{background:var(--pat-snow) 0 0 / 28px 28px, linear-gradient(180deg, color-mix(in srgb, var(--t) 80%, white), var(--t) 55%, var(--td))}.hh-res__temb{width:34px;height:34px}.hh-res__tname{font-family:var(--font-head);font-size:var(--fs-md);letter-spacing:.02em;text-shadow:0 2px 0 var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hh-res__col{text-align:center;font-family:var(--font-head);font-size:var(--fs-xs);letter-spacing:.08em;color:var(--ink)}.hh-res__row+.hh-res__row{border-top:2px dashed #ffffff14}.hh-res__row.is-mvp{background:linear-gradient(90deg,#ffd23f47,#ffd23f0a)}.hh-res__row .hh-portrait{border-width:2.5px}.hh-res__who{min-width:0;font-family:var(--font-head);font-size:var(--fs-md);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;display:flex}.hh-res__ptag{font-family:var(--font-display);color:var(--ink);background:var(--pc);border:2px solid var(--ink);border-radius:6px;padding:2px 5px 1px;font-size:11px}.hh-res__star .hh-icon{width:18px;height:18px;color:var(--gold)}.hh-res__val{text-align:center;font-family:var(--font-display);font-size:var(--fs-lg);color:#ffffffeb;padding-top:.12em;line-height:1}.hh-res__val.is-best{color:var(--gold);text-shadow:0 2px 0 var(--ink);scale:1.15}.hh-res__goalie{font-family:var(--font-head);font-size:var(--fs-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--ice);background:#0f052340;border-top:3px solid #0f052380;align-items:center;gap:8px;padding:8px 14px 10px;display:flex}.hh-res__goalie .hh-icon{width:20px;height:20px}.hh-res__goalie b{font-family:var(--font-display);font-weight:400;font-size:var(--fs-lg);color:#fff;margin-left:auto}.hh-res__actions{flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:clamp(10px,1.6vw,18px);display:flex}.hh-res__hints{flex:none;justify-content:center;display:flex}@media (max-height:820px) and (min-width:721px){.hh-res__thead,.hh-res__row{padding-top:3px;padding-bottom:3px}.hh-res__thead{padding-top:5px;padding-bottom:5px}.hh-res__row .hh-portrait{--size:28px!important}.hh-res__val{font-size:var(--fs-md)}.hh-res__goalie{padding:4px 14px 6px}.hh-res__stats{gap:10px}.hh-res__hints{display:none}}@media (max-width:720px){.hh-screen--results{overflow-y:auto}.hh-res__actions .hh-btn--lg{font-size:var(--fs-sm);flex:1;padding:.4em .7em}.hh-res__main{flex:none;grid-template-columns:1fr}.hh-res__mvp .hh-stage{flex:none;height:220px;min-height:220px}.hh-res__stats{overflow:visible}.hh-res__thead,.hh-res__row{grid-template-columns:30px minmax(0,1fr) repeat(5,30px);gap:4px;padding:6px 8px}.hh-res__row .hh-portrait{--size:28px!important}.hh-res__who{font-size:var(--fs-xs)}.hh-res__val{font-size:var(--fs-md)}.hh-res__col{letter-spacing:0;font-size:10px}.hh-res__tname{font-size:var(--fs-sm)}.hh-res__score b{font-size:var(--fs-2xl)}.hh-res__chip span,.hh-res__chip{font-size:0}.hh-res__chip .hh-emblem{width:30px;height:30px}.hh-res__actions{padding:10px 0 calc(var(--safe-b) + 6px);background:linear-gradient(#0000,#1b1446f2 30%);position:sticky;bottom:0}.hh-res__actions .hh-btn--xl{width:100%}.hh-res__hints{display:none}}@media (max-height:600px) and (orientation:landscape){.hh-screen--results{padding-top:calc(var(--safe-t) + 8px);padding-bottom:calc(var(--safe-b) + 8px);gap:6px}.hh-res__banner{padding:4px 18px 4px 8px}.hh-res__emblem{width:38px;height:38px}.hh-res__headline h1{font-size:var(--fs-lg)}.hh-res__score{padding:2px 12px}.hh-res__score b{font-size:var(--fs-xl)}.hh-res__main{grid-template-columns:200px minmax(0,1fr);gap:12px}.hh-res__mvp .hh-stage{min-height:0}.hh-res__mvp-ribbon{font-size:var(--fs-md)}.hh-res__mvp-line{padding:4px 8px}.hh-res__mvp-line b{font-size:var(--fs-md)}.hh-res__stats{gap:6px;padding-bottom:4px}.hh-res__team{box-shadow:0 4px 0 var(--ink);border-radius:14px}.hh-res__thead,.hh-res__row{padding:0 10px}.hh-res__thead{padding:1px 10px}.hh-res__temb{width:20px;height:20px}.hh-res__tname,.hh-res__who{font-size:var(--fs-sm)}.hh-res__val{font-size:var(--fs-md)}.hh-res__row .hh-portrait{border-width:2px;--size:18px!important}.hh-res__val{line-height:.9}.hh-res__goalie{font-size:var(--fs-xs);padding:0 10px 1px}.hh-res__goalie .hh-icon{width:14px;height:14px}.hh-res__goalie b{font-size:var(--fs-md)}.hh-res__actions .hh-btn--xl{min-height:48px;font-size:var(--fs-md)}.hh-res__actions .hh-btn--lg{min-height:44px;font-size:var(--fs-sm)}.hh-res__hints{display:none}}.hh-screen--settings{gap:14px}.hh-set__head,.hh-howto__head,.hh-online__head{flex:none;align-items:center;gap:14px;display:flex}.hh-set__title,.hh-howto__title,.hh-online__title{font-size:var(--fs-2xl);color:#fff;-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;text-shadow:0 .09em 0 var(--ink);margin:6px 0 0;transform:rotate(-2deg)}.hh-set__head .hh-btn--ghost{margin-left:auto}.hh-set__layout{flex:1;grid-template-columns:250px minmax(0,1fr);gap:22px;width:min(1120px,100%);min-height:0;margin:0 auto;display:grid}.hh-set__nav .hh-tabs{flex-direction:column;align-items:stretch}.hh-set__nav .hh-tabs__row{flex-direction:column;gap:10px;padding:6px 10px;overflow:visible}.hh-set__nav .hh-tab{min-height:54px;font-size:var(--fs-md);justify-content:flex-start;padding:.35em 1.1em}.hh-set__nav .hh-tabs__hint{display:none}.hh-set__panel{border:var(--stroke-lg) solid var(--ink);border-radius:var(--r-lg);min-height:0;box-shadow:0 8px 0 var(--ink), var(--shadow-drop);background:linear-gradient(#46287cf5,#2a1640f7);flex-direction:column;display:flex;overflow:hidden}.hh-set__panelhead{background:repeating-linear-gradient(-45deg, #ffffff24 0 12px, transparent 12px 24px), linear-gradient(180deg, #ff6b83, var(--candy) 60%, var(--candy-dark));border-bottom:var(--stroke) solid var(--ink);align-items:center;gap:12px;padding:12px 22px;display:flex}.hh-set__section{font-family:var(--font-head);font-weight:400;font-size:var(--fs-xl);letter-spacing:.04em;text-transform:uppercase;text-shadow:0 3px 0 var(--ink);margin:0}.hh-set__body{scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;flex:1;min-height:0;padding:6px 24px 20px;overflow-y:auto}.hh-set__row{animation:hh-enter-right .32s var(--ease-out) backwards;animation-delay:calc(var(--i) * 30ms)}.hh-set__foot{flex:none;justify-content:center;display:flex}.hh-remap{border-bottom:2px dashed #ffffff1f;padding:10px 0 6px}.hh-remap__head,.hh-remap__row{grid-template-columns:minmax(0,1fr) 150px 90px;align-items:center;gap:12px;display:grid}.hh-remap__head{font-family:var(--font-head);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);padding:0 4px 8px}.hh-remap__head span{align-items:center;gap:6px;display:inline-flex}.hh-remap__head .hh-icon{width:18px;height:18px}.hh-remap__row{padding:5px 4px}.hh-remap__label{font-weight:600}.hh-remap__key{pointer-events:auto;background:#0f052366;border:2px solid #ffffff1a;border-radius:12px;align-items:center;gap:6px;min-height:42px;padding:4px 8px;display:inline-flex}.hh-remap__key kbd{min-width:34px;height:30px;font-family:var(--font-head);font-size:var(--fs-sm);color:var(--ink);border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:linear-gradient(#fff 60%,#ddd6ff);border-radius:8px;place-items:center;padding:0 8px;display:inline-grid}.hh-remap__key kbd.is-alt{opacity:.7;font-size:var(--fs-xs)}.hh-remap__key.is-capturing{border-color:var(--gold);animation:.8s ease-in-out infinite hh-cta}.hh-remap__wait{font-family:var(--font-head);font-size:var(--fs-sm);color:var(--gold)}.hh-remap__pad{min-width:34px;height:30px;font-family:var(--font-head);font-size:var(--fs-sm);color:#fff;background:#3a2160;border:2px solid #ffffff40;border-radius:999px;justify-self:start;place-items:center;padding:0 8px;display:inline-grid}.hh-remap__note{font-size:var(--fs-xs);color:#ffffffa6;align-items:center;gap:8px;margin:10px 4px 0;display:flex}.hh-remap__note .hh-icon{flex:none;width:16px;height:16px}.hh-touchprev{--ts:1;--to:.7;border-bottom:2px dashed #ffffff1f;padding:12px 0}.hh-touchprev__screen{background:radial-gradient(60% 60% at 50% 45%, #ffffff80, transparent 70%), linear-gradient(180deg, var(--ice), var(--ice-2));border:var(--stroke-lg) solid var(--ink);max-width:420px;height:150px;box-shadow:0 6px 0 var(--ink);border-radius:22px;margin:0 auto;position:relative;overflow:hidden}.hh-touchprev__stick{width:calc(88px * var(--ts));height:calc(88px * var(--ts));opacity:var(--to);border:3px dashed #2a164099;border-radius:50%;place-items:center;transition:all .14s;display:grid;position:absolute;bottom:14px;left:18px}.hh-touchprev__stick i{background:var(--ink);border-radius:50%;width:44%;height:44%;box-shadow:inset 0 -4px #fff3}.hh-touchprev__stick b{font-family:var(--font-head);letter-spacing:.1em;color:var(--ink);font-size:9px;position:absolute;top:-16px}.hh-touchprev__btns{grid-template-columns:repeat(2, calc(50px * var(--ts)));opacity:var(--to);gap:8px;transition:all .14s;display:grid;position:absolute;bottom:12px;right:18px}.hh-touchprev__btns i{height:calc(50px * var(--ts));font-family:var(--font-head);font-style:normal;font-size:calc(10px * var(--ts));color:#fff;background:var(--candy);border:3px solid var(--ink);border-radius:50%;place-items:center;display:grid}.hh-touchprev__btns i:nth-child(2){background:var(--sky)}.hh-touchprev__btns i:nth-child(3){background:var(--tangerine)}.hh-touchprev__btns i:nth-child(4){background:var(--grape)}.hh-touchprev.is-lefty .hh-touchprev__stick{left:auto;right:18px}.hh-touchprev.is-lefty .hh-touchprev__btns{left:18px;right:auto}@media (max-width:720px){.hh-screen--settings{gap:8px}.hh-set__layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:8px}.hh-set__nav{min-width:0}.hh-set__nav .hh-tabs__row{flex-direction:row;padding:8px 4px 12px;overflow-x:auto}.hh-set__nav .hh-tab{min-height:44px;font-size:var(--fs-sm)}.hh-set__body{padding:4px 14px 16px}.hh-row{flex-wrap:wrap;gap:8px}:is(.hh-row__control:has(.hh-slider),.hh-row__control:has(.hh-stepper)),.hh-row .hh-slider,.hh-row .hh-stepper{width:100%}.hh-remap__head,.hh-remap__row{grid-template-columns:minmax(0,1fr) 120px 56px;gap:6px}.hh-set__foot{display:none}}@media (max-height:520px) and (orientation:landscape){.hh-screen--settings{padding-top:calc(var(--safe-t) + 6px);padding-bottom:calc(var(--safe-b) + 6px);gap:6px}.hh-set__title{font-size:var(--fs-xl)}.hh-set__layout{grid-template-columns:190px minmax(0,1fr);gap:12px}.hh-set__nav{overflow-y:auto}.hh-set__nav .hh-tab{min-height:40px;font-size:var(--fs-sm)}.hh-set__nav .hh-tabs__row{gap:6px}.hh-set__panelhead{padding:6px 16px}.hh-set__section{font-size:var(--fs-md)}.hh-row{min-height:48px;padding:4px 0}.hh-set__foot{display:none}}.hh-screen--howto{gap:12px}.hh-howto__head .hh-tabs{margin-left:auto}.hh-howto__main{scrollbar-width:thin;flex-direction:column;flex:1;gap:16px;width:min(1180px,100%);min-height:0;margin:0 auto;padding:4px 6px 10px;display:flex;overflow-y:auto}.hh-howto__goal{color:var(--ink);background:linear-gradient(180deg, #ffe36e, var(--gold));border:var(--stroke) solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:16px;align-items:center;gap:12px;padding:10px 16px;font-weight:600;display:flex}.hh-howto__goal .hh-icon{flex:none;width:26px;height:26px}.hh-howto__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.hh-hcard{color:var(--ink);border:var(--stroke-lg) solid var(--ink);box-shadow:0 7px 0 var(--ink);animation:hh-enter-pop .42s var(--ease-bounce) backwards;animation-delay:calc(var(--i) * 50ms);background:linear-gradient(#fff,#efebff);border-radius:22px;flex-direction:column;display:flex;overflow:hidden}.hh-hcard__body{padding:10px 16px 14px}.hh-hcard__top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.hh-hcard h3{font-family:var(--font-head);font-weight:400;font-size:var(--fs-lg);letter-spacing:.02em;text-transform:uppercase;margin:0}.hh-hcard p{font-size:var(--fs-sm);color:#2a1640cc;margin:0;font-weight:500;line-height:1.35}.hh-hcard__key{font-size:var(--fs-md)}.hh-hcard__key .hh-kh__touch{border-color:var(--ink);background:var(--candy)}.hh-scene{background:linear-gradient(90deg, transparent 49.4%, #ff3b5c80 49.4% 50.6%, transparent 50.6%), radial-gradient(80% 90% at 50% 40%, #fff, var(--ice) 55%, var(--ice-2));border-bottom:var(--stroke-lg) solid var(--ink);height:clamp(88px,13vh,130px);position:relative;overflow:hidden}.hh-scene i{place-items:center;display:grid;position:absolute}.sc-skater{background:radial-gradient(circle at 40% 35%, #ff8fa3, var(--candy) 60%);border:3px solid var(--ink);border-radius:50%;width:30px;height:30px;margin-top:-15px;top:50%;box-shadow:0 5px #2a164040}.sc-skater.is-b{background:radial-gradient(circle at 40% 35%, #8fdcff, var(--sky) 60%)}.sc-puck{background:var(--ink);border-radius:50%;width:16px;height:10px;margin-top:-5px;top:50%}.hh-scene.is-skate .sc-skater{animation:3s ease-in-out infinite sc-skate}.hh-scene.is-skate .sc-trail{background:repeating-linear-gradient(90deg,#5fb8d9e6 0 10px,#0000 10px 18px);border-radius:4px;height:4px;top:50%;left:10%;right:10%}@keyframes sc-skate{0%,to{left:12%;transform:translateY(-16px)}50%{left:80%;transform:translateY(16px)}}.hh-scene.is-pass .is-a{left:16%}.hh-scene.is-pass .is-b{right:16%}.hh-scene.is-pass .sc-puck{animation:1.8s ease-in-out infinite sc-pass}@keyframes sc-pass{0%,15%{left:calc(16% + 30px)}50%,65%{left:calc(84% - 46px)}to{left:calc(16% + 30px)}}.hh-scene.is-shoot .sc-net{border:4px solid var(--candy);background:repeating-linear-gradient(45deg,#2a164033 0 3px,#0000 3px 8px);border-left:0;border-radius:0 10px 10px 0;width:34px;height:56%;top:22%;right:8%}.hh-scene.is-shoot .sc-puck{animation:1.6s cubic-bezier(.6,0,.4,1) infinite sc-shoot}.hh-scene.is-shoot .sc-stick{width:46px;height:46px;color:var(--ink);transform-origin:70% 10%;animation:1.6s ease-in-out infinite sc-swing;top:22%;left:12%}.hh-scene.is-shoot .sc-stick .hh-icon{width:100%;height:100%}@keyframes sc-shoot{0%,30%{opacity:1;left:22%}60%{opacity:1;left:calc(92% - 30px)}61%,to{opacity:0;left:calc(92% - 30px)}}@keyframes sc-swing{0%,to{transform:rotate(-40deg)}28%{transform:rotate(-60deg)}36%{transform:rotate(30deg)}}.hh-scene.is-check .is-a{animation:1.8s ease-in infinite sc-rush}.hh-scene.is-check .is-b{animation:1.8s ease-out infinite sc-knock;left:62%}.hh-scene.is-check .sc-boom{width:44px;height:44px;color:var(--tangerine);animation:1.8s ease-out infinite sc-boom;top:22%;left:56%}.hh-scene.is-check .sc-boom .hh-icon{width:100%;height:100%;stroke:var(--ink)}@keyframes sc-rush{0%{left:8%}45%,to{left:calc(62% - 28px)}}@keyframes sc-knock{0%,45%{transform:none}70%,to{transform:translate(40px,-10px)rotate(120deg)}}@keyframes sc-boom{0%,44%{transform:scale(0)}52%{transform:scale(1.3)rotate(10deg)}80%,to{transform:scale(0)}}.hh-scene.is-turbo .sc-lines{background:linear-gradient(90deg,#0000 0 30%,#5fb8d9e6 30% 60%,#0000 60%) 0 30%/120px 4px no-repeat,linear-gradient(90deg,#0000 0 20%,#5fb8d9e6 20% 70%,#0000 70%) 60px 55%/160px 4px no-repeat,linear-gradient(90deg,#0000 0 30%,#5fb8d9e6 30% 60%,#0000 60%) 20px 75%/110px 4px no-repeat;animation:.6s linear infinite sc-lines;inset:0}.hh-scene.is-turbo .sc-skater{animation:.3s ease-in-out infinite alternate sc-bob;left:55%}.hh-scene.is-turbo .sc-bolt{width:30px;height:30px;color:var(--gold);top:20%;left:calc(55% + 34px)}.hh-scene.is-turbo .sc-bolt .hh-icon{width:100%;height:100%;stroke:var(--ink);animation:.6s ease-in-out infinite hh-pop}@keyframes sc-lines{0%{transform:translate(40%)}to{transform:translate(-40%)}}@keyframes sc-bob{to{translate:0 -6px}}.hh-scene.is-star{background:radial-gradient(60% 80% at 50% 50%, #c77dff73, transparent 70%), radial-gradient(80% 90% at 50% 40%, #fff, var(--ice) 55%, var(--ice-2))}.hh-scene.is-star .sc-meter{border:3px solid var(--ink);background:#2a164033;border-radius:99px;height:18px;margin-top:-9px;display:block;top:50%;left:12%;right:34%;overflow:hidden}.hh-scene.is-star .sc-meter b{background:linear-gradient(180deg, #c89cff, var(--grape));transform-origin:0;animation:2.4s ease-in-out infinite sc-fill;position:absolute;inset:0}.hh-scene.is-star .sc-star{width:50px;height:50px;color:var(--gold);margin-top:-25px;animation:2.4s ease-in-out infinite sc-star;top:50%;right:12%}.hh-scene.is-star .sc-star .hh-icon{width:100%;height:100%;stroke:var(--ink)}@keyframes sc-fill{0%{transform:scaleX(0)}60%,to{background:linear-gradient(180deg, #fff3a8, var(--gold));transform:scaleX(1)}}@keyframes sc-star{0%,55%{opacity:.35;transform:scale(.5)rotate(0)}70%{opacity:1;transform:scale(1.35)rotate(20deg)}to{opacity:1;transform:scale(1)rotate(0)}}[data-motion=reduced] .hh-scene *,[data-motion=reduced] .hh-scene :before{animation:none!important}.hh-howto__tips{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.hh-htip{background:#2a1640c7;border:3px solid #ffffff1f;border-radius:18px;gap:12px;padding:12px 14px;display:flex}.hh-htip__icon{width:38px;height:38px;color:var(--ink);background:var(--mint);border:3px solid var(--ink);border-radius:12px;flex:none;place-items:center;display:grid}.hh-htip__icon .hh-icon{width:22px;height:22px}.hh-htip b{font-family:var(--font-head);font-weight:400;font-size:var(--fs-md);letter-spacing:.03em;text-transform:uppercase;color:var(--gold)}.hh-htip p{font-size:var(--fs-sm);color:#ffffffd1;margin:2px 0 0;font-weight:500}.hh-howto__foot{flex:none;justify-content:center;align-items:center;gap:20px;display:flex}@media (max-width:1000px){.hh-howto__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.hh-howto__head{flex-wrap:wrap}.hh-howto__head .hh-tabs{width:100%;margin-left:0}.hh-howto__head .hh-tabs__hint{display:none}.hh-howto__grid,.hh-howto__tips{grid-template-columns:1fr}.hh-hcard{flex-direction:row}.hh-hcard .hh-scene{border-bottom:0;border-right:var(--stroke-lg) solid var(--ink);flex:none;width:34%;height:auto;min-height:110px}.hh-hcard__top{flex-wrap:wrap}.hh-howto__foot .hh-hintbar{display:none}}@media (max-height:520px) and (orientation:landscape){.hh-screen--howto{padding-top:calc(var(--safe-t) + 6px);gap:6px}.hh-howto__title{font-size:var(--fs-xl)}.hh-howto__goal{display:none}.hh-scene{height:70px}.hh-hcard p{font-size:var(--fs-xs)}.hh-howto__foot .hh-hintbar{display:none}}.hh-screen--credits{justify-content:center;align-items:center}.hh-credits{flex-direction:column;align-items:center;gap:20px;width:min(640px,100%);min-height:0;max-height:100%;display:flex}.hh-credits__panel{width:100%;min-height:0}.hh-credits__panel .hh-panel__body{max-height:58vh;overflow-y:auto}.hh-credits__list section{text-align:center;margin-bottom:16px}.hh-credits__list h3{font-family:var(--font-head);font-weight:400;font-size:var(--fs-md);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 4px}.hh-credits__list p{margin:2px 0;font-weight:500}.hh-credits__foot{font-family:var(--font-head);color:var(--ice);justify-content:center;align-items:center;gap:8px;margin:8px 0 0;display:flex}.hh-credits__foot .hh-icon{width:18px;height:18px}@media (max-height:520px){.hh-credits__logo{display:none}}.hh-screen--online{gap:12px}.hh-online__content{flex-direction:column;flex:1;justify-content:safe center;align-items:center;gap:clamp(18px,4vh,44px);min-height:0;padding:50px 8px 16px;display:flex;overflow-y:auto}.hh-online__name{border:var(--stroke) solid var(--ink);box-shadow:0 5px 0 var(--ink);background:#2a1640cc;border-radius:18px;align-items:center;gap:12px;padding:8px 10px 8px 16px;display:flex}.hh-online__name label{font-family:var(--font-head);font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);align-items:center;gap:6px;display:inline-flex}.hh-online__name label .hh-icon{width:18px;height:18px}.hh-input{width:240px;height:46px;font-family:var(--font-head);font-size:var(--fs-md);letter-spacing:.02em;color:var(--ink);border:var(--stroke) solid var(--ink);pointer-events:auto;-webkit-user-select:text;user-select:text;background:#fff;border-radius:12px;outline:none;padding:0 16px;box-shadow:inset 0 3px #2a16401f}.hh-input::placeholder{color:#2a164066}.hh-input.is-focused,.hh-input:focus{box-shadow:0 0 0 4px var(--gold)!important;outline:none!important}.hh-online__cards{grid-template-columns:repeat(2,minmax(0,400px));gap:clamp(18px,3vw,36px);display:grid}.hh-ocard{text-align:center;border:var(--stroke-lg) solid var(--ink);border-radius:var(--r-xl);box-shadow:0 10px 0 var(--ink), 0 26px 40px #11062866;flex-direction:column;align-items:center;gap:14px;padding:58px 26px 26px;display:flex;position:relative}.hh-ocard.is-create{background:repeating-linear-gradient(-45deg, #ffffff24 0 16px, transparent 16px 32px), linear-gradient(180deg, #ff6b83, var(--candy) 50%, var(--candy-dark));transform:rotate(-1.5deg)}.hh-ocard.is-join{background:var(--pat-snow) 0 0 / 40px 40px, linear-gradient(180deg, #5ff5c0, var(--mint) 45%, var(--mint-dark));transform:rotate(1.5deg)}.hh-ocard__art{width:84px;height:84px;color:var(--ink);background:linear-gradient(180deg, #ffe36e, var(--gold));border:var(--stroke-lg) solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:-42px}.hh-ocard__art .hh-icon{width:44px;height:44px}.hh-ocard h2{font-size:var(--fs-2xl);color:#fff;-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;text-shadow:0 .09em 0 var(--ink);margin:0}.hh-ocard p{font-weight:600;font-size:var(--fs-md);text-shadow:0 2px #2a164066;margin:0}.hh-ocard .hh-stepper,.hh-ocard .hh-btn--lg{width:100%}.hh-code{justify-content:center;gap:10px;display:flex}.hh-code__tile{width:58px;height:70px;font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--ink);border:var(--stroke-lg) solid var(--ink);box-shadow:0 6px 0 var(--ink);transform:rotate(calc((var(--i) - 1.5) * 3deg));transition:transform var(--dur) var(--ease-bounce), border-color var(--dur-fast);background:linear-gradient(#fff 60%,#e6e0ff);border-radius:14px;place-items:center;padding-top:.12em;line-height:1;display:grid}.hh-code__tile.is-filled{animation:hh-pop .3s var(--ease-pop)}.hh-code.is-big .hh-code__tile{width:clamp(64px,11vw,100px);height:clamp(78px,13vw,122px);font-size:var(--fs-3xl);animation:hh-enter-zoom .52s var(--ease-bounce) backwards;animation-delay:calc(.2s + var(--i) * 90ms)}.hh-code-field{cursor:text;pointer-events:auto;display:block;position:relative}.hh-code-input{opacity:0;pointer-events:auto;-webkit-user-select:text;user-select:text;width:100%;font-size:16px;position:absolute;inset:0}.hh-code-field:focus-within .hh-code__tile{border-color:var(--ink);box-shadow:0 6px 0 var(--ink), 0 0 0 4px var(--gold)}.hh-code-field:has(.is-focused) .hh-code__tile{border-color:var(--ink);box-shadow:0 6px 0 var(--ink), 0 0 0 4px var(--gold)}.hh-code__tile.is-caret:after{content:"";background:var(--candy);border-radius:3px;width:60%;height:5px;margin-top:30px;animation:1s step-end infinite hh-caret}@keyframes hh-caret{50%{opacity:0}}.hh-ostatus{--tone:var(--sky);text-align:center;border:var(--stroke-lg) solid var(--ink);border-radius:var(--r-xl);width:min(580px,100%);box-shadow:0 10px 0 var(--ink), inset 0 0 0 4px var(--tone), 0 26px 40px #11062866;background:linear-gradient(#46287cf7,#2a1640fa);flex-direction:column;align-items:center;gap:14px;padding:66px 28px 28px;display:flex;position:relative}.hh-ostatus.tone-mint{--tone:var(--mint)}.hh-ostatus.tone-gold{--tone:var(--gold)}.hh-ostatus.tone-tangerine{--tone:var(--tangerine)}.hh-ostatus.tone-grape{--tone:var(--grape)}.hh-ostatus.tone-candy{--tone:var(--candy)}.hh-ostatus__icon{width:92px;height:92px;color:var(--ink);background:var(--tone);border:var(--stroke-lg) solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:-46px}.hh-ostatus__icon .hh-icon{width:50px;height:50px}.hh-ostatus__icon.is-spin .hh-icon{animation:2.4s linear infinite hh-spin}.tone-tangerine .hh-ostatus__icon .hh-icon{animation:1.2s ease-in-out infinite hh-wobble}@keyframes hh-wobble{25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}.hh-ostatus h2{font-size:var(--fs-2xl);color:#fff;-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;text-shadow:0 .09em 0 var(--ink);margin:0}.hh-ostatus p{max-width:440px;font-weight:600;font-size:var(--fs-md);color:#ffffffd9;margin:0}.hh-ostatus__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.hh-ostatus__dots{gap:10px;display:flex}.hh-ostatus__dots i{background:var(--tone);border:3px solid var(--ink);border-radius:50%;width:14px;height:14px;animation:1s ease-in-out infinite hh-dot}.hh-ostatus__dots i:nth-child(2){animation-delay:.15s}.hh-ostatus__dots i:nth-child(3){animation-delay:.3s}@keyframes hh-dot{50%{transform:translateY(-10px)}}.hh-online__foot,.hh-lobby__hints{flex:none;justify-content:center;display:flex}@media (max-width:720px){.hh-online__cards{grid-template-columns:1fr;gap:64px;width:100%}.hh-online__content{justify-content:flex-start;padding-top:20px}.hh-online__name{flex-wrap:wrap;width:100%}.hh-input{width:100%}.hh-online__foot{display:none}.hh-ocard{transform:none!important}}@media (max-height:520px) and (orientation:landscape){.hh-online__content{justify-content:flex-start;gap:50px;padding-top:46px}.hh-ocard{gap:8px;padding:44px 18px 16px}.hh-ocard p{font-size:var(--fs-sm)}.hh-ocard h2{font-size:var(--fs-xl)}.hh-ocard__art{width:64px;height:64px;top:-32px}.hh-code__tile{width:46px;height:54px;font-size:var(--fs-xl)}.hh-online__foot{display:none}.hh-ostatus{gap:8px;padding:50px 20px 16px}.hh-ostatus h2{font-size:var(--fs-xl)}.hh-ostatus p{font-size:var(--fs-sm)}.hh-ostatus__icon{width:72px;height:72px;top:-36px}.hh-code.is-big .hh-code__tile{width:56px;height:66px;font-size:var(--fs-2xl)}}.hh-screen--lobby{gap:12px}.hh-lobby__head{flex-wrap:wrap;flex:none;align-items:center;gap:14px;display:flex}.hh-lobby__title h1{font-size:var(--fs-2xl);color:#fff;-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;text-shadow:0 .09em 0 var(--ink);margin:6px 0 4px;transform:rotate(-2deg)}.hh-lobby__tags{flex-wrap:wrap;gap:8px;display:flex}.hh-lobby__code{background:linear-gradient(180deg, #4a2a80, var(--ink));border:var(--stroke-lg) solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:20px;align-items:center;gap:14px;margin-left:auto;padding:8px 12px 8px 16px;display:flex}.hh-lobby__code>small{font-family:var(--font-head);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);writing-mode:vertical-rl;font-size:11px;transform:rotate(180deg)}.hh-lobby__code .hh-code{gap:6px}.hh-lobby__code .hh-code__tile{width:42px;height:52px;font-size:var(--fs-xl);box-shadow:0 4px 0 var(--ink);border-width:3px}.hh-lobby__codebtns{flex-direction:column;gap:6px;display:flex}.hh-lobby__main{flex-direction:column;flex:1;justify-content:safe center;min-height:0;padding:4px 4px 10px;display:flex;overflow-y:auto}.hh-lobby__teams{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:clamp(12px,2vw,24px);width:min(1180px,100%);margin:0 auto;display:grid}.hh-lobby__vs{font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--gold);-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink);align-self:center;transform:rotate(-8deg)}.hh-lteam{--t:var(--team0);--td:var(--team0-dark);border:var(--stroke-lg) solid var(--ink);box-shadow:0 8px 0 var(--ink);background:linear-gradient(#46287cf2,#2a1640f5);border-radius:24px;overflow:hidden}.hh-lteam.is-t1{--t:var(--team1);--td:var(--team1-dark)}.hh-lteam__head{background:repeating-linear-gradient(-45deg, #ffffff2e 0 10px, transparent 10px 20px), linear-gradient(180deg, color-mix(in srgb, var(--t) 80%, white), var(--t) 55%, var(--td));border-bottom:var(--stroke-lg) solid var(--ink);align-items:center;gap:10px;padding:10px 16px;display:flex}.hh-lteam.is-t1 .hh-lteam__head{background:var(--pat-snow) 0 0 / 28px 28px, linear-gradient(180deg, color-mix(in srgb, var(--t) 80%, white), var(--t) 55%, var(--td))}.hh-lteam__emblem{width:42px;height:42px}.hh-lteam__head b{font-family:var(--font-head);font-weight:400;font-size:var(--fs-lg);text-shadow:0 2px 0 var(--ink);display:block}.hh-lteam__head small{font-family:var(--font-head);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);font-size:11px}.hh-lteam__slots{flex-direction:column;gap:10px;padding:12px;display:flex}.hh-lslot{border:var(--stroke) solid var(--ink);min-height:76px;box-shadow:0 4px 0 var(--ink);animation:hh-enter-pop .38s var(--ease-bounce) backwards;animation-delay:calc(var(--i) * 45ms);background:#ffffff12;border-radius:18px;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex}.hh-lslot.is-local{box-shadow:0 4px 0 var(--ink), inset 0 0 0 2px var(--gold);background:linear-gradient(90deg,#ffd23f47,#ffd23f0a)}.hh-lslot.is-ready:not(.is-local){background:linear-gradient(90deg,#2ee6a633,#2ee6a605)}.hh-lslot.is-open{box-shadow:none;background:0 0;border-style:dashed;border-color:#ffffff47}.hh-lslot.is-away{opacity:.62}.hh-lslot__pt{flex:none;width:58px;height:58px;position:relative}.hh-lslot__pt .hh-portrait{--size:58px!important}.hh-lslot__pt.is-empty{color:#ffffff80;border:3px dashed #ffffff4d;border-radius:50%;place-items:center;display:grid}.hh-lslot__pt.is-empty .hh-icon{width:24px;height:24px}.hh-lslot__q{width:100%;height:100%;font-family:var(--font-display);background:var(--ink-3);border:3px solid var(--ink);border-radius:50%;place-items:center;font-size:28px;display:grid}.hh-lslot__botbadge{color:#fff;background:var(--ink-3);border:2.5px solid var(--ink);border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;bottom:-4px;right:-4px}.hh-lslot__botbadge .hh-icon{width:15px;height:15px}.hh-lslot__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hh-lslot__text b{font-family:var(--font-head);font-weight:400;font-size:var(--fs-md);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.hh-lslot__text small{font-size:var(--fs-xs);color:#ffffffa8;font-weight:600}.hh-lslot__crown .hh-icon{width:18px;height:18px;color:var(--gold)}.hh-lslot__you{letter-spacing:.1em;color:var(--ink);background:var(--gold);border-radius:6px;padding:2px 6px 1px;font-size:10px}.hh-lslot__side{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.hh-lslot__state{font-family:var(--font-head);letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--ink);border-radius:999px;align-items:center;gap:4px;padding:4px 9px 3px;font-size:11px;display:inline-flex}.hh-lslot__state .hh-icon{width:13px;height:13px}.hh-lslot__state.is-ready{color:var(--ink);background:var(--mint)}.hh-lslot__state.is-wait{color:#fffc;background:var(--ink-3)}.hh-lslot__state.is-away{color:var(--ink);background:var(--tangerine)}.hh-lslot__ping{--pc:var(--mint);align-items:flex-end;gap:2px;display:inline-flex}.hh-lslot__ping i{background:var(--pc);border-radius:2px;width:4px}.hh-lslot__ping i:first-child{height:6px}.hh-lslot__ping i:nth-child(2){height:10px}.hh-lslot__ping i:nth-child(3){height:14px}.hh-lslot__ping small{font-family:var(--font-head);color:#ffffffb3;margin-left:4px;font-size:11px}.hh-lslot__ping.is-ok{--pc:var(--gold)}.hh-lslot__ping.is-ok i:nth-child(3){background:#fff3}.hh-lslot__ping.is-bad{--pc:var(--candy)}.hh-lslot__ping.is-bad i:nth-child(n+2),.hh-lslot__ping.is-unknown i{background:#fff3}.hh-lobby__foot{border:var(--stroke-lg) solid var(--ink);width:min(1180px,100%);box-shadow:0 7px 0 var(--ink);background:linear-gradient(#3a2160eb,#1b1446f0);border-radius:24px;flex-wrap:wrap;flex:none;align-items:center;gap:12px;margin:0 auto;padding:12px 16px;display:flex;position:relative}@media (min-width:901px){.hh-lobby__foot{flex-wrap:nowrap}}@media (min-width:901px) and (max-width:1100px){.hh-lobby__foot{gap:8px}.hh-lobby__foot .hh-btn--lg{font-size:var(--fs-md);padding-inline:.8em}.hh-lobby__ready{gap:8px}.hh-lobby__ready .hh-btn{min-width:190px}}.hh-lobby__ready{flex:none;align-items:center;gap:14px;margin-left:auto;display:flex}.hh-lobby__ready .hh-btn{min-width:260px}.hh-lobby__status{font-family:var(--font-head);font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--ice);align-items:center;gap:6px;display:inline-flex}.hh-lobby__status .hh-icon{width:20px;height:20px}.hh-lobby__countdown{color:var(--ink);background:var(--gold);border:var(--stroke-lg) solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:18px;align-items:center;gap:10px;padding:6px 18px;display:flex;position:absolute;bottom:calc(100% + 16px);right:18px}.hh-lobby__countdown[hidden]{display:none}.hh-lobby__countdown small{font-family:var(--font-head);font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase}.hh-lobby__countdown b{font-family:var(--font-display);font-weight:400;font-size:var(--fs-2xl);line-height:1}.hh-lobby__countdown.is-tick b{animation:sb-tick .42s var(--ease-pop)}@media (max-width:900px){.hh-lobby__teams{grid-template-columns:1fr}.hh-lobby__vs{justify-self:center}.hh-lobby__code{margin-left:0}}@media (max-width:720px){.hh-screen--lobby{overflow-y:auto}.hh-lobby__main{flex:none;overflow:visible}.hh-lobby__code{justify-content:space-between;width:100%}.hh-lobby__foot{margin:0 calc(-1 * var(--gutter));width:auto;padding-bottom:calc(var(--safe-b) + 10px);border-radius:24px 24px 0 0;position:sticky;bottom:0}.hh-lobby__foot>.hh-btn{font-size:var(--fs-sm);flex:1}.hh-lobby__ready{justify-content:space-between;width:100%;margin-left:0}.hh-lobby__hints{display:none}}@media (max-height:600px) and (orientation:landscape){.hh-screen--lobby{padding-top:calc(var(--safe-t) + 6px);padding-bottom:calc(var(--safe-b) + 6px);gap:6px}.hh-lobby__title h1{font-size:var(--fs-xl)}.hh-lobby__tags{display:none}.hh-lobby__code .hh-code__tile{width:32px;height:40px;font-size:var(--fs-md)}.hh-lobby__code{padding:4px 8px}.hh-lobby__codebtns{flex-direction:row}.hh-lobby__teams{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.hh-lslot{min-height:52px;padding:4px 8px 4px 4px}.hh-lslot__pt,.hh-lslot__pt .hh-portrait{width:42px;height:42px;--size:42px!important}.hh-lteam__head{padding:4px 10px}.hh-lteam__slots{gap:6px;padding:8px}.hh-lobby__foot{padding:6px 10px}.hh-lobby__foot .hh-btn--lg{min-height:42px;font-size:var(--fs-sm)}.hh-lobby__foot .hh-btn--xl{min-height:48px;font-size:var(--fs-md)}.hh-lobby__hints{display:none}}.hh-remap--live .hh-remap__head,.hh-remap--live .hh-remap__row{grid-template-columns:minmax(0,1fr) minmax(150px,176px) minmax(76px,96px)}.hh-remap__keys{gap:6px;min-width:0;display:flex}.hh-remap--live .hh-remap__key{cursor:pointer;flex:1 1 0;justify-content:center;min-width:0;min-height:44px;transition:border-color .14s,background .14s,transform .18s cubic-bezier(.34,1.56,.64,1)}.hh-remap--live .hh-remap__key:hover{border-color:#ffffff59}.hh-remap--live .hh-remap__key.is-empty{color:#ffffff73;border-style:dashed}.hh-remap__plus .hh-icon{width:16px;height:16px}.hh-remap--live .hh-remap__key.is-capturing{background:#ffd23f24;flex-basis:100%}.hh-remap__keys:has(.is-capturing) .hh-remap__key:not(.is-capturing){display:none}.hh-remap__pad.is-button{color:#fff;min-height:44px;font:inherit;cursor:pointer;pointer-events:auto;background:#0f052366;border:2px solid #ffffff1a;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.hh-remap__pad.is-button.is-capturing{border-color:var(--gold);animation:.8s ease-in-out infinite hh-cta}.pad-glyph{min-width:30px;height:30px;font-family:var(--font-head);font-size:var(--fs-sm);border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);text-shadow:0 1px #0006;background:#54607a;border-radius:999px;place-items:center;padding:0 7px;display:inline-grid}.pad-glyph.pad-a{background:#3ed66b}.pad-glyph.pad-b{background:#ff3b5c}.pad-glyph.pad-x{background:#2e8bff}.pad-glyph.pad-y{color:var(--ink);text-shadow:none;background:#ffc21f}.pad-glyph.is-alt{min-width:24px;height:24px;font-size:var(--fs-2xs);opacity:.75}.hh-remap__pad.is-locked{opacity:.6;width:auto;font-size:var(--fs-2xs);white-space:nowrap;justify-self:start}.hh-remap__row.is-swapped{animation:.9s ease-out both hh-remap-flash}@keyframes hh-remap-flash{0%{background:#ffd23f52}to{background:0 0}}.hh-remap__row{border-radius:12px}.hh-remap__split{font-size:var(--fs-xs);background:#2ee6a614;border:2px dashed #2ee6a659;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:10px 4px 0;padding:8px 10px;display:flex}.hh-remap__split b{font-family:var(--font-head);letter-spacing:.04em;color:var(--mint);text-transform:uppercase;align-items:center;gap:6px;font-weight:400;display:inline-flex}.hh-remap__split b .hh-icon{width:16px;height:16px}.hh-remap__split span{flex-wrap:wrap;gap:4px 10px;display:flex}.hh-remap__split i{color:#fffc;align-items:center;gap:3px;font-style:normal;display:inline-flex}.hh-remap__split kbd{min-width:20px;height:20px;font-family:var(--font-head);font-size:var(--fs-2xs);color:var(--ink);border:1.5px solid var(--ink);box-shadow:0 2px 0 var(--ink);background:#fff;border-radius:5px;place-items:center;padding:0 4px;display:inline-grid}.hh-remap--live .hh-remap__head em{font-style:normal}@media (max-width:720px){.hh-remap--live .hh-remap__head,.hh-remap--live .hh-remap__row{grid-template-columns:minmax(0,1fr) 118px 56px;gap:6px}.hh-remap--live .hh-remap__head span:last-child em,.hh-remap--live .pad-glyph.is-alt{display:none}.hh-remap__pad.is-locked{font-size:9px}.hh-remap--live .hh-remap__key{padding:4px}.hh-remap__pad.is-button{padding:4px 6px}}.hh-tprev{--ht-opacity:.8;border-bottom:2px dashed #ffffff1f;padding:12px 0}.hh-tprev__screen{aspect-ratio:844/390;border:5px solid var(--ink);width:min(100%,520px);box-shadow:0 6px 0 var(--ink), 0 14px 30px #11062859;background:linear-gradient(90deg,#0000 49.6%,#ff3b5ccc 49.6% 50.4%,#0000 50.4%),radial-gradient(circle at 50% 55%,#0000 0 13%,#ff3b5cbf 13% 14%,#0000 14%),linear-gradient(#4b2c86 0 18%,#ff3b5c 18% 19.5%,#fff 19.5% 21%,#0000 21%),radial-gradient(120% 90% at 50% 30%,#e4f8ff,#bfefff 45%,#8fddf2 100%);border-radius:22px;margin:0 auto;position:relative;overflow:hidden}.hh-tprev__screen i{font-family:var(--font-head);color:#fff;border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);opacity:var(--ht-opacity);text-shadow:0 1px 0 var(--ink);border-radius:50%;place-items:center;font-style:normal;transition:left .22s cubic-bezier(.34,1.56,.64,1),top .22s cubic-bezier(.34,1.56,.64,1),width .22s cubic-bezier(.34,1.56,.64,1),height .22s cubic-bezier(.34,1.56,.64,1),opacity .16s;display:grid;position:absolute}.hh-tprev__screen i.is-shoot{background:radial-gradient(circle at 50% 30%,#ff7a90 0 16%,#ff3b5c 58%,#c81d4a)}.hh-tprev__screen i.is-pass{background:radial-gradient(circle at 50% 30%,#8fffd6 0 16%,#2ee6a6 58%,#13a87a)}.hh-tprev__screen i.is-action{background:radial-gradient(circle at 50% 30%,#ffc08f 0 16%,#ff8a3d 58%,#d9561b)}.hh-tprev__screen i.is-signature{background:radial-gradient(circle at 50% 30%,#cfa9ff 0 16%,#9b5de5 58%,#6a35b8)}.hh-tprev__screen i.is-ring{background:0 0;border:2px dashed #ffffffb3;box-shadow:inset 0 0 0 6px #2a164024}.hh-tprev__screen i.is-ring.is-off{opacity:0}.hh-tprev__screen i.is-base{box-shadow:0 0 0 2px var(--ink);background:radial-gradient(circle at 50% 40%,#3a21608c,#2a1640b3);border-color:#ffffffd9}.hh-tprev__screen i.is-knob{background:radial-gradient(circle at 36% 28%,#fff 0 22%,#e8f7ff 48%,#9fcff0)}.hh-tprev__screen b{font-family:var(--font-head);font-weight:400;font-size:var(--fs-2xs);letter-spacing:.08em;color:#fff;white-space:nowrap;background:#2a1640bf;border-radius:999px;padding:2px 10px;position:absolute;top:3.5%;left:50%;translate:-50%}.hh-touch{--ink:#2a1640;--ht-opacity:.7;--ht-R:50px;--ht-knob:25px;--ht-ring:75px;--ht-stroke:3.5px;--ht-pop:cubic-bezier(.18, 1.9, .5, 1);--ht-bounce:cubic-bezier(.34, 1.56, .64, 1);z-index:4;pointer-events:none;opacity:0;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;contain:layout style;font-family:Lilita One,Luckiest Guy,Arial Rounded MT Bold,system-ui,sans-serif;transition:opacity .22s;position:fixed;inset:0;overflow:hidden}.hh-touch[data-visible=true]{opacity:1;pointer-events:auto}.hh-touch svg{display:block}.ht-stick{will-change:transform;opacity:1;width:0;height:0;transition:opacity .18s;position:absolute;top:0;left:0}.ht-stick>*{border-radius:50%;position:absolute;top:0;left:0;translate:-50% -50%}.ht-stick.is-idle{opacity:calc(var(--ht-opacity) * .8)}.ht-stick__ring{width:calc(var(--ht-ring) * 2);height:calc(var(--ht-ring) * 2);box-shadow:inset 0 0 0 calc(var(--ht-ring) - var(--ht-R) * 1.1) #2a164029, 0 0 0 2px #2a164040;transition:border-color .16s ease, box-shadow .2s ease, scale .2s var(--ht-bounce);border:3px dashed #ffffff80}.ht-stick__dash{opacity:0;border:3px dashed #fff3a8;border-radius:50%;transition:opacity .12s;position:absolute;inset:-3px}.ht-stick__ringlabel{letter-spacing:.12em;color:#fff;white-space:nowrap;transition:background .16s ease, color .16s ease, scale .2s var(--ht-pop);background:#2a1640d1;border:2px solid #ffffffb3;border-radius:999px;padding:2px 8px 1px;font-size:10px;line-height:1.2;position:absolute;top:0;left:50%;translate:-50% -50%}.hh-touch[data-turbo-ring=off] .ht-stick__ring{display:none}.ht-stick__base{width:calc(var(--ht-R) * 2 + 10px);height:calc(var(--ht-R) * 2 + 10px);border:var(--ht-stroke) solid #ffffffd9;box-shadow:0 0 0 var(--ht-stroke) var(--ink), 0 6px 0 calc(var(--ht-stroke) - 1px) var(--ink), inset 0 0 0 6px #ffffff1a, 0 12px 24px #1106284d;background:radial-gradient(circle,#ffffff1a 0 32%,#0000 33%),radial-gradient(circle at 50% 40%,#3a216080,#2a16409e)}.ht-chev{transform-origin:50% 0;border:7px solid #0000;border-top:0;border-bottom:9px solid #ffffff8c;width:0;height:0;position:absolute;top:50%;left:50%}.ht-chev--up{transform:translate(-50%, -50%) rotate(0deg) translateY(calc(var(--ht-R) * -.86))}.ht-chev--right{transform:translate(-50%, -50%) rotate(90deg) translateY(calc(var(--ht-R) * -.86))}.ht-chev--down{transform:translate(-50%, -50%) rotate(180deg) translateY(calc(var(--ht-R) * -.86))}.ht-chev--left{transform:translate(-50%, -50%) rotate(270deg) translateY(calc(var(--ht-R) * -.86))}.ht-stick__knob{width:calc(var(--ht-knob) * 2);height:calc(var(--ht-knob) * 2);will-change:transform;border:var(--ht-stroke) solid var(--ink);box-shadow:0 5px 0 var(--ink), 0 12px 18px #11062859, inset 0 -5px 0 #2a164024;transition:background .14s ease, scale .16s var(--ht-bounce);background:radial-gradient(circle at 36% 28%,#fff 0 22%,#e8f7ff 48%,#bfe6ff 78%,#9fcff0 100%);place-items:center;display:grid}.ht-stick__knob:before{content:"";border:3px solid #2a164033;border-radius:50%;transition:opacity .14s;position:absolute;inset:26%}.ht-stick__knobface{width:56%;height:56%;color:var(--ink);opacity:0;transition:opacity .12s ease, scale .2s var(--ht-pop);scale:.4}.ht-stick__knobface svg{width:100%;height:100%}.ht-stick__trail{width:calc(var(--ht-R) * 1.1);height:calc(var(--ht-knob) * 1.4);transform-origin:0;opacity:0;background:repeating-linear-gradient(0deg,#0000 0 4px,#ffffff8c 4px 6px),linear-gradient(90deg,#ff8a3d00 10%,#ff8a3d8c 60%,#ffd23fd9);border-radius:999px;transition:opacity .12s;translate:0 -50%;-webkit-mask:linear-gradient(90deg,#0000,#000 45%);mask:linear-gradient(90deg,#0000,#000 45%)}.ht-stick.is-active{opacity:1}.ht-stick.is-active .ht-stick__knob{scale:1.06}.ht-stick.is-land .ht-stick__base,.ht-stick.is-land .ht-stick__ring{animation:ht-land .26s var(--ht-pop) both}@keyframes ht-land{0%{scale:.72}to{scale:1}}.ht-stick.is-near .ht-stick__ring{box-shadow:inset 0 0 0 calc(var(--ht-ring) - var(--ht-R) * 1.1) #ff8a3d33, 0 0 0 2px #2a16404d;border-color:#ffd23fe6}.ht-stick.is-turbo .ht-stick__ring{box-shadow:inset 0 0 0 calc(var(--ht-ring) - var(--ht-R) * 1.1) #ff8a3d6b, 0 0 0 3px var(--ink), 0 0 26px 6px #ff8a3d99;border-color:#0000}.ht-stick.is-turbo .ht-stick__dash{opacity:1;animation:1.1s linear infinite ht-spin}.ht-stick.is-turbo .ht-stick__ringlabel{color:var(--ink);border-color:var(--ink);background:linear-gradient(#fff3a8,#ffd23f);scale:1.15}.ht-stick.is-turbo .ht-stick__knob{background:radial-gradient(circle at 36% 28%,#fffbe0 0 18%,#ffd23f 50%,#ff8a3d 100%)}.ht-stick.is-turbo .ht-stick__knob:before{opacity:0}.ht-stick.is-turbo .ht-stick__knobface{opacity:1;scale:1}.ht-stick.is-turbo .ht-stick__trail{opacity:1}.ht-stick.is-flare .ht-stick__ring{animation:ht-flare .32s var(--ht-pop) both}.ht-stick.is-tired.is-turbo .ht-stick__ring{box-shadow:inset 0 0 0 calc(var(--ht-ring) - var(--ht-R) * 1.1) #9b5de54d, 0 0 0 3px var(--ink);border-color:#ffffff80}@keyframes ht-spin{to{rotate:360deg}}@keyframes ht-flare{0%{scale:1.18}to{scale:1}}.ht-btn{--r:40;--c-hi:#ff7a90;--c:#ff3b5c;--c-lo:#c81d4a;--fg:#fff;opacity:var(--ht-opacity);transition:opacity .16s;position:absolute}.ht-btn--shoot{--ht-stroke:4px}.ht-btn--pass{--c-hi:#8fffd6;--c:#2ee6a6;--c-lo:#13a87a}.ht-btn--action{--c-hi:#ffc08f;--c:#ff8a3d;--c-lo:#d9561b}.ht-btn--signature{--c-hi:#cfa9ff;--c:#9b5de5;--c-lo:#6a35b8}.ht-btn--pause{--c-hi:#5b3a8c;--c:#3a2160;--c-lo:#2a1640;opacity:.9}.ht-btn.is-down{opacity:1}.ht-btn__body{justify-content:center;align-items:center;gap:calc(var(--r) * .02px);color:var(--fg);background:radial-gradient(circle at 50% 30%, var(--c-hi) 0 16%, var(--c) 58%, var(--c-lo) 100%);border:var(--ht-stroke) solid var(--ink);box-shadow:0 5px 0 var(--ink), 0 11px 20px #11062852, inset 0 -5px 0 #2a164033;transition:transform .24s var(--ht-pop), box-shadow .24s var(--ht-pop), filter .12s ease;will-change:transform;border-radius:50%;flex-direction:column;display:flex;position:absolute;inset:0}.ht-btn__gloss{pointer-events:none;background:linear-gradient(#ffffffb3,#fff0);border-radius:50%;height:30%;position:absolute;top:7%;left:20%;right:20%}.ht-btn__icon{width:calc(var(--r) * .72px);height:calc(var(--r) * .72px);margin-top:calc(var(--r) * .06px);filter:drop-shadow(0 2px #2a164099);position:relative}.ht-btn__icon svg{width:100%;height:100%}.ht-btn__label{font-size:clamp(10px, calc(var(--r) * .3px), 16px);letter-spacing:.05em;text-shadow:0 2px 0 var(--ink), 1.5px 0 0 var(--ink), -1.5px 0 0 var(--ink), 0 -1.5px 0 var(--ink), 1px 1px 0 var(--ink), -1px 1px 0 var(--ink);white-space:nowrap;line-height:1;position:relative}.ht-btn--pause .ht-btn__body svg{width:48%;height:48%}.ht-btn.is-down .ht-btn__body{box-shadow:0 1px 0 var(--ink), 0 4px 10px #1106284d, inset 0 -3px 0 #2a164033;filter:brightness(1.14)saturate(1.1);transition-duration:60ms;transform:translateY(4px)scale(.93)}.ht-btn__ripple{opacity:0;pointer-events:none;border:3px solid #fffffff2;border-radius:50%;position:absolute;inset:0}.ht-btn.is-pop .ht-btn__ripple{animation:.42s cubic-bezier(.22,1,.36,1) both ht-ripple}@keyframes ht-ripple{0%{opacity:.95;scale:.85}to{opacity:0;scale:1.65}}.ht-btn.is-flip .ht-btn__label,.ht-btn.is-flip .ht-btn__icon{animation:ht-flip .3s var(--ht-pop) both}@keyframes ht-flip{0%{scale:1 .1}to{scale:1}}.ht-ring{pointer-events:none;width:134%;height:134%;position:absolute;inset:-17%;overflow:visible;rotate:-90deg}.ht-ring__track,.ht-ring__fill{fill:none}.ht-ring__track{stroke:#2a164080;stroke-width:9px}.ht-ring__fill{stroke:#ffd23f;stroke-width:7px;stroke-linecap:round;transition:stroke-dashoffset 70ms linear}.ht-ring--shoot{opacity:0;transition:opacity .12s}.ht-btn--shoot.is-charging .ht-ring--shoot{opacity:1}.ht-btn--shoot.is-full .ht-ring__fill{stroke:#fff3a8;filter:drop-shadow(0 0 6px #ffd23ff2)}.ht-btn--shoot.is-full .ht-btn__body{filter:brightness(1.2)saturate(1.2);animation:90ms linear infinite ht-shake}@keyframes ht-shake{0%{translate:1.5px}50%{translate:-1.5px .5px}to{translate:1.5px}}.ht-aim{opacity:0;pointer-events:none;--ar:57px;width:0;height:0;transition:opacity 90ms;position:absolute;top:0;left:0}.ht-aim.is-on{opacity:1}.ht-aim__arc,.ht-aim__head{left:var(--ar);scale:var(--ht-u);transform-origin:0;border-top:17px solid #0000;border-bottom:17px solid #0000;border-left:24px solid var(--ink);filter:drop-shadow(0 3px #2a164073);width:0;height:0;animation:.48s ease-in-out infinite alternate ht-aim-nudge;position:absolute;top:-17px}.ht-aim__arc{left:calc(var(--ar) - 15px);opacity:.85;border-top-width:12px;border-bottom-width:12px;border-left-width:17px;animation-delay:-120ms;top:-12px}.ht-aim__arc:after,.ht-aim__head:after{content:"";border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:14px solid #ffd23f;position:absolute;top:-10px;left:-20px}.ht-aim__arc:after{border-top-width:7px;border-bottom-width:7px;border-left-width:10px;border-left-color:#fff3a8;top:-7px;left:-14px}@keyframes ht-aim-nudge{to{translate:5px}}.hh-touch.is-aiming .ht-btn:not(.ht-btn--shoot){opacity:calc(var(--ht-opacity) * .45)}.ht-ring--signature .ht-ring__track{stroke:#2a16408c;stroke-width:10px}.ht-ring--signature .ht-ring__fill{stroke:#c77dff;stroke-width:8px}.ht-btn--signature .ht-ring{width:128%;height:128%;inset:-14%}.ht-btn__halo{pointer-events:none;opacity:0;background:radial-gradient(circle,#ffd23fbf 0 28%,#ffd23f47 44%,#0000 66%);border-radius:50%;transition:opacity .24s;position:absolute;inset:-55%}.ht-btn__rays{background:repeating-conic-gradient(from 0deg, #fff3a8d9 0 7deg, transparent 7deg 30deg);border-radius:50%;position:absolute;inset:8%;-webkit-mask:radial-gradient(circle,#0000 0 34%,#000 36% 58%,#0000 72%);mask:radial-gradient(circle,#0000 0 34%,#000 36% 58%,#0000 72%)}.ht-btn--signature.is-ready{--c-hi:#fffbe0;--c:#ffd23f;--c-lo:#e5a412;--fg:var(--ink);opacity:1}.ht-btn--signature.is-ready .ht-btn__label{color:#fff}.ht-btn--signature.is-ready .ht-btn__icon{color:#9b5de5;filter:drop-shadow(0 2px 0 var(--ink))}.ht-btn--signature.is-ready .ht-ring__fill{stroke:#fff3a8}.ht-btn--signature.is-ready .ht-btn__halo{opacity:1;animation:1.3s ease-in-out infinite ht-halo}.ht-btn--signature.is-ready .ht-btn__rays{animation:9s linear infinite ht-spin}.ht-btn--signature.is-ready .ht-btn__body{animation:ht-ready 1.3s var(--ht-bounce) infinite}@keyframes ht-halo{0%,to{opacity:.75;scale:.88}50%{opacity:1;scale:1.06}}@keyframes ht-ready{0%,to{scale:1}45%{scale:1.07}}.ht-btn--signature.is-ready.is-down .ht-btn__body{animation:none}.hh-touch[data-motion=reduced] *,.hh-touch[data-motion=reduced] :before,.hh-touch[data-motion=reduced] :after{transition-duration:1ms!important;animation:none!important}.hh-touch[data-effects=reduced] .ht-btn__rays,.hh-touch[data-effects=reduced] .ht-stick__trail{display:none}.ht-zone{pointer-events:none;display:none;position:absolute}.hh-touch.show-zones .ht-zone{outline-offset:-2px;background:#3dffc512;outline:2px dashed #3dffc58c;display:block}.hh-touch.show-zones .ht-btn:before{content:"";border:2px dashed #3dffc5b3;border-radius:50%;position:absolute;inset:-15%}html.hh-touch-play,html.hh-touch-play body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none}