body[data-fun-branch="long"] #view-fun>:not(.fun-tabs):not(#long-root){display:none!important}
#long-root[hidden]{display:none!important}
#long-root{display:grid;grid-template-columns:185px minmax(0,1fr) 290px;gap:10px;flex:1;min-height:0;overflow:hidden;color:var(--ink)}
.lg-panel{padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--surface);display:flex;flex-direction:column;gap:10px;min-height:0;min-width:0;overflow:auto}
body[data-room="sand"] .lg-panel,body[data-room="graphite"][data-theme="light"] .lg-panel{background:rgba(248,245,239,.96)}
.lg-panel h2{font-size:16px;margin:0}.lg-panel p,.lg-panel small{font-size:12px;line-height:1.65;margin:0}.lg-panel label{font-size:12px;display:grid;gap:5px}.lg-panel select{width:100%;min-width:0}.lg-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.lg-actions button{padding:9px 5px;min-height:38px;font-size:12px;white-space:normal}.lg-panel output{font-size:15px;font-variant-numeric:tabular-nums;font-weight:700;padding:7px 0}
.lg-seat{display:grid;gap:8px;padding:11px;border-radius:12px;border:1px solid var(--line);border-left:4px solid var(--seat-color);font-size:12px}.lg-seat>b{font-size:15px;overflow-wrap:anywhere}.lg-seat.current{outline:2px solid var(--seat-color);background:color-mix(in srgb,var(--seat-color) 9%,transparent)}.lg-seat strong{color:var(--seat-color)}.lg-seat button{font-size:12px;min-height:36px}.lg-stage{display:grid;place-items:center;position:relative;min-height:0;min-width:0;container-type:size;border-radius:18px;background:color-mix(in srgb,var(--panel) 20%,transparent)}
#lg-board{display:block;width:min(100cqw,100cqh);height:min(100cqw,100cqh);max-width:100%;max-height:100%;overflow:visible;touch-action:manipulation}#lg-board g[role=button]{cursor:pointer;outline:none}#lg-board g:focus-visible>circle:first-child{stroke:var(--accent);stroke-width:2}
.lg-stage-footer{position:absolute;bottom:4px;left:8px;right:8px;display:flex;justify-content:space-between;gap:5px;pointer-events:none;font-size:10px;text-shadow:0 1px 3px #0008}.lg-stage-footer small{font-size:9px}#lg-turn{font-weight:700;font-size:14px;min-height:22px}.lg-tabs{display:flex;gap:5px}.lg-tabs button{flex:1;padding:8px 4px;font-size:12px}.lg-tabs button[aria-pressed=true]{border-color:var(--accent);background:var(--gold-wash)}
#lg-search,#lg-history,#lg-rules{min-height:0;overflow:auto}#lg-search[hidden],#lg-history[hidden],#lg-rules[hidden]{display:none!important}#lg-candidates,#lg-history{display:flex;flex-direction:column;gap:7px}#lg-candidates button,#lg-history button{text-align:left;font-size:13px;padding:11px 9px}#lg-history button[aria-current=true]{border-color:var(--accent);background:var(--gold-wash)}#lg-metrics{margin:10px 0}#lg-note{opacity:.8;overflow-wrap:anywhere}#lg-rules p{margin:12px 0}#lg-setup{max-width:480px}#lg-setup form{display:grid;gap:18px}#lg-setup label{display:grid;gap:7px}
@media(min-width:900px) and (min-height:620px){body[data-fun-branch="long"] #view-fun{overflow:hidden}.lg-controls{overflow:hidden}.lg-controls .lg-actions{gap:5px}.lg-controls .lg-actions button{min-height:32px;padding:7px 3px}.lg-controls{gap:7px}}
@media(max-width:1100px){#long-root{grid-template-columns:163px minmax(0,1fr) 230px;gap:6px}.lg-panel{padding:9px}.lg-seat{padding:8px}.lg-seat>b{font-size:13px}}
@media(max-width:899px){#long-root{overflow:auto;grid-template-columns:150px minmax(250px,1fr)}.lg-stage{min-height:400px;grid-column:2;grid-row:1}.lg-insights{grid-column:1/-1;max-height:350px}.lg-stage-footer{display:none}}
@media(min-width:900px) and (max-height:700px){.lg-controls{padding:8px;gap:5px}.lg-controls>h2{display:none}.lg-controls .lg-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.lg-controls .lg-actions button{font-size:11px;min-height:30px;padding:5px 2px}.lg-controls .lg-seat{padding:7px;gap:5px}.lg-controls .lg-seat>b{font-size:12px}.lg-controls .lg-seat button{min-height:28px;padding:5px}.lg-controls output{padding:3px 0;font-size:13px}}