body[data-ui-size]{--ui-nav:14px;--ui-body:13px;--ui-small:11px}
body[data-ui-size=large]{--ui-nav:16px;--ui-body:15px;--ui-small:13px}
body[data-ui-size=largest]{--ui-nav:18px;--ui-body:17px;--ui-small:15px}
body[data-ui-size] .nav-item{font-size:var(--ui-nav);line-height:1.5;min-width:0}body[data-ui-size] .nav-item .nav-icon{flex-shrink:0}body[data-ui-size] .nav-item span:last-child{min-width:0;overflow-wrap:anywhere}
body[data-ui-size]{font-size:var(--ui-body)}body[data-ui-size] .help,body[data-ui-size] .page-head p,body[data-ui-size] .settings-row p,body[data-ui-size] .game-card p{font-size:var(--ui-body)}body[data-ui-size] input,body[data-ui-size] textarea:not(.capture),body[data-ui-size] select,body[data-ui-size] .primary,body[data-ui-size] .secondary,body[data-ui-size] .danger{font-size:var(--ui-body)}body[data-ui-size] .sidebar-bottom p,body[data-ui-size] .sidebar-bottom .text-button{font-size:var(--ui-small)}
.sidebar{overflow-y:auto}.sidebar nav,.sidebar .profile,.sidebar .sidebar-bottom{flex-shrink:0}
.pro-caret{border-bottom:2px solid var(--green);color:var(--ink)}
.pro-game{width:min(100%,900px);padding:22px;margin:auto;display:flex;flex-direction:column;gap:18px;justify-content:center;min-height:100%;text-align:center;overflow-wrap:anywhere}.pro-rule{font-weight:650;color:var(--green);font-size:14px}.pro-text,.pro-source{font-family:var(--mono);font-size:22px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow-y:auto}.pro-source{font-size:26px}.pro-lanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pro-lane{min-width:0;min-height:135px;border:2px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);padding:16px;display:grid;gap:12px}.pro-lane.selected{border-color:var(--green);background:var(--green-soft)}.pro-lane span{font-size:12px}.pro-lane strong,.pro-lane strong span{font:22px/1.6 var(--mono);overflow-wrap:anywhere}.pro-game .muted{font-size:12px}.game-stage:has(.pro-game){overflow-y:auto}.game-stage #game-content:has(.pro-game){min-height:100%}
@media(max-width:800px){body[data-ui-size] .nav-item{padding:12px 6px;justify-content:center}.pro-game{padding:16px;gap:12px}.pro-text,.pro-source{font-size:18px}.pro-lanes{gap:8px}.pro-lane{padding:10px;min-height:120px}.pro-lane strong,.pro-lane strong span{font-size:16px}}