#knobschool button{text-transform:none;letter-spacing:inherit;min-height:0;min-width:0;box-shadow:none;line-height:inherit;margin:0;background-image:none}#knobschool h1,#knobschool h2,#knobschool h3,#knobschool h4{text-transform:none;line-height:1.15}#knobschool input[type=range]{padding:0;border:0;background:transparent}#knobschool h1,#knobschool h2,#knobschool h3,#knobschool h4,#knobschool h5,#knobschool p,#knobschool li,#knobschool label,#knobschool figcaption{color:inherit}#knobschool input::placeholder{color:#8f8a82;opacity:1}#knobschool header,#knobschool section,#knobschool article,#knobschool aside,#knobschool main,#knobschool footer{position:static;background:none;z-index:auto;box-shadow:none}#knobschool{--bg: #11100f;--bg-2: #161412;--panel: #191715;--panel-2: #22201d;--line: #2e2c29;--fg: #f4f2ee;--muted: #a8a39b;--dim: #6b6861;--led: #fbaf22;--amber-deep: #d48a06;--good: #8fcf9c;--bad: #e5674f;--c: var(--led);--f-display: "Archivo Narrow", "Arial Narrow", Arial, sans-serif;--f-body: Arial, Helvetica, sans-serif;--f-mono: "Archivo Narrow", "Arial Narrow", Arial, sans-serif;--r: 14px;color-scheme:dark}#knobschool{background:var(--bg)}#knobschool [hidden]{display:none!important}#knobschool{min-height:100%;margin:0;background:radial-gradient(900px 520px at 78% -12%,rgba(178,52,24,.32) 0%,transparent 62%) no-repeat,radial-gradient(760px 420px at 12% -8%,rgba(251,175,34,.14) 0%,transparent 60%) no-repeat,var(--bg);color:var(--fg);font-family:var(--f-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip}#knobschool *{box-sizing:border-box}#knobschool button{font:inherit;color:inherit;cursor:pointer}#knobschool a{color:inherit}#knobschool :focus-visible{outline:2px solid var(--led);outline-offset:2px}#knobschool #app{max-width:1180px;margin:0 auto;padding:16px 16px 40px}#knobschool .eyebrow{font-family:var(--f-body);font-size:12px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:#d6d2ca}#knobschool .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #4a4743;background:transparent;border-radius:30px;min-height:48px;padding:12px 26px;font-family:var(--f-body);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;line-height:1.1;transition:transform .12s,background .2s,border-color .2s}#knobschool .btn:hover{border-color:var(--fg)}#knobschool .btn:active{transform:scale(.97)}#knobschool .btn.primary{background:var(--led);color:#11100f;border-color:transparent}#knobschool .btn.primary:hover{filter:brightness(1.08)}#knobschool .btn.ghost{background:transparent}#knobschool .btn.small{min-height:36px;padding:8px 16px;font-size:11px;letter-spacing:1.6px}#knobschool .btn[disabled]{opacity:.4;pointer-events:none}#knobschool .pill{font-family:var(--f-mono);font-size:11px;padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}#knobschool .stars{font-family:var(--f-mono);letter-spacing:2px;color:var(--led)}#knobschool .stars .off{color:var(--dim)}#knobschool h1,#knobschool h2,#knobschool h3{font-family:var(--f-display);font-weight:500;letter-spacing:-.5px;line-height:1;margin:0;text-wrap:balance}#knobschool .tt{display:block}#knobschool .tt-a{color:var(--led)}#knobschool .hud{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:4px 0 18px}#knobschool .logo{display:flex;flex-direction:column;line-height:1;cursor:pointer;background:none;border:0;padding:0;text-align:left}#knobschool .logo b{font-family:var(--f-display);font-weight:600;font-size:24px;letter-spacing:-.3px;color:var(--led)}#knobschool .logo span{font-family:var(--f-body);font-size:10px;font-weight:700;letter-spacing:.3em;color:var(--fg);margin-top:5px}#knobschool .hud .grow{flex:1}#knobschool .rank{display:flex;flex-direction:column;gap:5px;min-width:170px}#knobschool .rank .row{display:flex;justify-content:space-between;gap:10px;font-size:12px}#knobschool .rank .row b{font-family:var(--f-display);font-size:12px;font-weight:600}#knobschool .rank .row span{font-family:var(--f-mono);color:var(--muted);font-size:11px}#knobschool .xpbar{height:6px;background:var(--panel-2);border-radius:6px;overflow:hidden}#knobschool .xpbar i{display:block;height:100%;background:linear-gradient(90deg,var(--led),#ff7b72);border-radius:6px;transition:width .6s cubic-bezier(.2,.8,.2,1)}#knobschool .hud .count{font-family:var(--f-mono);font-size:12px;color:var(--muted)}#knobschool .hud .count b{color:var(--fg);font-weight:500}#knobschool .da-link{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-decoration:none;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:2px}#knobschool .da-link:hover{color:var(--fg)}#knobschool .title{min-height:calc(100vh - 80px);display:grid;place-items:center;text-align:center;padding:24px 0}#knobschool .title-inner{display:flex;flex-direction:column;align-items:center;gap:22px;max-width:720px}#knobschool .title h1{font-size:clamp(44px,11vw,112px);line-height:.92;letter-spacing:-.03em}#knobschool .title h1 em{font-style:normal;color:var(--led);display:block;font-size:.38em;letter-spacing:.3em;margin-top:14px}#knobschool .title p.lead{font-size:clamp(16px,2.6vw,20px);color:var(--muted);max-width:34ch;margin:0}#knobschool .mascot-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}#knobschool .mascot-row .m{width:64px;height:64px;animation:bob 2.4s ease-in-out infinite}#knobschool .mascot-row .m:nth-child(2){animation-delay:.2s}#knobschool .mascot-row .m:nth-child(3){animation-delay:.4s}#knobschool .mascot-row .m:nth-child(4){animation-delay:.6s}#knobschool .mascot-row .m:nth-child(5){animation-delay:.8s}@keyframes bob{50%{transform:translateY(-8px) rotate(-4deg)}}#knobschool .facts{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}#knobschool .title .by{font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;color:var(--muted)}#knobschool .title .by a{color:var(--fg)}#knobschool .btn.big{padding:16px 30px;font-size:17px;font-family:var(--f-display);font-weight:600}#knobschool .map-head{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}#knobschool .map-head h2{font-size:clamp(22px,4vw,34px)}#knobschool .map-head p{margin:6px 0 0;color:var(--muted);max-width:60ch}#knobschool .rack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;position:relative}#knobschool .tile{--c: var(--led);position:relative;background:linear-gradient(180deg,var(--panel) 0%,var(--bg-2) 100%);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}#knobschool .tile .jack{position:absolute;top:14px;right:14px;width:12px;height:12px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 3px var(--c)}#knobschool .tile.locked{opacity:.55}#knobschool .tile.locked .jack{box-shadow:inset 0 0 0 3px var(--dim)}#knobschool .tile .num{font-family:var(--f-mono);font-size:11px;color:var(--c);letter-spacing:.14em}#knobschool .tile h3{font-size:16px}#knobschool .tile .panelname{font-size:12px;color:var(--muted);margin-top:-6px}#knobschool .tile .chips{display:flex;flex-direction:column;gap:6px}#knobschool .chip{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;border:1px solid var(--line);background:var(--bg-2);border-radius:10px;padding:7px 10px;font-size:13px;font-weight:600;width:100%}#knobschool .chip:hover{border-color:var(--c)}#knobschool .chip .stars{font-size:11px;letter-spacing:1px}#knobschool .chip.done{border-color:color-mix(in srgb,var(--c) 45%,var(--line))}#knobschool .chip.next{background:color-mix(in srgb,var(--c) 18%,var(--bg-2));border-color:var(--c)}#knobschool .chip.quiz{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;font-weight:500}#knobschool .tile .lockmsg{font-size:12px;color:var(--muted)}#knobschool .tile .lockmsg b{color:var(--fg)}#knobschool .tile.gate{opacity:1;border-style:dashed}#knobschool .map-foot{margin-top:26px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px}#knobschool .promo{border:1px solid var(--line);border-radius:var(--r);padding:18px;background:var(--panel);display:flex;flex-direction:column;gap:10px}#knobschool .promo h3{font-size:17px}#knobschool .promo p{margin:0;color:var(--muted)}#knobschool .promo .row{display:flex;gap:8px;flex-wrap:wrap}#knobschool .legal{font-size:12px;color:var(--dim);margin-top:22px;max-width:80ch}#knobschool .lesson-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}#knobschool .lesson-top .grow{flex:1}#knobschool .steps{display:flex;gap:6px}#knobschool .steps .pill.on{color:#11100f;background:var(--c);border-color:var(--c)}#knobschool .lesson-grid{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"head rack" "body rack";gap:14px;align-items:start}#knobschool .card-head{grid-area:head}#knobschool .card-body{grid-area:body}#knobschool .rackcol{grid-area:rack;display:flex;flex-direction:column;gap:12px;min-width:0}#knobschool .kcard{background:linear-gradient(160deg,color-mix(in srgb,var(--c) 22%,var(--panel)) 0%,var(--panel) 55%);border:1px solid color-mix(in srgb,var(--c) 40%,var(--line));border-radius:var(--r);padding:16px}#knobschool .kcard .top{display:flex;gap:14px;align-items:center}#knobschool .kcard .top svg{width:84px;height:84px;flex:none}#knobschool .kcard h2{font-size:24px;line-height:1.05}#knobschool .kcard .who{font-family:var(--f-mono);font-size:12px;color:var(--c);margin-top:6px}#knobschool .kcard .line{font-size:16px;font-weight:600;margin:12px 0 0}#knobschool .kcard .what{color:#d6d2ca;margin:8px 0 0;font-size:14px}#knobschool .infobox{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--bg-2);font-size:13.5px}#knobschool .infobox+.infobox{margin-top:10px}#knobschool .infobox .eyebrow{display:block;margin-bottom:4px}#knobschool .infobox.tip{border-color:color-mix(in srgb,var(--led) 35%,var(--line))}#knobschool .infobox.tip .eyebrow,#knobschool .infobox a{color:var(--led)}#knobschool .screen{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#0b0a09;aspect-ratio:16 / 7;max-width:100%}#knobschool .screen canvas{width:100%;height:100%;display:block}#knobschool .screen .hudtag{position:absolute;top:10px;left:12px;font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;color:var(--muted)}#knobschool .screen .abtag{position:absolute;top:8px;right:10px;font-family:var(--f-display);font-size:13px;padding:4px 10px;border-radius:8px;background:var(--c);color:#11100f}#knobschool .screen .abtag[data-who=you]{background:var(--fg)}#knobschool .knobs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px 10px}#knobschool .knob{display:flex;flex-direction:column;align-items:center;gap:4px;width:128px;user-select:none;-webkit-user-select:none;touch-action:none}#knobschool .knob svg{width:108px;height:108px;cursor:ns-resize;border-radius:50%}#knobschool .knob svg:focus-visible{outline-offset:-4px}#knobschool .knob.sm{width:104px}#knobschool .knob.sm svg{width:86px;height:86px}#knobschool .knob .lab{font-family:var(--f-display);font-size:11px;font-weight:600;letter-spacing:.06em;text-align:center}#knobschool .knob .val{font-family:var(--f-mono);font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}#knobschool .knob .steps-row{display:flex;gap:3px;flex-wrap:wrap;justify-content:center}#knobschool .knob .steps-row button{font-family:var(--f-mono);font-size:10px;border:1px solid var(--line);background:var(--bg-2);border-radius:6px;padding:2px 6px}#knobschool .knob .steps-row button.on{background:var(--c);color:#11100f;border-color:var(--c)}#knobschool .knob.hidden-val .val{visibility:hidden}#knobschool .panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px}#knobschool .tasks{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:8px}#knobschool .tasks li{display:flex;gap:10px;align-items:flex-start;font-size:14px}#knobschool .tasks li .box{flex:none;width:20px;height:20px;border-radius:6px;border:1.5px solid var(--line);display:grid;place-items:center;font-size:12px;margin-top:1px;transition:all .25s}#knobschool .tasks li.done .box{background:var(--good);border-color:var(--good);color:#10241a;transform:scale(1.1)}#knobschool .tasks li.done span{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--dim)}#knobschool .panel-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}#knobschool .panel-row .grow{flex:1}#knobschool .seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:var(--bg-2)}#knobschool .seg button{border:0;background:transparent;border-radius:999px;padding:8px 16px;font-family:var(--f-display);font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--muted)}#knobschool .seg button.on{background:var(--c);color:#11100f}#knobschool .seg button.on.you{background:var(--fg)}#knobschool .timer{font-family:var(--f-mono);font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}#knobschool .match-help{font-size:14px;color:var(--muted);margin:0 0 12px}#knobschool .transport{display:flex;gap:10px;align-items:center;flex-wrap:wrap}#knobschool .transport .grow{flex:1}#knobschool .led{width:8px;height:8px;border-radius:50%;background:var(--dim);display:inline-block}#knobschool .led.on{background:var(--led);box-shadow:0 0 10px var(--led)}#knobschool .keys{display:flex;height:64px;position:relative;flex:1 1 280px;min-width:0;max-width:420px}#knobschool .keys button{flex:1;border:1px solid #2c2732;background:#ece6dc;border-radius:0 0 6px 6px;margin-right:2px;padding:0;position:relative}#knobschool .keys button.blk{position:absolute;width:9%;height:60%;background:#1a171d;border-color:#000;z-index:2;margin:0}#knobschool .keys button.down{background:var(--c)}#knobschool .keys button span{position:absolute;bottom:4px;left:0;right:0;font-family:var(--f-mono);font-size:9px;color:#6b6861}#knobschool .keys button.blk span{color:#6b6861}#knobschool .divamap{background:#0d0c0b;border:1px solid var(--line);border-radius:12px;overflow:hidden;max-width:100%}#knobschool .divamap svg{display:block;width:100%;height:auto;aspect-ratio:589 / 350}#knobschool .divamap.dm-mini svg{aspect-ratio:5 / 4}#knobschool .divamap .dm-pulse{transform-box:fill-box;transform-origin:center;animation:dmpulse 1.4s ease-out infinite}@keyframes dmpulse{0%{transform:scale(.7);opacity:1}to{transform:scale(1.9);opacity:0}}#knobschool .divamap.find svg{cursor:crosshair}#knobschool .divamap.find .dm-panel:hover{stroke:var(--muted)}#knobschool .divamap .dm-wrong circle,#knobschool .divamap .dm-wrong rect{stroke:var(--bad)!important}#knobschool .divamap .dm-wrong,#knobschool .divamap .dm-panel.dm-wrong{animation:dmshake .35s;transform-box:fill-box;transform-origin:center}@keyframes dmshake{25%{transform:translate(-2px)}75%{transform:translate(2px)}}#knobschool #homemap svg,#knobschool #findmap svg{cursor:pointer}#knobschool .dm-foot{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:8px}#knobschool .dm-where{margin:8px 0 0;color:#d6d2ca;font-size:13.5px}#knobschool .crumbs{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center;font-family:var(--f-mono);font-size:11px}#knobschool .crumbs b{font-weight:500;background:color-mix(in srgb,var(--c) 18%,var(--bg-2));border:1px solid color-mix(in srgb,var(--c) 45%,var(--line));color:var(--fg);padding:2px 7px;border-radius:6px}#knobschool .crumbs i{font-style:normal;color:var(--dim)}#knobschool .infobox.where{padding:12px}#knobschool .findpanel{display:flex;flex-direction:column;gap:10px}#knobschool .find-q{font-size:clamp(20px,3vw,28px)}#knobschool .find-sub{margin:0;color:#d6d2ca;font-size:15px}#knobschool .yourdiva{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:16px;align-items:center;margin-bottom:16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px}#knobschool .yourdiva h3{font-size:20px;margin:6px 0 8px}#knobschool .yourdiva p{margin:0;color:var(--muted);font-size:14px}#knobschool .divanote{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:12px;align-items:center}#knobschool .playtoday{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}#knobschool .pt-card{text-align:left;display:flex;flex-direction:column;gap:6px;border:1px solid color-mix(in srgb,var(--c) 45%,var(--line));border-radius:var(--r);padding:16px 18px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 20%,var(--panel)),var(--panel) 65%);transition:transform .15s,border-color .2s}#knobschool .pt-card:hover{transform:translateY(-2px);border-color:var(--c)}#knobschool .pt-card b{font-family:var(--f-display);font-size:18px;font-weight:600}#knobschool .pt-card .eyebrow{color:var(--c)}#knobschool .streakbar{font-size:13px;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--led) 16%,var(--bg-2));border:1px solid color-mix(in srgb,var(--led) 40%,var(--line))}#knobschool .slider-row{display:grid;grid-template-columns:110px minmax(0,1fr) 48px;gap:12px;align-items:center;font-size:14px}#knobschool .slider-row input{width:100%;accent-color:var(--led)}#knobschool .slider-row b{font-family:var(--f-mono);font-size:12px;font-weight:500;text-align:right;color:var(--muted)}#knobschool .daily-grid>*{grid-area:auto}#knobschool .daily-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:14px;align-items:start}#knobschool .daily-intro h2{font-size:22px;margin-bottom:6px}#knobschool .daily-intro p{margin:0;color:#d6d2ca;font-size:14px}#knobschool .tile-demo{display:inline-block;padding:0 6px;border-radius:4px;font-weight:600;color:#11100f}#knobschool .tile-demo.g,#knobschool .dtile.g{background:var(--good)}#knobschool .tile-demo.y,#knobschool .dtile.y{background:#ffd84a}#knobschool .tile-demo.x,#knobschool .dtile.x{background:#3d3a36;color:var(--fg)}#knobschool .daily-board{display:flex;flex-direction:column;gap:8px}#knobschool .dgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#knobschool .dgrid.head span{font-family:var(--f-display);font-size:10px;font-weight:600;text-align:center;color:var(--muted);letter-spacing:.04em}#knobschool .dtile{height:44px;border-radius:8px;display:grid;place-items:center;font-weight:700;font-size:18px;color:#11100f;animation:pop .35s cubic-bezier(.2,1.3,.4,1)}#knobschool .dtile.empty{background:var(--bg-2);border:1px dashed var(--line);animation:none}#knobschool .reveal{display:flex;flex-direction:column;gap:10px;margin-top:10px;border-top:1px solid var(--line);padding-top:12px}#knobschool .howto{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:13.5px}#knobschool .howto b{font-family:var(--f-display);font-size:11px;margin-right:6px}#knobschool .speedbar{display:flex;align-items:center;gap:12px;margin-bottom:12px}#knobschool .speedbar h2{font-size:clamp(22px,4vw,34px);margin-top:4px}#knobschool .sr-time{font-family:var(--f-display);font-size:clamp(34px,6vw,56px);color:var(--c);font-variant-numeric:tabular-nums}#knobschool .divamap .dm-found circle,#knobschool .divamap .dm-found rect{fill:var(--good);stroke:var(--good)}#knobschool .hud-prog{display:flex;flex-direction:column;gap:5px;min-width:210px}#knobschool .hud-prog .row{display:flex;justify-content:space-between;gap:10px;font-size:12px}#knobschool .hud-prog .row b{font-family:var(--f-display);font-size:12px;font-weight:600}#knobschool .hud-prog .row span{font-family:var(--f-mono);color:var(--muted);font-size:11px}#knobschool .explorer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:14px;align-items:start}#knobschool .ex-main{min-width:0;display:flex;flex-direction:column;gap:10px}#knobschool .ex-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-height:34px}#knobschool .ex-crumbs .crumbs b{cursor:pointer}#knobschool .explorer-map{border-radius:16px;box-shadow:0 20px 60px #00000073}#knobschool .explorer-map svg{cursor:pointer}#knobschool .explorer-map .dm-el:hover{filter:brightness(1.5)}#knobschool .explorer-map .dm-panel:hover{stroke:#6b6861}#knobschool .ex-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);align-items:center}#knobschool .lg{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}#knobschool .lg.learned{background:var(--good)}#knobschool .lg.sel{background:var(--led)}#knobschool .lg.rel{border:1.5px dashed var(--led)}#knobschool .lg.lock{background:#3d3a36}#knobschool .ex-card{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto;display:flex;flex-direction:column;gap:14px;border-color:color-mix(in srgb,var(--c) 40%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--c) 10%,var(--panel)) 0%,var(--panel) 160px)}#knobschool .ex-card h2{font-size:24px;line-height:1.1}#knobschool .kc-head{display:flex;gap:12px;align-items:center}#knobschool .kc-mascot svg{width:62px;height:62px;display:block}#knobschool .kc-head .who{font-family:var(--f-mono);color:var(--c);font-size:12px;margin-top:4px}#knobschool .kc-badge{flex:none;font-family:var(--f-mono);font-size:11px;padding:4px 9px;border-radius:999px;background:color-mix(in srgb,var(--good) 22%,var(--bg-2));border:1px solid var(--good);color:var(--good)}#knobschool .kc-sec{display:flex;flex-direction:column;gap:6px}#knobschool .kc-sec p{margin:0;font-size:14px;color:#d6d2ca}#knobschool .kc-sec .eyebrow{color:var(--c)}#knobschool .kc-what{margin:0;font-size:15px;color:#ebe5ee}#knobschool .kc-try{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:12px}#knobschool .kc-tryrow{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}#knobschool .kc-tryrow .knob{width:112px}#knobschool .kc-viz{aspect-ratio:16 / 11;border-radius:10px;overflow:hidden;background:#0b0a09;border:1px solid var(--line);max-width:100%}#knobschool .kc-viz canvas{width:100%;height:100%;display:block}#knobschool .kc-transport{display:flex;gap:8px;align-items:center;margin-top:10px}#knobschool .kc-transport .keys{height:44px;flex:1 1 auto}#knobschool .kc-nosound{border:1px dashed var(--line);border-radius:12px;padding:12px}#knobschool .kc-chips{display:flex;flex-wrap:wrap;gap:6px}#knobschool .kc-chip{border:1px solid color-mix(in srgb,var(--c) 50%,var(--line));background:color-mix(in srgb,var(--c) 12%,var(--bg-2));border-radius:999px;padding:5px 11px;font-size:12px;font-weight:600}#knobschool .kc-chip:hover{border-color:var(--c)}#knobschool .kc-chip.done:before{content:"\2713  ";color:var(--good)}#knobschool .kc-check{border-top:1px solid var(--line);padding-top:12px}#knobschool .qc-q{font-weight:600;margin:4px 0!important;color:var(--fg)!important;font-size:15px!important}#knobschool .qc-opts{display:flex;flex-direction:column;gap:6px}#knobschool .qc-opt{text-align:left;border:1px solid var(--line);background:var(--bg-2);border-radius:10px;padding:10px 12px;font-size:13.5px;line-height:1.4}#knobschool .qc-opt:hover{border-color:var(--c)}#knobschool .qc-opt.right{background:color-mix(in srgb,var(--good) 28%,var(--bg-2));border-color:var(--good)}#knobschool .qc-opt.wrong{background:color-mix(in srgb,var(--bad) 24%,var(--bg-2));border-color:var(--bad);animation:dmshake .35s}#knobschool .kc-nav{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:10px}#knobschool .kc-list{display:flex;flex-direction:column;gap:6px}#knobschool .kc-item{display:flex;justify-content:space-between;gap:8px;text-align:left;border:1px solid var(--line);background:var(--bg-2);border-radius:10px;padding:8px 12px;font-weight:600;font-size:13px}#knobschool .kc-item:hover{border-color:var(--c)}#knobschool .kc-item.done{border-color:color-mix(in srgb,var(--c) 50%,var(--line))}#knobschool .kc-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#knobschool .kc-pan{text-align:left;display:flex;flex-direction:column;gap:2px;border:1px solid color-mix(in srgb,var(--c) 40%,var(--line));background:color-mix(in srgb,var(--c) 10%,var(--bg-2));border-radius:10px;padding:8px 10px;font-weight:600;font-size:12.5px}#knobschool .kc-pan:hover{border-color:var(--c)}#knobschool .kc-steps{margin:0;padding-left:20px;font-size:14px;color:#d6d2ca;display:flex;flex-direction:column;gap:4px}#knobschool .kc-prog{display:flex;align-items:center;gap:10px}#knobschool .kc-prog .xpbar{flex:1}#knobschool .kc-gate{display:flex;flex-direction:column;gap:8px;border:1px dashed color-mix(in srgb,var(--led) 50%,var(--line));border-radius:12px;padding:12px}#knobschool .kc-gate p{margin:0;font-size:13.5px;color:#d6d2ca}#knobschool .kc-gate .eyebrow{color:var(--led)}#knobschool .ear-res{display:flex;align-items:center;gap:12px}#knobschool .ex-foot{margin-top:24px;display:grid;gap:12px}@media(max-width:960px){#knobschool .explorer{grid-template-columns:minmax(0,1fr)}#knobschool .ex-card{position:static;max-height:none;overflow:visible}}@media(max-width:560px){#knobschool .hud-prog{min-width:0;flex:1 1 100%;order:5}#knobschool .ex-legend .small-print{flex-basis:100%}#knobschool .kc-tryrow{grid-template-columns:minmax(0,1fr);justify-items:center}#knobschool .kc-viz{width:100%}}#knobschool .kc-rels{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}#knobschool .kc-rels li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;font-size:13.5px;color:#d6d2ca;padding:6px;border-radius:10px}#knobschool .kc-rels li:hover{background:var(--bg-2)}#knobschool .kc-rels .kc-chip{white-space:nowrap}#knobschool .kc-listen{border:1px dashed var(--line);border-radius:12px;padding:12px;align-items:flex-start}#knobschool .kc-listen.open{border-style:solid;background:var(--bg-2);align-items:stretch}#knobschool .kc-listenbtn{gap:10px}#knobschool .play-ico{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--c);color:#11100f;font-size:10px}#knobschool .kc-tip{margin:0;font-size:13.5px;color:var(--muted)}#knobschool .kc-tip b{color:var(--fg);font-weight:600}#knobschool .kc-shop{display:flex;flex-direction:column;gap:8px;align-items:flex-start;border:1px solid color-mix(in srgb,var(--led) 35%,var(--line));background:color-mix(in srgb,var(--led) 7%,var(--bg-2));border-radius:12px;padding:12px}#knobschool .kc-shop .eyebrow{color:var(--led)}#knobschool .kc-shop p{margin:0;font-size:13.5px;color:#d6d2ca}#knobschool .kc-shop a.btn{text-decoration:none}#knobschool .divamap .dm-focus{filter:brightness(1.8) drop-shadow(0 0 3px rgba(255,255,255,.6))}#knobschool .divamap .dm-dim{opacity:.5;transition:opacity .3s}#knobschool .divamap .dm-lockel{opacity:.38}#knobschool .xpbar{position:relative}#knobschool .xpbar em{position:absolute;top:-3px;width:2px;height:12px;background:var(--fg);opacity:.6;border-radius:1px}#knobschool .mode-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:11px;padding:5px 6px 5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--muted)}#knobschool .mode-chip button{border:0;background:var(--panel-2);border-radius:50%;width:22px;height:22px;font-size:11px;color:var(--muted)}#knobschool .start-opts{display:flex;flex-direction:column;gap:8px}#knobschool .start-opt{text-align:left;display:grid;gap:3px;border:1px solid var(--line);background:var(--bg-2);border-radius:12px;padding:14px 16px}#knobschool .start-opt:hover{border-color:var(--led)}#knobschool .start-opt b{font-family:var(--f-display);font-size:16px;font-weight:600}#knobschool .start-opt span{font-size:13.5px;color:#d6d2ca}#knobschool .start-opt em{font-style:normal;font-family:var(--f-mono);font-size:11px;color:var(--led)}#knobschool .start-opt.locked em{color:var(--muted)}#knobschool .kc-item.locked{opacity:.55}#knobschool .kc-lock{display:flex;flex-direction:column;gap:10px;align-items:flex-start;border:1px solid color-mix(in srgb,var(--led) 45%,var(--line));background:color-mix(in srgb,var(--led) 8%,var(--bg-2));border-radius:12px;padding:14px}#knobschool .kc-lock .eyebrow{color:var(--led)}#knobschool .kc-lock p{margin:0;font-size:14px;color:#d6d2ca}#knobschool .kc-back{align-self:flex-start;border:0;background:none;color:var(--muted);font-size:13px;padding:0}#knobschool .kc-back:hover{color:var(--fg)}#knobschool .paywall{gap:12px}#knobschool #pw-later{align-self:flex-start}#knobschool .pw-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;color:#d6d2ca;font-size:14px}#knobschool .pw-price{font-family:var(--f-display);font-size:40px;font-weight:700;color:var(--led);display:flex;align-items:baseline;gap:10px}#knobschool .pw-price span{font-family:var(--f-mono);font-size:12px;color:var(--muted);font-weight:400}#knobschool .pw-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;counter-reset:s}#knobschool .pw-steps li{counter-increment:s;border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;opacity:.55}#knobschool .pw-steps li:before{content:"Step " counter(s);font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}#knobschool .pw-steps li.now{opacity:1;border-color:var(--led)}#knobschool .pw-steps li.done{opacity:.8}#knobschool .pw-steps li.done b{color:var(--good)}#knobschool .overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;background:#0a080cc7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px;animation:fade .2s ease;overflow-y:auto}@keyframes fade{0%{opacity:0}}#knobschool .modal{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;width:min(560px,100%);display:flex;flex-direction:column;gap:14px;animation:pop .35s cubic-bezier(.2,1.3,.4,1);max-height:calc(100vh - 32px);overflow-y:auto}#knobschool .modal.wide{width:min(860px,100%)}@keyframes pop{0%{transform:scale(.92) translateY(10px);opacity:0}}#knobschool .modal h2{font-size:26px}#knobschool .modal p{margin:0;color:#d6d2ca}#knobschool .modal .row{display:flex;gap:10px;flex-wrap:wrap}#knobschool .score-big{font-family:var(--f-display);font-size:64px;line-height:1;color:var(--c);font-variant-numeric:tabular-nums}#knobschool .result-stars{font-size:34px;letter-spacing:6px}#knobschool .result-stars i{font-style:normal;color:var(--dim);display:inline-block}#knobschool .result-stars i.on{color:var(--led);animation:starpop .5s cubic-bezier(.2,1.6,.4,1) both}#knobschool .result-stars i:nth-child(2).on{animation-delay:.18s}#knobschool .result-stars i:nth-child(3).on{animation-delay:.36s}@keyframes starpop{0%{transform:scale(0) rotate(-40deg)}}#knobschool .compare{display:flex;flex-direction:column;gap:8px}#knobschool .cmp{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;align-items:center;font-size:12px}#knobschool .cmp .lab{font-family:var(--f-display);font-size:11px}#knobschool .cmp .bar{position:relative;height:18px;background:var(--bg-2);border-radius:9px;border:1px solid var(--line)}#knobschool .cmp .bar i{position:absolute;top:-3px;width:4px;height:24px;border-radius:2px;transform:translate(-2px)}#knobschool .cmp .bar i.t{background:var(--c)}#knobschool .cmp .bar i.u{background:var(--fg)}#knobschool .cmp-legend{display:flex;gap:14px;font-family:var(--f-mono);font-size:11px;color:var(--muted)}#knobschool .cmp-legend b{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}#knobschool .divanote{font-size:13.5px;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:10px 12px}#knobschool .divanote b{font-family:var(--f-mono);font-weight:500;color:var(--led)}#knobschool .plug{display:flex;gap:12px;align-items:center;border:1px dashed color-mix(in srgb,var(--led) 50%,var(--line));border-radius:12px;padding:12px;font-size:13.5px}#knobschool .plug .grow{flex:1;min-width:0}#knobschool .plug a.btn{text-decoration:none}#knobschool .newcard{display:flex;gap:14px;align-items:center;animation:flip .7s cubic-bezier(.2,1,.3,1)}#knobschool .newcard svg{width:64px;height:64px;flex:none}@keyframes flip{0%{transform:perspective(600px) rotateY(90deg);opacity:0}}#knobschool input[type=email],#knobschool input[type=text]{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg-2);color:var(--fg);font:inherit}#knobschool label.check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted)}#knobschool label.check input{margin-top:3px;accent-color:var(--led)}#knobschool .err{color:var(--bad);font-size:13px}#knobschool .small-print{font-size:12px;color:var(--dim)}#knobschool .quiz-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#knobschool .quiz-choices button{border:1px solid var(--line);background:var(--panel-2);border-radius:14px;padding:16px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--f-display);font-size:13px;font-weight:600}#knobschool .quiz-choices button svg{width:52px;height:52px}#knobschool .quiz-choices button:hover{border-color:var(--c)}#knobschool .quiz-choices button.right{background:color-mix(in srgb,var(--good) 30%,var(--panel-2));border-color:var(--good)}#knobschool .quiz-choices button.wrong{background:color-mix(in srgb,var(--bad) 25%,var(--panel-2));border-color:var(--bad)}#knobschool .ab-big{display:flex;gap:10px;justify-content:center}#knobschool .ab-big span{font-family:var(--f-display);font-size:28px;width:72px;height:72px;border-radius:16px;display:grid;place-items:center;border:1px solid var(--line);color:var(--dim);transition:all .15s}#knobschool .ab-big span.on{background:var(--c);color:#11100f;border-color:var(--c);transform:scale(1.06)}#knobschool .qbar{height:6px;background:var(--bg-2);border-radius:6px;overflow:hidden}#knobschool .qbar i{display:block;height:100%;background:var(--c);transition:width .1s linear}#knobschool .grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}#knobschool .mini{--c: var(--led);border:1px solid color-mix(in srgb,var(--c) 40%,var(--line));border-radius:14px;padding:12px;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 18%,var(--panel)),var(--panel) 70%);display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left}#knobschool .mini svg{width:54px;height:54px}#knobschool .mini b{font-family:var(--f-display);font-size:12.5px}#knobschool .mini span{font-family:var(--f-mono);font-size:10.5px;color:var(--c)}#knobschool .mini.unknown{border-style:dashed;border-color:var(--line);background:var(--bg-2);color:var(--dim)}#knobschool .mini.unknown b{color:var(--dim)}#knobschool .clipwrap{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:18px;align-items:start}#knobschool .clipwrap canvas,#knobschool .clipwrap video{width:100%;aspect-ratio:9 / 16;border-radius:14px;border:1px solid var(--line);background:#000;display:block;max-width:100%}#knobschool .caption-box{font-size:13px;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;white-space:pre-wrap;-webkit-user-select:all;user-select:all}#knobschool .rec-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#ff4d4d;animation:blink 1s infinite}@keyframes blink{50%{opacity:.2}}#knobschool .toast{z-index:2147483001;position:fixed;left:50%;bottom:22px;transform:translate(-50%);background:var(--fg);color:#11100f;padding:10px 18px;border-radius:999px;font-weight:600;font-size:14px;animation:toast 2.4s ease forwards;pointer-events:none;white-space:nowrap;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis}@media(max-width:600px){#knobschool .toast{white-space:normal;text-align:center;border-radius:16px;width:max-content}}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0}}#knobschool .xpfloat{z-index:2147483002;position:fixed;font-family:var(--f-display);font-weight:700;color:var(--led);pointer-events:none;animation:xpf 1.1s ease-out forwards}@keyframes xpf{to{transform:translateY(-50px);opacity:0}}@media(max-width:960px){#knobschool .rack{grid-template-columns:repeat(2,minmax(0,1fr))}#knobschool .lesson-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"head" "rack" "body"}#knobschool .map-foot,#knobschool .yourdiva,#knobschool .daily-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){#knobschool #app{padding:12px 14px 32px}#knobschool .rack{grid-template-columns:minmax(0,1fr)}#knobschool .knob{width:108px}#knobschool .knob svg{width:92px;height:92px}#knobschool .knob.sm{width:84px}#knobschool .knob.sm svg{width:72px;height:72px}#knobschool .screen{aspect-ratio:16 / 10}#knobschool .clipwrap{grid-template-columns:minmax(0,1fr)}#knobschool .clipwrap canvas,#knobschool .clipwrap video{max-width:240px;margin:0 auto}#knobschool .quiz-choices{grid-template-columns:minmax(0,1fr)}#knobschool .quiz-choices button{flex-direction:row;justify-content:flex-start;padding:10px 14px}#knobschool .quiz-choices button svg{width:38px;height:38px}#knobschool .kcard .top svg{width:64px;height:64px}#knobschool .kcard h2{font-size:20px}#knobschool .hud .rank{min-width:0;flex:1 1 140px}#knobschool .hud .count,#knobschool .hud .da-link{display:none}#knobschool .score-big{font-size:52px}#knobschool .divanote,#knobschool .playtoday{grid-template-columns:minmax(0,1fr)}#knobschool .slider-row{grid-template-columns:80px minmax(0,1fr) 40px}}@media(prefers-reduced-motion:reduce){#knobschool *,#knobschool *:before,#knobschool *:after{animation:none!important;transition:none!important}}#knobschool .lg.choice,#knobschool .lg.dep{width:auto;height:auto;border-radius:3px;font-style:normal;font-size:10px;line-height:1;color:#f4f2ee}#knobschool .lg.choice{border:1px solid #56565c;background:#141210;padding:1px 4px;color:#8e8e94}#knobschool .lg.dep{color:#f0d9a0}#knobschool .kc-hear{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}#knobschool .kc-hearbtn{gap:10px;border-color:var(--c)}#knobschool .kc-hearbtn.locked{opacity:.75;border-color:var(--line)}#knobschool .kc-hearbtn.locked .play-ico{background:var(--muted)}#knobschool .hear-live{width:100%;display:grid;gap:8px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg-2)}#knobschool .hm-row{display:flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:11px;color:var(--muted)}#knobschool .hm-track{position:relative;flex:1;height:6px;border-radius:3px;background:var(--panel-2)}#knobschool .hm-track i{position:absolute;top:50%;left:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--c);box-shadow:0 0 12px var(--c)}#knobschool .hm-foot{display:flex;align-items:center;gap:10px}#knobschool .hm-foot b{font-family:var(--f-mono);font-size:12px;font-weight:500}#knobschool .hear-live .small-print{margin:0}#knobschool .kc-choice{display:grid;gap:6px;padding:10px 12px;border:1px dashed #6d6478;border-radius:10px}#knobschool .kc-choice p{margin:0;font-size:13.5px;color:#d6d2ca}#knobschool .kc-choice .eyebrow{color:#f0d9a0}#knobschool .kc-choice .kc-chips{align-items:center}#knobschool .continue-opt{position:relative;text-align:left;display:grid;gap:2px;width:100%;border:1px solid var(--led);background:color-mix(in srgb,var(--led) 12%,var(--bg-2));border-radius:12px;padding:12px 40px 12px 16px;margin-bottom:10px;color:var(--fg)}#knobschool .continue-opt b{font-family:var(--f-display);font-size:16px;font-weight:600}#knobschool .continue-opt span:not(.eyebrow){font-size:13.5px;color:#d6d2ca}#knobschool .continue-opt i{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-style:normal;font-size:20px;color:var(--led)}#knobschool .mode-chip button#mode-x{width:auto;border-radius:999px;padding:0 10px;font-family:var(--f-mono)}#knobschool .kc-lab{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}#knobschool .kc-lab.open{display:grid;gap:10px;padding:12px;border:1px solid color-mix(in srgb,var(--c) 40%,var(--line));border-radius:14px;background:var(--bg-2)}#knobschool .lab-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}#knobschool .lab-ctl .knob{width:104px}#knobschool .lab-side{display:grid;gap:6px}#knobschool .lab-side .small-print{margin:0}#knobschool .lab-btns{display:flex;align-items:center;flex-wrap:wrap;gap:8px}#knobschool #lab-auto.on{border-color:var(--c);color:var(--c)}#knobschool .lab-viz{width:100%;height:150px;display:block;border-radius:10px}#knobschool .lab-viz.tall{height:196px}#knobschool .lab-keys{display:grid;gap:4px}#knobschool .lab-keys .keys{height:54px}#knobschool .lab-switch{width:86px;height:44px;border-radius:10px;border:1px solid var(--line);background:#171513;color:var(--muted);font-family:var(--f-mono);font-size:13px;font-weight:600}#knobschool .lab-switch.on{background:var(--c);color:#11100f;border-color:var(--c);box-shadow:0 0 16px color-mix(in srgb,var(--c) 50%,transparent)}#knobschool .lab-name{font-family:var(--f-mono);font-size:11px;color:var(--muted);text-align:center;margin-top:6px}#knobschool .divamap .dm-on rect:first-of-type{fill:#f4f2ee}@media(max-width:420px){#knobschool .lab-viz{height:230px}#knobschool .lab-viz.tall{height:270px}#knobschool .lab-ctl .knob{width:92px}}#knobschool .ex-card .kc-nav{position:sticky;bottom:-14px;margin-bottom:-14px;padding-bottom:14px;background:var(--panel);z-index:3;box-shadow:0 -14px 18px -10px var(--panel)}@media(max-width:960px){#knobschool .ex-card .kc-nav{bottom:0;margin-bottom:0;padding:10px 0 12px}}#knobschool .lab-power{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:#171513;color:var(--fg);text-align:left;cursor:pointer}#knobschool .lab-power .lp-led{width:12px;height:12px;border-radius:50%;background:#2e2c29;box-shadow:inset 0 0 0 1px #4a4743;flex:none}#knobschool .lab-power .lp-txt{font-family:var(--f-display);font-weight:600;font-size:14px;flex:1}#knobschool .lab-power .lp-act{font-family:var(--f-mono);font-size:12px;padding:6px 12px;border-radius:999px;background:var(--c);color:#11100f;font-weight:600}#knobschool .lab-power.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 12%,#171513)}#knobschool .lab-power.on .lp-led{background:var(--c);box-shadow:0 0 10px var(--c)}#knobschool .lab-power.on .lp-act{background:transparent;color:var(--fg);border:1px solid var(--line)}#knobschool .lang-pick{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;padding:0 4px 0 10px;height:34px;background:transparent;font-size:13px}#knobschool .lang-pick select{appearance:none;-webkit-appearance:none;background:transparent;border:0;color:var(--fg);font:inherit;font-weight:600;padding:0 8px 0 2px;height:32px;cursor:pointer}#knobschool .lang-pick select option{color:#11100f}#knobschool .lab-ctx{display:grid;gap:8px}#knobschool .ctx-need{display:grid;gap:6px;padding:10px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--warn, #fbaf22) 55%,var(--line));background:color-mix(in srgb,#fbaf22 8%,#171513)}#knobschool .ctx-need .eyebrow{color:#fbaf22}#knobschool .ctx-need p{margin:0;font-size:13.5px;color:#d6d2ca}#knobschool .ctx-need .kc-chip{margin-right:4px}#knobschool .ctx-need .btn{justify-self:start}#knobschool .ctx-note{margin:0;font-size:13.5px;color:#d6d2ca;padding:8px 12px;border-left:3px solid var(--c);background:#171513;border-radius:0 8px 8px 0}#knobschool .lab-patch{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;border-top:1px solid var(--line);padding-top:8px}#knobschool .lab-patch .small-print{margin:0;flex:1 1 200px}#knobschool .divamap .dm-lever{transform-box:fill-box;transform-origin:50% 0%;transition:transform .15s}#knobschool .divamap .dm-on .dm-lever{transform:scaleY(-1)}#knobschool .divamap .dm-on rect:first-of-type{fill:#0d0d0e}#knobschool .kc-rels li{grid-template-columns:auto auto minmax(0,1fr);align-items:center}#knobschool .kc-chips .kc-flow{margin:0;display:grid;gap:6px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#131315}#knobschool .kc-flow svg{width:100%;height:auto;display:block}#knobschool .kc-flow .small-print{margin:0}#knobschool .kc-flow .fl-audio{stroke-dasharray:4 3}#knobschool .kc-flow.run .fl-audio{animation:flflow .6s linear infinite;stroke:var(--c)}@keyframes flflow{to{stroke-dashoffset:-7}}@media(prefers-reduced-motion:reduce){#knobschool .kc-flow.run .fl-audio{animation:none}}#knobschool .lab-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:104px}#knobschool .lab-wb{display:flex;flex-direction:column;gap:3px;padding:5px;background:#0d0d0e;border:1px solid #2c2c30;border-radius:6px}#knobschool .lab-wb button{display:flex;align-items:center;gap:8px;width:118px;padding:5px 8px;border-radius:3px;border:1px solid #000;background:#2a2a2d;color:#a9a9ae;font:600 11px/1 var(--f-mono);cursor:pointer;text-align:left}#knobschool .lab-wb button svg{width:24px;height:14px;flex:none}#knobschool .lab-wb button.on{background:linear-gradient(#e2e2e5,#a9a9ae);color:#111;box-shadow:0 0 10px color-mix(in srgb,var(--c) 45%,transparent)}#knobschool .lab-wb button.on:after{content:"";margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 6px var(--c)}#knobschool .lab-box{display:flex;align-items:stretch;gap:3px}#knobschool .lab-box .lb-step{width:26px;border-radius:4px;border:1px solid #2c2c30;background:#1b1b1e;color:#cfcfd4;cursor:pointer;font-size:12px}#knobschool .lab-box .lb-val{position:relative;display:block}#knobschool .lab-box select{appearance:none;-webkit-appearance:none;min-width:112px;height:34px;padding:0 26px 0 12px;border-radius:4px;border:1px solid #3a3a3f;background:#0a0a0b;color:#f0f0f2;font:600 13px/1 var(--f-mono);cursor:pointer;box-shadow:inset 0 2px 4px #0009}#knobschool .lab-box .lb-val i{position:absolute;right:10px;top:50%;margin-top:-3px;border:5px solid transparent;border-top:6px solid #8e8e94;border-bottom:0;pointer-events:none}#knobschool .lab-fader{display:flex;align-items:center;gap:10px}#knobschool .lab-fader input[type=range]{-webkit-appearance:none;appearance:none;writing-mode:vertical-lr;direction:rtl;width:34px;height:118px;background:transparent;cursor:ns-resize}#knobschool .lab-fader input[type=range]::-webkit-slider-runnable-track{width:8px;border-radius:3px;background:#050506;box-shadow:0 0 0 1px #2c2c30}#knobschool .lab-fader input[type=range]::-moz-range-track{width:8px;border-radius:3px;background:#050506}#knobschool .lab-fader input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:14px;border-radius:3px;background:linear-gradient(#ececee,#8d8d92);border:1px solid #000;box-shadow:inset 0 -2px #00000040,0 0 8px color-mix(in srgb,var(--c) 40%,transparent);margin-left:-11px}#knobschool .lab-fader input[type=range]::-moz-range-thumb{width:30px;height:14px;border-radius:3px;background:linear-gradient(#ececee,#8d8d92);border:1px solid #000}#knobschool .lab-fader .lf-val{font:600 13px/1 var(--f-mono);color:var(--fg);min-width:44px}#knobschool .lab-rb{width:54px;height:54px;border-radius:50%;border:1px solid #000;background:radial-gradient(circle at 40% 35%,#f2f2f3,#8e8e93 70%);display:grid;place-items:center;cursor:pointer;box-shadow:0 3px 8px #00000080}#knobschool .lab-rb i{width:32px;height:32px;border-radius:50%;background:#1a1a1c;display:grid;place-items:center}#knobschool .lab-rb i:after{content:"";width:12px;height:12px;border-radius:50%;background:#3a2e22}#knobschool .lab-rb.on i:after{background:var(--c);box-shadow:0 0 10px var(--c)}#knobschool .lab-rb:active{transform:translateY(1px)}#knobschool .lab-state{font:600 12px/1 var(--f-mono);color:var(--muted)}#knobschool .lab-lever{display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:4px;width:64px;padding:6px 0;border-radius:6px;border:1px solid #2c2c30;background:#141210;color:#77777c;font:600 10px/1 var(--f-mono);cursor:pointer}#knobschool .lab-lever .ll-slot{position:relative;width:22px;height:46px;border-radius:4px;background:#050506;box-shadow:inset 0 0 0 1px #2c2c30}#knobschool .lab-lever .ll-slot i{position:absolute;left:50%;top:50%;width:9px;height:22px;margin-left:-4.5px;border-radius:5px;background:linear-gradient(90deg,#8b8b90,#f4f4f5 50%,#8b8b90);transform-origin:50% 0;transition:transform .15s}#knobschool .lab-lever .ll-slot:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#e0e0e2,#6d6d72)}#knobschool .lab-lever.on .ll-slot i{transform:scaleY(-1)}#knobschool .lab-lever .ll-bot{color:var(--fg)}#knobschool .lab-lever.on .ll-top{color:var(--c)}#knobschool .lab-lever.on .ll-bot{color:#77777c}#knobschool .divamap .dm-wbtn.act rect{fill:#d9d9dc}#knobschool .divamap .dm-wbtn.act path{stroke:#111}#knobschool .divamap .dm-wbtn:not(.act) rect{fill:#2a2a2d}#knobschool .divamap .dm-wbtn:not(.act) path{stroke:#9a9aa0}#knobschool .divamap .dm-el .dm-led{fill:#3a2e22}#knobschool .divamap .dm-el.dm-on .dm-led{fill:#fbaf22}#knobschool .divamap .dm-model{cursor:pointer}#knobschool .divamap .dm-model:hover rect{stroke:#cfcfd4}#knobschool .divamap .dm-cap{transition:transform .12s}#knobschool .ex-mods{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 10px}#knobschool .ex-mods .eyebrow{margin-right:4px}#knobschool .mod-pick{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 10px;border-radius:6px;border:1px solid #2c2c30;background:#0d0d0e;color:var(--fg);cursor:pointer;text-align:left}#knobschool .mod-pick span{font:600 9.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}#knobschool .mod-pick b{display:flex;align-items:center;gap:7px;font:700 12px/1.1 var(--f-mono);letter-spacing:.04em}#knobschool .mod-pick b i{border:4px solid transparent;border-top:5px solid #8e8e94;border-bottom:0}#knobschool .mod-pick:hover,#knobschool .mod-pick.on{border-color:var(--c)}#knobschool .mod-pick.on{box-shadow:0 0 0 1px var(--c) inset}#knobschool .mdl-list{display:grid;gap:6px;margin:12px 0 6px}#knobschool .mdl-opt{display:grid;gap:3px;padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:#171513;color:var(--fg);text-align:left;cursor:pointer}#knobschool .mdl-opt b{font:700 13px/1.1 var(--f-mono);letter-spacing:.05em}#knobschool .mdl-opt span{font-size:13px;color:var(--muted)}#knobschool .mdl-opt.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 12%,#171513)}#knobschool .mdl-opt.on b:before{content:"\25cf  ";color:var(--c)}#knobschool .mdl-opt:disabled{opacity:.45;cursor:default}#knobschool .kc-chip.new:after{content:"";display:inline-block;width:6px;height:6px;margin-left:6px;border-radius:50%;background:var(--c);vertical-align:middle}@media(max-width:600px){#knobschool .mod-pick{flex:1 1 calc(50% - 8px)}#knobschool .ex-mods .eyebrow{flex-basis:100%}}#knobschool .explorer-map{position:relative}#knobschool .explorer-map .dm-el{touch-action:none}#knobschool .explorer-map .dm-el:has(.dm-ptr),#knobschool .explorer-map .dm-el:has(.dm-cap){cursor:ns-resize}#knobschool .explorer-map .dm-el:has(.dm-lever),#knobschool .explorer-map .dm-el:has(.dm-led),#knobschool .explorer-map .dm-el:has(.dm-wbtn),#knobschool .explorer-map .dm-model{cursor:pointer}#knobschool .divamap .dm-arc{opacity:0;transition:opacity .15s}#knobschool .divamap .dm-sel .dm-arc,#knobschool .divamap .dm-drag .dm-arc{opacity:1}#knobschool .divamap .dm-drag{filter:brightness(1.35)}#knobschool .divamap .dm-readout{fill:#fbaf22;font-weight:700;letter-spacing:.4px}#knobschool .dm-menu{position:fixed;z-index:60;min-width:190px;max-width:290px;padding:6px;background:#0f0e0d;border:1px solid #3d3a36;border-radius:8px;box-shadow:0 14px 40px #000000a6}#knobschool .dm-menu-t{padding:6px 10px 8px;font:700 10.5px/1 var(--f-body);letter-spacing:.24em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:4px}#knobschool .dm-menu button{display:grid;gap:2px;width:100%;padding:8px 10px 8px 26px;border:0;border-radius:5px;background:transparent;color:var(--fg);text-align:left;position:relative}#knobschool .dm-menu button b{font:600 15px/1.1 var(--f-display);letter-spacing:.3px}#knobschool .dm-menu button span{font-size:12.5px;line-height:1.35;color:var(--muted)}#knobschool .dm-menu button:hover,#knobschool .dm-menu button:focus-visible{background:#22201d;outline:none}#knobschool .dm-menu button.on:before{content:"";position:absolute;left:10px;top:13px;width:7px;height:7px;border-radius:50%;background:var(--led);box-shadow:0 0 8px var(--led)}#knobschool .dm-menu button.on b{color:var(--led)}#knobschool .ex-player{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#11100fbf}#knobschool .mp-play{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 22px;border-radius:30px;border:0;background:var(--led);color:#11100f;font:700 12px/1 var(--f-body);letter-spacing:2px;text-transform:uppercase;flex:none}#knobschool .mp-play .lp-led{width:9px;height:9px;border-radius:50%;background:#11100f;opacity:.5}#knobschool .mp-play.on{background:#11100f;color:var(--led);box-shadow:inset 0 0 0 1px var(--led)}#knobschool .mp-play.on .lp-led{background:var(--led);opacity:1;box-shadow:0 0 8px var(--led)}#knobschool .mp-play.nudge{animation:mpnudge .7s ease-out}@keyframes mpnudge{0%{box-shadow:0 0 #fbaf22b3}to{box-shadow:0 0 0 14px #fbaf2200}}#knobschool .ex-player .mapkeys{flex:1 1 260px;max-width:420px;height:56px}#knobschool .mp-hint{flex:1 1 100%;margin:0;font-size:13px;color:var(--muted)}#knobschool .mdl-how{display:flex;gap:10px;align-items:flex-start;margin:12px 0;padding:12px 14px;background:#f4f2ee;color:#1a1a1a;border-left:3px solid var(--led);border-radius:0 6px 6px 0;font-size:14.5px;line-height:1.45}#knobschool .ex-card h2{font-size:34px}#knobschool .ex-card .kc-what{font-size:16px;line-height:1.55}#knobschool .panel{background:#191715eb;border:1px solid var(--line)}#knobschool .hud{border-bottom:1px solid var(--line);margin-bottom:16px}#knobschool .start-opt b,#knobschool .continue-opt b{font-family:var(--f-display);font-weight:500;font-size:22px;letter-spacing:-.3px}#knobschool .start-opt em,#knobschool .continue-opt .eyebrow{font-family:var(--f-display);font-style:normal;font-weight:600;color:var(--led);letter-spacing:.3px}#knobschool .promo h3{font-size:30px}@media(max-width:600px){#knobschool .ex-card h2{font-size:28px}#knobschool .ex-player .mapkeys{flex-basis:100%;max-width:none}}#knobschool .divamap .dm-link{opacity:.85;animation:dmlink 1.6s linear infinite}@keyframes dmlink{to{stroke-dashoffset:-6.6}}#knobschool .divamap .dm-link.hot{opacity:1;stroke-width:2.2}#knobschool .divamap .dm-link-end.hot{r:2.4}@media(prefers-reduced-motion:reduce){#knobschool .divamap .dm-link{animation:none}}#knobschool .dm-menu{display:flex;flex-direction:column}#knobschool .dm-menu-list{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#4a4743 transparent}#knobschool .dm-menu-list::-webkit-scrollbar{width:6px}#knobschool .dm-menu-list::-webkit-scrollbar-thumb{background:#4a4743;border-radius:3px}#knobschool .dm-menu.scrolls:after{content:"";position:sticky;bottom:0;height:18px;margin-top:-18px;background:linear-gradient(transparent,#0f0e0d);pointer-events:none}#knobschool .explorer{position:relative}#knobschool .explorer.gated .ex-main,#knobschool .explorer.gated .ex-card{filter:blur(5px) brightness(.55);pointer-events:none;-webkit-user-select:none;user-select:none}#knobschool .gate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-start;justify-content:center;padding:clamp(16px,6vh,64px) 16px;background:radial-gradient(700px 420px at 50% 0%,rgba(178,52,24,.28),transparent 70%),#11100f59;transition:opacity .35s}#knobschool .gate.out{opacity:0}#knobschool .gate-card{width:min(560px,100%);background:#11100f;border:1px solid var(--line);border-radius:12px;padding:clamp(22px,4vw,40px);box-shadow:0 30px 80px #0009}#knobschool .gate-card h2{font-size:clamp(34px,6vw,52px);line-height:.98;margin:10px 0 14px}#knobschool .gate-text{margin:0 0 18px;color:#d6d2ca;font-size:16px;line-height:1.55}#knobschool .gate-list{list-style:none;margin:0 0 22px;padding:0}#knobschool .gate-list li{display:grid;grid-template-columns:44px 1fr;align-items:baseline;gap:8px;padding:10px 0;border-top:1px solid var(--line)}#knobschool .gate-list li:last-child{border-bottom:1px solid var(--line)}#knobschool .gate-list b{font:600 22px/1 var(--f-display);color:var(--led)}#knobschool .gate-list span{font-size:15px}#knobschool #gate-form{display:flex;gap:10px;flex-wrap:wrap}#knobschool #gate-form input{flex:1 1 240px;min-height:52px;padding:0 22px;border-radius:30px;border:1px solid #4a4743;background:#191715;color:var(--fg);font:16px var(--f-body)}#knobschool #gate-form input:focus{outline:none;border-color:var(--led);box-shadow:0 0 0 3px #fbaf2233}#knobschool #gate-form .btn{min-height:52px;flex:0 0 auto}#knobschool .gate-err{margin:10px 0 0;color:#ff9d86;font-size:14px}#knobschool .gate-legal{margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}#knobschool .gate-legal a{color:var(--muted)}#knobschool .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:600px){#knobschool #gate-form .btn{width:100%}}#knobschool #gate-form input::placeholder{color:#8f8a82;opacity:1}#knobschool .gate-card h2 .tt:not(.tt-a){color:var(--fg)}#knobschool .ks-glossary{max-width:1180px;margin:0 auto;padding:40px 16px 72px}#knobschool .ks-glossary h2{font-size:clamp(24px,4vw,36px);margin:0 0 10px}#knobschool .ks-glossary>p{color:var(--muted);max-width:70ch;margin:0 0 8px}#knobschool .ks-glossary h3{font-size:18px;margin:30px 0 12px}#knobschool .ks-gl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}#knobschool .ks-gl-grid article{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;min-width:0}#knobschool .ks-gl-grid h4{font-family:var(--f-display);font-size:15px;margin:0 0 8px}#knobschool .ks-gl-grid p{margin:6px 0 0;font-size:14px;color:#d8d1dd}#knobschool .ks-gl-grid strong{color:var(--fg)}#knobschool .ks-gl-grid article.on{border-color:var(--c, var(--led));box-shadow:0 0 0 1px var(--c, var(--led)),0 0 28px color-mix(in srgb,var(--c, #fbaf22) 30%,transparent);background:color-mix(in srgb,var(--c, #fbaf22) 8%,var(--panel))}#knobschool .ks-glossary .gl-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin:14px 0 6px}#knobschool .ks-glossary .gl-hint{margin:0;color:var(--muted);font-size:14px}#knobschool .ks-glossary.focus .ks-gl-group:not(.has-on){display:none}#knobschool .ks-glossary.focus .ks-gl-group>p{display:none}#knobschool .ks-glossary.focus .ks-gl-grid article:not(.on){display:none}#knobschool .ks-glossary.focus .ks-gl-grid{grid-template-columns:minmax(0,720px)}#knobschool .ks-glossary.focus h3{margin-top:16px}
/*# sourceMappingURL=/cdn/shop/t/32/assets/knobschool.css.map */