/* Lobby and HUD layout. Keep the centre of the 3D view free for aiming. */
#start-screen{background:linear-gradient(180deg,#090c13a8,#090c13e8),url('../art/iron-arena-keyart.webp') center/cover;align-items:center;padding:28px}
#start-screen .start-panel.arena-lobby{display:block;width:min(850px,100%);max-width:850px;margin:auto;padding:28px!important;background:#080d16ed;border:1px solid #d9ad5b40;border-radius:24px;box-shadow:0 28px 100px #0008;text-align:center}
#start-screen .arena-lobby-heading{display:grid;justify-items:center;gap:8px;margin-bottom:24px}
#start-screen .arena-lobby-heading>img{width:124px;height:54px;object-fit:contain}
#start-screen .arena-lobby h1{font-size:clamp(36px,5.5vw,60px)!important;line-height:1;margin:2px 0!important;letter-spacing:.015em;grid-area:auto}
#start-screen .arena-lobby .eyebrow{display:block;font-size:12px;letter-spacing:.2em}
#start-screen .arena-lobby .intro{display:block;font-size:16px;line-height:1.5;margin:0!important;color:#d7d5ce}
.arena-lobby-body{display:grid;grid-template-columns:1fr 1fr;gap:28px;text-align:center}
.arena-ready{padding-right:28px;border-right:1px solid #ffffff20;min-width:0}
#start-screen .arena-lobby #start-form{display:grid;gap:10px;margin:0;grid-area:auto}
#start-screen .arena-lobby #start-form label{margin:0;font-size:12px;letter-spacing:.14em;color:#d6cdbb}
#start-screen .arena-lobby #name{width:100%;max-width:none;min-height:44px;padding:10px;text-align:center;background:#ffffff08;border:1px solid #ffffff24;border-radius:10px;font-size:16px}
#start-screen .arena-lobby .secondary{min-height:44px;border:1px solid #ffffff30;background:#ffffff06;border-radius:10px;margin:0;padding:10px 12px;font-size:14px;line-height:1.4;grid-area:auto;width:100%}
#start-screen .arena-lobby #account-button{display:flex;justify-content:center;align-items:center;gap:10px;background:white;border:1px solid #747775;color:#1f1f1f;font:500 14px/20px Arial,sans-serif;border-radius:24px}
#account-google-icon{width:20px;height:20px;object-fit:contain}
#start-screen .arena-lobby .identity-hint{font-size:14px;line-height:1.5;color:#bdbbb7;margin:0}
#start-screen .arena-lobby #start-button{margin:2px 0 0;padding:14px 12px;border-radius:10px;min-height:50px;font-size:15px;font-weight:800}
#start-screen .arena-lobby #start-wallet{margin:0 0 16px;padding:10px;border:1px solid #ffa6003b;border-radius:10px;font-size:13px;line-height:1.5;background:#ffa6000c}
.arena-briefing{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:14px}
.arena-briefing-title{font-size:12px;letter-spacing:.13em;color:#d6cdbb;font-weight:700}
.arena-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-bottom:1px solid #ffffff20;padding-bottom:18px}
.arena-rules span{font-size:12px;color:#bdbbb7;line-height:1.5}.arena-rules b{display:block;font-size:16px;color:#ffd17b;margin-bottom:6px}
.arena-lobby-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.arena-lobby-tools #start-fullscreen{grid-column:1/-1!important}
#start-screen .arena-lobby .control-picker{display:flex;justify-content:center;align-items:center;gap:10px;margin:0;font-size:14px;grid-area:auto}
#start-screen .arena-lobby .control-picker select{font-size:14px;min-height:40px;border-radius:8px}
#start-screen .arena-lobby .controls{font-size:13px;line-height:1.65;margin:0;grid-area:auto}
#start-screen .arena-lobby .arena-guide{margin:0;text-align:center;font-size:14px;max-width:none}
#start-screen .arena-lobby .power-guide{text-align:left}
#start-screen .arena-lobby .small{max-width:none;margin:10px 0 0;font-size:13px}
#start-screen .arena-lobby #asset-status{display:block;color:#bdbbb7;margin-top:16px}
#start-screen .arena-lobby #run-resume-note{display:block;color:#ffd17b}
#start-screen .arena-lobby #start-error:empty,#start-screen .arena-lobby #run-resume-note:empty,#start-screen .arena-lobby #fullscreen-status:empty{display:none}
#start-screen .arena-lobby .landscape-hint{font-size:13px;margin:0}
#start-screen .arena-lobby .mobile-quality{display:none}
#hud{--hud-edge:20px;--hud-top:16px;--hud-secondary:86px}
#hud .hud-top{top:max(var(--hud-top),env(safe-area-inset-top))!important;left:max(var(--hud-edge),env(safe-area-inset-left));right:max(var(--hud-edge),env(safe-area-inset-right));display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:start;padding:10px 14px;background:linear-gradient(180deg,#05070ae8,#05070a78);border:1px solid #ffffff1c;border-radius:12px;max-height:68px}
#hud .hud-top>div:first-child{max-width:none;overflow:visible}
#hud .hud-identity,#hud .hud-earnings{display:flex;gap:24px;align-items:start;min-width:0}
#hud .hud-earnings{justify-content:flex-end}
#hud #player-name{font-size:16px;line-height:1.5;max-width:155px;white-space:nowrap}
#hud .hud-top .label,#hud #wallet-status{font-size:11px!important;line-height:1.4;letter-spacing:.06em}
#hud .hud-top strong{font-size:25px;line-height:1.15;display:block}
#hud #arena-wallet{position:static;display:block;padding:0;background:none;border:0;clip-path:none;text-align:right;pointer-events:none;min-width:74px}
#hud #arena-wallet strong{font-size:25px;color:#ffbf4c}
#hud #arena-wallet span{display:block}
#hud .game-tools{top:calc(var(--hud-secondary) + env(safe-area-inset-top))!important;right:max(var(--hud-edge),env(safe-area-inset-right));gap:6px;z-index:15}
#hud .game-tools button{height:40px;min-height:40px;min-width:40px;font-size:12px;padding:6px 10px;border-radius:9px}
#hud #powerup-hud{top:calc(var(--hud-secondary) + env(safe-area-inset-top))!important;left:max(var(--hud-edge),env(safe-area-inset-left));max-width:calc(100% - 230px);max-height:40px;flex-wrap:nowrap;padding:0;pointer-events:none}
#hud #status-hud{top:calc(var(--hud-secondary) + 44px + env(safe-area-inset-top))!important;left:max(var(--hud-edge),env(safe-area-inset-left));max-width:35%;font-size:12px;display:flex;flex-wrap:wrap;gap:4px}
#hud #notice{top:auto!important;bottom:76px;left:50%;max-width:45%;font-size:14px;line-height:1.5;letter-spacing:0}
#hud .hud-bottom{bottom:max(16px,env(safe-area-inset-bottom))!important;left:max(var(--hud-edge),env(safe-area-inset-left));right:max(var(--hud-edge),env(safe-area-inset-right));align-items:end;gap:12px}
#hud .hud-bottom .vitality{width:160px}
#hud .hud-bottom strong{font-size:28px}
#hud .hud-bottom .right{background:#05070aaa;padding:8px 12px;border-radius:10px}
@media(max-width:640px){
 #start-screen{padding:16px}#start-screen .start-panel.arena-lobby{padding:22px!important;max-width:440px}
 .arena-lobby-body{grid-template-columns:1fr;gap:24px}.arena-ready{padding:0 0 24px;border-right:0;border-bottom:1px solid #ffffff20}
 #start-screen .arena-lobby-heading{margin-bottom:18px}#start-screen .arena-lobby h1{font-size:40px!important}
 #hud{--hud-edge:10px;--hud-top:10px;--hud-secondary:74px}
 #hud .hud-top{padding:8px;gap:6px;border-radius:9px}
 #hud .hud-identity,#hud .hud-earnings{gap:8px}
 #hud .hud-identity{display:block}#hud .hud-identity .wave{display:flex;gap:5px;align-items:center;text-align:left}
 #hud .hud-identity .wave strong{font-size:13px}#hud #player-name{max-width:94px;font-size:12px}
 #hud .hud-top strong,#hud #arena-wallet strong{font-size:20px}#hud #arena-wallet{min-width:54px}
 #hud .hud-top .label,#hud #wallet-status{font-size:9px!important;letter-spacing:0}
 #hud #notice{bottom:65px;max-width:42%;font-size:12px}
 #hud #powerup-hud{max-width:calc(100% - 172px)}#hud .game-tools button{padding:4px 6px;font-size:11px;min-width:34px;min-height:36px;height:36px}
 #hud .hud-bottom .vitality{width:118px}#hud .hud-bottom strong{font-size:22px}
}
@media(orientation:landscape) and (max-height:540px){
 #start-screen{padding:14px}#start-screen .start-panel.arena-lobby{display:block;max-width:850px;width:100%;padding:18px 24px!important}
 #start-screen .arena-lobby-heading{gap:5px;margin-bottom:14px}#start-screen .arena-lobby-heading>img{width:96px;height:36px}
 #start-screen .arena-lobby h1{font-size:34px!important}#start-screen .arena-lobby .intro{font-size:14px}
 .arena-lobby-body{grid-template-columns:1fr 1fr;gap:24px}.arena-ready{padding:0 24px 0 0;border-right:1px solid #ffffff20;border-bottom:0}
 #hud{--hud-top:8px;--hud-secondary:67px}#hud .hud-top{padding:6px 10px}#hud .hud-top strong,#hud #arena-wallet strong{font-size:22px}
 #hud #notice{bottom:60px;font-size:12px}#hud #status-hud{top:110px!important;max-width:22%}
}
#start-screen .arena-lobby h1,#start-screen .arena-lobby #asset-status{text-align:center}
/* Make room for the persistent exit control in expanded/full-screen play. */
[data-expanded="true"] #hud .hud-top{right:max(64px,env(safe-area-inset-right))}
@media(max-width:420px){[data-expanded="true"] #hud .hud-top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:4px}[data-expanded="true"] #hud .hud-earnings{gap:6px}[data-expanded="true"] #hud #arena-wallet{min-width:48px}[data-expanded="true"] #hud .hud-top strong{font-size:17px}[data-expanded="true"] #hud #player-name{max-width:70px;font-size:11px}}
/* Shared player identity; the account editor lives in the site's main navigation. */
#start-screen .arena-profile-picture{width:76px;height:76px;object-fit:cover;object-position:center 20%;border:2px solid #ffbf4c;border-radius:50%;margin:0 auto 2px}
#start-screen .arena-lobby #name{background:none;border:0;padding:2px;min-height:30px;font-weight:700;font-size:21px;color:#fff}
#start-screen .arena-lobby #account-button{background:#ffb321;color:#101010;border:0;border-radius:10px;font-family:inherit;font-weight:700}
#start-screen .arena-lobby #account-button[hidden],#start-screen .arena-profile-picture[hidden],#hud .arena-hud-picture[hidden]{display:none!important}
#hud .hud-identity{gap:14px;align-items:center}#hud .arena-hud-picture{width:34px;height:34px;object-fit:cover;object-position:center 20%;border-radius:50%;border:1px solid #ffb321}
#hud .hud-top{max-height:70px}.hud-earnings .right{text-align:right}
#hud #arena-wallet{position:absolute;top:calc(100% + 8px);right:0;display:flex;align-items:center;gap:9px;border-radius:8px;padding:6px 10px;background:#05070ac9;border:1px solid #ffffff15;min-width:0;white-space:nowrap}
#hud #arena-wallet strong{font-size:16px;line-height:1.2}#hud #wallet-status{font-size:9px!important}
#hud .game-tools{top:calc(var(--hud-secondary) + 38px + env(safe-area-inset-top))!important}
#hud .hud-identity .wave{margin-left:6px}#hud #player-name{text-overflow:ellipsis;overflow:hidden}
@media(max-width:640px){#hud .hud-identity{display:flex;gap:6px;flex-wrap:wrap}#hud .arena-hud-picture{width:25px;height:25px}#hud .hud-identity .wave{display:none}#hud .hud-top strong{font-size:21px}#hud #arena-wallet strong{font-size:14px}#hud #arena-wallet{padding:5px 7px;gap:6px}#hud .hud-identity>div{min-width:0}#hud .hud-top{grid-template-columns:minmax(0,1fr) auto minmax(64px,.7fr)}}
@media(max-width:380px){#hud .arena-hud-picture{display:none}}