.classics261{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;max-width:none!important;max-height:none!important;z-index:310;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;background:#102d3c!important;color:#fff3d2;overflow:hidden!important;padding:0!important;touch-action:none;user-select:none}
.classics261 *{box-sizing:border-box}.classics261 header{min-height:58px;padding:8px max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:8px;background:#153c4c;border-bottom:1px solid #e4cb87;z-index:2}.classics261 header strong{font-size:clamp(13px,2.5vw,20px)}.classics261 button,.classics261 select{font:700 14px system-ui!important;line-height:1.25!important;min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:9px 13px!important;margin:0!important;border:1px solid #dbca94!important;border-radius:14px!important;background:linear-gradient(#366777,#1d4559)!important;color:#fff5d5!important;box-shadow:0 3px 0 #081d28!important;cursor:pointer;touch-action:none}.classics261 button:focus-visible{outline:3px solid #a6e9be;outline-offset:2px}.classics261 button:disabled{opacity:.48;cursor:default}.classics261 button[aria-pressed=true]{background:#617e57!important;border:2px solid #f2d17a!important}.classics261 .game-view261{position:relative;min-height:0;overflow:hidden;touch-action:none}.classics261 canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.classics261 .hud261{font:600 clamp(11px,2vw,15px) system-ui;text-align:center;max-width:52%}.classics261 .fight-hud261{position:absolute;top:8px;left:3%;width:94%;display:grid;grid-template-columns:1fr 1fr;gap:20px;pointer-events:none;font:600 12px system-ui}.classics261 .fighter-meter261{background:#123747dd;border-radius:9px;padding:6px 8px;text-shadow:0 1px #000}.classics261 progress{display:block;width:100%;height:9px;accent-color:#94ddba;margin-top:3px}.classics261 progress.energy261{height:5px;accent-color:#eac576}.classics261 .tip261{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);background:#102e40e8;border-radius:16px;padding:7px 12px;max-width:92%;width:max-content;font:600 12px/1.35 system-ui;text-align:center;pointer-events:none}.classics261 .controls261{height:clamp(94px,18vh,135px);padding:8px max(16px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:12px;background:#173e50;border-top:1px solid #506e78}.classics261 .stick261{width:clamp(76px,14vh,104px);height:clamp(76px,14vh,104px);border:2px solid #bbd5d7;border-radius:50%;background:#244e62;display:grid;place-items:center;position:relative;touch-action:none;flex-shrink:0}.classics261 .stick261 span{width:44%;height:44%;display:grid;place-items:center;background:#f1cf81;border-radius:50%;color:#173546;font:bold 11px system-ui;pointer-events:none;box-shadow:0 3px 8px #0006}.classics261 .actions261{display:flex;gap:9px;align-items:center}.classics261 .actions261 button{width:clamp(55px,10vw,76px);height:clamp(55px,10vw,76px);border-radius:50%!important;padding:4px!important;font-size:12px!important}.classics261 .actions261 button:nth-child(3){background:#9d5275!important}.classics261 .actions261 button:nth-child(2){background:#426caf!important}.classics261 .actions261 button:nth-child(1){background:#7564a6!important}.classics261 .control-help261{max-width:240px;font:12px/1.4 system-ui;color:#d4e4df}.classics261 .menu261{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;bottom:auto!important;right:auto!important;max-height:calc(100dvh - 24px)!important;width:min(640px,calc(100% - 24px))!important;overflow:auto!important;background:linear-gradient(140deg,#204e60f5,#112b3dfc);border:1px solid #ead09b;border-radius:22px;padding:20px!important;z-index:5;box-shadow:0 12px 35px #0008;text-align:center;touch-action:pan-y;scrollbar-width:thin}.classics261 .menu261[hidden],.classics261 [hidden]{display:none!important}.classics261 .menu261 h2{font:bold clamp(21px,4vw,29px)/1.15 system-ui!important;margin:0 0 10px!important;color:#fff0be!important}.classics261 .menu261 p{font:14px/1.45 system-ui!important;margin:9px 0 14px!important;color:#dbe9e4!important}.classics261 .menu261 .choices261{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.classics261 .menu261 .choices261 button{min-height:62px;flex-direction:column;gap:5px}.classics261 .menu261 small{font-size:11px;font-weight:400;line-height:1.3}.classics261 .menu261 .buttons261{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px}.classics261 .menu261 label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;font:14px system-ui}.classics261 .menu261 select{max-width:68%}.classics261 .menu261 option{background:#163d50;color:#fff}.classics261 .menu261 details{margin-top:14px;text-align:left;font:14px system-ui}.classics261 .menu261 summary{min-height:44px;cursor:pointer;padding:10px 0}.classics261 .menu261 input[type=range]{max-width:65%;min-width:120px}.classics261:has(.menu261:not([hidden])) .controls261{visibility:hidden}.classics261 .banner261{font-size:clamp(26px,6vw,48px);color:#f1d487;letter-spacing:2px}.classics261 .toast261{color:#ffe1a6}
body:has(.classics261) #thumb-pad,body:has(.classics261) #look-pad245,body:has(.classics261) #mall-quick-nav,body:has(.classics261) #mall-top-search,body:has(.classics261) #toss-coin{display:none!important}
@media(max-height:450px){.classics261 header{min-height:44px;padding-top:3px;padding-bottom:3px}.classics261 .controls261{height:78px;padding-top:3px;padding-bottom:3px}.classics261 .stick261{width:68px;height:68px}.classics261 .actions261 button{width:54px;height:54px}.classics261 .menu261{padding:14px!important}.classics261 .fight-hud261{top:4px}.classics261 .tip261{font-size:11px;padding:4px 8px}}
@media(max-width:359px){.classics261 .actions261{gap:6px}.classics261 .actions261 button{width:52px;height:52px;font-size:11px!important}.classics261 .controls261{padding-left:10px;padding-right:10px}.classics261 .control-help261{font-size:11px}.classics261 .menu261{padding:15px!important}}

body.arcade-full #play-panel #category-game .classics261{inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;border:0!important;border-radius:0!important}body.arcade-full #play-panel #category-game .classics261 canvas{height:100%!important;min-height:0!important;max-height:100%!important;width:100%!important;min-width:0!important}body:has(.classics261) #play-panel{border:0!important;padding:0!important;overflow:visible!important}body:has(.classics261) #category-game>h2,body:has(.classics261) #category-game>p,body:has(.classics261) #category-game>.arcade-restart,body:has(.classics261) #play-panel>header{display:none!important}
@media(max-height:450px) and (min-width:600px){.classics261[data-kind=maze]{grid-template-rows:44px minmax(0,1fr) 0!important}.classics261[data-kind=maze] .controls261{position:absolute;bottom:8px;left:0;right:0;border:0;background:none;pointer-events:none}.classics261[data-kind=maze] .stick261{pointer-events:auto}.classics261[data-kind=maze] .control-help261{max-width:130px;background:#153c4cdd;border-radius:10px;padding:8px}}

body.arcade-full #play-panel #category-game .classics261 .actions261 button{border-radius:50%!important;min-height:0!important;min-width:0!important;padding:4px!important}body.arcade-full #play-panel #category-game .classics261 .menu261 label{justify-content:space-between!important;width:100%!important}

.classics261 .menu261 h2:focus{outline:none}

.directory-game-results261:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}.directory-game-results261 h3{grid-column:1/-1;margin:4px 0}.directory-game-results261 button{min-width:0!important;white-space:normal!important;min-height:48px;line-height:1.3;padding:10px}

.classics261 .actions261{pointer-events:auto}
