.gsinuoke-wrap{width:min(100%,1000px);margin:0 auto;position:relative}.gsinuoke-canvas{touch-action:none;-webkit-tap-highlight-color:transparent;cursor:crosshair;border-radius:12px;margin:0 auto;display:block;box-shadow:0 3px 14px #00000038}.gsinuoke-wrap .g-overlay{color:#fff;background:#182820d6}.gsinuoke-wrap .g-overlay-sub{color:#ffffffc7}.gsinuoke .g-stat{min-width:84px}.gsinuoke .g-stat.is-turn{box-shadow:inset 0 0 0 2px var(--brand)}.gsinuoke-sub{color:var(--text-3);font-size:11px;line-height:1.2}.gsinuoke .g-bar-1>.g-stat{grid-template-columns:auto auto;place-content:center;column-gap:4px;display:grid}.gsinuoke .g-bar-1>.g-stat>.g-stat-label{grid-row:1}.gsinuoke .g-bar-1>.g-stat>.gsinuoke-sub{grid-row:1;font-size:10.5px}.gsinuoke .g-bar-1>.g-stat>.g-stat-val{grid-area:2/1/auto/-1;justify-self:center}.gsinuoke-pad{justify-content:center;align-items:center;gap:10px;width:min(100%,1000px);margin:12px auto 0;display:flex}.gsinuoke-key{min-width:56px;font:700 18px/1 var(--font);border:1px solid var(--line);background:var(--bg-card);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:10px;flex:none;padding:13px 14px}.gsinuoke-key:active{background:var(--brand-soft)}.gsinuoke-hit{background:var(--cta);border-color:var(--cta);color:#fff;flex:none;min-width:92px}.gsinuoke-hit:active{background:var(--cta-press)}.gsinuoke-power{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.gsinuoke-power-label{color:var(--text-3);text-align:center;font-variant-numeric:tabular-nums;font-size:12px}.gsinuoke-range{width:100%;accent-color:var(--brand);cursor:pointer;touch-action:manipulation}@media (max-width:720px){.gsinuoke-pad{flex-wrap:wrap;gap:8px}.gsinuoke-key{min-width:52px;padding:12px 10px}.gsinuoke-power{flex-basis:100%;order:3}.gsinuoke-hit{flex:auto}.gsinuoke .g-stat{min-width:74px}.gsinuoke .g-bar-1>.g-stat{min-width:56px;padding:1px 7px}}.g-play.is-side .gsinuoke-key{flex:none;width:64px}.g-play.is-side .gsinuoke-hit{flex:none;width:auto}.g-play.is-side .gsinuoke-power{flex:none;order:0;width:112px}.is-fs .gsinuoke .g-status{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.is-fs .gsinuoke>.g-cloud{display:none}.gsinuoke-retry{white-space:nowrap}.gsinuoke-key{color:#2b2420;background:#fffaf1;border:2px solid #2b2420;transition:transform 60ms,box-shadow 60ms;position:relative;box-shadow:inset 0 -4px #e0cfb3,0 2px #2b242038}.gsinuoke-key:hover{background:#fff3df}.gsinuoke-key:active{background:#fff3df;transform:translateY(2px);box-shadow:inset 0 -2px #e0cfb3}.gsinuoke-hit{background:var(--cta);color:#fff;text-shadow:0 1px #2b242059;border-color:#2b2420;box-shadow:inset 0 -4px #b8431f,0 2px #2b242038}.gsinuoke-hit:hover{background:var(--cta);filter:brightness(1.04)}.gsinuoke-hit:active{background:var(--cta-press);box-shadow:inset 0 -2px #b8431f}.gsinuoke-key:disabled{opacity:.5;transform:none}.gsinuoke-canvas{box-shadow:0 4px #2b24202e,0 8px 18px #0003}@media (prefers-reduced-motion:reduce){.gsinuoke-key{transition:none}}.gsinuoke-ovbtn{min-width:128px;min-height:44px;font-size:16px}.gsinuoke-wrap .g-overlay-title{text-shadow:0 2px #00000059;font-size:26px}@media (max-width:480px){.gsinuoke .g-bar-1>.g-stat>.gsinuoke-sub{display:none}.gsinuoke .g-bar-1>.g-stat{min-width:44px;padding:1px 6px}.gsinuoke .g-bar-1>.gsinuoke-retry{padding-left:8px;padding-right:8px;font-size:13px}}.gsinuoke.is-portrait .gsinuoke-pad{width:min(100%,420px)}.game-stage:has(>.gsinuoke.is-portrait)>.first-controls{top:calc(64px + env(safe-area-inset-top,0px));bottom:auto}.gsinuoke.has-art .g-play{background:linear-gradient(#18100a8c, #18100a8c), var(--gs-hall) center / cover no-repeat;border-radius:14px;padding:12px 0}.gsinuoke.has-art .gsinuoke-canvas{box-shadow:0 6px 18px #00000073}.gsinuoke-tip{background:#ffe7a3;min-width:64px;font-size:15px}.gsinuoke-tip:hover{background:#ffdf8a}.gsinuoke-tip[hidden]{display:none}.gsinuoke-vs{align-items:center;gap:14px;display:flex}.gsinuoke-vs[hidden]{display:none}.gsinuoke-vs .gsinuoke-av{border-radius:50%;width:72px;height:72px;box-shadow:0 3px #00000059}.gsinuoke-vs-x{color:#ffd24a;text-shadow:0 2px #2b2420;letter-spacing:.04em;font-size:22px;font-weight:900}.gsinuoke-ovmore{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.gsinuoke-ovmore[hidden]{display:none}.gsinuoke-ovmore .g-btn{min-height:34px}.is-portrait .gsinuoke-vs .gsinuoke-av{width:60px;height:60px}@media (max-width:520px){.gsinuoke-wrap .g-overlay{gap:6px;padding:12px}.gsinuoke-wrap .g-overlay-title{font-size:18px}.gsinuoke-wrap .g-overlay-sub{margin-bottom:2px;font-size:13px;line-height:1.6}}.gsinuoke-ladder{z-index:3;overscroll-behavior:contain;color:#fff;touch-action:pan-y;background:linear-gradient(#1c1815bd,#1c1815d6),url(/img/billiards/hall.webp) 50%/cover no-repeat,#3a2f28;border-radius:10px;padding:10px 10px 14px;position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}.gsinuoke-ladder[hidden]{display:none}.gsinuoke-ladder-head{flex-wrap:wrap;align-items:center;gap:10px;padding:2px 34px 8px 4px;display:flex;position:relative}.gsinuoke-ladder-head b{font-size:16px;font-weight:900}.gsinuoke-ladder-msg{color:#ffffffbf;font-size:12.5px}.gsinuoke-ladder-x{color:#2b2420;cursor:pointer;background:#faf7f0;border:2px solid #2b2420;border-radius:50%;width:32px;height:32px;font-size:20px;font-weight:900;line-height:1;position:absolute;top:-2px;right:0}.gsinuoke-ladder-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.gsinuoke-card{color:#2b2420;cursor:pointer;font:inherit;background:#faf7f0;border:2.5px solid #2b2420;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 8px;display:flex;box-shadow:0 3px #2b2420}.gsinuoke-card:hover{transform:translateY(-1px)}.gsinuoke-card:active{transform:translateY(2px);box-shadow:0 1px #2b2420}.gsinuoke-card .gsinuoke-av{border-radius:50%;width:56px;height:56px}.gsinuoke-card-no{color:#8a8079;font-size:11px}.gsinuoke-card-name{font-size:14px;font-weight:900}.gsinuoke-card-style{color:#6b625a;white-space:nowrap;font-size:11.5px}.gsinuoke-card-badge{white-space:nowrap;background:#eee6da;border-radius:99px;margin-top:2px;padding:1px 8px;font-size:11px;font-weight:800}.gsinuoke-card.is-won .gsinuoke-card-badge{color:#fff;background:#3f8f5a}.gsinuoke-card.is-open .gsinuoke-card-badge{color:#fff;background:#e0562b}.gsinuoke-card.is-login .gsinuoke-card-badge{color:#2b2420;background:#f2b705}.gsinuoke-card.is-progress{opacity:.62}.gsinuoke-card.is-progress .gsinuoke-av{filter:grayscale()}.gsinuoke-card.is-cur{outline-offset:1px;outline:3px solid #ffd24a}.is-portrait .gsinuoke-ladder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:720px){.gsinuoke-ladder{padding:8px 6px 12px}.gsinuoke-ladder-head b{font-size:15px}.gsinuoke-ladder-msg{font-size:12px}.gsinuoke-ladder-grid{gap:6px}.gsinuoke-card{border-radius:10px;padding:5px 2px 7px}.gsinuoke-card .gsinuoke-av{width:44px;height:44px}.gsinuoke-card-name{font-size:13px}.gsinuoke-card-style{font-size:10.5px}.gsinuoke-card-badge{padding:1px 6px;font-size:10.5px}}