@font-face{font-family:Lilita One;src:url(./lilita-one-87r-Z-Re.woff2) format("woff2");font-display:swap}@font-face{font-family:Caveat;font-weight:700;src:url(./caveat-700-D8_1Nw6V.woff2) format("woff2");font-display:swap}@font-face{font-family:Nunito;font-weight:200 1000;src:url(./nunito-BzFMHfZw.woff2) format("woff2");font-display:swap}html:root{--kit-bg: #082a33;--kit-panel: #1d4a50;--kit-fg: #fff7e6;--kit-muted: #bfe3dc;--kit-accent: #ff6b4a;--kit-accent-fg: #ffffff;--kit-accent-2: #ffd24a;--kit-warn: #ff6b4a;--kit-radius: 10px;--kit-font: "Lilita One", "Arial Black", system-ui, sans-serif;--kit-focus-color: #ffffff;--kit-glyph-key: linear-gradient(180deg, #e2fff5, #9fe9d2);--kit-glyph-key-ink: #123a3a;--kit-glyph-pad-bg: #123a3a;--kit-glyph-font: "Lilita One", system-ui, sans-serif;--ff-ink: #3b2a18;--ff-ink-soft: #6e5232;--ff-cream: #fff7e6;--ff-coral: #ff6b4a;--ff-coral-deep: #c9421f;--ff-teal: #1fa5a8;--ff-sun: #ffd24a;--ff-glass: #9fe9d2;--ff-wood-edge: #6e5232;--ff-hand: "Caveat", "Segoe Print", "Comic Sans MS", cursive;--ff-read: "Nunito", system-ui, "Segoe UI", sans-serif;--ff-settle: cubic-bezier(.2, .9, .3, 1.15);--ff-pop: cubic-bezier(.2, 1.6, .4, 1);--ff-grain: radial-gradient(ellipse 16px 6px at 78% 38%, rgba(110, 82, 50, .32), transparent 70%), repeating-linear-gradient(90deg, transparent 0 29px, rgba(110, 82, 50, .1) 30px, transparent 33px), repeating-linear-gradient(0deg, rgba(255, 255, 255, .09) 0 2px, transparent 2px 7px);--ff-wood: var(--ff-grain), linear-gradient(180deg, #f4e2bd 0%, #e3c99a 50%, #c9a571 100%);--ff-coral-wood: var(--ff-grain), linear-gradient(180deg, #ff9a78 0%, #ff6b4a 55%, #d64a2c 100%);--ff-nails: radial-gradient( circle 3.5px at 8px 50%, #c9c9c9 0 1.5px, #6a6a6a 2.5px, rgba(0, 0, 0, .35) 3.5px, transparent 4px ), radial-gradient( circle 3.5px at calc(100% - 8px) 50%, #c9c9c9 0 1.5px, #6a6a6a 2.5px, rgba(0, 0, 0, .35) 3.5px, transparent 4px );--ff-board: repeating-linear-gradient( 180deg, transparent 0 46px, rgba(0, 0, 0, .28) 46px 48px, rgba(255, 255, 255, .05) 48px 49px ), var(--ff-grain), linear-gradient(170deg, #286c74 0%, #1a454c 60%, #133940 100%);--ff-rope: repeating-linear-gradient(45deg, #f0d39c 0 4px, #c49a5c 4px 7px, #8a6332 7px 8px);--ff-plank-shadow: inset 0 -3px 0 rgba(80, 50, 20, .28), inset 0 1px 0 rgba(255, 255, 255, .55), 0 4px 0 var(--ff-wood-edge), 0 7px 12px rgba(0, 0, 0, .35);--ff-ring: 0 0 0 3px #ffffff, 0 0 0 7px rgba(255, 210, 74, .85), 0 0 26px rgba(255, 210, 74, .6);--ff-sea-glass: linear-gradient(160deg, rgba(170, 245, 225, .32) 0%, rgba(14, 70, 72, .78) 70%)}html,body{margin:0;height:100%;background:radial-gradient(120% 100% at 50% 0%,#1b6170,#082a33 58%,#041a20);overflow:hidden;overscroll-behavior:none}#app{position:fixed;inset:0}canvas{display:block;touch-action:manipulation;transition:filter .5s ease}html.ff-attract canvas{filter:blur(3px) brightness(.8) saturate(1.2)}:focus{outline:none}html .kit-dim{background:#041e2480;backdrop-filter:blur(6px) saturate(125%);-webkit-backdrop-filter:blur(6px) saturate(125%)}html .kit-title-screen.kit-dim{background:radial-gradient(ellipse 75% 60% at 50% 42%,#041e240d,#041e2480 70%,#021014d9);backdrop-filter:none;-webkit-backdrop-filter:none}html .kit-ui{font-family:var(--ff-read)}html .kit-title{font-family:var(--kit-font);font-weight:400;color:var(--ff-cream);text-shadow:0 3px 0 var(--ff-ink),0 0 18px rgba(0,0,0,.4)}html .kit-tagline{font-family:var(--ff-hand);font-weight:700;font-size:1.2rem;color:var(--ff-cream);text-shadow:0 2px 6px rgba(0,0,0,.8)}html .kit-menu,html .kit-continue{gap:10px}html .kit-btn,html .kit-btn:hover{background:var(--ff-nails),var(--ff-wood)}html .kit-btn{position:relative;min-height:48px;font:400 1.05rem var(--kit-font);letter-spacing:.01em;color:var(--ff-ink);border:0;border-radius:6px 11px 7px 10px;box-shadow:var(--ff-plank-shadow);rotate:var(--tilt, 0deg);--kit-focus-shadow: var(--ff-ring), var(--ff-plank-shadow);transition:translate .12s ease,rotate .18s ease,box-shadow .15s ease,filter .15s ease}html .kit-menu>.kit-btn:nth-child(odd),html .kit-continue>.kit-btn:nth-child(odd),html .kit-modal-buttons>.kit-btn:nth-child(odd){--tilt: -.6deg}html .kit-menu>.kit-btn:nth-child(2n),html .kit-continue>.kit-btn:nth-child(2n),html .kit-modal-buttons>.kit-btn:nth-child(2n){--tilt: .55deg}html .kit-btn:hover:not(:disabled){translate:0 -2px;rotate:0deg;filter:brightness(1.05)}html .kit-btn:active:not(:disabled){translate:0 3px;rotate:0deg;--ff-plank-shadow: inset 0 -2px 0 rgba(80, 50, 20, .28), inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 0 var(--ff-wood-edge), 0 2px 5px rgba(0, 0, 0, .35)}html .kit-btn:disabled{opacity:.55;filter:grayscale(.6)}html[data-hub-input=keys] .kit-btn:focus,html .kit-btn.hub-nav-focus,html .kit-btn[data-hub-focus]{rotate:0deg;box-shadow:var(--kit-focus-shadow)}html[data-hub-input=touch] .kit-ui .kit-btn[data-nav][data-hub-focus]{box-shadow:var(--ff-plank-shadow);rotate:var(--tilt, 0deg)}html .kit-btn.kit-primary,html .kit-btn.kit-primary:hover,html .kit-toast-actions .kit-btn,html .kit-toast-actions .kit-btn:hover{background:var(--ff-nails),var(--ff-coral-wood)}html .kit-btn.kit-primary{color:#fff;text-shadow:0 2px 0 rgba(120,30,10,.55);--ff-wood-edge: #8a2a14}html .kit-btn-sub{font-family:var(--ff-hand);font-weight:700;font-size:1rem;color:var(--ff-ink-soft)}html .kit-btn.ff-mbtn{justify-content:flex-start;flex-wrap:nowrap;gap:12px;text-align:left;padding:8px 22px 8px 16px}.ff-mbtn-icon{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:52% 46% 55% 44%/48% 55% 45% 52%;font:400 1.05rem system-ui,sans-serif;color:#fff;background:radial-gradient(circle at 35% 30%,#4fd0c8 0%,var(--ff-teal) 55%,#127a7c 100%);box-shadow:inset 0 -3px #0003,0 2px #3b2a1859;transition:transform .18s var(--ff-pop),background .15s ease,color .15s ease}.ff-mbtn-text{display:flex;flex-direction:column;gap:0;min-width:0}.ff-mbtn-label{font-size:1.14rem;line-height:1.1}.ff-mbtn-sub{font-family:var(--ff-hand);font-size:1.04rem;font-weight:700;line-height:1.05;letter-spacing:0;color:var(--ff-ink-soft)}.ff-mbtn-sub:empty{display:none}.ff-mbtn:hover .ff-mbtn-icon,html[data-hub-input=keys] .ff-mbtn:focus .ff-mbtn-icon,.ff-mbtn.hub-nav-focus .ff-mbtn-icon,.ff-mbtn[data-hub-focus] .ff-mbtn-icon{transform:scale(1.1) rotate(-8deg);background:radial-gradient(circle at 35% 30%,#fff3b8 0%,var(--ff-sun) 55%,#e0a812 100%);color:var(--ff-ink)}html[data-hub-input=keys] .ff-mbtn:focus .ff-mbtn-icon,.ff-mbtn.hub-nav-focus .ff-mbtn-icon,.ff-mbtn[data-hub-focus] .ff-mbtn-icon{animation:ff-float 1.1s ease-in-out infinite}html[data-hub-input=touch] .ff-mbtn[data-hub-focus]:not(:hover) .ff-mbtn-icon{animation:none;transform:none;background:radial-gradient(circle at 35% 30%,#4fd0c8 0%,var(--ff-teal) 55%,#127a7c 100%);color:#fff}html[data-prompts] .kit-btn.ff-mbtn:has(>.kit-glyph-on){padding-left:16px;padding-right:62px}html .kit-btn>.kit-glyph-on{right:18px}html .kit-btn.kit-primary.ff-mbtn{padding-top:11px;padding-bottom:11px}html .kit-primary .ff-mbtn-label{font-size:1.4rem}html .kit-primary .ff-mbtn-sub{color:#ffeadf;text-shadow:none}html .kit-primary .ff-mbtn-icon{width:46px;height:46px;color:var(--ff-ink);background:radial-gradient(circle at 35% 30%,#fff3b8 0%,var(--ff-sun) 55%,#e0a812 100%);text-shadow:none}html .kit-btn.ff-in{animation:ff-plank-in .5s calc(var(--i, 0) * .06s) var(--ff-settle) both}html .kit-pause-btn{min-height:46px;min-width:46px;padding:0;border-radius:8px 11px 7px 10px;font-size:1.1rem}html .kit-pause-btn,html .kit-pause-btn:hover{background:var(--ff-wood)}.ff-panel,.ff-card,html .kit-modal-sheet{position:relative;box-sizing:border-box;border:7px solid transparent;border-radius:18px;background:var(--ff-board) padding-box,var(--ff-rope) border-box;box-shadow:inset 0 0 0 2px #00000040,inset 0 18px 30px #ffffff0f,0 18px 44px #0000008c}.ff-panel{width:min(410px,100%);display:flex;flex-direction:column;gap:10px;padding:14px;transform-origin:50% 0;animation:ff-board-in .7s .25s var(--ff-settle) both}.ff-panel .kit-menu,.ff-panel .kit-continue{width:100%}.ff-card{z-index:1;width:min(410px,100%);display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:30px 16px 16px;margin-top:18px;transform-origin:50% 0;animation:ff-board-in .6s var(--ff-settle) both}html .ff-card .kit-menu{width:100%}.ff-starfish{position:absolute;top:-16px;right:-14px;width:38px;height:38px;z-index:2;rotate:16deg;background:radial-gradient(circle 1.6px at 50% 30%,#fff1e2 90%,transparent),radial-gradient(circle 1.6px at 36% 50%,#fff1e2 90%,transparent),radial-gradient(circle 1.6px at 64% 50%,#fff1e2 90%,transparent),radial-gradient(circle 1.6px at 50% 62%,#fff1e2 90%,transparent),radial-gradient(circle at 50% 50%,#ffb08a 0 16%,var(--ff-coral) 46%,#c63f22 100%);clip-path:polygon(50% 0%,62% 34%,98% 36%,69% 58%,80% 94%,50% 72%,20% 94%,31% 58%,2% 36%,38% 34%);animation:ff-starfish-in .6s .8s var(--ff-pop) both;pointer-events:none}.ff-shell{position:absolute;bottom:-10px;left:-10px;width:32px;height:26px;z-index:2;rotate:-14deg;border-radius:50% 50% 9px 9px/100% 100% 9px 9px;background:linear-gradient(180deg,transparent 72%,#c98b6a 72% 80%,#e8b090 80%),repeating-conic-gradient(from -90deg at 50% 100%,#ffe2cf 0 9deg,#f2b08c 9deg 18deg);box-shadow:0 3px 4px #00000059;animation:ff-starfish-in .6s 1s var(--ff-pop) both;pointer-events:none}html .ff-card .kit-title,html .kit-modal-title{position:relative;align-self:center;margin:-46px 0 0;padding:6px 24px 8px;border-radius:7px 12px 8px 11px;font:400 clamp(1.7rem,7vw,2.2rem) / 1.05 var(--kit-font);text-align:center;color:var(--ff-coral);background:var(--ff-wood);text-shadow:2px 2px 0 rgba(255,255,255,.6),-1px -1px 0 rgba(0,0,0,.12);box-shadow:inset 0 -3px #50321447,inset 0 1px #ffffff8c,0 5px 0 var(--ff-wood-edge),0 9px 16px #0006;transform-origin:50% -20px;animation:ff-sign-drop .7s .1s var(--ff-pop) both,ff-sway 5s 1s ease-in-out infinite}html .ff-card .kit-title:before,html .ff-card .kit-title:after,html .kit-modal-title:before,html .kit-modal-title:after{content:"";position:absolute;bottom:100%;width:4px;height:16px;background:repeating-linear-gradient(170deg,#f0d39c 0 4px,#8a6332 4px 6px)}html .ff-card .kit-title:before,html .kit-modal-title:before{left:22%}html .ff-card .kit-title:after,html .kit-modal-title:after{right:22%}html .kit-modal-title{font-size:1.6rem;margin-top:-40px}html .ff-card .kit-title.ff-won{color:var(--ff-teal)}html .ff-card .kit-title.ff-lost{color:#1b8f92}.ff-card-sub{margin:-4px 0 0;text-align:center;font-family:var(--ff-hand);font-weight:700;font-size:1.25rem;color:var(--ff-cream);animation:ff-fade-up .4s .2s ease-out both}.ff-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;animation:ff-fade-up .4s .25s ease-out both}.ff-chip{display:inline-flex;align-items:baseline;gap:6px;padding:4px 12px 5px;border-radius:14px 18px 12px 17px;background:var(--ff-sea-glass);border:1px solid rgba(220,255,245,.4);box-shadow:inset 0 1px #ffffff73,inset 0 -3px 6px #0003,0 3px 6px #0000004d;white-space:nowrap}.ff-chip span{font-family:var(--ff-hand);font-weight:700;font-size:1.05rem;color:var(--ff-cream)}.ff-chip strong,.ff-best strong{font:400 1.25rem var(--kit-font);color:var(--ff-sun);text-shadow:0 2px 0 var(--ff-ink)}html .kit-result-body{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0}html .kit-result-body p{margin:0}.ff-total{display:flex;flex-direction:column;align-items:center;line-height:1;animation:ff-fade-up .4s .15s ease-out both}.ff-total span{font-family:var(--ff-hand);font-weight:700;font-size:1.3rem;color:var(--ff-cream)}.ff-total strong{font:400 3.6rem var(--kit-font);color:var(--ff-sun);-webkit-text-stroke:7px var(--ff-ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ff-ink)}.ff-best{font-family:var(--ff-hand);font-weight:700;font-size:1.2rem;color:var(--ff-cream)}.ff-new-best{padding:4px 14px;border-radius:6px 10px 7px 9px;font:400 1.15rem var(--kit-font);color:#fff;background:var(--ff-coral-wood);box-shadow:0 4px #8a2a14;rotate:-3deg;animation:ff-wiggle .9s .5s var(--ff-pop) 2 both}.ff-new-best strong{color:var(--ff-sun)}.ff-unlocked{display:flex;align-items:center;gap:10px;padding:7px 14px;border-radius:14px 18px 12px 17px;font:400 1.05rem var(--kit-font);color:#fff;background:linear-gradient(160deg,#ffaad273,#783c8cb3);border:1px solid rgba(255,230,245,.5);box-shadow:0 0 20px #ff8cc873;animation:ff-pop-in .5s .6s var(--ff-pop) both}.ff-title-screen{gap:12px}.ff-title-screen>*{flex-shrink:0}.ff-title-screen>:not(.ff-bubbles){position:relative;z-index:1}.ff-sign{position:relative;margin-top:24px;padding:6px 26px 10px;border-radius:9px 15px 11px 8px;background:var(--ff-wood);box-shadow:inset 0 -4px #50321440,inset 0 1px #ffffff8c,0 7px 0 var(--ff-wood-edge),0 14px 26px #00000080;transform-origin:50% -60px;animation:ff-sign-drop .8s .1s var(--ff-pop) both,ff-sway 6s 1.2s ease-in-out infinite}.ff-rope{position:absolute;bottom:100%;width:5px;height:60vh;background:repeating-linear-gradient(170deg,#f0d39c 0 4px,#c49a5c 4px 7px,#8a6332 7px 8px)}.ff-rope-l{left:20%}.ff-rope-r{right:20%}.ff-sign .ff-starfish{top:auto;bottom:-18px;right:-16px}.ff-kicker{margin:0;text-align:center;font-family:var(--ff-hand);font-weight:700;font-size:1.3rem;line-height:1;color:var(--ff-teal)}html .kit-title.ff-wordmark{display:flex;flex-wrap:wrap;justify-content:center;gap:0 .28em;margin:0;font-size:clamp(2.8rem,14vw,4.6rem);line-height:.95;text-shadow:none}.ff-word{display:inline-flex}.ff-letter{display:inline-block;text-transform:uppercase;color:var(--ff-coral);rotate:var(--lean, 0deg);text-shadow:.04em .04em 0 rgba(255,255,255,.65),-.02em -.02em 0 rgba(0,0,0,.14);animation:ff-letter-paint .5s calc(.35s + var(--i) * .06s) var(--ff-pop) both}.ff-word-1 .ff-letter{color:var(--ff-teal)}.ff-taglines{position:relative;height:1.5em;width:min(420px,100%);font-size:1.3rem}.ff-taglines span{position:absolute;inset:0;opacity:0;animation:ff-tagline 14s linear infinite}.ff-taglines span:nth-child(2){animation-delay:3.5s}.ff-taglines span:nth-child(3){animation-delay:7s}.ff-taglines span:nth-child(4){animation-delay:10.5s}.ff-footer{display:flex;justify-content:space-between;gap:6px;animation:ff-fade-up .5s .7s ease-out both}.ff-extras{display:flex;flex-direction:column;gap:8px;animation:ff-fade-up .5s .8s ease-out both}.ff-skin{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--ff-hand);font-weight:700;font-size:1.2rem;color:var(--ff-cream)}.ff-skin-dot{display:inline-block;width:26px;height:16px;border-radius:50% 40% 40% 50%/50%;background:linear-gradient(90deg,var(--body) 0 30%,var(--stripe) 30% 42%,var(--body) 42% 62%,var(--stripe) 62% 72%,var(--body) 72%);box-shadow:0 0 0 1.5px var(--ff-ink);flex:none}.ff-unlock{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:3px;align-items:center;width:100%;box-sizing:border-box;padding:7px 12px 9px;border-radius:12px 16px 11px 15px;background:#041a1e73;border:2px dashed rgba(240,211,156,.45)}.ff-unlock-pearl{grid-row:span 2;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#f7e9ff 45%,#d9b8ec);box-shadow:0 0 10px #ffdcf099}.ff-unlock-text{font-family:var(--ff-hand);font-weight:700;font-size:1.1rem;line-height:1.05;color:var(--ff-cream)}.ff-bar{position:relative;height:10px;border-radius:999px;overflow:hidden;background:#0b2529;box-shadow:inset 0 2px 3px #00000080,0 0 0 1.5px #f0d39c80}.ff-bar-fill{position:absolute;inset:0;border-radius:999px;background:repeating-linear-gradient(45deg,var(--ff-sun) 0 7px,#ffb21a 7px 14px);transform-origin:left center;transform:scaleX(var(--k, 0));animation:ff-bar-grow .9s .9s var(--ff-settle) both}.ff-bubbles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.ff-bubbles i{position:absolute;bottom:-30px;width:var(--size, 8px);height:var(--size, 8px);border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffffe6 0 12%,#bef0ff14 45%,#dcfaff59);box-shadow:inset 0 0 0 1px #dcfaff8c;animation:ff-bubble-rise 8s linear infinite}html .kit-modal{background:#03161c8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:max(72px,calc(var(--kit-top, 0px) + 16px)) 16px calc(var(--kit-bottom, 0px) + 24px)}html .kit-modal-sheet{width:min(430px,100%);overflow:visible;padding:34px 18px 18px;gap:14px;transform-origin:50% 0;animation:ff-board-in .55s var(--ff-settle) both}html .kit-modal-body{min-height:0;overflow-y:auto;margin:-6px -8px;padding:6px 8px;font-family:var(--ff-read);font-weight:700;font-size:1rem;line-height:1.45;color:var(--ff-cream);gap:4px}html .kit-modal-body>p,html .kit-modal-body>.kit-row,html .kit-modal-body li{animation:ff-fade-up .35s calc(.1s + var(--n, 0) * .04s) both}html .kit-modal-body>:nth-child(2){--n: 1}html .kit-modal-body>:nth-child(3){--n: 2}html .kit-modal-body>:nth-child(4){--n: 3}html .kit-modal-body>:nth-child(5){--n: 4}html .kit-modal-body>:nth-child(n+6){--n: 5}html .kit-modal[data-testid=howto] .kit-modal-body>p{position:relative;margin:0 0 6px;padding-left:26px}html .kit-modal[data-testid=howto] .kit-modal-body>p:before{content:"";position:absolute;left:2px;top:.32em;width:14px;height:12px;border-radius:50% 40% 55% 45%;background:radial-gradient(circle at 35% 30%,#eafff8 0 15%,var(--ff-glass) 50%,#3fb39a 100%)}html .kit-modal-buttons{flex-direction:column;align-items:stretch;gap:10px}html .kit-modal-buttons .kit-btn{width:100%}html .kit-row{min-height:52px;gap:14px;border-bottom:2px dashed rgba(240,211,156,.28)}html .kit-row:last-child{border-bottom:0}html .kit-row-label{font:400 1.12rem var(--kit-font);color:var(--ff-cream);text-shadow:0 2px 0 rgba(0,0,0,.3)}html .kit-toggle{flex:none;width:60px;height:34px;border-radius:17px;background:#0b2529;box-shadow:inset 0 3px 5px #0000008c,0 0 0 2px #f0d39c8c;transition:background .2s ease;--kit-focus-shadow: var(--ff-ring)}html .kit-toggle:after{top:4px;left:4px;width:26px;height:26px;background:linear-gradient(180deg,#ff5a3c 0 46%,var(--ff-ink) 46% 54%,#ffffff 54%);box-shadow:inset -3px -3px 5px #0003,0 2px 3px #0006;transition:transform .25s var(--ff-pop)}html .kit-toggle[aria-checked=true]{background:linear-gradient(180deg,#ff8a6a,var(--ff-coral) 60%,var(--ff-coral-deep))}html .kit-toggle[aria-checked=true]:after{transform:translate(26px) rotate(360deg)}html .kit-slider{-webkit-appearance:none;appearance:none;height:34px;border-radius:17px;background:transparent;cursor:pointer;--kit-focus-shadow: var(--ff-ring)}html .kit-slider::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:var(--ff-rope);box-shadow:0 2px 3px #0006}html .kit-slider::-moz-range-track{height:8px;border-radius:4px;background:var(--ff-rope)}html .kit-slider::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:50%;border:0;background:linear-gradient(180deg,#ff5a3c 0 46%,var(--ff-ink) 46% 54%,#ffffff 54%);box-shadow:0 2px 4px #00000080}html .kit-slider::-moz-range-thumb{width:26px;height:26px;border-radius:50%;border:0;background:linear-gradient(180deg,#ff5a3c 0 46%,var(--ff-ink) 46% 54%,#ffffff 54%);box-shadow:0 2px 4px #00000080}html .kit-seg{flex-wrap:wrap;justify-content:flex-end;gap:4px;padding:4px;border-radius:12px;background:#0b2529;box-shadow:inset 0 3px 5px #00000080,0 0 0 2px #f0d39c73}html .kit-seg-item{min-height:40px;padding:4px 14px;border-radius:6px 9px 7px 8px;font:400 1.05rem var(--kit-font);color:var(--ff-cream);--kit-focus-shadow: var(--ff-ring);transition:background .15s ease,transform .2s var(--ff-pop)}html .kit-seg-item:hover{background:#fff7e61f}html .kit-seg-item[aria-checked=true]{color:#fff;background:var(--ff-nails),var(--ff-coral-wood);text-shadow:0 2px 0 rgba(120,30,10,.5);box-shadow:0 3px #8a2a14;padding:4px 20px;animation:ff-pick .35s var(--ff-pop)}html[data-hub-input=keys] .kit-seg-item[aria-checked=true]:focus,html .kit-seg-item[aria-checked=true][data-hub-focus]{box-shadow:var(--ff-ring),0 3px #8a2a14}html .kit-toast{position:relative;padding:11px 16px 12px 20px;border:0;border-radius:7px 12px 8px 11px;font:700 1rem var(--ff-read);color:var(--ff-ink);background:linear-gradient(90deg,var(--ff-sun) 0 7px,transparent 7px),var(--ff-wood);box-shadow:inset 0 -3px #50321440,0 5px 0 var(--ff-wood-edge),0 10px 24px #00000073;rotate:-.6deg;animation:ff-toast-in .45s var(--ff-pop) both}html .kit-toast[data-kind=good]{background:linear-gradient(90deg,var(--ff-teal) 0 7px,transparent 7px),var(--ff-wood)}html .kit-toast[data-kind=warn]{background:linear-gradient(90deg,var(--ff-coral) 0 7px,transparent 7px),var(--ff-wood)}html .kit-toast-actions{flex-wrap:wrap;gap:8px}html .kit-toast-actions .kit-btn{min-height:44px;padding:6px 16px;font-size:1rem;color:#fff;--ff-wood-edge: #8a2a14}html .kit-loading{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 34px 12px;border-radius:9px 14px 10px 13px;background:var(--ff-wood);box-shadow:inset 0 -4px #50321440,0 6px 0 var(--ff-wood-edge),0 12px 24px #00000073;animation:ff-sway 4s ease-in-out infinite}html .kit-loading .kit-tagline{margin:0;font-size:1.5rem;color:var(--ff-ink);text-shadow:none}.ff-loading-fish{position:relative;width:34px;height:20px;border-radius:50% 40% 40% 50%/50%;background:linear-gradient(90deg,#ff7a2e 0 30%,#fff 30% 42%,#ff7a2e 42% 62%,#fff 62% 72%,#ff7a2e 72%);box-shadow:0 0 0 2px var(--ff-ink);animation:ff-swim 1.6s ease-in-out infinite alternate}.ff-loading-fish:after{content:"";position:absolute;left:-11px;top:3px;border:7px solid transparent;border-right:10px solid #ff7a2e;border-left:0}html .kit-hud.ff-hud{display:flex;flex-direction:column;align-items:center;gap:6px;font:400 15px var(--kit-font)}.ff-hud-row{display:flex;gap:6px;justify-content:center}.ff-hud-chip{position:relative;display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 7px;border-radius:14px 18px 12px 17px;background:var(--ff-sea-glass);border:1px solid rgba(220,255,245,.45);box-shadow:inset 0 1px #ffffff73,inset 0 -3px 6px #0003,0 3px 6px #0000004d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);white-space:nowrap}.ff-hud-chip span{font-family:var(--ff-hand);font-weight:700;font-size:1rem;color:var(--ff-cream)}.ff-hud-chip strong{font:400 1.25rem var(--kit-font);color:var(--ff-sun);text-shadow:0 2px 0 var(--ff-ink);min-width:1ch;text-align:center}.ff-hud-icon{width:18px;height:18px;border-radius:50%;flex:none}.ff-hud-points .ff-hud-icon{border-radius:50% 40% 40% 50%/50%;width:22px;height:14px;background:linear-gradient(90deg,#ff7a2e 0 30%,#fff 30% 42%,#ff7a2e 42% 62%,#fff 62% 72%,#ff7a2e 72%);box-shadow:0 0 0 1.5px var(--ff-ink)}.ff-hud-obstacles .ff-hud-icon{border-radius:3px;background:linear-gradient(#7be08a,#2f9e55) 0 0 / 6px 7px no-repeat,linear-gradient(#2f9e55,#7be08a) 0 100% / 6px 7px no-repeat,linear-gradient(#7be08a,#2f9e55) 100% 0 / 6px 7px no-repeat,linear-gradient(#2f9e55,#7be08a) 100% 100% / 6px 7px no-repeat}.ff-hud-combo .ff-hud-icon{background:radial-gradient(circle at 50% 70%,#fff3b0 0 20%,#ffb627 45%,#ff5a1f 80%);border-radius:50%/60% 60% 40% 40%;opacity:.45}.ff-hud-combo.is-hot{border-color:#ff8c64f2;box-shadow:inset 0 1px #ffffff73,0 0 18px #ff6b4aa6,0 3px 6px #0000004d}.ff-hud-combo.is-hot .ff-hud-icon{opacity:1;animation:ff-flame .35s ease-in-out infinite alternate}.ff-hud-combo.is-hot strong{color:#ffb08a}.ff-hud-pearls .ff-hud-icon{background:radial-gradient(circle at 35% 30%,#fff,#f7e9ff 45%,#d9b8ec);box-shadow:0 0 8px #ffb6e6b3}.ff-hud-chip.is-pop{animation:ff-chip-pop .34s var(--ff-pop)}.ff-hud-chip.ff-in{animation:ff-plank-in .45s calc(var(--i, 0) * .08s) var(--ff-settle) both}.ff-power{display:none;align-items:center;gap:7px;padding:4px 12px 4px 5px;border-radius:14px 18px 12px 17px;background:var(--ff-sea-glass);border:2px solid var(--pc, rgba(220, 255, 245, .45));box-shadow:0 0 16px var(--pg, transparent),0 3px 6px #0000004d;font:400 1rem var(--kit-font);color:var(--ff-cream);text-shadow:0 2px 0 rgba(0,0,0,.35)}.ff-power.is-on{display:inline-flex;animation:ff-pop-in .35s var(--ff-pop)}.ff-power b{display:grid;place-items:center;width:24px;height:24px;border-radius:52% 46% 55% 44%;font:900 .85rem system-ui,sans-serif;color:var(--ff-ink);background:var(--pc);text-shadow:none}.ff-power-bar{position:relative;width:60px;height:8px;border-radius:999px;overflow:hidden;background:#0b2529;box-shadow:0 0 0 1.5px #f0d39c80}.ff-power-fill{position:absolute;inset:0;border-radius:999px;background:var(--pc);transform-origin:left center}.ff-power-slow{--pc: #b6ff7a;--pg: rgba(182, 255, 122, .45)}.ff-power-magnet{--pc: #ff6f8f;--pg: rgba(255, 111, 143, .45)}.ff-power-dash{--pc: #ffd24a;--pg: rgba(255, 210, 74, .55)}.ff-power-shield{--pc: #7fe3ff;--pg: rgba(127, 227, 255, .45)}@keyframes ff-board-in{0%{opacity:0;transform:translateY(-40px) rotate(-4deg)}60%{opacity:1;transform:translateY(4px) rotate(1.5deg)}80%{transform:translateY(-1px) rotate(-.6deg)}to{transform:none}}@keyframes ff-board-in-side{0%{opacity:0;transform:translate(40px) rotate(3deg)}65%{opacity:1;transform:translate(-4px) rotate(-1deg)}to{transform:none}}@keyframes ff-plank-in{0%{opacity:0;transform:translateY(-18px) rotate(-3deg)}70%{opacity:1;transform:translateY(2px) scaleY(.95)}to{transform:none}}@keyframes ff-sign-drop{0%{opacity:0;transform:translateY(-140%) rotate(-6deg)}65%{opacity:1;transform:translateY(6%) rotate(3deg)}to{transform:none}}@keyframes ff-sway{0%,to{rotate:-1.2deg}50%{rotate:1.2deg}}@keyframes ff-letter-paint{0%{opacity:0;transform:scale(.4) translateY(10px)}to{opacity:1;transform:none}}@keyframes ff-starfish-in{0%{opacity:0;transform:scale(0) rotate(-120deg)}to{opacity:1;transform:none}}@keyframes ff-float{0%,to{translate:0 0}50%{translate:0 -4px}}@keyframes ff-tagline{0%{opacity:0;transform:translateY(6px) rotate(-1deg)}3%,22%{opacity:1;transform:none}25%,to{opacity:0;transform:translateY(-6px) rotate(1deg)}}@keyframes ff-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ff-pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes ff-toast-in{0%{opacity:0;transform:translateY(-14px) rotate(-3deg)}to{opacity:1;transform:none}}@keyframes ff-pick{0%{transform:translateY(-3px) scale(1.08)}to{transform:none}}@keyframes ff-swim{0%{translate:-26px 0}to{translate:26px -3px}}@keyframes ff-bubble-rise{0%{transform:translate(0) scale(.7);opacity:0}10%{opacity:.9}50%{transform:translate(14px,-55vh) scale(1)}90%{opacity:.8}to{transform:translate(-10px,-112vh) scale(1.15);opacity:0}}@keyframes ff-chip-pop{0%{transform:scale(1)}40%{transform:scale(1.22) rotate(-4deg)}to{transform:scale(1)}}@keyframes ff-flame{0%{transform:scale(.92) rotate(-6deg)}to{transform:scale(1.12) rotate(6deg)}}@keyframes ff-wiggle{0%,to{transform:none}25%{transform:rotate(-4deg) scale(1.08)}75%{transform:rotate(4deg) scale(1.04)}}@keyframes ff-bar-grow{0%{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.ff-letter,.ff-sign,.ff-panel,.ff-card,.ff-starfish,.ff-shell,.ff-bubbles i,.ff-taglines span,.ff-loading-fish,html .kit-loading,html .kit-btn.ff-in,html .kit-modal-sheet,html .kit-modal-title,html .ff-card .kit-title,html .kit-toast,.ff-mbtn-icon,.ff-hud-chip,.ff-hud-combo.is-hot .ff-hud-icon{animation:none!important}.ff-taglines span:first-child{opacity:1}.ff-bubbles{display:none}}@media(max-width:520px){.ff-hud-chip span{display:none}.ff-hud-chip{padding:3px 10px 3px 6px;gap:5px}.ff-hud-row{gap:5px}}@media(max-height:860px)and (min-width:600px){html .kit-title.ff-wordmark{font-size:3.6rem}.ff-kicker{font-size:1.1rem}.ff-title-screen{gap:8px}.ff-panel{gap:8px;padding:10px 12px}html .ff-panel .kit-menu{gap:7px}html .ff-panel .kit-btn.ff-mbtn{min-height:0;padding-top:5px;padding-bottom:5px}html .ff-panel .kit-primary.ff-mbtn{padding-top:8px;padding-bottom:8px}}@media(max-height:520px)and (orientation:landscape){.ff-title-screen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:"sign panel" "tag panel";align-content:center;align-items:center;column-gap:22px;row-gap:8px;width:min(720px,calc(100% - 150px));margin:0 auto;padding:8px 0}.ff-title-screen>.ff-bubbles{position:fixed}.ff-sign{grid-area:sign;justify-self:center;margin-top:0}html .kit-title.ff-wordmark{font-size:clamp(2.2rem,7vw,3.2rem)}.ff-taglines{grid-area:tag;width:100%;text-align:center}.ff-title-screen>[data-testid=offline-note]{grid-area:tag;align-self:end}.ff-panel{animation-name:ff-board-in-side;grid-area:panel;max-height:calc(100dvh - 24px);overflow-y:auto;width:100%}.ff-panel .ff-starfish,.ff-panel .ff-shell{display:none}.ff-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-flow:dense;align-items:center;column-gap:18px;width:min(720px,calc(100% - 150px));max-height:calc(100dvh - 36px);overflow-y:auto;margin-top:10px;padding-top:22px}.ff-card>*{grid-column:1}html .ff-card>.kit-menu{grid-column:2;grid-row:1 / span 4}html .ff-card .kit-title{margin-top:0}html .ff-card .kit-title:before,html .ff-card .kit-title:after,.ff-card>.ff-starfish,.ff-card>.ff-shell{display:none}html .ff-card .kit-title{justify-self:center;font-size:1.6rem}.ff-card{gap:8px}html .ff-card .kit-result-body{gap:6px}.ff-total{flex-direction:row;align-items:baseline;gap:10px}.ff-total strong{font-size:2.4rem}.ff-stats{gap:5px}.ff-chip{padding:2px 9px 3px}.ff-chip span{font-size:.95rem}.ff-chip strong{font-size:1.05rem}.ff-unlock{padding:4px 10px 6px}html .kit-modal{padding:12px 80px}html .kit-modal-sheet{max-height:calc(100dvh - 24px);padding-top:22px}html .kit-modal-title{margin-top:0}html .kit-modal-title:before,html .kit-modal-title:after{display:none}}