.flab{margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.flab__frame{position:relative;width:100%;aspect-ratio:16 / 10;min-height:580px;height:clamp(580px,74vh,1000px);border:var(--stroke);background:var(--color-bg-secondary);overflow:hidden}.flab.is-fullscreen{position:fixed;inset:0;z-index:1100;background:var(--color-bg);margin:0;padding:0;display:flex;flex-direction:column}.flab.is-fullscreen .flab__frame{flex:1 1 auto;aspect-ratio:auto;min-height:0;height:auto;border:0}.flab.is-fullscreen .flab__caption{display:none}body.flab-fullscreen-active{overflow:hidden}.flab__canvas{position:absolute;inset:0}.flab__canvas canvas{display:block;width:100%;height:100%;touch-action:none}.flab.is-manual .flab__canvas canvas{cursor:crosshair}.flab__topbar{position:absolute;top:var(--space-3);left:var(--space-3);right:var(--space-3);z-index:600;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;pointer-events:none;transition:right var(--dur-base) var(--ease-out)}.flab.is-panel-open .flab__topbar{right:calc(304px + var(--space-3))}.flab__stack{display:flex;flex-direction:column;gap:var(--space-2);pointer-events:auto}.flab__stack--left{align-items:flex-start}.flab__stack--right{align-items:flex-end}@media (max-width: 1100px){.flab__stack--right{align-items:flex-start}}.flab__seg{display:flex;align-items:stretch;border:var(--stroke);background:var(--color-bg)}.flab__seg-label{display:flex;align-items:center;padding:0 10px;border-right:1px solid var(--color-ink);font-size:var(--text-lufi-control-label);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-ink-muted);background:var(--color-bg)}.flab__seg-btn{appearance:none;border:0;border-right:1px solid var(--color-ink);background:transparent;color:var(--color-ink);padding:6px 11px;font-size:var(--text-lufi-control);letter-spacing:var(--tracking-mono);text-transform:uppercase;cursor:pointer;font-family:var(--font-mono);white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.flab__seg-btn:last-child{border-right:0}.flab__seg-btn:hover,.flab__seg-btn.is-active{background:var(--color-ink);color:var(--color-bg)}.flab__seg-btn.is-accent{background:var(--color-accent);color:var(--color-bg)}.flab__stats{position:absolute;bottom:var(--space-3);left:var(--space-3);z-index:600;background:var(--color-bg);border:var(--stroke);padding:10px 12px;display:flex;flex-direction:column;gap:5px;min-width:208px;max-width:262px}.flab__stats-title{font-size:var(--text-lufi-legend-title);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-ink-muted)}.flab__stats-row{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--text-lufi-legend);text-transform:uppercase;letter-spacing:var(--tracking-mono);color:var(--color-ink-muted)}.flab__stats-row b{font-weight:400;color:var(--color-ink)}.flab__stats-hint{margin:3px 0 0;font-size:var(--text-lufi-legend-title);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-accent);line-height:1.5}.flab__corner-cluster{position:absolute;bottom:var(--space-3);right:var(--space-3);z-index:700;display:flex;gap:var(--space-2);transition:right var(--dur-base) var(--ease-out)}.flab.is-panel-open .flab__corner-cluster{right:calc(304px + var(--space-3))}.flab__corner-btn{appearance:none;border:var(--stroke);background:var(--color-bg);color:var(--color-ink);padding:8px 12px;font-size:var(--text-lufi-control);letter-spacing:var(--tracking-mono);text-transform:uppercase;font-family:var(--font-mono);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.flab__corner-btn:hover,.flab__corner-btn.is-active{background:var(--color-ink);color:var(--color-bg)}.flab__info-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1.5px solid currentColor;border-radius:50%;font-size:11px}.flab__panel{position:absolute;top:0;right:0;bottom:0;width:min(304px,88%);z-index:650;background:var(--color-bg);border-left:var(--stroke);display:flex;flex-direction:column;animation:flab-slide-in var(--dur-base) var(--ease-out);overflow:hidden}@keyframes flab-slide-in{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}.flab__panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:var(--stroke);flex:0 0 auto}.flab__panel-title{font-size:var(--text-lufi-panel-eyebrow);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-ink)}.flab__panel-close{appearance:none;border:1px solid var(--color-ink);background:transparent;color:var(--color-ink);width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px}.flab__panel-close:hover{background:var(--color-ink);color:var(--color-bg)}.flab__panel-body{padding:12px 14px 16px;display:flex;flex-direction:column;gap:9px;overflow-y:auto}.flab__panel-section{margin-top:6px;font-size:var(--text-lufi-panel-meta);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-ink-subtle);border-bottom:1px solid var(--color-silver);padding-bottom:3px}.flab__panel-section:first-child{margin-top:0}.flab__rule{display:flex;flex-direction:column;gap:2px}.flab__switch{appearance:none;border:0;background:transparent;padding:0;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-family:var(--font-mono);font-size:var(--text-lufi-panel-meta);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-ink-subtle);transition:color var(--dur-fast) var(--ease-out)}.flab__switch-dot{width:9px;height:9px;border:1.5px solid var(--color-ink-subtle);background:transparent;flex:0 0 auto;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.flab__switch.is-on{color:var(--color-ink)}.flab__switch.is-on .flab__switch-dot{background:var(--color-accent);border-color:var(--color-accent)}.flab__switch:hover{color:var(--color-accent)}.flab__slider{display:flex;flex-direction:column;gap:3px}.flab__slider.is-disabled{opacity:.32;pointer-events:none}.flab__slider-head{display:flex;justify-content:space-between;align-items:baseline;min-height:0}.flab__slider-label{font-size:var(--text-lufi-panel-meta);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-ink-muted)}.flab__slider-value{font-size:var(--text-lufi-panel-meta);color:var(--color-ink);margin-left:auto}.flab__slider input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:14px;background:transparent;cursor:pointer;margin:0}.flab__slider input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--color-ink)}.flab__slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:11px;height:11px;margin-top:-4.5px;background:var(--color-bg);border:1.5px solid var(--color-ink);border-radius:0;transition:background var(--dur-fast) var(--ease-out)}.flab__slider input[type=range]::-webkit-slider-thumb:hover,.flab__slider input[type=range]:active::-webkit-slider-thumb{background:var(--color-accent)}.flab__slider input[type=range]::-moz-range-track{height:2px;background:var(--color-ink)}.flab__slider input[type=range]::-moz-range-thumb{width:11px;height:11px;background:var(--color-bg);border:1.5px solid var(--color-ink);border-radius:0}.flab__slider input[type=range]:active::-moz-range-thumb{background:var(--color-accent)}.flab__level{margin-bottom:4px;border-color:var(--color-accent)}.flab__level .flab__mode-btn{border-right-color:var(--color-accent)}.flab__level .flab__mode-btn.is-active{background:var(--color-accent);color:var(--color-bg)}.flab__modes{display:flex;border:1px solid var(--color-ink)}.flab__mode-btn{flex:1;appearance:none;border:0;border-right:1px solid var(--color-ink);background:transparent;color:var(--color-ink);padding:6px 8px;font-size:var(--text-lufi-panel-meta);letter-spacing:var(--tracking-mono);text-transform:uppercase;font-family:var(--font-mono);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.flab__mode-btn:last-child{border-right:0}.flab__mode-btn:hover:not(:disabled),.flab__mode-btn.is-active{background:var(--color-ink);color:var(--color-bg)}.flab__mode-btn:disabled{opacity:.3;cursor:default}.flab__panel-actions{display:flex;gap:var(--space-2);margin-top:2px}.flab__panel-btn{flex:1;appearance:none;border:1px solid var(--color-ink);background:transparent;color:var(--color-ink);padding:6px 8px;font-size:var(--text-lufi-panel-meta);letter-spacing:var(--tracking-mono);text-transform:uppercase;font-family:var(--font-mono);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.flab__panel-btn:hover{background:var(--color-ink);color:var(--color-bg)}.flab__panel-note{margin:4px 0 0;font-size:var(--text-lufi-panel-meta);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-ink-subtle);line-height:1.5}.flab__tour{position:absolute;inset:0;z-index:900;background:#0a0a0a59;display:grid;place-items:center;padding:var(--space-4)}.flab__tour-card{background:var(--color-bg);border:1.5px solid var(--color-ink);max-width:440px;width:100%;padding:var(--space-4) var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:8px 8px 0 0 var(--color-ink)}.flab__tour-card--top-left{align-self:start;justify-self:start;margin-top:132px}.flab__tour-card--top-right{align-self:start;justify-self:end;margin-top:108px}.flab__tour-head{display:flex;align-items:center;justify-content:space-between}.flab__tour-counter{font-size:var(--text-lufi-panel-meta);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-ink-subtle)}.flab__tour-close{appearance:none;border:1px solid var(--color-ink);background:transparent;color:var(--color-ink);width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px}.flab__tour-close:hover{background:var(--color-ink);color:var(--color-bg)}.flab__tour-title{font-family:var(--font-display);font-size:var(--text-2xl);line-height:var(--lh-tight);letter-spacing:var(--tracking-display);margin:0}.flab__tour-body{margin:0;font-size:var(--text-sm);color:var(--color-ink-muted);line-height:1.55}.flab__tour-foot{display:flex;justify-content:space-between;gap:var(--space-2)}.flab__tour-btn{appearance:none;border:1px solid var(--color-ink);background:transparent;color:var(--color-ink);padding:7px 14px;font-size:var(--text-lufi-control);letter-spacing:var(--tracking-mono);text-transform:uppercase;font-family:var(--font-mono);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.flab__tour-btn:disabled{opacity:.35;cursor:default}.flab__tour-btn:not(:disabled):hover{background:var(--color-ink);color:var(--color-bg)}.flab__tour-btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}.flab__tour-btn--primary:hover{background:var(--color-accent-vivid);border-color:var(--color-accent-vivid)}.flab__tour-spotlight{outline:2px solid var(--color-accent);outline-offset:3px}.flab__caption{font-size:var(--text-lufi-caption);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-ink-subtle);line-height:1.6;max-width:88ch}@media (max-width: 900px){.flab__frame{min-height:500px;height:clamp(500px,68vh,720px)}.flab.is-panel-open .flab__topbar,.flab.is-panel-open .flab__corner-cluster{right:var(--space-3)}.flab__panel{width:min(304px,92%);box-shadow:-6px 0 24px #0a0a0a26}.flab__stats{display:none}}@media (max-width: 640px){.flab__seg-label{display:none}.flab__seg-btn{padding:6px 8px}.flab__corner-btn{padding:7px 9px}}