.ghuochairen-wrap{width:max-content;max-width:100%;margin:0 auto;position:relative}.ghuochairen-canvas{background:#f6d7bf;border-radius:10px;margin:0 auto;display:block;box-shadow:0 2px 10px #0000001f}.ghuochairen-wrap .g-overlay{cursor:pointer;background:#faf6efc7}.ghuochairen-wrap .g-overlay.is-end{cursor:default}.ghuochairen-wrap .g-overlay-title{color:#2b2420}.ghuochairen-wrap .g-overlay.is-end .g-overlay-title{color:#c2410c;font-size:40px;line-height:1.15}.ghuochairen-boost{flex-direction:column;align-items:center;gap:6px;display:flex}.ghuochairen-boost:empty{display:none}.ghuochairen-boost-note{max-width:30em;color:var(--text-3);font-size:12.5px;line-height:1.6}@media (max-height:460px){.ghuochairen-wrap .g-overlay{gap:6px;padding:10px}.ghuochairen-wrap .g-overlay.is-end .g-overlay-title{font-size:28px}}.ghuochairen-pad,.ghuochairen-keys{display:none}@media (pointer:coarse){.ghuochairen-pad{display:flex}.ghuochairen-keys{grid-template-columns:repeat(2,62px);grid-auto-rows:50px;gap:8px;margin-top:12px;display:grid}.ghuochairen .g-dpad{grid-template-rows:repeat(3,48px);grid-template-columns:repeat(3,56px)}.ghuochairen-key{color:#2b2420;width:100%;height:100%;font:900 17px/1 var(--font);-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fffaf1;border:3px solid #2b2420;border-radius:14px;padding:0;box-shadow:inset 0 -5px #0000001f,0 4px #2b2420}.ghuochairen-key.is-punch{background:#ffd9c9}.ghuochairen-key.is-kick{background:#ffe7a8}.ghuochairen-key.is-block{background:#d6ebff}.ghuochairen-key.is-jump{background:#e4f4dc}.ghuochairen-key.is-super{color:#fff;text-shadow:0 1px #2b2420;background:#ff9f1c;grid-column:1/-1}.ghuochairen-key.is-down{filter:brightness(.92);transform:translateY(4px);box-shadow:inset 0 -2px #0000001f,0 0 #2b2420}.ghuochairen-keys.is-simple,.ghuochairen-keys.is-p2{grid-template-columns:64px;grid-auto-rows:56px}.ghuochairen-keys.is-p2 .ghuochairen-key.is-punch{background:#cfe2ff}.ghuochairen .g-pad-edge.is-duo .ghuochairen-keys,.g-play.is-side .ghuochairen-keys{margin-top:0}.g-play.is-side .ghuochairen-keys:not(.is-simple):not(.is-p2){grid-template-columns:repeat(2,64px);grid-auto-rows:50px}.g-play.is-side .ghuochairen-key{min-width:0;min-height:0}.g-play.is-side .ghuochairen-keys.is-simple,.g-play.is-side .ghuochairen-keys.is-p2{grid-template-columns:repeat(2,58px);grid-auto-rows:52px}.ghuochairen.is-duo .g-play.is-side .g-dpad{grid-template-rows:repeat(3,44px);grid-template-columns:repeat(3,50px);gap:5px}}@media (pointer:coarse) and (max-width:380px){.ghuochairen-keys{grid-template-columns:repeat(2,56px);grid-auto-rows:46px;gap:6px}.ghuochairen .g-dpad{grid-template-rows:repeat(3,46px);grid-template-columns:repeat(3,50px)}}@media (pointer:coarse) and (orientation:portrait){.ghuochairen.is-duo .ghuochairen-pad{display:none}}@media (prefers-reduced-motion:reduce){.ghuochairen-key.is-down{transform:none}}@media (max-width:720px){.ghuochairen-canvas{border-radius:6px}.ghuochairen-wrap .g-overlay-title{font-size:26px}}
