@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-ext-400-normal-C2je3j2s.woff2)format("woff2"),url(./instrument-serif-latin-ext-400-normal-CFCUzsTy.woff)format("woff");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:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"),url(./instrument-serif-latin-400-normal-BVbkICAY.woff)format("woff");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:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-ext-400-italic-C9HzH3YL.woff2)format("woff2"),url(./instrument-serif-latin-ext-400-italic-D7-lnxEk.woff)format("woff");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:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(./instrument-serif-latin-400-italic-u__WvvIK.woff)format("woff");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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-vietnamese-wght-normal-6IgcOCM7.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-latin-ext-wght-normal-DC-KSUi6.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-latin-wght-normal-BgDaEnEv.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-vietnamese-wght-normal-DadHysG0.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-latin-ext-wght-normal-Bwz-egvJ.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-latin-wght-normal-XN7g48iV.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{--ink:#f1ede6;--ink-2:#f1ede6b8;--ink-3:#f1ede675;--line:#f1ede629;--bg:#0b0a09;--accent:#c2562f;--accent-2:#e07a4f;--ok:#9fc7a0;--serif:"Instrument Serif", "Iowan Old Style", Georgia, serif;--sans:"Geist Variable", "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Geist Mono Variable", "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--ease:cubic-bezier(.2, .7, .1, 1)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;overflow:hidden}body{font-family:var(--sans);-webkit-font-smoothing:antialiased;touch-action:none;-webkit-user-select:none;user-select:none}canvas#gl{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}body.playing canvas#gl{cursor:none}.layer{pointer-events:none;position:fixed;inset:0}.layer>*{pointer-events:auto}.hidden{display:none!important}.fade{transition:opacity .5s var(--ease), transform .5s var(--ease)}.fade.out{opacity:0;pointer-events:none;transform:translateY(6px)}.eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.title{font-family:var(--serif);letter-spacing:-.01em;margin:10px 0 14px;font-size:clamp(44px,5.4vw,78px);font-weight:400;line-height:.95}.title em{color:var(--accent-2);font-style:italic}.lede{color:var(--ink-2);max-width:38ch;margin:0 0 26px;font-size:15px;line-height:1.55}#loader{background:var(--bg);z-index:50;transition:opacity .9s var(--ease);place-items:center;display:grid;position:fixed;inset:0}#loader.done{opacity:0;pointer-events:none}#loader .box{width:min(420px,80vw)}#loader .bar{background:var(--line);height:1px;margin-top:22px;position:relative;overflow:hidden}#loader .bar i{background:var(--ink);width:0%;transition:width .3s var(--ease);position:absolute;inset:0 auto 0 0}#loader .pct{font-family:var(--mono);color:var(--ink-3);justify-content:space-between;margin-top:10px;font-size:11px;display:flex}#menu{z-index:20;background:linear-gradient(90deg,#080706eb 0%,#080706c7 34%,#08070600 62%);align-items:stretch;display:flex;position:fixed;inset:0}#menu .panel{width:min(560px,100%);padding:clamp(22px,4vw,56px);padding-top:max(clamp(22px, 4vw, 56px), calc(var(--ah-chrome-inset,0px) + 14px));scrollbar-width:none;flex-direction:column;justify-content:safe center;display:flex;overflow-y:auto}#menu .panel::-webkit-scrollbar{display:none}.field{margin-bottom:16px}.field>label{margin-bottom:8px;display:block}.seg{border:1px solid var(--line);border-radius:22px;flex-wrap:wrap;gap:0;width:-moz-fit-content;width:fit-content;max-width:100%;padding:3px;display:flex}.seg button{appearance:none;color:var(--ink-2);font:500 13px/1 var(--sans);cursor:pointer;transition:background .25s var(--ease), color .25s var(--ease);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:9px 14px}.seg button:hover{color:var(--ink)}.seg button[aria-pressed=true]{background:var(--ink);color:#111}.seg button:focus-visible,.btn:focus-visible,.icon:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.sub{margin-top:10px}.drills{gap:6px;margin-top:4px;display:grid}.drill{appearance:none;text-align:left;border:1px solid var(--line);color:var(--ink-2);cursor:pointer;font:13px/1.4 var(--sans);background:0 0;border-radius:12px;padding:10px 12px}.drill b{color:var(--ink);font-weight:500;display:block}.drill[aria-pressed=true]{border-color:var(--ink);color:var(--ink);background:#f1ede60d}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.btn{appearance:none;border:1px solid var(--line);color:var(--ink);font:500 14px/1 var(--sans);cursor:pointer;transition:transform .2s var(--ease), background .2s var(--ease);background:0 0;border-radius:999px;padding:14px 22px}.btn:hover{background:#f1ede60f;transform:translateY(-1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-2)}.btn .k{font-family:var(--mono);opacity:.7;margin-left:8px;font-size:11px}.meta{flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px;display:flex}.toggle{appearance:none;color:var(--ink-3);font:12px/1 var(--mono);letter-spacing:.06em;cursor:pointer;background:0 0;border:0;padding:4px 0}.toggle[aria-pressed=true]{color:var(--ink)}.toggle:before{content:"";vertical-align:1px;border:1px solid;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.toggle[aria-pressed=true]:before{background:var(--accent-2);border-color:var(--accent-2)}.seg.lang{flex-wrap:nowrap;margin-left:auto;padding:2px}.seg.lang button{font:11px/1 var(--mono);letter-spacing:.08em;padding:4px 8px}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}.score{top:max(16px, env(safe-area-inset-top));left:calc(max(18px, env(safe-area-inset-left)) + var(--ah-chrome-inset,0px));gap:6px;display:grid;position:absolute}.score .row{grid-template-columns:10px auto 44px auto;align-items:baseline;gap:10px;display:grid}.score .srv{background:0 0;border-radius:50%;align-self:center;width:6px;height:6px}.score .srv.on{background:var(--accent-2);box-shadow:0 0 10px var(--accent-2)}.score .name{font:11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);min-width:54px}.score .pts{font:400 34px/1 var(--serif);font-variant-numeric:tabular-nums;text-align:right}.score .games{font:11px/1 var(--mono);color:var(--ink-3)}.score .mode{margin-top:4px}.tugline{font:10px/1 var(--mono);letter-spacing:.06em;color:var(--ink-3);align-items:center;gap:8px;margin-top:2px;display:flex}.tugline .track{width:132px;height:12px;position:relative}.tugline .track:before{content:"";background:var(--line);height:1px;position:absolute;top:50%;left:0;right:0}.tugline .track i{background:var(--ink-3);width:1px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tugline .track b{background:var(--ink);width:8px;height:8px;transition:left .6s var(--ease), background .3s;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.tugline .track b.you{background:var(--accent-2)}.hudbtns{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));pointer-events:auto;gap:8px;display:flex;position:absolute}.icon{appearance:none;border:1px solid var(--line);width:38px;height:38px;color:var(--ink-2);cursor:pointer;font:12px/1 var(--mono);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0a0959;border-radius:50%;place-items:center;display:grid;position:relative}.icon:hover{color:var(--ink);border-color:var(--ink-3)}.icon svg{width:16px;height:16px}body.captive.playing .hudbtns .icon:after{content:attr(data-k);font:10px/1 var(--mono);letter-spacing:.08em;color:var(--ink-3);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.toast{text-align:center;pointer-events:none;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.toast .big{font:400 clamp(38px, 6vw, 64px)/1 var(--serif);text-shadow:0 2px 30px #0009}.toast .small{font:11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin-top:10px}.toast.show{animation:toast 1.6s var(--ease) both}@keyframes toast{0%{opacity:0;transform:translate(-50%,-40%)}12%{opacity:1;transform:translate(-50%,-50%)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-56%)}}.hint{left:50%;bottom:calc(max(22px, env(safe-area-inset-bottom)) + 8px);font:12px/1.4 var(--mono);color:var(--ink-2);letter-spacing:.04em;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#0b0a0973;border-radius:999px;padding:10px 16px;transition:opacity .4s;position:absolute;transform:translate(-50%)}.hint.off{opacity:0}.replay{top:max(22px, env(safe-area-inset-top));font:11px/1 var(--mono);letter-spacing:.2em;color:var(--ink);align-items:center;gap:10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.replay:before{content:"";background:#e0493a;border-radius:50%;width:7px;height:7px;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.2}}.letterbox:before,.letterbox:after{content:"";z-index:9;background:#000;height:7vh;position:fixed;left:0;right:0}.letterbox:before{top:0}.letterbox:after{bottom:0}.overlay{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080706b8;place-items:center;display:grid;position:fixed;inset:0}.overlay .card{text-align:center;width:min(520px,90vw)}.overlay .title{font-size:clamp(46px,7vw,80px)}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:22px 0;display:grid}.stats div{padding:14px 6px}.stats b{font:400 28px/1 var(--serif);display:block}.stats span{font:10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.overlay .actions{justify-content:center}.overlay .card.wide.result{--pad:36px;width:min(560px, calc(100vw - 2 * var(--pad)));max-height:94vh;text-align:center;flex-direction:column;max-height:94dvh;display:flex;overflow:visible}.overlay .card .plain .lede{margin:0 auto 26px}.result .head{border-bottom:1px solid var(--line);flex:none;padding-bottom:16px}.result .title{margin:6px 0;font-size:clamp(40px,5.6vw,60px)}.result .lede{margin:0 auto}.overlay .card.wide.result .actions{flex:none;justify-content:center;margin-top:4px}.sum{scrollbar-width:none;min-height:0;margin-inline:calc(-1 * var(--pad));padding:18px var(--pad) 24px;text-align:left;flex:auto;align-content:start;gap:14px;display:grid;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 24px),#0000);mask-image:linear-gradient(#000 calc(100% - 24px),#0000)}.sum::-webkit-scrollbar{display:none}.sum .lead{align-items:center;gap:16px;display:flex;position:relative}.sum .hero{flex:none;display:block;position:relative}.sum .tone{font:400 30px/1.05 var(--serif);margin:0}.sum .level{color:var(--ink-2);text-wrap:pretty;margin:6px 0 0;font-size:14px;line-height:1.45}.cup{filter:drop-shadow(0 5px 9px #0000008c);transform-origin:50% 100%;display:block;overflow:visible}.sum[class*=has-] .lead:before{--d:calc(48px + 2 * var(--pad));content:"";left:calc(23px - var(--d) / 2);width:var(--d);height:var(--d);pointer-events:none;background:radial-gradient(closest-side, var(--glow), transparent);border-radius:50%;position:absolute;top:50%;translate:0 -50%}.sum.has-gold{--glow:#d9b24c3d}.sum.has-silver{--glow:#c8ccd02e}.sum.has-bronze{--glow:#bf825033}.sum .high{color:var(--ink-2);gap:6px;margin:0;padding:0;font-size:14px;line-height:1.45;list-style:none;display:grid}.sum .high li{text-wrap:pretty;padding-left:18px;position:relative}.sum .high li:before{content:"";background:var(--accent-2);width:6px;height:6px;position:absolute;top:.55em;left:2px;rotate:45deg}.stats.four{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));margin:2px 0}.stats.four div{padding:14px 4px 12px}.stats.four b{font-variant-numeric:tabular-nums}.stats.four span{margin-top:7px;line-height:1.35;display:block}.stats.four small{color:var(--ink-3);margin-top:4px;font-size:12px;display:block}.stats.four>div:nth-child(2){--i:1}.stats.four>div:nth-child(3){--i:2}.stats.four>div:nth-child(4){--i:3}.recs h3{font:400 11px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);justify-content:space-between;gap:12px;margin:0 0 2px;display:flex}.recs h3 span{letter-spacing:.08em}.recs ul{margin:0;padding:0;list-style:none}.recs li{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"name what val";align-items:baseline;column-gap:12px;padding:8px 0;font-size:14px;display:grid}.recs li:first-child{border-top:0}.recs .name{grid-area:name}.recs li b{font-variant-numeric:tabular-nums;grid-area:val;font-weight:500}.recs .what{color:var(--ink-3);text-align:right;text-wrap:balance;grid-area:what;font-size:12.5px}.recs li.fresh{position:relative;overflow:hidden}.recs li.fresh b{color:var(--accent-2)}.new{font:500 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);white-space:nowrap}.new:before{content:"";vertical-align:-1px;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);background:currentColor;width:9px;height:9px;margin-right:6px;display:inline-block}.marks .title{margin-bottom:18px;font-size:clamp(40px,5.6vw,60px)}.marks section+section{margin-top:22px}.marks h3{font:400 22px/1.2 var(--serif);justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 4px;display:flex}.marks h3 span{font:400 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);text-align:right}.marks table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.marks th,.marks td{text-align:right;border-top:1px solid var(--line);padding:9px 0 9px 10px;font-weight:400}.marks thead th{font:400 10px/1.35 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);vertical-align:bottom;border-top:0;padding-top:4px}.marks th:first-child{text-align:left;padding-left:0}.marks tbody th small{color:var(--ink-3);margin-top:2px;font-size:12px;display:block}.marks .note{color:var(--ink-3);margin:14px 0 0;font-size:13px;line-height:1.5}.marks .lede{max-width:none}.marks .actions{margin-top:22px}@media (max-width:520px){.overlay .card.wide.result{--pad:20px}.stats.four{grid-template-columns:repeat(2,minmax(0,1fr))}.stats.four>div:nth-child(n+3){border-top:1px solid var(--line)}.recs li{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name val""what what";row-gap:2px}.recs .what{text-align:left}.sum .tone{font-size:26px}}@media (max-height:760px){.result .title{margin:4px 0;font-size:44px}.result .head{padding-bottom:12px}.sum{gap:11px;padding-top:14px}.stats.four div{padding:10px 4px 9px}}@media (prefers-reduced-motion:no-preference){.sum:not(.still){animation:sum-in .45s var(--ease) both}.sum:not(.still) .high li,.sum:not(.still) .stats.four>div,.sum:not(.still) .recs li{animation:sum-in .4s var(--ease) both;animation-delay:calc(.25s + var(--i,0) * 90ms)}.sum:not(.still) .recs li{animation-delay:calc(.75s + var(--i,0) * .12s)}.sum:not(.still) .recs li.fresh:after{content:"";pointer-events:none;animation:rec-sweep 1s calc(1.2s + var(--i,0) * .12s) var(--ease) both;background:linear-gradient(100deg,#0000 38%,#ffe2be33 50%,#0000 62%);position:absolute;inset:0;translate:-100%}.sum:not(.still) .recs li.fresh .new:before{animation:rec-twinkle .9s calc(1.15s + var(--i,0) * .12s) var(--ease) both}.sum:not(.still) .cup{animation:cup-in .8s var(--ease) both}.sum:not(.still) .cup .shine{animation:1.1s ease-in-out .75s both cup-shine}.sum:not(.still)[class*=has-] .lead:before{animation:glow-in 1.4s .3s var(--ease) both}}@keyframes sum-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes rec-sweep{0%{translate:-100%}to{translate:100%}}@keyframes rec-twinkle{0%{rotate:-90deg;scale:0}55%{scale:1.7}to{rotate:0deg;scale:1}}@keyframes glow-in{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes cup-in{0%{opacity:0;transform:translateY(14px)scale(.7)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes cup-shine{0%{opacity:0;transform:translate(0)}25%{opacity:.55}to{opacity:0;transform:translate(56px)}}.help{text-align:left}.help dl{color:var(--ink-2);grid-template-columns:110px 1fr;gap:10px 16px;margin:18px 0 24px;font-size:14px;line-height:1.45;display:grid}.help dt{font:11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);padding-top:2px}@media (max-height:760px) and (min-width:721px){.title{margin:6px 0 10px;font-size:56px}.lede{margin-bottom:16px;font-size:14px}.field{margin-bottom:11px}.field>label{margin-bottom:6px}.seg button{padding:8px 12px}.meta{margin-top:16px}}@media (max-width:720px){#menu{background:linear-gradient(#08070659 0%,#080706e6 38%,#080706f5 100%);align-items:flex-end}#menu .panel{padding:22px 18px 28px;padding-top:max(22px, calc(var(--ah-chrome-inset,0px) + 14px));justify-content:safe flex-end;max-height:100%}.title{font-size:46px}.lede{margin-bottom:18px;font-size:14px}.seg button{padding:8px 11px;font-size:12px}.score .pts{font-size:28px}.score{top:calc(max(14px, env(safe-area-inset-top)) + 50px);left:max(18px, env(safe-area-inset-left))}.help dl{grid-template-columns:1fr}.hint{white-space:normal;width:max-content;max-width:90vw}.seg.lang button{padding:6px 10px}}@media (prefers-reduced-motion:reduce){.toast.show{animation-duration:10ms}}.you-tag{pointer-events:none;font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .35s var(--ease);will-change:transform;z-index:3;background:#0b0a098c;border:1px solid #e07a4f8c;border-radius:999px;align-items:center;gap:7px;padding:6px 10px 6px 8px;display:flex;position:fixed;top:0;left:0}.you-tag i{background:var(--accent-2);width:7px;height:7px;box-shadow:0 0 10px var(--accent-2);border-radius:50%}.you-tag.off{opacity:0}.overlay .card.wide{scrollbar-width:none;text-align:left;width:min(680px,92vw);max-height:92vh;overflow-y:auto}.overlay .card.wide::-webkit-scrollbar{display:none}.overlay .card.wide .actions{justify-content:flex-start}.overlay .card .meta{justify-content:center}.lesson .title{margin-bottom:18px;font-size:clamp(42px,6vw,64px)}.lesson .eyebrow.ok{color:var(--ok)}.lesson-body{grid-template-columns:190px 1fr;align-items:center;gap:26px;margin-bottom:22px;display:grid}.lesson .how p{color:var(--ink-2);max-width:44ch;margin:0 0 12px;font-size:15px;line-height:1.55}.lesson .how .goal{color:var(--ink);border-top:1px solid var(--line);margin:18px 0 0;padding-top:14px}.lesson .how .goal .eyebrow{color:var(--accent-2);margin-bottom:6px;display:block}.trick{border-left:2px solid var(--accent-2);margin:4px 0 26px;padding:2px 0 2px 18px}.trick h3,.tricks h3{font:400 26px/1.15 var(--serif);margin:8px 0}.trick p{color:var(--ink-2);max-width:52ch;margin:0;font-size:15px;line-height:1.55}.tricks{counter-reset:trick;grid-template-columns:1fr 1fr;gap:12px 28px;margin:0 0 22px;padding:0;list-style:none;display:grid}.tricks li{counter-increment:trick;border-top:1px solid var(--line);padding-top:9px}.tricks li:before{content:counter(trick, decimal-leading-zero);font:11px/1 var(--mono);letter-spacing:.14em;color:var(--accent-2)}.tricks h3{margin:5px 0 4px;font-size:20px}.tricks p{color:var(--ink-2);margin:0;font-size:13px;line-height:1.45}.lesson:has(.tricks) .title{margin-bottom:14px;font-size:clamp(36px,5vw,52px)}.fig{width:190px;height:auto;display:block;overflow:visible}.fig .tbl{fill:#f1ede60d;stroke:#f1ede657;stroke-width:1px}.fig .mid{stroke:#f1ede624;stroke-width:.8px;fill:none}.fig .net{stroke:#f1ede6b3;stroke-width:1.4px;fill:none}.fig .zone{fill:var(--accent-2);opacity:.3;animation:1.7s ease-in-out infinite alternate zone}@keyframes zone{to{opacity:.14}}.fig .trail{fill:none;stroke:#f1ede638;stroke-width:.8px;stroke-dasharray:1.5 3.5;stroke-linecap:round}.fig .ring{fill:none;stroke:#ffe2c8bf;stroke-width:1.2px}.fig .ring.hot{stroke:var(--accent-2);stroke-width:1.6px}.fig .arrow{fill:none;stroke:var(--accent-2);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.fig .ripple{fill:none;stroke:var(--ink);stroke-width:1.2px}.fig .blade{fill:var(--accent);stroke:#00000059;stroke-width:.6px}.fig .grip{fill:#b89468}.fig .ball{fill:var(--ink)}.score .lesson-title{font:400 32px/1 var(--serif);margin-top:2px}.score .lesson-goal{font:12px/1.35 var(--mono);letter-spacing:.03em;color:var(--ink-2);max-width:30ch}.score .dots{gap:7px;margin-top:4px;display:flex}.score .dots i{border:1px solid var(--ink-3);width:9px;height:9px;transition:background .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease);border-radius:50%}.score .dots i.on{background:var(--accent-2);border-color:var(--accent-2);box-shadow:0 0 10px #e07a4f99}.hint.warn{color:var(--ink);border:1px solid #e07a4f73}@media (max-width:720px){.lesson-body{grid-template-columns:1fr;justify-items:center;gap:14px}.fig{width:150px}.tricks{grid-template-columns:1fr}.lesson .title{margin-bottom:12px;font-size:42px}.score .lesson-title{font-size:26px}}@media (max-height:620px){.fig{width:130px}.lesson-body{margin-bottom:14px}}@media (prefers-reduced-motion:reduce){.fig .zone{animation:none}}