#arcade-hud{position:fixed;top:16px;left:24px;z-index:400;opacity:0;pointer-events:none;transition:opacity .5s}
#arcade-hud.visible{opacity:1;pointer-events:auto}
.arcade-title{font-family:"Orbitron",sans-serif;font-size:1.3rem;font-weight:900;color:#ff3df2;letter-spacing:3px;text-shadow:0 0 30px rgba(255,61,242,.42)}
.arcade-subtitle{font-size:.78rem;color:#8ecbd1;letter-spacing:2px;text-transform:uppercase;margin-top:4px}
#arcade-wallet{position:fixed;top:16px;right:280px;z-index:400;display:flex;gap:10px;opacity:0;pointer-events:none;transition:opacity .4s}
#arcade-wallet.visible{opacity:1;pointer-events:auto}
.arcade-wallet-stat{background:rgba(9,6,16,.86);backdrop-filter:blur(10px);border:1px solid rgba(45,252,255,.22);border-radius:8px;padding:7px 12px;min-width:96px;color:#8ecbd1;font-size:.72rem;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;gap:10px}
.arcade-wallet-stat strong{font-family:"Orbitron",sans-serif;font-size:.82rem;color:#ffdb58}
#arcade-exit{position:fixed;top:16px;right:24px;z-index:400;background:rgba(255,61,242,.12);border:1px solid rgba(255,61,242,.34);border-radius:8px;padding:8px 20px;color:#ff98f7;font-family:"Orbitron",sans-serif;font-size:.7rem;letter-spacing:2px;cursor:pointer;opacity:0;pointer-events:none;transition:all .3s}
#arcade-exit.visible{opacity:1;pointer-events:auto}
#arcade-exit:hover{background:rgba(255,61,242,.24);box-shadow:0 0 20px rgba(255,61,242,.24)}
#arcade-tooltip{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);z-index:400;background:rgba(8,6,14,.92);backdrop-filter:blur(14px);border:1px solid rgba(255,216,77,.34);border-radius:8px;padding:12px 28px;text-align:center;color:#ffdb58;font-family:"Orbitron",sans-serif;font-size:.82rem;letter-spacing:1px;opacity:0;pointer-events:none;transition:opacity .25s}
#arcade-tooltip.visible{opacity:1}
#arcade-hints{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:400;background:rgba(10,8,18,.84);backdrop-filter:blur(10px);border:1px solid rgba(45,252,255,.18);border-radius:8px;padding:10px 24px;color:#82aeb4;font-size:.78rem;letter-spacing:1px;display:flex;gap:20px;opacity:0;pointer-events:none;transition:opacity .4s}
#arcade-hints.visible{opacity:1}
body.cinematic-running #arcade-hud,
body.cinematic-running #arcade-wallet,
body.cinematic-running #arcade-exit,
body.cinematic-running #arcade-hints,
body.cinematic-running #arcade-tooltip{opacity:0;pointer-events:none}
.arcade-exchange-modal{position:fixed;inset:0;z-index:700;background:rgba(4,3,8,.68);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .22s}
.arcade-exchange-modal.visible{opacity:1;pointer-events:auto}
.arcade-exchange-panel{width:min(780px,92vw);max-height:86vh;overflow:auto;background:rgba(9,6,16,.96);border:1px solid rgba(255,61,242,.32);border-radius:8px;box-shadow:0 24px 70px rgba(0,0,0,.56),0 0 45px rgba(45,252,255,.08);color:#dffcff;padding:22px}
.arcade-exchange-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:16px}
.arcade-exchange-kicker{font-size:.76rem;text-transform:uppercase;color:#ffdb58;letter-spacing:2px}
.arcade-exchange-header h2{font-family:"Orbitron",sans-serif;font-size:1.35rem;color:#ff3df2;margin-top:4px;letter-spacing:2px}
.arcade-exchange-close{width:34px;height:34px;border:1px solid rgba(255,61,242,.34);border-radius:8px;background:rgba(255,61,242,.12);color:#ffc7fb;cursor:pointer;font-family:"Orbitron",sans-serif}
.arcade-exchange-balance{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(45,252,255,.2);border-radius:8px;background:rgba(45,252,255,.07);padding:10px 12px;margin-bottom:16px;text-transform:uppercase;color:#8ecbd1}
.arcade-exchange-balance strong{font-family:"Orbitron",sans-serif;color:#ffdb58}
.arcade-prize-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.arcade-prize-card{border:1px solid rgba(45,252,255,.2);border-radius:8px;background:rgba(18,15,28,.92);color:#dffcff;padding:12px;text-align:left;display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:12px;cursor:pointer;transition:transform .15s, border-color .15s, background .15s}
.arcade-prize-card:hover{transform:translateY(-1px);border-color:rgba(255,216,77,.45);background:rgba(26,18,36,.96)}
.arcade-prize-card.disabled{opacity:.48;cursor:not-allowed;transform:none}
.arcade-prize-token{width:46px;height:46px;border-radius:8px;background:linear-gradient(135deg,rgba(255,61,242,.24),rgba(45,252,255,.2));border:1px solid rgba(255,216,77,.28);display:flex;align-items:center;justify-content:center;font-family:"Orbitron",sans-serif;color:#ffdb58;font-size:.82rem}
.arcade-prize-name{font-family:"Orbitron",sans-serif;font-size:.86rem;color:#fff;letter-spacing:1px}
.arcade-prize-sub{font-size:.78rem;color:#8ecbd1;margin-top:3px}
.arcade-prize-cost{font-family:"Orbitron",sans-serif;color:#ffdb58;font-size:.78rem;white-space:nowrap}
.arcade-exchange-message{min-height:22px;margin-top:14px;font-size:.86rem;color:#8ecbd1}
.arcade-exchange-message.ok{color:#37ff8b}
.arcade-exchange-message.error{color:#ff7a7a}
.arcade-game-modal{position:fixed;inset:0;z-index:730;background:rgba(3,2,7,.74);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .22s}
.arcade-game-modal.visible{opacity:1;pointer-events:auto}
.arcade-game-panel{width:min(1180px,94vw);max-height:90vh;overflow:auto;background:rgba(8,6,15,.97);border:1px solid rgba(45,252,255,.28);border-radius:8px;box-shadow:0 24px 80px rgba(0,0,0,.62),0 0 54px rgba(255,61,242,.12);color:#dffcff;padding:18px}
.arcade-game-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:12px}
.arcade-game-kicker{font-size:.74rem;text-transform:uppercase;color:#ffdb58;letter-spacing:2px}
.arcade-game-header h2{font-family:"Orbitron",sans-serif;font-size:1.18rem;color:#2dfcff;margin-top:4px;letter-spacing:2px}
.arcade-game-close{width:34px;height:34px;border:1px solid rgba(45,252,255,.34);border-radius:8px;background:rgba(45,252,255,.1);color:#dffcff;cursor:pointer;font-family:"Orbitron",sans-serif}
.arcade-game-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px;align-items:stretch}
.arcade-game-screen-wrap{border:1px solid rgba(255,216,77,.24);border-radius:8px;background:#05040a;padding:8px;box-shadow:inset 0 0 24px rgba(45,252,255,.08),0 0 0 3px rgba(0,0,0,.34)}
.arcade-game-canvas{display:block;width:100%;height:auto;border-radius:6px;background:#080711;image-rendering:pixelated;image-rendering:crisp-edges}
.arcade-game-side{border:1px solid rgba(255,61,242,.2);border-radius:8px;background:rgba(16,12,24,.92);padding:12px;display:flex;flex-direction:column;gap:10px}
.arcade-game-section-title{font-family:"Orbitron",sans-serif;font-size:.74rem;color:#ffdb58;text-transform:uppercase;letter-spacing:2px;margin-top:2px}
.mech-class-list{display:grid;gap:8px}
.mech-class-btn{border:1px solid rgba(45,252,255,.18);border-radius:8px;background:rgba(8,7,17,.88);color:#dffcff;padding:9px;text-align:left;display:grid;grid-template-columns:12px 1fr;gap:4px 8px;cursor:pointer}
.mech-class-btn.active{border-color:rgba(255,216,77,.56);background:rgba(255,216,77,.08)}
.mech-class-btn span{grid-row:1 / span 2;width:10px;height:100%;min-height:32px;border-radius:4px;box-shadow:0 0 14px currentColor}
.mech-class-btn strong{font-family:"Orbitron",sans-serif;font-size:.75rem;color:#fff;letter-spacing:1px}
.mech-class-btn small{font-size:.74rem;color:#8ecbd1}
.mech-game-stat{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(45,252,255,.16);border-radius:8px;padding:7px 9px;background:rgba(45,252,255,.06);font-size:.8rem;color:#8ecbd1}
.mech-game-stat strong{font-family:"Orbitron",sans-serif;color:#ffdb58}
.arcade-game-start{border:1px solid rgba(255,216,77,.36);border-radius:8px;background:rgba(255,216,77,.12);color:#ffdb58;padding:9px 10px;font-family:"Orbitron",sans-serif;font-size:.74rem;cursor:pointer}
.arcade-game-start:hover{background:rgba(255,216,77,.22)}
.arcade-game-controls{display:grid;gap:4px;color:#8ecbd1;font-size:.78rem;line-height:1.25}
.mech-mayhem-status{min-height:36px;border:1px solid rgba(255,61,242,.18);border-radius:8px;background:rgba(255,61,242,.06);color:#dffcff;padding:9px;font-size:.8rem;line-height:1.3}
@media (max-width:720px){
  #arcade-wallet{top:62px;right:16px;left:16px;justify-content:flex-end}
  .arcade-wallet-stat{min-width:0}
  #arcade-hints{width:calc(100vw - 28px);justify-content:center;flex-wrap:wrap;gap:10px}
  .arcade-prize-list{grid-template-columns:1fr}
  .arcade-prize-card{grid-template-columns:44px 1fr}
  .arcade-prize-cost{grid-column:2}
  .arcade-game-layout{grid-template-columns:1fr}
}