.b3{gap:6px;width:100%;min-width:0;display:grid}.b3-stage{position:relative}.b3-corner{z-index:2;justify-items:end;gap:6px;display:grid;position:absolute;top:4px;right:4px}.b3[data-view=flat] .b3-corner{top:auto;bottom:calc(100% + 6px);right:8px}.b3-view-btn{position:relative;box-shadow:0 1px 3px #00000038;box-shadow:0 1px 3px lab(0% 0 0/.22)}.b3-view-btn:before{content:"";position:absolute;inset:-6px}.b3-view-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.b3-view-board{fill:currentColor;fill-opacity:.16}.b3-view-dark{fill:currentColor;stroke:none}.b3-view-btn .b3-view-icon{width:18px;height:18px}.b3-views{align-content:start;width:172px;height:max-content;max-height:none;inset:64px 8px auto auto}.b3-view-name{align-items:center;gap:10px;display:inline-flex}.b3-view-name .b3-view-icon{color:var(--color-muted);flex:none}.menu-item[aria-pressed=true] .b3-view-icon{color:var(--color-text)}.b3-handles{gap:6px;display:grid}.b3-handle{background:var(--color-raised);width:32px;height:32px;color:var(--color-text);touch-action:none;border:0;border-radius:8px;place-items:center;padding:0;transition:background .15s,color .15s,transform .15s;display:grid;box-shadow:0 1px 3px #00000038;box-shadow:0 1px 3px lab(0% 0 0/.22)}.b3-handle[data-axis=tilt]{cursor:ns-resize}.b3-handle[data-axis=turn]{cursor:ew-resize}.b3-handle:hover{background:var(--color-line)}.b3-handle:active{transform:scale(.96)}.b3-handle[data-dragging]{background:var(--color-accent);color:var(--color-accent-ink,var(--color-bg))}.b3-handle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.b3-handle svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.b3-tilt-board{fill:currentColor;fill-opacity:.18}.b3-canvas{aspect-ratio:1;touch-action:none;opacity:0;width:100%;transition:opacity .35s ease-out;display:block}.b3[data-ready] .b3-canvas{opacity:1}.b3[data-view=tilted] .b3-canvas{aspect-ratio:1/.8}.b3[data-view=low] .b3-canvas{aspect-ratio:1/.72}.b3[data-view=corner] .b3-canvas{aspect-ratio:1/.86}.b3-squares{pointer-events:none;position:absolute;inset:0}.b3-squares>span{width:2px;height:2px;position:absolute;top:-1px;left:-1px}.b3-squares i,.b3-squares b{position:absolute;inset:0}.b3-badge{background:var(--color-correct,#00856e);width:22px;height:22px;color:var(--color-correct-text,#fcfcfc);animation:b3-pop .32s var(--ease-out,ease-out) both;border-radius:50%;place-items:center;display:grid;position:absolute;top:-34px;left:10px;box-shadow:0 2px 6px #0000004d;box-shadow:0 2px 6px lab(0% 0 0/.3)}@supports (color:lab(0% 0 0)){.b3-badge{background:var(--color-correct,lab(49.222% -38.887 3.35286));color:var(--color-correct-text,lab(98.84% .0000298023 -.0000119209))}}.b3-badge svg{width:14px;height:14px}@keyframes b3-pop{0%{opacity:0;scale:.4}}.b3-flash{border-radius:var(--radius-lg);pointer-events:none;animation:b3-flash .9s var(--ease-out,ease-out) forwards;position:absolute;inset:4%}.b3-flash[data-kind=correct]{box-shadow:0 0 0 4px var(--color-correct,#00856e), inset 0 0 60px color-mix(in oklab, var(--color-correct,#00856e) 35%, transparent)}@supports (color:lab(0% 0 0)){.b3-flash[data-kind=correct]{box-shadow:0 0 0 4px var(--color-correct,lab(49.222% -38.887 3.35286)), inset 0 0 60px color-mix(in oklab, var(--color-correct,lab(49.222% -38.887 3.35286)) 35%, transparent)}}.b3-flash[data-kind=wrong]{box-shadow:0 0 0 4px var(--color-wrong,#ba2b28), inset 0 0 60px color-mix(in oklab, var(--color-wrong,#ba2b28) 35%, transparent)}@supports (color:lab(0% 0 0)){.b3-flash[data-kind=wrong]{box-shadow:0 0 0 4px var(--color-wrong,lab(42.5342% 56.5687 38.8104)), inset 0 0 60px color-mix(in oklab, var(--color-wrong,lab(42.5342% 56.5687 38.8104)) 35%, transparent)}}@keyframes b3-flash{to{opacity:0}}.b3-promo-backdrop{background:#00000040;background:lab(0% 0 0/.25);border:0;padding:0;position:absolute;inset:0}.b3-promo{z-index:1;border-radius:var(--radius-lg);background:var(--color-surface);animation:b3-promo-in var(--duration-base) var(--ease-out) both;border:0;flex-direction:column;align-items:center;gap:4px;margin:0;padding:6px;display:flex;position:absolute;top:0;left:0;box-shadow:0 10px 30px #00000059;box-shadow:0 10px 30px lab(0% 0 0/.35)}.b3-promo[data-grow=up]{flex-direction:column-reverse}.b3-promo-option{cursor:pointer;width:48px;height:48px;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:0;border-radius:10px;place-items:center;padding:4px;display:grid}.b3-promo-option[data-piece=q]{background:var(--color-raised);width:60px;height:60px}.b3-promo-option:hover,.b3-promo-option:focus-visible{background:var(--color-accent);outline:none}.b3-promo-option img{pointer-events:none;width:100%;height:100%}@keyframes b3-promo-in{0%{opacity:0;scale:.92}}.b3-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.b3-badge,.b3-flash{animation-duration:10ms}}.b3-well{pointer-events:none;background:#090b0f;background:lab(3.02674% -.179462 -2.15476);border-radius:3px;width:6px;position:absolute;top:10%;bottom:10%;left:0;overflow:hidden;box-shadow:inset 0 0 0 1px #00000059;box-shadow:inset 0 0 0 1px lab(0% 0 0/.35)}.b3-well.b{background:var(--color-w)}.b3-well i{background:var(--color-w);transition:height .6s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0}.b3-well.b i{background:#090b0f;background:lab(3.02674% -.179462 -2.15476)}.look-lab{z-index:50;color:#e1e5eb;color:lab(90.6878% -.517368 -3.73452);background:#13161bf0;background:lab(7.19015% -.368543 -3.62587/.94);border-radius:10px;gap:6px;padding:10px 12px;font-size:12px;display:grid;position:fixed;bottom:12px;right:12px;box-shadow:0 8px 24px #0006;box-shadow:0 8px 24px lab(0% 0 0/.4)}.look-row{grid-template-columns:104px auto;align-items:center;gap:8px;display:grid}.look-row>span{color:#9b9fa5;color:lab(65.1673% -.507057 -3.72884)}.look-row>div{gap:2px;display:flex}.look-lab button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 8px}.look-lab button[aria-pressed=true]{background:#373d48;background:lab(25.6804% -.759706 -7.33712);font-weight:600}.look-lab .look-reset{color:#9b9fa5;color:lab(65.1673% -.507057 -3.72884);justify-self:start}.feel-lab{gap:3px;left:12px;right:auto}.feel-row>div{align-items:center;gap:6px}.feel-row input[type=range]{width:120px}.feel-row output{font-variant-numeric:tabular-nums;min-width:40px}