.level-card:after{border:0;border-top:5px solid var(--accent);border-radius:3px;width:146px;height:0;bottom:34px;right:-20px;transform:rotate(-9deg)}.ex-legend i{background:var(--c);border:1px solid #0f172a40;border-radius:3px;width:12px;height:12px}.ex-figure{background:#fdf6e8}.brief-eq{font-family:var(--math);text-align:center;color:var(--ink);background:#fdf6e8;border:1px solid #f1e3c6;border-radius:14px;margin:2px 0 10px;padding:8px 12px;font-size:26px;font-weight:600}.notebook{z-index:4;top:var(--hud-top,86px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:150px;max-width:min(320px,100% - 24px);box-shadow:var(--shadow);pointer-events:none;background:#ffffffe6;border:1px solid #7c5a2a38;border-radius:16px;grid-template-columns:auto auto;justify-content:start;align-items:baseline;gap:1px 10px;padding:7px 13px 9px;display:grid;position:absolute;left:12px}.nb-head{letter-spacing:.08em;text-transform:uppercase;color:#a16207;grid-column:1/-1;margin-bottom:1px;font-size:12px;font-weight:800}.nb-line{display:contents}.nb-op{color:#0f766e;white-space:nowrap;justify-self:end;font-size:12px;font-weight:800}.nb-eq{font-family:var(--math);color:#64748b;white-space:nowrap;font-size:16px}.nb-line.current .nb-eq{color:var(--ink);font-size:20px;font-weight:600}.nb-line.off .nb-eq{color:#c2410c}.keypad{flex-wrap:wrap;gap:8px;display:flex}.ops{flex:200px;grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.op-btn,.operand .step,.x-toggle,.hand-btn,.pad-btn{border:1.5px solid var(--line);min-height:48px;color:var(--ink);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:13px;transition:background .12s,border-color .12s,transform 80ms}.op-btn:active,.operand .step:active,.x-toggle:active,.hand-btn:active,.pad-btn:active{transform:translateY(1px)}.op-btn{font-family:var(--math);font-size:25px;font-weight:700}.op-btn:hover,.operand .step:hover,.x-toggle:hover:not(:disabled),.hand-btn:hover,.pad-btn:hover:not(:disabled){border-color:#5eead4}.op-btn[aria-checked=true]{color:#fff;background:#0f766e;border-color:#0f766e}.operand{flex:170px;grid-template-columns:46px 1fr 46px 54px;align-items:stretch;gap:5px;display:grid}.operand .step{place-items:center;padding:0;display:grid}.operand .step .flip{transform:scaleX(-1)}.operand-n{min-width:2.4em;font-family:var(--math);color:#0f766e;background:#f0fdfa;border-radius:13px;place-items:center;font-size:26px;font-weight:700;display:grid}.x-toggle{font-family:var(--math);font-size:23px;font-weight:700}.x-toggle[aria-pressed=true]{color:#3f2a12;background:#d6a262;border-color:#7c4a1c}.x-toggle:disabled,.pad-btn:disabled{opacity:.38;cursor:default}.hands,.build-pad{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hand-group{grid-template-columns:1fr 1fr;gap:5px;display:grid}.build-pad .hand-group{grid-template-columns:repeat(4,1fr)}.hand-k{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);grid-column:1/-1;font-size:12px;font-weight:800}.hand-btn,.pad-btn{font:inherit;padding:4px 6px;font-size:14px;font-weight:750}.hand-block,.pad-c{box-shadow:inset 0 -4px #facc15}.hand-box,.pad-x{box-shadow:inset 0 -4px #d6a262}.pad-btn{font-family:var(--math);font-size:19px}.lab-mode{align-self:flex-start}.balance[data-mode=hands] .controls{display:none}.balance .controls:not(:has(.param:not([hidden]))) .launch{flex:auto}@media (width<=520px) and (orientation:portrait){.notebook{gap:0 8px;min-width:0;padding:5px 10px 6px}.nb-head,.nb-line:not(:nth-last-child(-n+2)){display:none}.nb-eq{font-size:14px}.nb-line.current .nb-eq{font-size:18px}.nb-op{font-size:12px}.keypad{gap:5px}.ops{flex-basis:170px;gap:4px}.operand{flex-basis:150px;grid-template-columns:40px 1fr 40px 46px;gap:4px}.op-btn,.operand .step,.x-toggle,.operand-n{min-height:44px}.op-btn{font-size:22px}.hands,.build-pad{gap:7px}.build-pad .hand-group{gap:4px}.hand-btn,.pad-btn{min-height:44px;font-size:13px}.pad-btn{padding:2px;font-size:16px}.balance .controls{flex-wrap:nowrap;gap:6px}.balance .param{flex:1 1 0;grid-template-columns:auto 1fr auto;grid-template-areas:"head head head""minus value plus";gap:2px 4px;min-width:0;padding:5px 6px 6px}.balance .param .param-row{display:contents}.balance .param .param-row>.step:first-child{grid-area:minus}.balance .param .param-row>.step:last-child{grid-area:plus}.balance .param .slider-wrap{display:none}.balance .param .param-head{justify-content:center;gap:4px;font-size:12px}.balance .param .param-value{justify-self:center;font-size:21px}.balance .launch{flex:1 1 0;min-width:0;min-height:46px}.balance .choices{grid-template-columns:1fr}.balance .coach{font-size:13.5px;line-height:1.36}.brief-eq{font-size:22px}}@media (width<=360px) and (height<=620px) and (orientation:portrait){.balance-title .title-content{max-height:calc(100% - 26px);bottom:14px}.balance-title .title-hero{margin:6px 0 8px;font-size:40px}.balance-title .title-actions{margin-top:12px}}@media (height<=600px) and (orientation:portrait){.notebook{display:none}}@media (orientation:landscape) and (height<=500px){.balance .launch{flex:none}.balance .controls:not(:has(.param:not([hidden]))) .launch{flex:none}.balance .param{grid-template-columns:1fr auto auto auto;grid-template-areas:"head minus value plus";align-items:center;gap:4px;padding:4px 6px}.balance .param .param-row{display:contents}.balance .param .param-row>.step:first-child{grid-area:minus}.balance .param .param-row>.step:last-child{grid-area:plus}.balance .param .slider-wrap{display:none}.balance .param .param-head{font-size:12px}.balance .param .param-value{text-align:center;justify-self:center;min-width:1.4em;font-size:20px}.balance .hand-k{font-size:12px}.notebook{min-width:0;max-width:190px;padding:4px 9px 5px;left:6px}.nb-head,.nb-line:not(:nth-last-child(-n+3)){display:none}.nb-eq{font-size:13px}.nb-line.current .nb-eq{font-size:16px}.keypad{gap:5px}.ops,.operand{flex:100%}.op-btn,.operand .step,.x-toggle,.operand-n,.hand-btn,.pad-btn{min-height:40px}.operand-n{font-size:22px}.hands{grid-template-columns:1fr;gap:6px}.build-pad{gap:6px}.build-pad .hand-group{grid-template-columns:1fr 1fr;gap:4px}.pad-btn{min-height:36px;padding:2px;font-size:16px}.lab-mode .seg{padding:4px 10px}}
