.gzhuaren-wrap{width:max-content;max-width:100%;margin:0 auto;position:relative}.gzhuaren-canvas{background:#eaf3ec;border-radius:10px;margin:0 auto;display:block;box-shadow:0 2px 10px #00000024}.gzhuaren .g-stat-val{font-size:15px}.gzhuaren .g-stat:first-of-type .g-stat-val{color:#c73a2e}.gzhuaren .g-stat:last-of-type .g-stat-val{color:#1f6fb4}.gzhuaren-wrap .g-overlay{cursor:pointer;background:#faf6efc7}.gzhuaren-wrap .g-overlay.is-end{cursor:default}.gzhuaren-wrap .g-overlay-title{color:#2b2420}.gzhuaren-wrap .g-overlay.is-end .g-overlay-title{color:#c2410c;font-size:34px;line-height:1.15}@media (max-height:460px){.gzhuaren-wrap .g-overlay.is-end .g-overlay-title{font-size:24px}.gzhuaren-wrap .g-overlay{gap:6px;padding:10px}}.gzhuaren-pad,.gzhuaren-keys{display:none}@media (pointer:coarse){.gzhuaren-pad{box-sizing:border-box;flex-wrap:nowrap;justify-content:space-between;align-items:center;column-gap:8px;width:100%;margin-top:10px;padding:0 4px;display:flex}.gzhuaren-keys{flex-direction:column;gap:8px;display:flex}.gzhuaren-pad>.g-dpad{margin:0}.gzhuaren-pad:not(.is-duo)>.gzhuaren-dpad.is-p2,.gzhuaren-pad:not(.is-duo)>.gzhuaren-keys.is-p2{display:none}.gzhuaren-pad:not(.is-duo)>.gzhuaren-keys.is-p1{order:3}.gzhuaren-pad.is-duo .g-dpad{grid-template-rows:repeat(3,34px);grid-template-columns:repeat(3,32px);gap:3px}.gzhuaren-pad.is-duo .g-dpad-btn{border-radius:9px;font-size:16px}.gzhuaren-pad.is-duo .gzhuaren-key{width:56px;min-height:44px;padding:0;font-size:14px}.gzhuaren-pad.is-duo>.gzhuaren-keys.is-p1{margin-right:auto}}.gzhuaren-key{flex-shrink:0;min-width:76px;min-height:52px;padding:0 12px}.gzhuaren-item{font-size:15px}.gzhuaren-key.is-p2.is-main{background:#2f8fdc}.gzhuaren-key.is-p2.is-main:active,.gzhuaren-key.is-p2.is-main.is-down{background:#2371b4}.gzhuaren-key.is-down{transform:translateY(3px);box-shadow:inset 0 -2px #0000002e,0 0 #2b2420}.gzhuaren .g-dpad-btn.is-up{grid-area:1/2}.gzhuaren .g-dpad-btn.is-left{grid-area:2/1}.gzhuaren .g-dpad-btn.is-right{grid-area:2/3}.gzhuaren .g-dpad-btn.is-down-key{grid-area:3/2}.gzhuaren .g-play.is-side .gzhuaren-keys{display:flex}.gzhuaren .g-play.is-side .gzhuaren-key{min-width:72px;min-height:58px}.gzhuaren .g-play.is-side .g-dpad{grid-template-rows:repeat(3,42px);grid-template-columns:repeat(3,44px);gap:4px}@media (orientation:portrait) and (pointer:coarse){.is-fs .gzhuaren.is-portrait-fs{flex-direction:column;justify-content:flex-start;min-height:calc(100dvh - 24px);display:flex}.is-fs .gzhuaren.is-portrait-fs>.g-bar{margin-bottom:8px}.is-fs .gzhuaren.is-portrait-fs>.gzhuaren-pad{margin-top:auto;padding:16px 10px 4vh}.is-fs .gzhuaren.is-portrait-fs>.gzhuaren-pad:not(.is-duo) .g-dpad{grid-template-rows:repeat(3,70px);grid-template-columns:repeat(3,70px);gap:6px}.is-fs .gzhuaren.is-portrait-fs>.gzhuaren-pad:not(.is-duo) .g-dpad-btn{font-size:26px}.is-fs .gzhuaren.is-portrait-fs>.gzhuaren-pad:not(.is-duo) .gzhuaren-keys{gap:14px}.is-fs .gzhuaren.is-portrait-fs>.gzhuaren-pad:not(.is-duo) .gzhuaren-key{min-width:110px;min-height:80px;font-size:20px}.is-fs .gzhuaren.is-portrait-fs>.g-status{min-height:1.4em;margin:6px 0 0}.is-fs .gzhuaren.is-portrait-fs>.g-record,.is-fs .gzhuaren.is-portrait-fs>.g-hint{display:none}}@media (max-width:720px){.gzhuaren-canvas{border-radius:6px}.gzhuaren .g-stat-val{font-size:13px}}@media (prefers-reduced-motion:reduce){.gzhuaren-key{transition:none}}