/* Wallet exclusives */
.header-actions{align-items:center}
.header-actions .wallet-button{padding:0 13px;border-color:#ffc25580;color:var(--gold);letter-spacing:1px;font-size:10px;white-space:nowrap}
.header-actions .wallet-button.connected{border-color:#66e2b870;color:#86ebc6}
.social-x{width:32px;height:32px;display:grid;place-items:center;color:#e5e7ed;border:1px solid var(--line);flex-shrink:0}
.fighter-card.locked::before{filter:saturate(.45) brightness(.65)}
.fighter-card.locked{border-color:#b8915555}
.fighter-card.locked.selected{border-color:var(--gold)}
.fighter-card .fighter-lock{display:none;position:absolute;z-index:2;top:10px;left:8px;align-items:center;gap:5px;padding:5px 7px;border:1px solid #ffc25566;background:#0b0e16e8;color:var(--gold);font:700 9px Barlow,Arial,sans-serif;letter-spacing:1px}
.fighter-card.locked .fighter-lock{display:flex}
.fighter-access{font-size:10px;letter-spacing:1.2px;color:#87dfbd;margin-top:10px}
.fighter-access.access-locked{color:var(--gold)}
#wallet-dialog{width:min(460px,calc(100vw - 30px));max-height:90dvh;overflow:auto;border-color:#ffc25550;background:radial-gradient(ellipse at 100% 0,#6b46251f,transparent 60%),#111623}
#wallet-dialog h2{font-size:44px;line-height:1.02;margin-top:18px}
.wallet-benefits{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0}
.wallet-benefits span{font-size:10px;letter-spacing:.8px;border:1px solid #ffc25535;background:#ffc25508;padding:6px 9px;color:#dfc390}
.wallet-options{display:grid;gap:9px}
.wallet-option{width:100%;text-align:left;padding:16px;border:1px solid #ffffff2b;background:#1b2232;font-weight:700;letter-spacing:.5px}
.wallet-option:hover{background:#262c3b}
#wallet-status{font-size:12px;min-height:36px;color:#91daba;line-height:1.5}
#wallet-status.wallet-error{color:#ffae94}
#wallet-connected{padding:14px;border:1px solid #7cddb844;background:#7cddb808}
#wallet-connected .eyebrow{font-size:9px;color:#87dfbd;letter-spacing:1px}
#wallet-address{display:block;overflow-wrap:anywhere;font-size:12px;margin:12px 0;color:#e6eee9;line-height:1.7}
#wallet-disconnect{padding:9px 12px;font-size:10px;letter-spacing:1px}
#wallet-return{width:100%;font-size:17px;min-height:40px;margin-bottom:12px;padding:10px}
#wallet-dialog .wallet-note{font-size:11px;line-height:1.6;color:#8f99af;border-top:1px solid var(--line);padding-top:16px;margin-bottom:0}
/* Arena boot sequence. Progress is tied to completed asset loads. */
#preloader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 32%,#49341f42,transparent 55%),#080b12;padding:24px}
.boot-grid{position:absolute;inset:45% -50% -80%;background-image:linear-gradient(#ffc25512 1px,transparent 1px),linear-gradient(90deg,#ffc25512 1px,transparent 1px);background-size:65px 65px;transform:perspective(450px) rotateX(55deg);mask-image:linear-gradient(transparent,#000 55%);animation:arena-grid 4s linear infinite;pointer-events:none}
#preloader::before,#preloader::after{content:'';position:absolute;top:20%;bottom:20%;width:8px;border:1px solid #ffc25544;background:repeating-linear-gradient(0deg,#ffc25544 0 7px,transparent 7px 15px);transform:skewY(-30deg)}
#preloader::before{left:7%}#preloader::after{right:7%;transform:skewY(30deg)}
.boot-content{z-index:1;position:relative;width:min(440px,90%);text-align:center}
.boot-content>.eyebrow{font-size:10px;letter-spacing:3px}
.boot-emblem{position:relative;width:210px;height:180px;margin:22px auto 14px;display:grid;place-items:center}
.boot-emblem img{width:185px;height:150px;object-fit:contain;filter:drop-shadow(0 0 25px #ffc25530)}
.boot-orbit{position:absolute;inset:-4px 9px;border:1px solid #ffc25525;border-radius:50%}
.boot-orbit::before{content:'';position:absolute;inset:-5px;border:2px solid transparent;border-top-color:var(--gold);border-bottom-color:#ffc25555;border-radius:50%;animation:arena-orbit 3s linear infinite}
.boot-kicker{font-size:10px;letter-spacing:3px;color:#959fb6}
#preload-title{font-size:clamp(36px,5vw,58px);margin:14px 0 8px;letter-spacing:1px}
#preload-title span{color:var(--gold)}
#preload-status{min-height:34px;font-size:12px;line-height:1.5;color:#adb6c7;margin:10px 0 20px}
.boot-meter,.boot-meta{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.8px;color:#8792a9}
.boot-meter strong{color:var(--gold);font-size:12px}
.boot-progress{margin:10px 0;height:10px;padding:2px;background:#111723;border:1px solid #ffc25535;transform:skewX(-18deg)}
#preload-fill{width:0;height:100%;background:repeating-linear-gradient(90deg,var(--gold) 0 16px,#c68732 16px 19px);box-shadow:0 0 16px #ffc25565;transition:width .25s ease}
.boot-tip{font-size:11px;color:#7f8aa1;margin-top:30px;line-height:1.6}
#preload-action{font-size:17px;min-height:40px;margin-top:20px;width:100%}
.boot-corner{position:absolute;bottom:24px;left:32px;font-size:9px;letter-spacing:2px;color:#545f75}
#preloader.is-ready{animation:arena-ready .65s ease forwards}
#preloader.is-ready .boot-orbit::before{border-color:#ffc255bb;animation:none}
.noscript-message{position:fixed;inset:0;z-index:110;display:grid;place-items:center;background:#080b12;color:#ffc255;font:20px Arial,sans-serif}
@keyframes arena-orbit{to{transform:rotate(360deg)}}
@keyframes arena-grid{to{background-position:0 65px}}
@keyframes arena-ready{0%,55%{opacity:1}100%{opacity:0;visibility:hidden}}
@media(max-width:1100px){.edition{display:none}}
@media(max-height:650px){.boot-emblem{width:145px;height:112px;margin:10px auto}.boot-emblem img{width:125px;height:100px}.boot-orbit{inset:-3px 12px}.boot-tip{margin-top:16px}#preload-title{font-size:36px}#preload-status{margin:5px 0 10px;min-height:22px}.boot-corner{bottom:12px}.fighter-access{font-size:8px;margin-top:5px}}
@media(max-height:410px),(pointer:coarse) and (orientation:portrait){.boot-emblem{width:110px;height:80px;margin:6px auto}.boot-emblem img{width:90px;height:75px}.boot-content>.eyebrow{font-size:8px}.boot-kicker{font-size:8px}#preload-title{font-size:30px;margin:8px 0}.boot-tip{margin-top:12px;font-size:9px}.boot-corner{display:none}.fighter-card .fighter-lock{top:6px;left:5px;font-size:8px;padding:4px}.header-actions{gap:5px}.header-actions .wallet-button{padding:0 8px;font-size:9px}.social-x{width:28px;height:30px}.fighter-access{letter-spacing:.5px;font-size:8px}}
@media(pointer:fine) and (max-width:480px){header{gap:7px}.brand-logo{max-width:85px;height:45px}.header-actions{gap:4px}.header-actions #sound{padding:0 6px;font-size:9px}.header-actions .wallet-button{padding:0 6px;font-size:9px}.social-x{width:25px}.header-actions button{min-width:26px}#app{padding:0 12px}}
@media(prefers-reduced-motion:reduce){.boot-grid,.boot-orbit::before{animation:none}#preloader.is-ready{animation-duration:.01s}#preload-fill{transition:none}}
@media(pointer:fine) and (max-width:380px){.brand-logo{max-width:60px}.header-actions #sound{font-size:0;padding:0 5px}.header-actions #sound::after{content:'SND';font-size:8px}.header-actions .wallet-button{font-size:8px;padding:0 5px}header{gap:4px}}
@media(max-height:350px){#preloader{padding:12px}.boot-emblem{height:58px;width:85px}.boot-emblem img{height:55px;width:70px}.boot-tip{display:none}#preload-action{margin-top:10px;min-height:32px;font-size:14px;padding:6px}}