@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/test/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/test/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(/test/assets/figtree-latin-400-normal-g7Dtegnw.woff2)format("woff2"),url(/test/assets/figtree-latin-400-normal-BD4aNku5.woff)format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(/test/assets/figtree-latin-600-normal-Cv_xCTDl.woff2)format("woff2"),url(/test/assets/figtree-latin-600-normal-BM_oTo4n.woff)format("woff")}:root{--bg:#2a1d15;--sheet:#f6ebdd;--card:#fff8ef;--ink:#2b2019;--muted:#7a6555;--line:#e6d4c0;--glow:#f2c46d;--light:#f6ebdd;--display:"Fredoka", system-ui, sans-serif;--body:"Figtree", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--body);overscroll-behavior:none;margin:0;overflow:hidden}[hidden]{display:none!important}button{font:inherit;cursor:pointer}#c{width:100%;height:100%;display:block;position:fixed;inset:0}#touch{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#jbase,#jknob{pointer-events:none;border-radius:50%;position:fixed;top:0;left:0}#jbase{background:#f6ebdd2e;border:2px solid #f6ebdd8c;width:112px;height:112px}#jknob{background:#f6ebddd9;width:48px;height:48px;box-shadow:0 2px 8px #28180e59}#sheet{z-index:2;max-width:480px;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:var(--sheet);border-radius:22px 22px 0 0;margin:0 auto;transition:transform .3s cubic-bezier(.2,.8,.3,1),opacity .3s ease-out;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #28180e59}#sheet.out{opacity:0;transition:transform .14s ease-in,opacity .14s ease-in;transform:translateY(28px)}#sheet .kicker{letter-spacing:.1em;color:#fff4e2;background:#a0643c;border-radius:999px;padding:2px 9px;font-size:11px;display:inline-block}#sheet .kicker:empty{display:none}.say{align-items:center;gap:10px;display:flex}#sheet .say{margin-top:6px}#sheet-lu{object-fit:contain;flex:none;width:60px;height:60px;margin:-6px 0 -4px -4px}#q{font-family:var(--display);color:#3b2518;flex:1;font-size:17px;font-weight:600;line-height:1.3}#opts{gap:10px;margin-top:12px;display:flex}#opts:empty{display:none}#opts .btn{flex:1}.dashing #opts{pointer-events:none}.opt{background:var(--card);color:#1c130d;text-align:left;touch-action:manipulation;min-height:76px;font-family:var(--display);border:0;border-radius:16px;flex:1 1 0;padding:10px 12px 12px;font-size:16px;font-weight:600;line-height:1.25;transition:transform .35s cubic-bezier(.3,1.9,.55,1),box-shadow .2s,opacity .15s,background .1s,color .1s;animation:.32s cubic-bezier(.2,.8,.3,1) 40ms backwards card-in;position:relative;box-shadow:0 3px #c9a477,0 6px 14px #1e120a2e}.opt:focus-visible{outline:3px solid var(--glow);outline-offset:2px}.opt.left{border-left:5px solid #e0873a}.opt.right{border-right:5px solid #e0873a}.opt .head{align-items:center;gap:8px;margin-bottom:5px;display:flex}.opt.right .head{flex-direction:row-reverse;justify-content:space-between}.opt .chip{background:#e0873a;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid;box-shadow:0 2px #a85a1f}.opt .chip svg{color:#fff;width:19px;height:19px}.opt .short{font-family:var(--display);color:#1c130d;font-size:20px;font-weight:600;line-height:1.1}.opt .full{font-family:var(--body);color:#3b2518;font-size:15px;font-weight:600;line-height:1.3;display:block}.fork{fill:none;stroke:currentColor;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round}.opt.hot{box-shadow:0 3px 0 #c9a477, 0 0 0 3px var(--glow), 0 0 24px 6px #f2c46dcc;transform:scale(1.03)}.opt.hot .chip{animation:1.3s ease-in-out infinite chip}.opt.pressed{box-shadow:0 1px 0 #c9a477, 0 0 0 3px var(--glow), 0 0 20px 4px #f2c46dcc;transition-duration:80ms;transform:translateY(2px)}.opt.chosen{color:#fff4e2;background:#e0873a}.opt.chosen .short,.opt.chosen .full{color:#fff4e2}.opt.faded{opacity:.4}@keyframes chip{50%{transform:scale(1.12)}}@keyframes card-in{0%{opacity:0;transform:translateY(8px)scale(.96)}}#hint{text-align:center;color:var(--muted);margin-top:10px;font-size:12px}#hint:empty{display:none}.lu-face,.lu-hint #hint:before{background:#f6ebdd url(/test/lu/lu-cream-512.webp) 50% 22%/180% no-repeat;border-radius:50%;flex:none;width:24px;height:24px}.lu-hint #hint:not(:empty){justify-content:center;align-items:center;gap:6px;display:flex}.lu-hint #hint:before{content:"";width:20px;height:20px}#coach{color:#fff4e2;text-align:center;background:#2b2019;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:5px 12px 5px 6px;display:flex;box-shadow:0 8px 22px #140c0666}#coach.gone{opacity:0;transition:opacity .15s}#coach-title{font-family:var(--display);font-size:14px;font-weight:600;line-height:1.2}#ring{z-index:3;pointer-events:none;width:56px;height:56px;margin:-28px 0 0 -28px;position:fixed}#ring:before,#ring:after{content:"";border-radius:50%;position:absolute;inset:0}#ring:before{background:#e0873ae6;border:3px solid #fff;animation:1.3s ease-in-out infinite tap;inset:16px;box-shadow:0 2px 8px #1e120a66}#ring:after{border:4px solid #e0873a;animation:1.3s ease-out infinite ring;box-shadow:0 0 0 2px #fff}@keyframes ring{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}@keyframes tap{0%,to{transform:scale(1)}15%{transform:scale(.8)}}#grade{pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(120% 90% at 50% 45%,#0000 55%,#301a0c57 100%),linear-gradient(#ffd6a01a,#ffbe8c0f);position:fixed;inset:0}#hud{padding:calc(env(safe-area-inset-top) + 12px) 16px 0;pointer-events:none;align-items:center;gap:10px;display:flex;position:fixed;top:0;left:0;right:0}.pill{color:var(--light);white-space:nowrap;background:#140d098c;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:600}#strip{flex:1;height:22px;position:relative}#strip .line{background:#f6ebdd66;border-radius:2px;height:4px;position:absolute;top:9px;left:0;right:22px}#prog-fill{background:var(--glow);border-radius:2px;height:4px;transition:width .4s;position:absolute;top:9px;left:0}#strip .fire{background:#f6ebddd9;border-radius:50% 50% 50% 0;width:10px;height:10px;margin-left:-5px;position:absolute;top:6px;transform:rotate(-45deg)}#you{background:#fff4e2;border:2px solid #e0873a;border-radius:50%;width:14px;height:14px;margin-left:-7px;transition:left .4s;position:absolute;top:4px;box-shadow:0 1px 4px #0006}#strip .gate{width:22px;height:22px;color:var(--light);position:absolute;top:0;right:0}#faces{gap:3px;display:flex}.face,#toast-dot,#why-dot{background:50%/cover}.face{border:2px solid #fff8efe6;border-radius:50%;width:24px;height:24px;transition:opacity .3s,filter .3s}.face.off{opacity:.45;filter:grayscale()}.kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.kicker:empty{display:none}.center{text-align:center}#toast{bottom:calc(var(--sheet-h,0px) + 16px);z-index:3;background:var(--sheet);pointer-events:none;white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:7px 18px 7px 8px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #28180e4d}#toast.show{animation:2.6s both pop}@keyframes pop{0%{opacity:0;transform:translate(-50%,10px)scale(.9)}10%,80%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-6px)}}#toast-dot{border-radius:50%;width:36px;height:36px}#toast-title{font-family:var(--display);font-size:16px;font-weight:600}#toast-sub{color:var(--muted);font-size:12px}.overlay{flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}#start{background:linear-gradient(#3b2518b3,#3b251800 26% 52%,#3b2518 62%);justify-content:space-between}.start-top{text-align:center;padding-top:calc(env(safe-area-inset-top) + 56px)}h1{margin:0;line-height:0}h1 img{filter:drop-shadow(0 2px 10px #28180e99);width:250px;margin:-36px 0 -14px}#tagline{color:#fff1de;text-shadow:0 1px 8px #28180ee6;margin:6px 0 0;font-size:15px;font-weight:600}.sheet{width:100%;max-width:480px;padding:20px 20px calc(env(safe-area-inset-bottom) + 24px);flex-direction:column;gap:12px;margin:0 auto;display:flex}.sheet.light{background:var(--sheet);border-radius:24px 24px 0 0;padding-top:16px;box-shadow:0 -8px 30px #28180e59}#start .say{justify-content:center}#start .say img{object-fit:contain;flex:none;width:64px;height:64px}#lu-hi{background:var(--sheet);color:var(--ink);font-family:var(--display);border-radius:16px 16px 16px 4px;margin:0;padding:9px 13px;font-size:15px;font-weight:600;line-height:1.3}#intro{color:var(--light);text-align:center;margin:0;font-size:16px;line-height:1.4}#start .kicker{color:#d8bfa3}#start .sheet{padding-bottom:calc(env(safe-area-inset-bottom) + 20px)}.mic{vertical-align:-.2em;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:1.15em;height:1.15em}.langs{justify-content:center;gap:8px;display:flex}.langs button{color:var(--light);background:0 0;border:1.5px solid #f6ebdd80;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}.langs button.on{background:var(--light);color:#3b2518}.btn{font-family:var(--display);background:var(--ink);color:var(--light);border:0;border-radius:999px;padding:15px 20px;font-size:18px;font-weight:600}.btn:disabled{opacity:.45;cursor:default}.btn.gold{background:var(--glow);color:#3b2518;box-shadow:0 4px #b98a2e}.btn.ghost{color:var(--ink);background:0 0;padding:8px;font-size:16px}#route{text-align:center;color:#d8bfa3;font-size:13px}#meta{text-align:center;color:#d8bfa3;margin:0;font-size:14px}h2{font-family:var(--display);margin:0;font-size:20px;font-weight:600;line-height:1.3}textarea{font:16px var(--body);color:var(--ink);border:1.5px solid var(--ink);background:var(--card);resize:none;border-radius:14px;min-height:64px;padding:12px}.small{color:var(--muted);margin:0;font-size:12px}#finishing{color:var(--light);background:#2a1d158c;justify-content:center;align-items:center;gap:12px}.spinner{border:3px solid #f6ebdd4d;border-top-color:var(--glow);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.who{align-items:center;gap:8px;margin-bottom:-4px;font-size:15px;display:flex}#why-dot{border-radius:50%;flex:none;width:32px;height:32px}#why-send:disabled{opacity:1;color:var(--ink);background:0 0;border:1.5px solid #2b201959}.autostart #start{display:none}