@font-face{font-family:Bowlby One;font-style:normal;font-display:swap;font-weight:400;src:url(/no-wukkas-cafe/assets/bowlby-one-latin-400-normal-BlBlciR_.woff2)format("woff2"),url(/no-wukkas-cafe/assets/bowlby-one-latin-400-normal-DAczUCp_.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:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(/no-wukkas-cafe/assets/figtree-latin-ext-400-normal-CXAzuTZb.woff2)format("woff2"),url(/no-wukkas-cafe/assets/figtree-latin-ext-400-normal-Gbh-3PTk.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:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(/no-wukkas-cafe/assets/figtree-latin-400-normal-g7Dtegnw.woff2)format("woff2"),url(/no-wukkas-cafe/assets/figtree-latin-400-normal-BD4aNku5.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:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(/no-wukkas-cafe/assets/figtree-latin-ext-600-normal-DJlfifZj.woff2)format("woff2"),url(/no-wukkas-cafe/assets/figtree-latin-ext-600-normal-CQqsimlV.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:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(/no-wukkas-cafe/assets/figtree-latin-600-normal-Cv_xCTDl.woff2)format("woff2"),url(/no-wukkas-cafe/assets/figtree-latin-600-normal-BM_oTo4n.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:Figtree;font-style:normal;font-display:swap;font-weight:800;src:url(/no-wukkas-cafe/assets/figtree-latin-ext-800-normal-DLIuazCv.woff2)format("woff2"),url(/no-wukkas-cafe/assets/figtree-latin-ext-800-normal-Cp4dEvwL.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:Figtree;font-style:normal;font-display:swap;font-weight:800;src:url(/no-wukkas-cafe/assets/figtree-latin-800-normal-30yxI7TZ.woff2)format("woff2"),url(/no-wukkas-cafe/assets/figtree-latin-800-normal-B7vj2UK8.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}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#16100c;--glass:#16100cc7;--glass2:#241a14eb;--paper:#f5f0e5;--paper-ink:#221a14;--paper-dim:#8a7d6e;--crema:#e3a55f;--gum:#74a98c;--harbour:#4f8fbd;--flag:#e0513f;--gold:#f3c450;--txt:#f6ede1;--txt-dim:#b9a998;--line:#f6ede124;--display:"Bowlby One", "Arial Black", Impact, sans-serif;--body:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}html,body{height:100%;margin:0}body{background:var(--ink);color:var(--txt);font-family:var(--body);-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden}#app{position:fixed;inset:0}#gl{cursor:default;width:100%;height:100%;display:block;position:absolute;inset:0}#gl.aim{cursor:none}#ui{pointer-events:none;position:absolute;inset:0}#ui button{font:inherit;color:inherit;cursor:pointer;pointer-events:auto}#ui button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.hide{display:none!important}.btn{background:var(--gold);letter-spacing:.01em;border:0;border-radius:12px;padding:12px 20px;font-size:15px;font-weight:800;transition:transform 80ms,box-shadow 80ms;box-shadow:0 6px #b8892a;color:var(--ink)!important}.btn:active{transform:translateY(4px);box-shadow:0 2px #b8892a}.btn.ghost{border:1.5px solid var(--line);box-shadow:none;background:0 0;color:var(--txt)!important}.btn.ghost:hover{border-color:#f6ede166}.btn.small{padding:8px 14px;font-size:13px}kbd{font-family:var(--mono);border:1px solid var(--line);background:#ffffff1a;border-bottom-width:2px;border-radius:5px;padding:0 5px;font-size:.85em}#title{pointer-events:auto;background:radial-gradient(at 50% 40%,#16100c59,#16100cd9);place-items:safe center;padding:16px;display:grid;position:absolute;inset:0;overflow-y:auto}.titleCard{text-align:center;max-width:560px}.titleCard .kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--crema);font-size:12px}.titleCard h1{font-family:var(--display);color:var(--paper);text-shadow:0 4px #00000059;margin:10px 0 6px;font-size:clamp(42px,9vw,84px);font-weight:400;line-height:.95}.titleCard h2{font-family:var(--display);color:var(--gold);margin:0 0 16px;font-size:clamp(18px,3.4vw,26px);font-weight:400}.titleCard p{color:var(--txt-dim);max-width:460px;margin:0 auto 18px;font-size:15px;line-height:1.5}.controls{text-align:left;color:var(--txt-dim);background:var(--glass);border:1px solid var(--line);border-radius:14px;grid-template-columns:auto 1fr;gap:6px 12px;max-width:400px;margin:0 auto 22px;padding:12px 16px;font-size:13px;display:grid}.controls b{color:var(--txt);white-space:nowrap;font-weight:700}.titleBtns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}:is(#topbar,#rtopbar,#ptopbar){left:16px;right:16px;top:calc(12px + env(safe-area-inset-top,0px));flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute}.chip{background:var(--glass);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;display:flex}.chip .k{letter-spacing:.14em;text-transform:uppercase;color:var(--txt-dim);font-size:10px}.steps{gap:4px;display:flex}.steps span{color:var(--txt-dim);border-radius:8px;padding:3px 8px;font-size:12px;font-weight:700}.steps span.on{background:var(--gold);color:var(--ink)}.steps span.done{color:var(--gum)}.pips{gap:5px;display:flex}.pips i{border:1.5px solid var(--txt-dim);border-radius:50%;width:10px;height:10px;display:block}.pips i.cur{border-color:var(--gold);box-shadow:0 0 0 2px #f3c45040}.pips i.ok{background:var(--gum);border-color:var(--gum)}.pips i.bad{background:var(--flag);border-color:var(--flag)}:is(#topbar,#rtopbar,#ptopbar) .spacer{flex:1}.iconbtn{background:var(--glass);border:1px solid var(--line);border-radius:12px;min-width:34px;min-height:34px;padding:0 10px;font-size:13px;font-weight:700}.iconbtn.off{opacity:.45}:is(#subs,#rsubs,#psubs){left:50%;bottom:calc(26px + env(safe-area-inset-bottom,0px));background:var(--glass2);border:1px solid var(--line);pointer-events:auto;cursor:pointer;border-radius:16px;width:min(720px,100vw - 32px);padding:12px 16px 14px;transition:opacity .25s,transform .25s;position:absolute;transform:translate(-50%);box-shadow:0 16px 40px #00000073}:is(#subs,#rsubs,#psubs).gone{opacity:0;pointer-events:none;transform:translate(-50%)translateY(8px)}:is(#subs,#rsubs,#psubs) .who{font-family:var(--display);letter-spacing:.06em;color:var(--crema);font-size:13px}:is(#subs,#rsubs,#psubs) .who small{font-family:var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--txt-dim);margin-left:6px;font-size:10px;font-weight:600}:is(#subs,#rsubs,#psubs) .text{min-height:1.4em;margin-top:4px;font-size:clamp(16px,2.1vw,20px);line-height:1.4}:is(#instr,#rinstr){left:16px;bottom:calc(150px + env(safe-area-inset-bottom,0px));background:var(--glass);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;max-width:min(360px,100vw - 32px);padding:10px 14px;font-size:14px;line-height:1.45;position:absolute}:is(#instr,#rinstr) .h{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:3px;font-size:10px}:is(#gauges,#rgauges,#pgauges){flex-direction:column;gap:10px;width:210px;display:flex;position:absolute;top:64px;right:16px}.gauge{background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:10px 12px}.gauge .k{letter-spacing:.14em;text-transform:uppercase;color:var(--txt-dim);justify-content:space-between;font-size:10px;display:flex}.gauge .v{font-family:var(--mono);font-variant-numeric:tabular-nums;margin:2px 0 6px;font-size:22px;font-weight:700}.gauge .v small{color:var(--txt-dim);margin-left:4px;font-size:12px}.bar{background:#ffffff1a;border-radius:6px;height:10px;position:relative;overflow:hidden}.bar .zone{border-left:1px solid var(--gum);border-right:1px solid var(--gum);background:#74a98c73;position:absolute;top:0;bottom:0}.bar .fill{background:var(--crema);border-radius:6px;position:absolute;top:0;bottom:0;left:0}.bar .needle{background:var(--paper);border-radius:2px;width:3px;margin-left:-1.5px;position:absolute;top:-2px;bottom:-2px;box-shadow:0 0 6px #0009}.gauge .tag{letter-spacing:.08em;text-transform:uppercase;margin-top:6px;font-size:11px;font-weight:800}.tag.good{color:var(--gum)}.tag.warn{color:var(--gold)}.tag.bad{color:var(--flag)}.vgauge{align-items:stretch;gap:10px;display:flex}.vbar{background:#ffffff1a;border-radius:8px;flex:none;width:14px;height:120px;position:relative;overflow:hidden}.vbar .zone{background:#74a98c73;position:absolute;left:0;right:0}.vbar .zone.mid{background:#f3c45038}.vbar .needle{background:var(--paper);height:3px;margin-top:-1.5px;position:absolute;left:-3px;right:-3px;box-shadow:0 0 6px #0009}.vlabels{color:var(--txt-dim);letter-spacing:.06em;text-transform:uppercase;flex-direction:column;justify-content:space-between;font-size:10px;display:flex}:is(#actionBar,#ractions,#pactions){left:50%;bottom:calc(150px + env(safe-area-inset-bottom,0px));gap:10px;display:flex;position:absolute;transform:translate(-50%)}:is(#touchHeight,#rtouchHeight,#ptouchHeight){right:16px;bottom:calc(150px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:8px;display:flex;position:absolute}:is(#touchHeight,#rtouchHeight,#ptouchHeight) button{background:var(--glass);border:1px solid var(--line);border-radius:14px;width:54px;height:54px;font-size:20px}:is(#card,#pcard){pointer-events:auto;filter:drop-shadow(0 16px 28px #00000080);width:min(360px,100vw - 32px);max-height:calc(100vh - 80px);position:absolute;top:60px;right:16px;overflow:auto;transform:rotate(.6deg)}.paper{background:var(--paper);color:var(--paper-ink);font-family:var(--mono);padding:14px 16px 22px;font-size:12.5px;-webkit-mask:radial-gradient(circle at 6px 100%,#0000 5px,#000 5.5px) -6px 0/12px 100% repeat-x;mask:radial-gradient(circle at 6px 100%,#0000 5px,#000 5.5px) -6px 0/12px 100% repeat-x}.paper .hd{text-align:center;border-bottom:1px dashed var(--paper-dim);margin-bottom:10px;padding-bottom:8px}.paper .hd b{font-family:var(--display);font-size:18px;font-weight:400;display:block}.paper .hd span{color:var(--paper-dim);font-size:11px}.scoreRow{align-items:center;gap:12px;display:flex}.scoreRow canvas{border-radius:50%;flex:none;width:132px;height:132px;margin:8px;box-shadow:0 0 0 6px #fbfaf6,0 0 0 7px #d9d1c2}.bigScore{font-family:var(--display);font-size:46px;line-height:1}.bigScore small{color:var(--paper-dim);font-size:16px}.bandTag{text-transform:uppercase;letter-spacing:.1em;background:var(--paper-ink);color:var(--paper);border-radius:4px;margin-top:4px;padding:3px 7px;font-size:11px;font-weight:700;display:inline-block}.bandTag.hired{background:#3d6b55}.bandTag.almost{background:#b8892a}.bandTag.failed{background:#8a3b1c}.bandTag.disaster,.bandTag.invalid{background:var(--flag)}.rows{border-top:1px dashed var(--paper-dim);margin-top:10px;padding-top:8px}.rows .r{grid-template-columns:82px 1fr 46px;align-items:center;gap:8px;margin:3px 0;display:grid}.rows .r i{background:#ddd3c1;border-radius:3px;height:6px;display:block;overflow:hidden}.rows .r i b{background:var(--paper-ink);height:100%;display:block}.rows .r span:last-child{text-align:right}.faults{border-top:1px dashed var(--paper-dim);margin-top:10px;padding-top:8px}.faults .f{margin:6px 0}.faults .f b{font-size:12px;display:block}.faults .f span{color:#5a4d40;font-family:var(--body);font-size:12.5px;line-height:1.35}.cardBtns{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.cardBtns .btn{flex:auto}.cardBtns .btn.ghost{border-color:#221a144d;color:var(--paper-ink)!important}#verdict,#rsummary{pointer-events:auto;background:radial-gradient(#16100c33,#16100ccc);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.verdictCard{width:min(440px,100%)}.verdictCard .stamp{font-family:var(--display);text-align:center;margin:6px 0 4px;font-size:clamp(34px,7vw,54px);line-height:1}.stamp.hired{color:#3d6b55}.stamp.almost{color:#b8892a}.stamp.failed{color:#8a3b1c}.stamp.disaster{color:var(--flag)}.verdictCard .attempts{justify-content:center;gap:10px;margin:12px 0;display:flex}.verdictCard .attempts div{text-align:center;font-size:11px}.verdictCard .attempts canvas{border-radius:50%;width:72px;height:72px;margin:0 auto 4px;display:block;box-shadow:0 0 0 3px #fbfaf6}.verdictCard .attempts .best canvas{box-shadow:0 0 0 3px #fbfaf6, 0 0 0 5px var(--gold)}.verdictCard .quote{font-family:var(--body);text-align:center;margin:10px 4px;font-size:15px;font-style:italic;line-height:1.4}:is(#pause,#rpause,#ppause){pointer-events:auto;background:#16100cb3;place-items:center;display:grid;position:absolute;inset:0}:is(#pause,#rpause,#ppause) .box{text-align:center}:is(#pause,#rpause,#ppause) h3{font-family:var(--display);margin:0 0 14px;font-size:40px;font-weight:400}@media (min-width:900px){#verdict{background:linear-gradient(90deg,#16100c00 30%,#16100cbf);justify-items:end;padding-right:40px}}@media (max-width:720px){:is(#gauges,#rgauges,#pgauges){top:auto;bottom:calc(150px + env(safe-area-inset-bottom,0px));width:160px;right:16px}:is(#instr,#rinstr){top:60px;bottom:auto}:is(#card,#pcard){top:auto;bottom:16px;transform:none}}#rail{pointer-events:none;flex-wrap:wrap;gap:10px;max-width:calc(100vw - 260px);display:flex;position:absolute;top:62px;left:16px}.ticket{background:var(--paper);width:156px;color:var(--paper-ink);font-family:var(--mono);pointer-events:auto;border-radius:3px;padding:8px 10px 10px;font-size:11.5px;transform:rotate(-.8deg);box-shadow:0 8px 18px #0006}.ticket:nth-child(2n){transform:rotate(.7deg)}.ticket .tn{font-size:12.5px;font-weight:700}.ticket .tt{color:var(--paper-dim);margin-bottom:4px;font-size:10px}.ticket .to{font-family:var(--body);text-transform:uppercase;letter-spacing:.02em;margin-bottom:6px;font-size:13px;font-weight:800}.ticket .tp{background:#ddd3c1;border-radius:3px;height:6px;margin-bottom:7px;overflow:hidden}.ticket .tp i{background:var(--gum);height:100%;transition:width .25s linear;display:block}.ticket .tp i.warn{background:var(--gold)}.ticket .tp i.bad{background:var(--flag)}.ticket .serve{width:100%;padding:6px 8px;box-shadow:0 3px #b8892a}.ticket .serve:disabled{opacity:.4;box-shadow:none;cursor:default}#pass{left:50%;bottom:calc(205px + env(safe-area-inset-bottom,0px));background:var(--glass);border:1px solid var(--line);border-radius:12px;padding:7px 14px;font-size:14px;position:absolute;transform:translate(-50%)}#pass .k{letter-spacing:.14em;text-transform:uppercase;color:var(--txt-dim);font-size:10px}#pass.cold{border-color:var(--flag);color:#ffd0c8}#ractions{flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100vw - 32px)}#rsubs.customer .who{color:var(--harbour)}#rsummary .kv{justify-content:space-between;margin:4px 0;font-size:13px;display:flex}#rsummary .stamp{font-size:clamp(26px,5vw,40px)}.hide-root.hide{display:none!important}@media (max-width:720px){#rail{max-width:calc(100vw - 32px)}.ticket{width:132px}}.dot{vertical-align:1px;background:var(--txt-dim);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot.ok{background:var(--gum)}.dot.warn{background:var(--gold)}.dot.bad{background:var(--flag)}#audioPanel{pointer-events:auto;z-index:30;background:#16100c99;place-items:center;padding:16px;display:grid;position:absolute;inset:0}#audioPanel .box{background:var(--glass2);border:1px solid var(--line);border-radius:18px;width:min(420px,100%);padding:18px 20px;box-shadow:0 16px 40px #00000073}#audioPanel h3{font-family:var(--display);margin:0 0 6px;font-size:28px;font-weight:400}#audioPanel .astatus{color:var(--txt-dim);margin:0 0 12px;font-size:13px;line-height:1.4}#audioPanel .slider{grid-template-columns:1fr 1.4fr 3em;align-items:center;gap:10px;margin:8px 0;font-size:14px;display:grid}#audioPanel input[type=range]{width:100%;accent-color:var(--crema)}#audioPanel output{text-align:right;font-family:var(--mono);color:var(--txt-dim);font-size:12px}#audioPanel .chk{align-items:center;gap:8px;margin:10px 0 4px;font-size:14px;display:flex}#audioPanel .titleBtns{flex-wrap:wrap;justify-content:flex-start;margin-top:12px}#audioPanel .fine{color:var(--txt-dim);margin:12px 0 0;font-size:11px}#audioToast{top:calc(60px + env(safe-area-inset-top,0px));background:var(--glass2);border:1px solid var(--gold);pointer-events:auto;cursor:pointer;z-index:31;border-radius:12px;max-width:calc(100vw - 32px);padding:10px 14px;font-size:14px;transition:opacity .25s;position:absolute;left:50%;transform:translate(-50%)}#audioToast.gone{opacity:0;pointer-events:none}#audioPanel h4{letter-spacing:.12em;text-transform:uppercase;color:var(--crema);margin:16px 0 6px;font-size:12px}#audioPanel .sel{grid-template-columns:1fr 1.6fr;align-items:center;gap:10px;margin:8px 0;font-size:14px;display:grid}#audioPanel select{font:inherit;background:var(--ink);color:var(--txt);border:1px solid var(--line);border-radius:8px;min-width:0;padding:5px 6px;font-size:13px}#audioPanel .box{max-height:calc(100vh - 32px);overflow-y:auto}#pos{background:var(--glass2);border:1px solid var(--line);border-top:4px solid var(--harbour);pointer-events:auto;z-index:5;border-radius:14px;width:min(320px,100vw - 32px);padding:10px 12px 12px;position:absolute;top:50%;right:16px;transform:translateY(-50%);box-shadow:0 16px 40px #00000073}#pos .ph{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}#pos .ph b{font-family:var(--display);letter-spacing:.06em;color:var(--harbour);font-size:14px;font-weight:400}#pos .ph .who{font-weight:800}#pos .ph .st{color:var(--txt-dim);margin-left:auto;font-size:12px}#pos .row{flex-wrap:wrap;align-items:center;gap:5px;margin:5px 0;display:flex}#pos .row.off{opacity:.35;pointer-events:none}#pos .k{letter-spacing:.12em;text-transform:uppercase;width:40px;color:var(--txt-dim);font-size:10px}#pos .opt{border:1px solid var(--line);background:#f6ede10f;border-radius:9px;min-height:30px;padding:5px 9px;font-size:13px;font-weight:600}#pos .opt.on{background:var(--harbour);border-color:var(--harbour);color:#fff}#pos .opt:disabled{opacity:.4}#pos .ask .opt{font-weight:500}#pos .asked{min-height:1.2em;color:var(--txt-dim);margin:4px 0;font-size:12px;font-style:italic}#pos .ring{width:100%;margin-top:4px}#pos .ring:disabled{opacity:.45}#posFeedback{background:var(--paper);width:min(340px,100vw - 32px);color:var(--paper-ink);pointer-events:auto;z-index:5;border-radius:10px;padding:10px 14px;position:absolute;top:50%;left:16px;transform:translateY(-50%);box-shadow:0 16px 40px #00000073}#posFeedback .fh{font-family:var(--display);font-size:16px}#posFeedback .fh small{font-family:var(--body);color:var(--paper-dim);margin-left:6px;font-size:12px}#posFeedback p{margin:6px 0;font-size:14px;line-height:1.4}:is(#posFeedback,.misheard) mark{color:inherit;background:#cfe3c2;border-radius:3px;padding:0 2px}:is(#posFeedback,.misheard) mark.miss{background:#ffc9bd;font-weight:700}#posFeedback .miss{color:#a3321f}.ticket .tb{gap:6px;display:flex}.ticket .tb .btn{flex:1;padding:6px 4px}.ticket .btn.ghost.make{border-color:#b9ab93;color:var(--paper-ink)!important}.ticket .make:disabled{opacity:.4}.misheard{margin:8px 0;font-size:12.5px}.misheard .mh{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.misheard ul{margin:4px 0;padding-left:18px}.misheard li{margin:4px 0}#rsubs .listen{color:var(--txt-dim)}@media (max-width:720px){#pos{width:auto;max-height:calc(100vh - 230px);top:60px;left:16px;right:16px;overflow-y:auto;transform:none}#posFeedback{top:auto;bottom:calc(150px + env(safe-area-inset-bottom,0px));transform:none}}#ibisHint{top:calc(64px + env(safe-area-inset-top,0px));background:var(--glass2);border:1px solid var(--line);border-left:4px solid var(--paper);pointer-events:none;z-index:4;border-radius:12px;max-width:calc(100vw - 32px);padding:8px 14px;font-size:14px;position:absolute;left:50%;transform:translate(-50%)}#ibisHint b{color:var(--paper)}.lesson{left:16px;bottom:calc(150px + env(safe-area-inset-bottom,0px));background:var(--glass);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;width:min(330px,100vw - 32px);padding:10px 12px;font-size:13px;line-height:1.4;position:absolute}.lesson.demo{border-left-color:var(--crema)}.lesson .lh{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);justify-content:space-between;margin-bottom:6px;font-size:10px;display:flex}.lesson.demo .lh{color:var(--crema)}.lesson .lh .rate{color:var(--txt-dim);letter-spacing:.08em}.lesson ol{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.lesson li{color:var(--txt-dim);align-items:flex-start;gap:8px;display:flex}.lesson li>i{border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;margin-top:1px;font-size:11px;font-style:normal;font-weight:800;display:grid}.lesson li span{display:none}.lesson li.cur{color:var(--txt)}.lesson li.cur>i{background:var(--gold);color:var(--ink);border-color:var(--gold)}.lesson li.cur span{margin-top:2px;font-size:12.5px;display:block}.lesson li.done{color:var(--gum)}.lesson li.done>i{border-color:var(--gum);background:#74a98c40;font-size:0}.lesson li.done>i:after{content:"✓";font-size:11px}.lesson .hands{border-top:1px dashed var(--line);color:var(--txt-dim);flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding-top:8px;font-size:11px;display:flex}.lesson .hk{opacity:.5;align-items:center;gap:4px;display:inline-flex}.lesson .hk.on{opacity:1;color:var(--gold)}.lesson .hk.on kbd{background:var(--gold);color:var(--ink);border-color:var(--gold)}.lesson .hk.warn{opacity:1;color:var(--flag)}.lesson .hk.warn kbd{border-color:var(--flag)}.lesson .hcm{font-family:var(--mono);color:var(--txt);min-width:48px}.lesson .hmove{min-width:64px}.lesson .hflow{background:#ffffff1a;border-radius:4px;flex:1;min-width:40px;height:6px;overflow:hidden}.lesson .hflow i{background:var(--crema);width:0;height:100%;display:block}.lesson .hcup{font-family:var(--mono);color:var(--txt)}.lesson .hint{color:var(--gold);margin-top:8px;font-size:12.5px;font-weight:600}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:is(#actionBar,#ractions,#pactions).side{flex-direction:column;align-items:flex-end;left:auto;right:16px;transform:none}#pactions.side{bottom:calc(150px + env(safe-area-inset-bottom,0px))}:is(#actionBar,#ractions,#pactions).side .btn.ghost{background:var(--glass2)}#pcard .vs{margin-top:6px;font-size:12px}#pcard em{margin-left:4px;font-style:normal;font-weight:800}#pcard em.up{color:#2f7d55}#pcard em.down{color:#b33a2e}#pcard .legend{color:#5a4d40;justify-content:center;gap:10px;margin:4px 0 8px;font-size:10.5px;display:flex}#pcard .lg:before{content:"";vertical-align:middle;border-top:2px dashed;width:14px;height:0;margin-right:4px;display:inline-block}#pcard .lg.guide:before{border-color:#9a8d7e}#pcard .lg.fit:before{border-color:#d9a520}#pcard .lg.ctr:before{border-color:#e0513f;border-top-style:solid}#pcard .faults .f span{display:block}#pcard .faults .f .cause{font-style:italic}#pcard .faults .f .fix{color:var(--paper-ink);font-weight:600}#pcard .faults .f.ok b{color:#2f7d55}#pcard .attempts{border-top:1px dashed var(--paper-dim);justify-content:center;gap:8px;margin:10px 0 4px;padding-top:10px;display:flex}#pcard .attempts div{text-align:center;font-size:10.5px}#pcard .attempts canvas{border-radius:50%;width:42px;height:42px;margin:0 auto 3px;display:block}#pcard .attempts .best canvas{box-shadow:0 0 0 2px var(--gold)}@media (max-width:720px){.lesson{top:100px;bottom:auto}.lesson li:not(.cur),#pgauges{display:none}:is(#actionBar,#ractions,#pactions).side{flex-flow:wrap;justify-content:flex-end;max-width:calc(100vw - 32px)}#actionBar.side{left:16px;right:auto}}.paper kbd{color:var(--paper-ink);background:#221a1414;border-color:#221a144d}