/* v0.17: Solo mode inherits the premium arena hierarchy, instead of plain HTML form UI. */
body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:linear-gradient(180deg,#06091360,#08101da0),url('./art/arena-bg.webp') center/cover fixed}
.solo-shell{max-width:520px;padding:12px 15px 28px}
.solo-header{height:42px;margin-bottom:0;display:flex;align-items:center;justify-content:space-between}
.solo-header .solo-back{min-height:40px;display:inline-flex;align-items:center;padding:7px 15px;border:1px solid #88694c;background:#111c2de8;border-radius:9px;color:#f5d6a7;text-decoration:none;letter-spacing:.04em;font-size:12px}
.solo-badge{font-weight:800;letter-spacing:.06em;color:#dfc297;font-size:11px}
.logo{width:100%;height:auto;max-height:240px;margin:3px auto 8px;object-fit:contain}
#soloSetup{width:100%;max-width:480px;padding:16px 18px 20px!important;background:linear-gradient(155deg,#0b111eaa,#080d1ac9)!important;border:1px solid #bd8d5c!important;border-radius:14px!important;backdrop-filter:blur(7px);box-shadow:0 18px 40px #0008!important}
.solo-title{text-align:center;font:italic 900 clamp(24px,6vw,34px)/1.1 Impact,'Arial Black',sans-serif;color:#ffe2b2;letter-spacing:.035em;text-shadow:0 3px #572a18;margin:4px 0 18px}
#soloSetup label{font-size:11px;text-align:left;letter-spacing:.085em;color:#f5c893;margin:15px 0 7px}
#soloSetup input,#soloSetup select{border-radius:8px;background:#081323d9!important;border:1px solid #80694e!important;color:#f7f3e9;min-height:48px;text-align:left;padding:11px 12px}
#soloSetup .options{gap:8px;margin-bottom:17px}
#soloSetup .options button{background:linear-gradient(155deg,#17263c,#0d1523);border:1px solid #806c54;color:#f0dcc1;min-height:47px;border-radius:9px;font-weight:900;font-size:14px;transition:filter .15s}
#soloSetup .options button.chosen{border-color:#ffb86d;color:#fff7e8;background:linear-gradient(145deg,#a04827,#5c231d)}
#soloStart,#soloNext{background:transparent url('./art/button-primary-v08.webp') center/100% 100% no-repeat!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:67px!important;font:italic 900 20px/1 'Arial Narrow',system-ui,sans-serif!important;filter:drop-shadow(0 4px 7px #0008)}
#soloGame .scoreboard{margin:14px 0 6px;border:1px solid #916c4c;border-radius:12px;background:#0b1424c9;box-shadow:inset 0 1px #ffffff24}
#soloGame .scoreboard b{color:#ffd5a1;font:900 42px Impact,'Arial Black',sans-serif}
#soloGame .round-label{padding:14px 0 12px}
#soloChoice{max-width:480px;background:linear-gradient(#0c1423c9,#090e1cdb)!important;padding:17px 12px!important}
#soloChoice h2{font:italic 900 clamp(24px,6vw,32px)/1 Impact,'Arial Black',sans-serif;margin:3px 0 20px}
#soloChoice .weapons{gap:9px}
#soloChoice .weapons button{background:#081425;border:1px solid #aa865e;border-radius:10px;box-shadow:0 9px 20px #0006;transition:transform .15s,filter .15s}
#soloChoice .weapons button:active{transform:scale(.95)}
#soloChoice .weapons button img{aspect-ratio:.7;max-height:235px}
#soloChoice .weapons button span{font:italic 900 clamp(12px,3.7vw,18px)/1 Impact,'Arial Black',sans-serif;letter-spacing:.03em;padding:9px 1px;display:block}
/* Full-viewport cinema with sharp complete art and a live ambient backdrop, no small framed box. */
#soloBattle:not([hidden]){position:fixed!important;inset:0!important;z-index:1000!important;margin:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:#090c15 url('./art/arena-bg.webp') center/cover!important;box-shadow:none!important;isolation:isolate}
#soloBattle::before{display:none!important}
#soloBattle .matchup{flex:0 0 auto;padding:16px 12px 12px!important;font-size:12px;letter-spacing:.095em;background:linear-gradient(#060b19e8,#0c1524ba)!important;z-index:3}
#soloBattle .solo-art-stage{min-height:0;flex:1 1 auto;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#080d18}
#soloBattle #soloArtBackdrop{position:absolute;inset:-38px;background:var(--none) center / cover no-repeat;filter:blur(22px) brightness(.65) saturate(1.1);transform:scale(1.1)}
#soloBattle #soloFrame{display:block!important;position:relative;z-index:1;width:100%!important;height:auto!important;max-height:100%!important;min-height:0!important;max-width:1100px!important;aspect-ratio:auto!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:0 12px 42px #0008}
#soloBattle #soloResult:not([hidden]){z-index:4;flex:none;background:linear-gradient(#090d18e8,#0c111ff5)!important;border-top:1px solid #bf956a!important;padding:15px 16px calc(18px + env(safe-area-inset-bottom))!important;gap:7px!important}
#soloBattle #soloVerdict{color:#ffe1a5;font:italic 900 clamp(32px,9vw,46px)/1 Impact,'Arial Black',sans-serif!important;text-shadow:0 3px #7b261d}
#soloBattle #soloConsequence{margin:0 0 4px;font-size:15px;color:#f0ddc9}
#soloNext{margin:2px auto!important;width:min(340px,100%)!important}
@media(min-width:700px){#soloBattle #soloFrame{width: min(100%,1000px)!important}}
[hidden]{display:none!important}