@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-italic-BHALq22K.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-italic-B8-t4Nou.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-italic-D2JnYqd-.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f4f2ed;--surface:#fff;--ink:#17202e;--muted:#828a98;--line:#e3dfd6;--key:#fff;--key-down:#e9e5dc;--key-shadow:0 1px 0 #d9d4c8, 0 2px 8px #17202e0a;--well:#e9e6de;--abyss:#1f2633;--crevasse:#8f9bad;--add:#e8613c;--sub:#2f6fb5;--good:#23946a;--bad:#d4453a;--r1:#e3e6ea;--r2:#d2d8e0;--r3:#bcc5d1;--peak:#17202e;--snow:#f4f2ed;--back:#b6c0cd;--shade:#0000002e;--ui:"Space Grotesk Variable", system-ui, sans-serif;--display:"Fraunces Variable", Georgia, serif;--ease:cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e131c;--surface:#1d2635;--ink:#eef1f6;--muted:#8892a5;--line:#2a3446;--key:#1d2635;--key-down:#2a3549;--well:#0a0e15;--abyss:#000;--crevasse:#070a10;--key-shadow:inset 0 1px 0 #ffffff0d, inset 0 0 0 1px #ffffff0d, 0 2px 8px #00000040;--add:#ff7d55;--sub:#6aa6e8;--good:#3cc48f;--bad:#ff6b5e;--r1:#151c28;--r2:#1a2332;--r3:#212c3e;--peak:#eef1f6;--snow:#0e131c;--back:#2c384c;--shade:#0e131c38;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0e131c;--surface:#1d2635;--ink:#eef1f6;--muted:#8892a5;--line:#2a3446;--key:#1d2635;--key-down:#2a3549;--well:#0a0e15;--abyss:#000;--crevasse:#070a10;--key-shadow:inset 0 1px 0 #ffffff0d, inset 0 0 0 1px #ffffff0d, 0 2px 8px #00000040;--add:#ff7d55;--sub:#6aa6e8;--good:#3cc48f;--bad:#ff6b5e;--r1:#151c28;--r2:#1a2332;--r3:#212c3e;--peak:#eef1f6;--snow:#0e131c;--back:#2c384c;--shade:#0e131c38;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;touch-action:manipulation;margin:0;transition:background-color .3s}body{overflow:hidden}#app{--col:min(100vw - 40px, 600px);height:100dvh;position:relative}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:focus-visible{outline:2px solid var(--muted);outline-offset:3px}.i{flex:none;display:block}.screen{padding:max(env(safe-area-inset-top), 12px) 20px max(env(safe-area-inset-bottom), 16px);padding-inline:max(20px, env(safe-area-inset-left), calc((100% - 600px) / 2));flex-direction:column;display:flex;position:absolute;inset:0}@media (width>=700px) and (height>=700px){.screen{padding-top:28px;padding-bottom:32px}}.screen.enter{animation:s-in .32s var(--ease) both}@keyframes s-in{0%{opacity:0;transform:translateX(calc(var(--d,1) * 24px))}}html{--d:1}html[data-dir=back]{--d:-1}::view-transition-old(root){animation:.22s cubic-bezier(.4,0,1,1) both vt-out}::view-transition-new(root){animation:vt-in .34s var(--ease) both}@keyframes vt-out{to{opacity:0;transform:translateX(calc(var(--d) * -28px))}}@keyframes vt-in{0%{opacity:0;transform:translateX(calc(var(--d) * 28px))}}::view-transition-group(op-sym){animation-duration:.42s;animation-timing-function:var(--ease)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.top{flex:none;justify-content:space-between;align-items:center;height:48px;display:flex}.ibtn{width:50px;height:50px;color:var(--muted);transition:color .2s, background-color .2s, transform .15s var(--ease);border-radius:14px;place-items:center;display:grid}.top>.ibtn:first-child{margin-left:-6px}.top>.ibtn:last-child{margin-right:-6px}.ibtn:active{background:var(--key-down);color:var(--ink);transform:scale(.88)}@media (hover:hover){.ibtn:hover{color:var(--ink)}}.logo svg{width:100%;height:auto;display:block;overflow:visible}.l-back{fill:var(--back)}.l-peak{fill:var(--peak)}.l-snow{fill:var(--snow)}.l-shade{fill:var(--shade)}.l-pole{stroke:var(--peak);stroke-width:2.5px;stroke-linecap:round}.l-cloth{fill:var(--add);transform-box:fill-box;transform-origin:0;animation:2.6s ease-in-out infinite wave}@keyframes wave{0%,to{transform:skewY(0)scaleX(1)}50%{transform:skewY(-8deg)scaleX(.86)}}.ridges{pointer-events:none;z-index:0;height:32%;position:absolute;bottom:0;left:0;right:0}.ridges svg{width:100%;height:100%;display:block}.ridges .r1{fill:var(--r1)}.ridges .r2{fill:var(--r2)}.ridges .r3{fill:var(--r3)}.screen>:not(.ridges){z-index:1;position:relative}.home .hero{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding-bottom:6vh;display:flex}.home .logo{width:clamp(160px,min(52vw,30dvh),300px)}.home .logo .l-back{animation:rise .9s 50ms var(--ease) both}.home .logo .l-peak,.home .logo .l-snow,.home .logo .l-shade{animation:rise .9s .15s var(--ease) both}.home .logo .l-flag{animation:plant .5s .75s var(--spring) both;transform-box:fill-box;transform-origin:bottom}@keyframes rise{0%{opacity:0;transform:translateY(26px)}}@keyframes plant{0%{opacity:0;transform:scaleY(0)}}.wordmark{font-family:var(--display);letter-spacing:-.02em;font-variation-settings:"SOFT" 100, "WONK" 1;animation:rise .7s .4s var(--ease) both;font-size:clamp(50px,7.5dvh,84px);font-style:italic;font-weight:600;line-height:1}.wordmark b{color:var(--add);font-weight:600}.ops{animation:rise .7s .55s var(--ease) both;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:8px;display:grid}.op{--c:var(--add);background:var(--surface);height:clamp(110px,16dvh,170px);box-shadow:var(--key-shadow);transition:transform .18s var(--ease), box-shadow .2s;border-radius:28px;place-items:center;display:grid}.op.sub{--c:var(--sub)}.op span{color:var(--c);transition:transform .25s var(--spring);font-size:clamp(60px,9dvh,88px);font-weight:500;line-height:1;display:inline-block}.op:active{transform:scale(.95)}.op:active span{transform:scale(1.15)}@media (hover:hover){.op:hover span{transform:scale(1.12)}}.setup{--c:var(--add)}.setup.sub{--c:var(--sub)}.display{background:var(--well);font-variant-numeric:tabular-nums;border-radius:28px;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;height:clamp(110px,18dvh,170px);margin:4px 0 0;font-size:clamp(30px,min(9vw,5.5dvh),52px);font-weight:500;display:grid;overflow:hidden;box-shadow:inset 0 2px 6px #00000014}.display .o{color:var(--c);margin:-.08em .12em 0;font-size:clamp(84px,min(26vw,15dvh),144px);font-weight:400;line-height:1}.reel{height:2.2em;color:var(--muted);opacity:.5;line-height:1.2em;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 38% 62%,#0000);mask-image:linear-gradient(#0000,#000 38% 62%,#0000)}.strip{padding-top:.5em}.reel.l{text-align:right;justify-self:end}.reel.r{text-align:left;justify-self:start}.strip{will-change:transform;display:block}.strip span{height:1.2em;display:block}.choices{flex-direction:column;flex:1;justify-content:center;gap:clamp(44px,10dvh,88px);padding:24px 0;display:flex}.group{gap:12px;display:grid}.group.g4{grid-template-columns:repeat(4,1fr)}.group.g3{grid-template-columns:repeat(3,1fr)}.chip{background:var(--surface);height:64px;box-shadow:var(--key-shadow);color:var(--muted);transition:color .2s, background-color .25s, transform .2s var(--spring), box-shadow .25s;border-radius:20px;justify-content:center;align-items:center;gap:8px;font-size:22px;font-weight:500;display:flex;position:relative}.setup .group{justify-content:center;gap:12px;display:flex}.setup .chip{aspect-ratio:1;border-radius:30%;width:min(20% - 7.2px,10dvh,84px);height:auto}.chip:active{transform:scale(.93)}.chip.on{color:#fff;background:var(--c);box-shadow:0 8px 20px -8px var(--c);transform:translateY(-2px)}.chip.on:active{transform:translateY(-2px)scale(.95)}.slots{gap:4px;display:flex}.slots i{background:currentColor;border-radius:3px;width:9px;height:17px}.slots.mix i{background:0 0;box-shadow:inset 0 0 0 2px}.slots.mix i:nth-child(2){background:linear-gradient(#0000 50%,currentColor 50%)}.slots.mix i:nth-child(3){background:currentColor}.dur{flex-direction:column;align-items:center;gap:5px;display:flex}.chip .mins{font-variant-numeric:tabular-nums;font-size:17px;line-height:1}.chip .mins:after{content:"′";opacity:.7;margin-left:1px}.start-wrap{flex-direction:column;flex:none;align-items:center;gap:16px;padding-bottom:6px;display:flex}.start{background:var(--c);color:#fff;width:116px;height:116px;box-shadow:0 12px 30px -10px var(--c);transition:scale .2s var(--spring);border-radius:36%;place-items:center;animation:1.5s ease-in-out infinite both heartbeat;display:grid;position:relative}.start .i{margin-left:5px}.start:active{animation-play-state:paused;scale:.92}@keyframes heartbeat{0%{animation-timing-function:ease-out;transform:scale(1)}10%{animation-timing-function:ease-in;transform:scale(.91)}17%{animation-timing-function:ease-out;transform:scale(.98)}33%{animation-timing-function:ease-in;transform:scale(.87)}45%{animation-timing-function:ease-out;transform:scale(1)}}@supports (corner-shape:squircle){.chip,.op,.key,.btn,.start,.display{corner-shape:squircle}.setup .chip{border-radius:40%}.start{border-radius:50%}.op{border-radius:40px}.key{border-radius:26px}}.game{--c:var(--add);padding-bottom:max(env(safe-area-inset-bottom), 14px)}.game.sub{--c:var(--sub)}.timer{font-variant-numeric:tabular-nums;color:var(--muted);padding-right:6px;font-size:17px;font-weight:500;transition:color .3s}.bar{background:var(--line);border-radius:4px;flex:none;height:4px;margin:2px 4px 0;overflow:hidden}.bar i{background:var(--c);transform-origin:0;border-radius:4px;height:100%;transition:background-color .3s;display:block}.stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5vh;min-height:0;display:flex;position:relative}.prob,.ans{font-size:var(--fs,80px);font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;font-weight:500;line-height:1.05}.prob .o{color:var(--c);margin:0 .18em;font-weight:400}.ans{min-width:2.2ch;color:var(--c);justify-content:center;align-items:center;padding-bottom:6px;display:flex;position:relative}.ans:after{content:"";background:var(--line);border-radius:3px;height:3px;transition:background-color .2s;position:absolute;bottom:0;left:0;right:0}.ans .caret{background:var(--c);border-radius:2px;width:3px;height:.8em;margin-left:4px;animation:1s step-end infinite blink}.ans .v span{animation:digit .16s var(--spring) both;display:inline-block}@keyframes digit{0%{opacity:0;transform:translateY(.18em)scale(.85)}}@keyframes blink{50%{opacity:0}}.ans.ok{color:var(--good)}.ans.ok:after{background:var(--good)}.ans.ok .caret,.ans.bad .caret{display:none}.ans.bad{color:var(--bad)}.ans.bad:after{background:var(--bad)}.ans.hidden{visibility:hidden}.lights{gap:22px;display:flex;position:absolute}.lights i{border:2px solid var(--line);width:22px;height:22px;transition:background-color .15s, border-color .15s, transform .3s var(--spring);border-radius:50%}.lights i.on{background:var(--c);border-color:var(--c);transform:scale(1.15)}.lights.go{animation:.22s ease-in forwards lights-go}@keyframes lights-go{to{opacity:0;filter:blur(2px);transform:scale(1.6)}}.spark{color:var(--good);pointer-events:none;animation:spark .6s var(--ease) both;position:absolute}@keyframes spark{0%{opacity:1;transform:translateY(0)scale(.6)}to{opacity:0;transform:translateY(-46px)scale(1.1)}}.pad{flex:none;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:8px;display:grid}.key{background:var(--key);height:clamp(52px,8.2dvh,76px);box-shadow:var(--key-shadow);touch-action:manipulation;transition:transform .12s var(--ease), background-color .15s;border-radius:18px;place-items:center;font-size:28px;font-weight:500;display:grid;position:relative;overflow:hidden}.key.down{background:var(--key-down);transition-duration:40ms;transform:scale(.93)}.key.fn{box-shadow:none;color:var(--muted);background:0 0}.key.fn.down{background:var(--key-down)}.key.go{background:var(--c);color:#fff;box-shadow:0 6px 16px -8px var(--c)}.key.go.down{filter:brightness(.92);background:var(--c)}.key .rip{opacity:.18;pointer-events:none;background:currentColor;border-radius:50%;width:12px;height:12px;animation:.45s ease-out forwards rip;position:absolute;transform:translate(-50%,-50%)scale(0)}@keyframes rip{to{opacity:0;transform:translate(-50%,-50%)scale(14)}}.pad.off .key{pointer-events:none}.shake{animation:.36s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shake{20%,60%{transform:translate(-9px)}40%,80%{transform:translate(9px)}}.result{--c:var(--add);align-items:stretch}.result.sub{--c:var(--sub)}.result .mid{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.climb{width:min(82vw,440px,50dvh)}.climb svg{width:100%;height:auto;display:block;overflow:visible}.climb .m-back{fill:var(--back);opacity:.6}.climb .m-peak{fill:var(--r3)}.climb .m-snow{fill:var(--surface);opacity:.85}.climb .trail{fill:none;stroke:var(--muted);stroke-width:1.6px;stroke-dasharray:2 5;stroke-linecap:round;opacity:.6}.climb .done{fill:none;stroke:var(--c);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.climb .me{fill:var(--c)}.climb .camp{fill:var(--muted)}.climb .horizon{stroke:var(--r3);stroke-width:1.5px}.score.neg span{color:var(--muted)}.pace{color:var(--muted);text-align:center;animation:rise .5s 1.2s var(--ease) both;margin-top:4px;font-size:18px;font-weight:500}.climb .halo{fill:var(--c);opacity:.25;transform-box:fill-box;transform-origin:50%;animation:1.6s ease-out infinite halo}@keyframes halo{0%{opacity:.45;transform:scale(.6)}to{opacity:0;transform:scale(2.4)}}.climb .top-flag{fill:var(--add);opacity:.35;transition:opacity .4s}.climb.summit .top-flag{opacity:1}.score{font-family:var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums lining-nums;font-variation-settings:"SOFT" 100, "WONK" 1;align-items:baseline;gap:6px;margin-top:12px;font-size:clamp(56px,min(19vw,13dvh),140px);font-style:italic;font-weight:600;line-height:1;display:flex}.score small{font-family:var(--ui);color:var(--muted);letter-spacing:0;font-size:.28em;font-style:normal;font-weight:500}.score{position:relative}.record{width:36px;height:36px;color:var(--c);background:color-mix(in srgb, var(--c) 14%, transparent);font-family:var(--ui);animation:plant .5s 1.4s var(--spring) both;border-radius:50%;justify-content:center;align-items:center;margin:-18px 0 0 10px;font-style:normal;display:flex;position:absolute;top:50%;left:100%}.actions{grid-template-columns:1fr 2fr;gap:12px;padding-bottom:6px;display:grid}.btn{background:var(--surface);height:64px;box-shadow:var(--key-shadow);transition:transform .18s var(--spring);border-radius:20px;place-items:center;display:grid}.btn:active{transform:scale(.94)}.btn.primary{background:var(--c);color:#fff;box-shadow:0 8px 22px -8px var(--c)}.opts .body{flex-direction:column;gap:28px;padding-top:3vh;display:flex}.opts h2{color:var(--muted);align-items:center;gap:8px;margin:0 0 10px 4px;font-size:13px;font-weight:500;display:flex}.opts .chip{color:var(--muted);--c:var(--ink)}.opts .chip.on{color:var(--bg)}.opts .chip.warn{color:var(--bad)}.opts .chip.arm{background:var(--bad);color:#fff;animation:.36s shake}.stat{color:var(--muted);font-variant-numeric:tabular-nums;gap:16px;margin:10px 0 0 4px;font-size:14px;display:flex}.stat span{align-items:center;gap:6px;display:inline-flex}.tools{gap:2px;display:flex}.stats{--c:var(--add);padding-bottom:0}.stats.sub{--c:var(--sub)}.spacer-44{width:44px}.optoggle{background:var(--well);border-radius:16px;gap:6px;padding:4px;display:flex}.opt{width:52px;height:36px;color:var(--muted);transition:background-color .2s, color .2s, transform .15s var(--spring);border-radius:12px;font-size:24px;font-weight:500;line-height:1}.opt:active{transform:scale(.92)}.opt.on{background:var(--surface);color:var(--c);box-shadow:var(--key-shadow)}.stats .body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:14px 0 max(env(safe-area-inset-bottom), 20px);flex-direction:column;flex:1;gap:14px;margin:0 -4px;padding-inline:4px;display:flex;overflow-y:auto}.empty{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.tiles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tile{background:var(--surface);box-shadow:var(--key-shadow);animation:rise .4s var(--ease) both;border-radius:20px;padding:14px 16px}.tile:nth-child(2){animation-delay:40ms}.tile:nth-child(3){animation-delay:80ms}.tile:nth-child(4){animation-delay:.12s}.tile .v{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums lining-nums;font-variation-settings:"SOFT" 100, "WONK" 1;font-size:30px;font-style:italic;font-weight:600;line-height:1.1}.tile .l{color:var(--muted);align-items:center;gap:6px;margin-top:4px;font-size:13px;display:flex}.card{background:var(--surface);box-shadow:var(--key-shadow);animation:rise .45s .1s var(--ease) both;border-radius:22px;padding:14px 16px 16px}.card h2{color:var(--muted);align-items:center;gap:8px;margin:0 0 12px;font-size:13px;font-weight:500;display:flex}.chart{touch-action:pan-y;display:block;overflow:visible}.chart .ax{font:500 11px var(--ui);fill:var(--muted);font-variant-numeric:tabular-nums}.chart .zero{stroke:var(--muted);stroke-width:1px;opacity:.5}.chart .summit{stroke:var(--add);stroke-width:1px;stroke-dasharray:3 4;opacity:.6}.chart .grid{stroke:var(--line);stroke-width:1px}.chart .up{fill:var(--c)}.chart .down{fill:var(--muted);opacity:.45}.chart .line{fill:none;stroke:var(--c);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart .dot{fill:var(--c);stroke:var(--surface);stroke-width:2px}.chart .hit{fill:#0000}.chart .hit:hover{fill:var(--c);fill-opacity:.06}.chart .cell.l0{fill:var(--line)}.chart .cell.l1{fill:color-mix(in srgb, var(--c) 30%, var(--surface))}.chart .cell.l2{fill:color-mix(in srgb, var(--c) 55%, var(--surface))}.chart .cell.l3{fill:color-mix(in srgb, var(--c) 78%, var(--surface))}.chart .cell.l4{fill:var(--c)}.legend{color:var(--muted);justify-content:flex-end;align-items:center;gap:4px;margin-top:10px;font-size:11px;display:flex}.legend span{margin:0 4px}.legend i{border-radius:3px;width:12px;height:12px}.legend i.l0{background:var(--line)}.legend i.l1{background:color-mix(in srgb, var(--c) 30%, var(--surface))}.legend i.l2{background:color-mix(in srgb, var(--c) 55%, var(--surface))}.legend i.l3{background:color-mix(in srgb, var(--c) 78%, var(--surface))}.legend i.l4{background:var(--c)}.modes{gap:8px;margin-bottom:12px;display:flex}.mchip{background:var(--well);min-width:48px;height:34px;color:var(--muted);transition:background-color .2s, color .2s, transform .15s var(--spring);border-radius:12px;place-items:center;padding:0 10px;display:grid}.mchip .slots i{border-radius:2px;width:6px;height:12px}.mchip:active{transform:scale(.92)}.mchip.on{background:var(--c);color:#fff}.mchip:disabled{opacity:.35;pointer-events:none}.hero{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.hero .v{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums lining-nums;font-size:30px;font-style:italic;font-weight:600}.hero .d,.note{color:var(--muted);font-size:14px}.tip{z-index:5;pointer-events:none;background:var(--ink);color:var(--bg);white-space:nowrap;opacity:0;border-radius:10px;padding:7px 10px;font-size:13px;font-weight:500;transition:opacity .12s;position:absolute;top:0;left:0}.tip.on{opacity:1}.overlay{z-index:20;padding:16px 16px max(env(safe-area-inset-bottom), 16px);background:#0a0e1573;justify-content:center;align-items:flex-end;animation:.2s ease-out both fade-in;display:flex;position:fixed;inset:0}.overlay.out{animation:.18s ease-in both fade-out}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}.sheet{background:var(--surface);text-align:center;width:min(100%,440px);animation:sheet-in .32s var(--spring) both;border-radius:28px;flex-direction:column;align-items:center;gap:14px;padding:24px 20px 20px;display:flex;box-shadow:0 20px 50px -20px #00000080}.overlay.out .sheet{animation:.18s ease-in both sheet-out}@keyframes sheet-in{0%{opacity:0;transform:translateY(40px)scale(.96)}}@keyframes sheet-out{to{opacity:0;transform:translateY(24px)}}@media (width>=700px){.overlay{align-items:center}}.sheet .danger{width:56px;height:56px;color:var(--bad);background:color-mix(in srgb, var(--bad) 13%, transparent);border-radius:50%;place-items:center;display:grid}.sheet p{margin:0 8px;font-size:17px;line-height:1.4}.sheet-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:6px;display:grid}.sheet .btn{height:54px;font-size:16px;font-weight:500}.btn.destroy{background:var(--bad);color:#fff;box-shadow:0 8px 20px -10px var(--bad)}.toast{left:50%;bottom:max(calc(env(safe-area-inset-bottom) + 24px), 32px);background:var(--ink);color:var(--bg);z-index:10;animation:toast 2.2s var(--ease) both;border-radius:14px;align-items:center;gap:8px;padding:12px 18px;font-size:15px;font-weight:500;display:flex;position:fixed;transform:translate(-50%)}@keyframes toast{0%{opacity:0;transform:translate(-50%,14px)}12%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,6px)}}