.ar-root{--ar-h:calc(100svh - 236px);display:grid;gap:16px}.ar-stage{height:var(--ar-h);min-height:420px}@media (max-width:1023px){#pg[data-page=arena] .ar-head{padding:10px 0 8px}#pg[data-page=arena] .ar-head .chip{display:none}#pg[data-page=arena] .ar-lead{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px}}.ar-side{display:grid;gap:12px;align-content:start;min-width:0}.ar-col{display:contents}.ar-p-play{order:1}.ar-p-shot{order:2}.ar-p-mode{order:3}.ar-p-sys{order:4}.ar-p-pos{order:5}.ar-drawer-btn{display:none}.ar-shootbar{z-index:2}@media (min-width:1024px){#pg[data-page=arena] .ar-head .chip{display:none}#pg[data-page=arena] .ar-lead{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}#pg[data-page=arena] .ar-root{--ar-h:calc(100svh - 176px)}#pg[data-page=arena] .ar-stage{min-height:440px}#pg[data-page=arena]:not([data-layout]) .ar-root,#pg[data-page=arena][data-layout="1"] .ar-root{grid-template-columns:minmax(0,1fr) 360px;align-items:start}#pg[data-page=arena][data-layout="1"] .ar-side,#pg[data-page=arena][data-layout="3"] .ar-side{position:sticky;top:68px;max-height:calc(100svh - 76px);overflow:auto;padding-right:2px;overscroll-behavior:contain}#pg[data-page=arena][data-layout="3"] .ar-root{grid-template-columns:360px minmax(0,1fr);align-items:start}#pg[data-page=arena][data-layout="3"] .ar-side{order:-1}#pg[data-page=arena][data-layout="2"] .ar-wrap,#pg[data-page=arena][data-layout="4"] .ar-wrap{max-width:none}#pg[data-page=arena][data-layout="2"] .ar-lead,#pg[data-page=arena][data-layout="4"] .ar-lead{display:none}#pg[data-page=arena][data-layout="2"] .ar-head,#pg[data-page=arena][data-layout="4"] .ar-head{padding:8px 0}#pg[data-page=arena][data-layout="2"] .ar-root{--ar-h:calc(100svh - 124px);--ar-col:clamp(250px,22vw,310px);position:relative;display:block}#pg[data-page=arena][data-layout="2"] .ar-side{position:absolute;top:12px;left:12px;right:12px;height:calc(var(--ar-h) - 24px);display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:3}#pg[data-page=arena][data-layout="2"] .ar-col{display:grid;gap:8px;width:var(--ar-col);max-height:100%;overflow:auto;pointer-events:auto;align-content:start;overscroll-behavior:contain;border-radius:14px}#pg[data-page=arena][data-layout="2"] .ar-p{padding:12px;background:color-mix(in srgb,var(--surface) 84%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#pg[data-page=arena][data-layout="2"] .ar-bot-note,#pg[data-page=arena][data-layout="2"] .ar-hud-top,#pg[data-page=arena][data-layout="2"] .ar-result{left:calc(var(--ar-col) + 24px);right:calc(var(--ar-col) + 24px)}#pg[data-page=arena][data-layout="2"] .ar-hud-aim{left:calc(var(--ar-col) + 24px)}#pg[data-page=arena][data-layout="2"] .ar-shootbar{right:calc(var(--ar-col) + 24px)}#pg[data-page=arena][data-layout="2"] .ar-help{display:none}#pg[data-page=arena][data-layout="2"] .ar-thick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#pg[data-page=arena][data-layout="4"] .ar-root{--ar-h:max(340px,calc(100svh - 124px - 262px));gap:10px}#pg[data-page=arena][data-layout="4"] .ar-stage{min-height:340px}#pg[data-page=arena][data-layout="4"] .ar-help{display:none}#pg[data-page=arena][data-layout="4"] .ar-side{display:flex;gap:10px;overflow-x:auto;align-items:stretch;padding-bottom:4px;scroll-snap-type:x proximity}#pg[data-page=arena][data-layout="4"] .ar-p{flex:0 0 auto;width:290px;height:250px;overflow:auto;padding:12px;scroll-snap-align:start;align-content:start}#pg[data-page=arena][data-layout="4"] .ar-p-shot{order:0;width:auto;display:grid;gap:10px 16px;align-items:start;grid-template-columns:200px 250px 270px 210px;grid-template-areas:"power spin thick stroke" "elev spin thick shoot"}#pg[data-page=arena][data-layout="4"] .ar-c-power{grid-area:power}#pg[data-page=arena][data-layout="4"] .ar-c-elev{grid-area:elev}#pg[data-page=arena][data-layout="4"] .ar-c-spin{grid-area:spin}#pg[data-page=arena][data-layout="4"] .ar-c-thick{grid-area:thick}#pg[data-page=arena][data-layout="4"] .ar-c-stroke{grid-area:stroke}#pg[data-page=arena][data-layout="4"] .ar-c-shoot{grid-area:shoot;align-self:end}#pg[data-page=arena][data-layout="4"] .ar-c-stroke>span{display:none}#pg[data-page=arena][data-layout="4"] .ar-thick-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}#pg[data-page=arena][data-layout="5"] .ar-about,#pg[data-page=arena][data-layout="5"] .ar-head,#pg[data-page=arena][data-layout="5"] .ar-help{display:none}#pg[data-page=arena][data-layout="5"] .ar-wrap{max-width:none;padding-inline:8px;padding-top:8px}#pg[data-page=arena][data-layout="5"] .ar-root{--ar-h:calc(100svh - 60px - 86px);position:relative;display:block}#pg[data-page=arena][data-layout="5"] .ar-stage{min-height:420px}#pg[data-page=arena][data-layout="5"] .ar-drawer-btn{display:inline-flex}#pg[data-page=arena][data-layout="5"] .ar-side{display:none}#pg[data-page=arena][data-layout="5"] .ar-drawer-open .ar-side{display:grid;position:fixed;left:8px;right:8px;bottom:76px;max-height:62svh;overflow:auto;z-index:35;gap:8px;padding:8px;border-radius:18px;background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media (min-width:1024px){#pg[data-page=arena][data-layout="5"] .ar-root{--ar-h:calc(100svh - 60px - 16px)}#pg[data-page=arena][data-layout="5"] .ar-drawer-open .ar-side{position:absolute;left:auto;right:12px;top:56px;bottom:auto;width:350px;max-height:calc(var(--ar-h) - 68px);z-index:5}#pg[data-page=arena][data-layout="5"] .ar-drawer-open .ar-hud-top>:last-child{margin-right:362px}}.ar-dock,.ar-sheet-close{display:none}@media (max-width:1023px){#pg[data-page=arena]{--tabbar-h:calc(62px + env(safe-area-inset-bottom, 0px));--dock-h:58px;--sheet-h:min(236px,38svh)}#pg[data-page=arena] .ar-about,#pg[data-page=arena] .ar-head,#pg[data-page=arena] .ar-help{display:none!important}body:has(#pg[data-page=arena]) footer{display:none}body:has(#pg[data-page=arena]) main{min-height:0}#pg[data-page=arena] .ar-wrap{padding-left:6px;padding-right:6px;padding-bottom:0}#pg[data-page=arena] .ar-root{display:block}#pg[data-page=arena] .ar-stage{height:calc(100svh - 61px - var(--tabbar-h) - var(--dock-h) - 14px);min-height:0;margin-top:6px;border-radius:16px}#pg[data-page=arena] .ar-drawer-btn{display:none!important}#pg[data-page=arena] .ar-c-shoot{display:none}#pg[data-page=arena] .ar-dock{display:flex;position:fixed;left:0;right:0;bottom:var(--tabbar-h);height:var(--dock-h);z-index:31;gap:2px;padding:4px 6px;overflow-x:auto;scrollbar-width:none;align-items:stretch;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line)}#pg[data-page=arena] .ar-dock::-webkit-scrollbar{display:none}#pg[data-page=arena] .ar-dock-btn{flex:1 1 0;min-width:44px;display:grid;justify-items:center;align-content:center;gap:2px;border-radius:12px;font-size:10.5px;font-weight:700;color:var(--muted);background:transparent;border:0;padding:2px 4px}#pg[data-page=arena] .ar-dock-btn.on{color:var(--accent);background:var(--accent-soft)}#pg[data-page=arena] .ar-side{display:none;position:fixed;left:6px;right:6px;bottom:calc(var(--tabbar-h) + var(--dock-h) + 6px);z-index:32;height:var(--sheet-h);overflow:auto;overscroll-behavior:contain;gap:8px;padding:36px 10px 10px;align-content:start;border-radius:18px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 -8px 30px rgba(0,0,0,.25)}#pg[data-page=arena] .ar-root:not([data-sheet=""]) .ar-side{display:grid}#pg[data-page=arena] .ar-side .ar-col{display:contents}#pg[data-page=arena] .ar-side .ar-p{display:none;padding:4px 2px;border:0;background:transparent;box-shadow:none}#pg[data-page=arena] .ar-sheet-close{display:grid;place-items:center;position:absolute;top:4px;right:6px;width:30px;height:30px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:13px;z-index:1}#pg[data-page=arena] .ar-root:not([data-sheet=""]) .ar-stage{height:calc(100svh - 61px - var(--tabbar-h) - var(--dock-h) - var(--sheet-h) - 20px)}#pg[data-page=arena] [data-sheet=cue] .ar-p-shot,#pg[data-page=arena] [data-sheet=mode] .ar-p-mode,#pg[data-page=arena] [data-sheet=play] .ar-p-play,#pg[data-page=arena] [data-sheet=pos] .ar-p-pos,#pg[data-page=arena] [data-sheet=shot] .ar-p-shot,#pg[data-page=arena] [data-sheet=sys] .ar-p-sys,#pg[data-page=arena] [data-sheet=thick] .ar-p-shot{display:grid}#pg[data-page=arena] .ar-p-shot>*{display:none}#pg[data-page=arena] [data-sheet=cue] .ar-p-shot>.ar-c-elev,#pg[data-page=arena] [data-sheet=cue] .ar-p-shot>.ar-c-power,#pg[data-page=arena] [data-sheet=cue] .ar-p-shot>.ar-c-stroke,#pg[data-page=arena] [data-sheet=shot] .ar-p-shot>.ar-c-power,#pg[data-page=arena] [data-sheet=shot] .ar-p-shot>.ar-c-spin,#pg[data-page=arena] [data-sheet=thick] .ar-p-shot>.ar-c-thick{display:grid}#pg[data-page=arena] [data-sheet=thick] .ar-thick-grid{grid-template-columns:repeat(5,minmax(0,1fr))}#pg[data-page=arena] .ar-root:not([data-sheet=""]) .ar-hud-aim{display:none}}