body .hg-arena[data-game="steel-hills"]{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#163e48!important;overflow:hidden!important;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
body .hg-arena[data-game="steel-hills"] .hg-stage,body .hg-arena[data-game="steel-hills"] #hg-play{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important;border:0!important}
body .hg-arena[data-game="steel-hills"] .hg-inplay{position:absolute!important;left:max(10px,env(safe-area-inset-left))!important;top:max(10px,env(safe-area-inset-top))!important;z-index:16!important}
body .hg-arena[data-game="steel-hills"] .hg-inplay button{background:linear-gradient(#487d82,#21515e)!important;border:2px solid #d4e3b0!important;color:#ffedbf!important;border-radius:50%!important;min-width:44px!important;min-height:44px!important;box-shadow:0 4px 0 #143542!important}
body .hg-arena[data-game="steel-hills"] #hg-status,body .hg-arena[data-game="steel-hills"] #hg-players,body .hg-arena[data-game="steel-hills"] #hg-level-info,body .hg-arena[data-game="steel-hills"] #hg-battle-canvas,body .hg-arena[data-game="steel-hills"] #hg-rotate{display:none!important}
.sh-game,.sh-field{position:absolute;inset:0;overflow:hidden}.sh-field>canvas{width:100%;height:100%;display:block;touch-action:none}.sh-hud{position:absolute;top:max(12px,env(safe-area-inset-top));left:120px;right:max(12px,env(safe-area-inset-right));display:flex;gap:12px;align-items:center;pointer-events:none}.sh-hud b,.sh-hud span{padding:10px 14px;background:#174557d9;color:#fff1c7;border:1px solid #b9d5ac;border-radius:15px;font:850 12px system-ui;box-shadow:0 3px 0 #17415155}.sh-hud span{margin:auto}.sh-hud button{pointer-events:auto;width:48px;height:48px;background:linear-gradient(#f9d685,#d1984c);border:2px solid #fff1b4;border-radius:50%;color:#674329;font:900 18px system-ui;box-shadow:0 4px 0 #775031}
.sh-controls{position:absolute;left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;pointer-events:none}.sh-drive,.sh-action{display:flex;gap:16px;align-items:end}.sh-controls button{pointer-events:auto;touch-action:none;width:76px;height:76px;border:3px solid #dce7ab;border-radius:50%;color:#f9eebc;background:linear-gradient(#408286d9,#1b5263d9);box-shadow:0 5px 0 #14344099;font:900 25px system-ui;position:relative}.sh-controls button:active{transform:translateY(3px);box-shadow:0 2px 0 #173645}.sh-controls small{display:block;font:800 9px system-ui;letter-spacing:1.3px}.sh-controls [data-hold="fire"]{width:92px;height:92px;background:linear-gradient(#f4d184,#d39a4e);color:#654429;border-color:#fff1b6;font-size:31px}.sh-controls [data-special]{background:conic-gradient(#7bc5aa calc(var(--charge,100)*1%),#2c5764 0);width:66px;height:66px;font-size:21px}.sh-controls [data-special]:disabled{opacity:.6}.sh-controls [data-cool]{position:absolute;left:18%;right:18%;bottom:10px;height:4px;background:#725329;border-radius:4px;transform-origin:left}
.sh-overlay{position:absolute;inset:0;background:#133b465c;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px;overflow:auto;z-index:10;box-sizing:border-box;backdrop-filter:blur(5px)}.sh-card{box-sizing:border-box;width:min(400px,100%);max-height:100%;overflow:auto;text-align:center;background:linear-gradient(145deg,#1c495af8,#173e4efc);border:2px solid #abcdb0;border-radius:28px;padding:24px;color:#d9ecd3;box-shadow:0 12px 50px #0b2b4666}.sh-kicker{font:850 9px system-ui;letter-spacing:2px;color:#9fceb7}.sh-card h1{font:900 clamp(28px,5vw,44px) system-ui;color:#f8d381;margin:12px 0;text-shadow:0 3px 0 #8b5c32}.sh-card p{font:500 12px/1.6 system-ui;margin:10px 0 16px}.sh-card>button{display:block;width:100%;min-height:46px;padding:10px;margin:10px 0 0;border:2px solid #fce9ae;border-radius:15px;background:linear-gradient(#f5d88c,#ddb05d);box-shadow:0 4px 0 #815b34;color:#634a2d;font:850 13px system-ui}.sh-card>button:disabled{opacity:.6}.sh-classes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.sh-classes button{min-width:0;min-height:78px;border:1px solid #85b9a7;border-radius:15px;background:#275969;color:#ecedd5;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:4px}.sh-classes button.selected{outline:2px solid #f3d88c;outline-offset:2px;background:#346a70}.sh-classes span{font-size:28px;text-shadow:0 2px 0 #0f354a}.sh-classes b{font:850 11px system-ui}.sh-classes small{font:600 9px system-ui}.sh-net{position:absolute;top:80px;left:50%;transform:translateX(-50%);padding:9px 16px;border:1px solid #b6dbc0;border-radius:12px;background:#184556e8;color:#efefd2;text-align:center;font:750 11px system-ui;width:max-content;max-width:75%;pointer-events:none}.sh-game [hidden]{display:none!important}
@media(max-width:600px){.sh-hud{left:66px;gap:5px;right:10px}.sh-hud b,.sh-hud span{padding:8px;font-size:9px}.sh-hud button{width:44px;height:44px}.sh-controls{left:12px;right:12px;bottom:max(16px,env(safe-area-inset-bottom))}.sh-drive,.sh-action{gap:9px}.sh-controls button{width:56px;height:56px;font-size:20px;border-width:2px}.sh-controls [data-hold="fire"]{width:70px;height:70px;font-size:25px}.sh-controls [data-special]{width:50px;height:50px;font-size:18px}.sh-controls small{font-size:8px}.sh-card{padding:18px}.sh-net{top:68px}.sh-card p{font-size:11px}}
@media(orientation:landscape) and (max-height:500px){.sh-controls button{width:54px;height:54px}.sh-controls [data-hold="fire"]{width:68px;height:68px}.sh-controls [data-special]{width:50px;height:50px}.sh-hud button{width:44px;height:44px}.sh-hud b,.sh-hud span{font-size:10px;padding:8px}.sh-card{padding:14px 20px;max-width:400px}.sh-card h1{font-size:27px;margin:4px}.sh-card p{margin:5px 0}.sh-classes{margin:8px 0}.sh-classes button{min-height:64px}.sh-card>button{min-height:44px;margin-top:8px;padding:7px}}
@media(prefers-reduced-motion:no-preference){.sh-card{animation:sh-open .2s ease-out}@keyframes sh-open{from{transform:translateY(12px) scale(.97);opacity:0}to{transform:none;opacity:1}}}