/* Supershoot game stylesheet - scoped to .ssu-root */
.ssu-root { position:absolute; left:0; top:0; width:670px; height:516px; transform-origin:0 0; overflow:hidden; background:#000 url(../images/Main.png) no-repeat; font:12px Arial; color:#fff; touch-action:none; user-select:none; }
.ssu-root .ssu-arena { position:absolute; left:19px; top:18px; width:544px; height:480px; overflow:hidden; background:#000; }
.ssu-root canvas[data-ssu="canvas"] { position:absolute; left:0; top:0; width:670px; height:516px; display:block; }
.ssu-root .ssu-cover { position:absolute; left:0; width:544px; height:240px; z-index:10; overflow:hidden; }
.ssu-root .ssu-cover-top { top:0; }
.ssu-root .ssu-cover-bottom { top:240px; }
.ssu-root .ssu-cover-bottom img { transform:scaleY(-1); }
.ssu-root .ssu-cover > img:first-child { position:absolute; left:0; top:0; }
.ssu-root [data-ssu="logo-top"] { position:absolute; top:20px; left:161px; width:222px; height:80px; transform-origin:50% 50%; }
.ssu-root [data-ssu="logo-bot"] { position:absolute; top:120px; left:36px; width:472px; height:80px; }
.ssu-root [data-ssu="gameover-logo"] { position:absolute; top:100px; left:11px; width:522px; height:100px; z-index:20; display:none; }
.ssu-root [data-ssu="win"], .ssu-root [data-ssu="loose"] { position:absolute; top:194px; left:76px; width:auto; height:116px; z-index:20; display:none; }
.ssu-root .ssu-get-ready { position:absolute; left:19px; top:18px; width:544px; height:480px; z-index:15; display:none; }
.ssu-root .ssu-get-ready-border { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:160px; height:70px; background:rgba(68,102,102,0.4); border:1px solid rgba(255,255,255,0.4); border-radius:5px; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:bold; font-size:22px; }
.ssu-root .ssu-hud { position:absolute; left:590px; top:30px; width:60px; z-index:5; text-align:center; }
.ssu-root .ssu-hud-box { background:rgba(68,0,0,0.25); border:1px solid rgba(136,0,0,0.5); border-radius:4px; padding:4px 2px; margin-bottom:12px; }
.ssu-root .ssu-hud-label { display:block; color:#fff; font-size:11px; }
.ssu-root .ssu-hud-icon { display:block; margin:0 auto 4px auto; }
.ssu-root .ssu-hud-value { display:block; color:#ff0; font-size:12px; }
.ssu-root .ssu-rotate { display:none; position:absolute; inset:0; z-index:50; background:rgba(0,0,0,0.85); align-items:center; justify-content:center; padding:40px; color:#fff; font-size:28px; text-align:center; }
@media (pointer:coarse) and (orientation:portrait) { .ssu-root .ssu-rotate { display:flex; } }
.ssu-options, .ssu-help, .ssu-powerups { font-size:15px; }
.ssu-options label, .ssu-help p, .ssu-powerups > div { margin:4px 0; }
.ssu-options label { display:flex; align-items:center; gap:8px; font-size:16px; }
.ssu-powerups { display:flex; flex-direction:column; gap:6px; }
.ssu-powerups > div { display:flex; align-items:center; gap:8px; }
.ssu-powerups img { max-height:28px; }
.ssu-help ul { list-style:none; margin:8px 0 12px; padding:0; }
.ssu-help li { margin:0 0 6px; padding:0; }
.sgp-dock .sgp-card.ssu-start { background:none; border:0; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; }
.sgpad.ssu-pad .sgpad-btn { text-transform:uppercase; }
@media (pointer:coarse) and (orientation:portrait) { .sgpad.ssu-pad { display:none; } }