/* Master concept skin. Routes, account outputs and pending states are unchanged. */
.arena-host{--skin-border:1px solid #6d87856b;color:var(--ua-text)}
.arena-host .arena{background:var(--ua-bg)}
.arena-host .menu{border:1px solid #799b886b;border-radius:18px;box-shadow:inset 0 0 36px #33e2ee0c;background:var(--ua-bg)}
.arena-host .menu-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050c10a3,transparent 55%),linear-gradient(0deg,#050b0ee8,transparent 45%)}
.arena-host .brand{background:none;display:flex;align-items:center;height:12%;width:32%;left:3%;top:1%;mix-blend-mode:normal}
.arena-host .developer{top:15%;left:3%;font-size:clamp(12px,1.1cqw,18px)}
.arena-host .developer small{font-size:12px}.arena-host .signature{display:none}
.arena-host .frame,.arena-host .action-card{border:var(--skin-border);background:var(--ua-glass);box-shadow:inset 0 1px 0 #ffffff21,0 8px 24px #0005;border-radius:12px}
.arena-host .topbar{left:38%;right:2%;top:2%;height:7.5%}
.arena-host .profile{gap:8px}.arena-host .avatar{border:0;background:#02090b9c;border-radius:8px;color:#d5e4e7}
.arena-host .nick,.arena-host .wallet output{border:0;background:none;height:auto;font-size:clamp(11px,1cqw,17px)}
.arena-host .wallet output{overflow-wrap:anywhere}.arena-host .coin{color:var(--ua-lime);border-color:var(--ua-lime);font-size:clamp(18px,1.8cqw,30px)}
.arena-host .ua-coin{color:var(--ua-cyan);border-color:var(--ua-cyan);box-shadow:none;font-size:clamp(12px,1.2cqw,20px)}
.arena-host .icon-button{color:var(--ua-text)}
.arena-host :is(.nav-item>[data-icon],.icon-button [data-icon],.friends>[data-icon],.tasks>[data-icon]){background-image:none;mix-blend-mode:normal}
.arena-host [data-icon]>svg{visibility:visible!important}
.arena-host .navigation{left:3%;top:25%;width:19%;height:59%;gap:5px}
.arena-host .nav-item{min-height:44px;border:1px solid #5e72745e;background:linear-gradient(110deg,#121e25ed,#050b0ecf);border-radius:9px;font-style:italic}
.arena-host .nav-item.active{transform:none;color:var(--ua-lime);border-color:var(--ua-lime);background:linear-gradient(110deg,#a0cb152b,#0a140bdd);box-shadow:var(--ua-glow)}
.arena-host .nav-item.active>*{transform:none}.arena-host .nav-item b,.arena-host .card-label b{color:var(--ua-lime)}
.arena-host .nav-item.active [data-icon]{color:var(--ua-lime);filter:none}
.arena-host .event{background:linear-gradient(135deg,#0b181ed9,#071013f5);padding:1.4cqw}
.arena-host .event>small{color:var(--ua-lime)}.arena-host .event>button{background:#141e16;border:1px solid #8aa54f;color:#e3f0ba;box-shadow:none;min-height:44px}
.arena-host .event-crown{color:var(--ua-lime);margin-bottom:.6cqw}.arena-host .event-dots{display:none}
.arena-host .action-cards{left:24%;top:64%;height:22%;gap:1cqw}
.arena-host .action-card{transform:none;border-color:#708986}
.arena-host .action-card:first-child{border-color:var(--ua-lime);box-shadow:var(--ua-glow)}
.arena-host .card-art{transform:none;opacity:.83}
.arena-host .card-label{transform:none;font-style:italic;background:linear-gradient(0deg,#060d11 65%,#060d11d9 85%,transparent)}
.arena-host .news{left:3%;width:19%;border-radius:10px}.arena-host .tasks{transform:none}.arena-host .tasks>*{transform:none}
.arena-host .gold,.arena-host .tasks b,.arena-host .news b{color:var(--ua-lime)}.arena-host .friend-slots{display:none}
.arena-host .menu-status{font-size:clamp(10px,.65cqw,12px)}
.arena-host button:hover{filter:brightness(1.12);border-color:var(--ua-cyan)}
.arena-host button:focus-visible{outline:2px solid var(--ua-cyan);outline-offset:3px}
.arena-host .opening-controls{border:1px solid #b9df655c;border-radius:14px;background:#08100de8;box-shadow:var(--ua-glow);padding:12px}
.arena-host .enter-arena{color:var(--ua-lime);font-family:var(--ua-display);font-size:clamp(16px,1.5cqw,26px);min-height:48px}
.arena-host .opening-controls p{font-size:clamp(11px,.8cqw,14px)}
.arena-host dialog{max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #8aa49b;border-top:2px solid var(--ua-lime);border-radius:18px;background:var(--ua-glass);box-shadow:0 22px 80px #000c}
.arena-host dialog h2{font-style:italic;color:var(--ua-text)}.arena-host .dialog-kicker{color:var(--ua-lime)}
.arena-host .dialog-ok{background:linear-gradient(120deg,#d1ff16,#9fc215);color:#0b1203;border:1px solid var(--ua-lime);font-weight:800;border-radius:8px;min-width:120px}
.arena-host #dialog-confirm{border-color:var(--ua-danger);background:#2b1019}
@media(max-width:1000px) and (min-width:701px){
 .arena-host .arena{width:100%;min-height:720px;aspect-ratio:auto;container-type:inline-size}
 .arena-host .topbar{left:3%;top:12%;height:8%;gap:6px}.arena-host .brand{height:10%;width:50%}.arena-host .developer{left:auto;right:3%;top:5%}
 .arena-host .navigation{top:24%;height:55%;width:23%}.arena-host .nav-item{font-size:16px}
 .arena-host .action-cards{left:29%;top:58%;height:22%}.arena-host .card-label{font-size:16px}
 .arena-host .event{top:25%;left:68%;height:29%;padding:16px}.arena-host .event p{font-size:13px}.arena-host .event h1{font-size:26px}.arena-host .event>button{font-size:13px}
 .arena-host .news{top:84%;height:12%;width:23%}.arena-host .tasks{left:29%;top:84%;width:37%;height:12%}.arena-host .friends{left:68%;top:84%;height:12%}
 .arena-host .news strong,.arena-host .tasks strong,.arena-host .friends strong{font-size:16px}.arena-host .news-body,.arena-host .tasks small,.arena-host .friends-content>span{font-size:12px}
 .arena-host .menu-status{left:29%;bottom:1%}.arena-host .topbar>*{min-height:44px}
}
@media(max-width:700px){
 .arena-host .menu{border-radius:0;border-width:0;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));gap:12px}
 .arena-host .brand{position:relative;inset:auto;width:100%;height:60px;margin:0}.arena-host .ua-wordmark{font-size:26px}
 .arena-host .developer{position:relative;inset:auto;margin-top:-12px;font-size:11px}.arena-host .developer small{display:none}
 .arena-host .topbar{inset:auto;grid-template-columns:repeat(4,minmax(0,1fr));height:auto;margin-top:0}
 .arena-host .profile{grid-column:span 2}.arena-host .wallet{grid-column:span 2}.arena-host .profile{grid-column:span 4}
 .arena-host .icon-button{height:44px}.arena-host .wallet output{font-size:13px}.arena-host .wallet{height:44px}
 .arena-host .menu-scene{background-position:58% 170px;background-size:auto 460px}
 .arena-host .menu-scene:after{background:linear-gradient(#050b0e 0,#050b0e77 260px,transparent 340px,#050b0ef2 640px)}
 .arena-host .navigation{inset:auto;width:100%;height:auto;margin-top:160px;grid-template-rows:repeat(2,68px);gap:6px}
 .arena-host .nav-item{font-size:14px;padding:8px 3px}
 .arena-host .action-cards{inset:auto;height:auto;gap:10px}.arena-host .action-card{height:130px}.arena-host .card-label{font-size:18px}
 .arena-host .event{inset:auto;padding:18px;min-height:155px}.arena-host .event>button{font-size:13px;max-width:47%;border-radius:8px}
 .arena-host .event p{font-size:13px;max-width:48%}.arena-host .event-crown{display:none}
 .arena-host .news,.arena-host .tasks,.arena-host .friends{inset:auto;width:100%;min-height:84px}.arena-host .menu-status{inset:auto;font-size:11px}
 .arena-host .opening-controls{left:6%;right:6%;padding:16px}.arena-host .opening-credit{bottom:190px}
 .arena-host dialog{padding:24px;width:calc(100vw - 24px)}
}
.arena-host dialog{background:var(--ua-modal)}