body.p-club .rotate{color:var(--ink);place-items:center;display:none;position:fixed;inset:0}body.p-club.club-portrait #stage{display:none}body.p-club.club-portrait .rotate{display:grid}body.p-club .club-ui{right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));z-index:2;gap:10px;display:flex;position:fixed}body.p-club.club-portrait .club-ui{display:none}body.p-club .club-ui>button,body.p-club .club-ui .editbar>button{border:2px solid var(--line);background:var(--bg);width:54px;height:54px;color:var(--ink);cursor:pointer;touch-action:manipulation;border-radius:50%;place-items:center;padding:0;display:grid}body.p-club .club-ui>button svg,body.p-club .club-ui .editbar>button svg{width:30px;height:30px}body.p-club .club-ui #fullBtn .fs-out,body.p-club .club-ui #fullBtn.armed .fs-in{display:none}body.p-club .club-ui #fullBtn.armed .fs-out{display:block}body.p-club .club-ui #ballBtn.armed,body.p-club .club-ui #editBtn.armed,body.p-club .club-ui #bookBtn.armed,body.p-club .club-ui #fullBtn.armed{border-color:var(--yolk);box-shadow:0 0 0 3px var(--yolk)}body.p-club .club-ui>button[hidden]{display:none}body.p-club .club-ui #shelfBtn svg{transition:transform .18s}body.p-club .club-ui #shelfBtn.tucked svg{transform:rotate(180deg)}body.p-club .editbar{gap:10px;display:flex}body.p-club .editbar[hidden]{display:none}body.p-club .shelf{border:2px solid var(--line);background:var(--bg);border-radius:18px;flex-direction:column;align-items:flex-end;gap:8px;width:max-content;max-width:min(76vw,560px);padding:10px;display:flex;position:absolute;bottom:66px;right:0}body.p-club .shelfrow{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}body.p-club .shelfrow.buyrow{border-top:2px solid var(--line);padding-top:8px}body.p-club .shelf[hidden]{display:none}body.p-club .shelf button{cursor:pointer;touch-action:manipulation;background:0 0;border:2px solid #0000;border-radius:12px;place-items:center;width:56px;height:56px;padding:0;display:grid;position:relative}body.p-club .shelf button:hover,body.p-club .shelf button:focus-visible{border-color:var(--line)}body.p-club .shelf button:disabled{opacity:.45;cursor:default}body.p-club .shelf canvas{width:56px;height:56px}body.p-club .shelf button.buy{height:76px}body.p-club .shelf button.buy canvas{filter:grayscale(.65);opacity:.55}body.p-club .shelf button.refuse{animation:.3s club-refuse}@keyframes club-refuse{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}body.p-club .price{color:var(--ink);justify-content:center;align-items:center;gap:3px;font-size:12px;line-height:14px;display:flex}body.p-club .coin{background:var(--yolk);border:2px solid var(--ink);border-radius:50%;flex:none;width:11px;height:11px}body.p-club .wallet{border:2px solid var(--line);background:var(--bg);height:38px;color:var(--ink);border-radius:19px;align-self:center;align-items:center;gap:6px;padding:0 13px;font-size:15px;display:flex}body.p-club .wallet .coin{width:15px;height:15px}body.p-club .shelf button span.count{background:var(--ink);min-width:19px;height:19px;color:var(--bg);text-align:center;border-radius:10px;padding:0 5px;font-size:13px;line-height:19px;position:absolute;top:-4px;right:-4px}body.p-club .picker{border:2px solid var(--line);background:var(--bg);border-radius:18px;grid-template-columns:repeat(4,48px);gap:8px;padding:10px;display:grid;position:absolute;bottom:66px;right:0}body.p-club .picker[hidden]{display:none}body.p-club .picker button{cursor:pointer;touch-action:manipulation;background:0 0;border:2px solid #0000;border-radius:12px;place-items:center;width:48px;height:48px;padding:0;display:grid}body.p-club .picker button:hover,body.p-club .picker button:focus-visible{border-color:var(--line)}body.p-club .picker canvas{width:44px;height:44px}body.p-club .rotate svg{width:min(52vmin,230px);height:auto}body.p-club .rotate #fsGo{border:2px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;touch-action:manipulation;border-radius:32px;place-items:center;padding:24px;display:grid}body.p-club .rotate #fsGo svg{width:min(40vmin,180px)}body.p-club .rotate #fsGo[hidden],body.p-club .rotate .pict[hidden]{display:none}body.p-club .rotate .ph{transform-origin:60px 56px;animation:2.8s ease-in-out infinite club-turn}@keyframes club-turn{0%,28%{transform:rotate(0)}62%,to{transform:rotate(-90deg)}}