/* Arena interface */
:root{--bg-color:#073dad;--primary:#ffd437;--accent:#7bffdd;--text-dim:#c8dcff}
body{background:#073dad}button,input{font:inherit}button{border:3px solid #10254b;border-radius:10px;box-shadow:0 5px 0 #10254b}button:hover{filter:brightness(1.12)}button:focus-visible,input:focus-visible{outline:3px solid #7bffdd;outline-offset:5px}.hidden{display:none!important}.screen{background:#073dad}.eyebrow{font-size:11px;font-weight:900;letter-spacing:2px;color:#b7d8ff}.brand{font:900 30px Outfit,sans-serif;letter-spacing:-1.5px;text-shadow:2px 3px #142956}.brand span{color:#ffd437;margin-left:7px}.btn-primary{background:#ffd437;color:#182249;font-size:23px;padding:18px 27px;margin:0;display:flex;justify-content:space-between;gap:35px;box-shadow:0 6px 0 #a96919,inset 0 2px #fff29a;border-color:#172448}.btn-secondary{background:#1760d5;font-size:14px;margin:0;padding:14px 18px;align-self:auto;border:3px solid #10254b}.btn-secondary span{margin-left:20px;color:#ffd437}input{min-width:0;background:#08275e;border:2px solid #477dd6;color:white;padding:14px;border-radius:9px;user-select:text}input::placeholder{color:#a9bfdf}
#screen-login{display:grid;grid-template-columns:1.2fr 1fr;background:radial-gradient(ellipse at 25% 40%,#368dff,#073dad 65%);overflow:auto}.login-art{position:relative;padding:48px 8%;overflow:hidden;min-height:640px;background:repeating-conic-gradient(from 10deg at 45% 65%,#ffffff06 0deg 15deg,transparent 15deg 30deg)}.login-art h1{position:relative;z-index:1;font:900 clamp(38px,4.5vw,76px)/.98 Outfit,sans-serif;margin-top:30px;transform:rotate(-4deg);text-shadow:4px 5px #143673}.login-art em,.home-left em{color:#ffd437;font-style:normal}.login-art img{position:absolute;height:65%;width:90%;object-fit:contain;bottom:-2%;left:6%;filter:drop-shadow(0 20px 0 #032b7255)}.art-sticker{position:absolute;bottom:10%;left:8%;background:#ffd437;padding:15px;color:#14264e;transform:rotate(-8deg);font:900 20px Outfit;border:3px solid #14264e}.login-panel{align-self:center;justify-self:center;width:min(400px,85%);display:flex;flex-direction:column;gap:20px;padding:36px 0}.login-panel .brand{margin-bottom:28px}.login-panel h2{font:900 48px/1 Outfit;margin:0}.login-panel p{line-height:1.7;color:#c6ddff}.login-panel label{font-size:12px;font-weight:900;letter-spacing:1px}.login-panel small{font-size:12px;color:#afcaff;line-height:1.8;text-align:center}
#screen-home{background:radial-gradient(ellipse at 48% 48%,#3286ff00,#073dad50);padding:26px 34px}.home-header{display:flex;align-items:center;gap:30px;z-index:2}.profile{display:flex;align-items:center;gap:10px}.profile small{display:block;font-size:9px;color:#b7d8ff;letter-spacing:2px}.profile strong{display:block;font-size:15px}.avatar{background:#ffd437;color:#183465;padding:10px 14px;border:3px solid #142956;border-radius:10px;font-weight:900}.build-tag{margin-left:auto;font-size:11px;letter-spacing:2px;color:#c1dbff}.home-left{position:absolute;left:34px;top:23%;max-width:250px}.home-left h1{font:900 clamp(34px,4.2vw,62px)/.98 Outfit;margin:16px 0;text-shadow:3px 4px #122e65}.home-left p{font-size:13px;line-height:1.7;color:#c8ddff;margin-bottom:22px}.control-tip{font-size:11px;line-height:2;color:#b5d4ff;margin-top:26px}.selected-character-display{position:absolute;inset:14% 29% 23% 27%}.hero-caption{position:absolute;bottom:23%;left:44%;text-align:center;transform:translateX(-20%);pointer-events:none}.hero-caption h2{font:900 48px Outfit;text-shadow:3px 3px #183468}.hero-caption>span:last-child{background:#152c67;padding:5px 12px;font-size:11px;border-radius:4px}.arena-panel{position:absolute;right:34px;top:22%;width:260px}.map-card{display:block;width:100%;text-align:left;color:white;margin-top:12px;padding:0;overflow:hidden;background:#153677;border:3px solid #18305a;box-shadow:0 4px #10254b}.map-card[aria-pressed=true]{border-color:#ffe168}.map-art{height:73px;position:relative;overflow:hidden;background:repeating-linear-gradient(35deg,transparent 0 24px,#ffffff0a 24px 26px),#e7ae59}.map-art.neon{background:repeating-linear-gradient(0deg,transparent 0 19px,#ffffff12 19px 21px),#338892}.map-art i{position:absolute;display:block;background:#ae5934;border:2px solid #763b32;box-shadow:3px 5px #5e312c44}.map-art.neon i{background:#9663e9;border-color:#433885}.map-title{display:flex;justify-content:space-between;padding:10px 12px;font-size:13px}.map-title small{color:#ffdd5f}.room-panel{margin-top:22px}.room-panel label{font-size:10px;font-weight:900}.room-panel label small{display:block;color:#9ec7ff;font-size:9px;margin-top:4px}.room-entry{display:flex;gap:6px;margin-top:8px}.room-entry input{width:155px;padding:10px;font-size:12px}.room-entry button{font-size:10px;padding:8px}.room-panel p{font-size:10px;line-height:1.5;color:#c3dbff;margin-top:10px}.play-bar{position:absolute;bottom:26px;left:34px;right:34px;background:#082b70e8;border:2px solid #488cf0;border-radius:13px;display:flex;justify-content:space-between;align-items:center;padding:17px 20px}.play-bar strong,.play-bar small{display:block}.play-bar strong{font:900 23px Outfit;margin:5px 0}.play-bar small{font-size:11px;color:#b5d4ff}.play-bar .btn-primary{min-width:220px}.grid{align-content:center}.char-card{width:210px;background:#1958b5;border:3px solid #163471;box-shadow:0 7px #112d65}.char-card img{height:220px}.char-card.selected{background:#286fe0;border-color:#ffda4a;box-shadow:0 7px #9d7829}.section-title{color:white;margin:35px 0}.top-bar{align-items:center}.team-score,.timer{background:#102754;padding:8px 22px;border-radius:10px;font-size:24px}.blue-team{color:#ffdc54}#screen-result{align-items:center;justify-content:center;gap:30px;background:radial-gradient(circle,#377ef8,#092c8d)}#result-title{font:900 55px Outfit;text-align:center;color:#ffda48}.bottom-hud{background:#142b5cd9;padding:12px;border-radius:12px}
@media(max-width:900px){#screen-home{padding:18px}.home-left{left:18px;max-width:170px}.home-left h1{font-size:35px}.home-left p{display:none}.arena-panel{right:18px;width:220px}.room-entry input{width:120px}.hero-caption{left:43%}.play-bar{left:18px;right:18px;bottom:18px}.build-tag{display:none}.home-header{gap:15px}.control-tip{font-size:10px}.login-panel h2{font-size:38px}}@media(max-width:600px){#screen-login{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100dvh;justify-content:center}.login-panel .brand{margin-bottom:10px}#screen-home{overflow:auto;min-height:760px}.home-left{top:105px}.home-left h1{font-size:31px}.home-left .eyebrow,.control-tip{display:none}.home-left .btn-secondary{padding:10px;font-size:11px}.arena-panel{top:380px;left:18px;right:18px;width:auto}#map-picker{display:flex;gap:10px}.map-card{width:50%}.map-art{height:50px}.room-panel{margin-top:12px}.room-entry input{width:100%}.hero-caption{top:295px;left:auto;right:24px;bottom:auto;transform:none}.hero-caption h2{font-size:33px}.hero-caption .eyebrow{display:none}.play-bar{top:655px;bottom:auto;padding:12px;gap:10px}.play-bar .btn-primary{min-width:105px;padding:15px;font-size:18px;gap:10px}.play-bar strong{font-size:17px}.play-bar .eyebrow{font-size:8px}.play-bar small{font-size:9px}.selected-character-display{inset:100px 0 430px 45%}.char-card{width:42%}.char-card img{height:130px}.brand{font-size:24px}.profile strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

button{font-weight:900}#screen-login{background:transparent}.login-panel{background:#073dad;box-shadow:0 0 0 60px #073dad}.login-art{background:repeating-conic-gradient(from 10deg at 45% 65%,#ffffff06 0deg 15deg,transparent 15deg 30deg)}@media(max-width:600px){#screen-login{background:#073dad}}

/* Signal archive: original V-IBEE roster and survival HUD */
#screen-characters{background:radial-gradient(ellipse at 15% 5%,#25334c,#101725 60%);padding:35px 4vw 24px;overflow:auto;height:100dvh}
.roster-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.roster-header h2{font:900 clamp(30px,4vw,56px) Outfit;letter-spacing:-1.8px;margin:8px 0}.roster-header p{font-size:13px;color:#a6b5cd;line-height:1.6}.roster-header .btn-secondary{font-size:11px;background:#20314a;border:1px solid #53647e;box-shadow:none}
#character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:30px 0;overflow:visible;align-content:center;flex:1}
#character-grid .char-card{width:100%;padding:0;text-align:left;border:1px solid #3e4a60;border-radius:16px;background:#192333;box-shadow:none;transform:none;overflow:hidden;transition:transform .15s,border-color .15s}
#character-grid .char-card:before{display:none}#character-grid .char-card:hover{transform:translateY(-5px);border-color:var(--hero-color)}#character-grid .char-card.selected{border:2px solid var(--hero-color);box-shadow:0 0 30px color-mix(in srgb,var(--hero-color) 15%,transparent)}
#character-grid .char-card img{display:block;width:100%;height:auto;aspect-ratio:1.1;object-fit:cover;filter:none;transform:none;border-bottom:1px solid #354056}
.card-number{position:absolute;top:12px;left:12px;background:#101725d9;padding:7px 9px;font-size:9px;letter-spacing:1.5px;color:#d0d8e6;border-radius:5px}.card-body{padding:18px}.character-role{font-size:9px;color:var(--hero-color);letter-spacing:1.4px}.char-card .card-body h3{font:900 32px Outfit;letter-spacing:-1px;margin:5px 0 10px}.card-body p{font-size:11px;font-weight:400;line-height:1.65;text-transform:none;min-height:54px;color:#bac7db}.character-stats{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid #344155;border-bottom:1px solid #344155;margin-top:14px;font-size:8px;letter-spacing:1px;color:#9baac1}.character-stats b{display:block;font-size:16px;color:white;letter-spacing:0;margin-top:5px}.special-label{font-size:10px;color:var(--hero-color);margin-top:17px}.special-label small{float:right;color:#91a2ba}.select-label{display:block;padding:12px 7px;border-radius:6px;background:#28374d;color:#c2d1e6;text-align:center;font-size:9px;margin-top:18px}.selected .select-label{background:var(--hero-color);color:#101725}.roster-footer{display:flex;justify-content:space-between;gap:15px;padding-top:15px;border-top:1px solid #374157;font-size:11px;color:#a7b8d1}.roster-footer>span:last-child{white-space:nowrap;color:#79e7c5}
#screen-home{background:radial-gradient(ellipse at 48% 48%,#3286ff00,#10203666)}.home-left h1{text-shadow:3px 4px #11223f}.play-bar{background:#17283ded;border-color:#57798e}.btn-primary{background:#a4f5d2;box-shadow:0 5px #3d8e7d,inset 0 2px #dcfff0}.home-left em,.brand span{color:#a4f5d2}.home-header .avatar{background:#a4f5d2}.map-card[aria-pressed=true]{border-color:#a4f5d2}.map-title small{color:#a4f5d2}.arena-info{position:absolute;top:88px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;text-align:center;gap:7px;max-width:70%;font-size:12px;font-weight:900;color:#b5ffe6;background:#102238e6;padding:12px 20px;border-radius:9px}.arena-info small{font-size:9px;color:#eac3b5;letter-spacing:.6px}#minimap{position:absolute;right:25px;bottom:25px;width:145px;height:145px;border:2px solid #7395a5;border-radius:10px;opacity:.9}.bottom-hud{min-width:235px;gap:9px;background:#101f35ed;border:1px solid #52718b}.health-heading{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#bbd0e7}.health-heading strong{font-size:14px;color:white}.health-track{width:100%;height:10px;background:#334158;border-radius:4px;overflow:hidden}#health-fill{height:100%;background:#73f2c2;transition:width .12s}#super-status{font-size:9px;color:#e5d4a2}.ammo-slots{margin-top:3px}.top-bar .blue-team{color:#b8ffe4;font-size:16px}.top-bar .timer{font-size:23px}#result-detail{color:#bed4ee;text-align:center;padding:0 20px}#result-title{font-size:clamp(30px,5vw,60px);color:#a4f5d2}#screen-result{background:radial-gradient(circle,#294b64,#101725)}
@media(max-width:1000px){#character-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:18px}.char-card .card-body h3{font-size:30px}#character-grid .char-card img{aspect-ratio:1.45}.roster-footer{flex-direction:column}.card-body p{min-height:36px}}
@media(max-width:600px){#screen-characters{padding:20px 14px}.roster-header{align-items:flex-start}.roster-header h2{font-size:30px}.roster-header p{font-size:11px}.roster-header .btn-secondary{font-size:9px;padding:10px;white-space:nowrap}.card-body{padding:12px}#character-grid{gap:10px}.character-stats{font-size:7px}.character-stats b{font-size:13px}.card-body p{min-height:74px;font-size:10px}.special-label{font-size:8px}.select-label{font-size:8px}.character-role{font-size:8px;letter-spacing:0}#minimap{width:90px;height:90px;right:10px;bottom:140px}.arena-info{top:82px;max-width:95%;width:90%;font-size:10px}.top-bar{padding:12px}.top-bar .blue-team{font-size:12px;padding:10px}.top-bar .btn-secondary{font-size:10px;padding:10px}}

#character-grid .char-card{position:relative;color:#f3f7ff}.char-card .card-body h3{color:#f3f7ff}
/* Shared finish: preserve the arena palette and original character artwork. */
body,.screen{height:100dvh}button{min-height:44px}input{font-size:16px}.screen{overscroll-behavior:contain}button:disabled{opacity:.45;cursor:default;filter:none}.char-card:focus-visible{outline:3px solid #a4f5d2;outline-offset:3px}
.home-header{justify-content:space-between;gap:16px}.progression-bar{gap:10px}.resource-badge{font-size:14px;padding:9px 12px}.profile{min-width:0}.profile strong{max-width:130px;overflow:hidden;text-overflow:ellipsis}.btn-trophy-road{font-size:11px}.home-left,.arena-panel{top:20%}.character-stats{display:grid;grid-template-columns:1fr 1fr}.btn-upgrade{min-height:44px}.roster-header{flex-shrink:0}.roster-footer{padding-bottom:12px}.locked-icon{min-height:120px}
#screen-trophy-road .roster-header{padding:20px 4vw;background:#101725ef;border-bottom:1px solid #ffffff20}.trophy-road-container{height:100%;padding-top:90px;scrollbar-width:thin;scrollbar-color:#a4f5d2 #17283d;touch-action:pan-x}.trophy-track{gap:80px}.trophy-node{scroll-snap-align:center}.trophy-reward{box-shadow:0 8px 24px #0004}.trophy-node.locked{opacity:.8}.trophy-milestone{font-size:18px}
#loading-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#0c1526f5;text-align:center;padding:24px}#loading-overlay h2{font:900 clamp(22px,4vw,36px) Outfit;margin:24px 0 12px}#loading-message{color:#c8dcff;line-height:1.7}.loading-spinner{display:inline-block;width:42px;height:42px;border:4px solid #334158;border-top-color:#a4f5d2;border-radius:50%;animation:loading-spin 1s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}
#mobile-controls{display:none}.joystick{touch-action:none;background:#10223899;border:2px solid #a4f5d280}.joystick::after{position:absolute;top:-24px;left:0;width:100%;text-align:center;font-size:10px;letter-spacing:1px;color:#d8f9ef}#joystick-move::after{content:'HAREKET'}#joystick-aim::after{content:'NİŞAN / ATEŞ'}.knob{pointer-events:none;background:#a4f5dcc9}.btn-super{touch-action:manipulation;border:2px solid #bafbe6;background:#a4f5d2;box-shadow:0 3px #315d5d}#toast-container{width:min(90%,440px)}.toast{font-size:17px;padding:15px 20px}
@media(max-width:1100px){.home-header{flex-wrap:wrap}.progression-bar{margin-left:auto}.home-left{max-width:190px}.home-left h1{font-size:38px}.arena-panel{width:220px}.profile .avatar{display:none}.home-header .profile{margin-left:auto}.play-bar{bottom:max(16px,env(safe-area-inset-bottom))}}
@media(max-width:700px),(max-height:600px){
 #screen-home{min-height:0;height:100dvh;overflow-y:auto;padding:16px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 260px auto auto;gap:18px;align-content:start}
 .home-header{grid-column:1/-1;gap:12px}.home-header .brand{font-size:24px}.profile{order:1}.progression-bar{order:2;width:100%;margin:0;justify-content:space-between;gap:6px}.resource-badge{padding:8px;font-size:12px}.btn-trophy-road{font-size:10px;padding:9px}
 .home-left{position:relative;inset:auto;max-width:none;align-self:center;grid-column:1;grid-row:2}.home-left h1{font-size:clamp(28px,6vw,40px)}.home-left p,.control-tip,.home-left>.eyebrow{display:none}.home-left .btn-secondary{font-size:10px;padding:10px}
 .selected-character-display{position:relative;inset:auto;grid-column:2;grid-row:2;min-height:260px;z-index:1}.hero-caption{position:relative;inset:auto;transform:none;grid-column:2;grid-row:2;align-self:end;z-index:2;margin-bottom:4px}.hero-caption h2{font-size:30px}.hero-caption .eyebrow{display:none}
 .arena-panel{position:relative;inset:auto;width:auto;grid-column:1/-1}.arena-panel>.eyebrow{font-size:10px}#map-picker{display:flex;gap:12px}.map-card{width:50%;min-width:0}.map-art{height:62px}.map-title{font-size:12px}.room-panel{margin-top:18px;background:#101f3599;padding:14px;border-radius:12px;border:1px solid #52718b}.room-entry input{width:100%;font-size:16px}.room-entry button{min-width:70px}.room-panel p{font-size:11px}
 .play-bar{position:relative;inset:auto;grid-column:1/-1;gap:12px;padding:14px;margin-bottom:env(safe-area-inset-bottom)}.play-bar strong{font-size:18px}.play-bar .eyebrow{font-size:8px;letter-spacing:1px}.play-bar small{font-size:10px}.play-bar .btn-primary{min-width:100px;padding:16px;font-size:18px;gap:12px}
 .login-panel{box-shadow:none;width:min(420px,88%);padding:28px 0;min-height:100dvh}.login-panel h2{font-size:42px}#screen-login{grid-template-columns:1fr;background:#073dad}.login-art{display:none}
 .roster-header{flex-wrap:wrap;gap:12px}.roster-header h2{font-size:30px}.roster-header .btn-secondary{font-size:11px}.card-body{padding:12px}.card-body .btn-upgrade{font-size:10px}.roster-footer{font-size:11px}.character-stats{gap:8px}#character-grid{padding:20px 0}.char-card .card-body h3{font-size:27px}
 #screen-trophy-road .roster-header{flex-wrap:nowrap;padding:16px}.trophy-track{gap:40px;height:320px}.trophy-reward{width:120px;height:120px}.trophy-reward-name{font-size:22px}.trophy-milestone{font-size:16px;padding:10px 16px}
}
@media(pointer:coarse),(max-width:700px){
 #mobile-controls{display:block}.joystick{width:100px;height:100px;bottom:max(24px,env(safe-area-inset-bottom))}#joystick-move{left:max(18px,env(safe-area-inset-left))}#joystick-aim{right:max(18px,env(safe-area-inset-right))}.btn-super{right:30px;bottom:150px;width:60px;height:60px}.bottom-hud{bottom:max(22px,env(safe-area-inset-bottom));min-width:0;width:140px;padding:9px;gap:6px}.ammo-slots{gap:4px}.ammo{width:16px;height:8px}#super-status{font-size:8px}#minimap{width:80px;height:80px;left:16px;right:auto;bottom:150px}.arena-info{top:76px;width:calc(100% - 24px);max-width:440px;padding:10px;font-size:10px}.top-bar{padding:max(12px,env(safe-area-inset-top)) 12px 12px;gap:10px}.top-bar .blue-team{font-size:12px;padding:10px}.top-bar .timer{font-size:20px;padding:10px}.top-bar .btn-secondary{font-size:11px;padding:10px}
}
@media(max-width:380px){.bottom-hud{width:112px}.joystick{width:84px;height:84px}.health-heading strong{font-size:12px}.resource-badge{font-size:11px;padding:6px}.card-body{padding:9px}.card-body .btn-upgrade{font-size:9px}}
@media(max-height:600px) and (min-width:701px){#screen-home{overflow:auto;min-height:0}.home-left{top:auto}.home-left h1{font-size:32px}.home-left p,.control-tip{display:none}.arena-panel{top:auto}.map-art{height:40px}.room-panel{margin-top:12px}.hero-caption{bottom:auto}.trophy-track{height:260px}.trophy-reward{width:100px;height:100px}.arena-info{top:65px;padding:6px 14px}.bottom-hud{bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:701px){.control-tip{margin-top:12px;line-height:1.7}.home-left h1{font-size:clamp(32px,3.8vw,54px)}}

.joystick::after{color:#fff;text-shadow:0 1px 3px #000,0 0 6px #000}
.auth-tabs{display:flex;gap:8px}.auth-tabs button{flex:1;min-width:0;background:#102544;color:#c8dcff;padding:10px 8px;font-size:12px;box-shadow:none;border:1px solid #52718b}.auth-tabs [aria-pressed=true]{background:#a4f5d2;color:#14263d;border-color:#a4f5d2}.auth-field{display:flex;flex-direction:column;gap:8px}#auth-credentials{display:grid;gap:16px}#auth-status{font-size:12px;line-height:1.5;color:#ffdca8;min-height:0}#auth-status:empty{display:none}.login-panel{gap:16px}.login-panel .brand{margin-bottom:8px}.account-exit{font-size:10px;color:#c8dcff;background:#17283d;border:1px solid #52718b;box-shadow:none;padding:8px}.map-title em{display:block;font-style:normal;font-size:9px;line-height:1.5;font-weight:400;color:#c9d9ee;margin-top:4px}.map-title>small{padding-left:6px}#btn-create-room{width:100%;margin-top:10px;font-size:10px;padding:10px}.room-panel{margin-top:14px}
#screen-room{background:radial-gradient(ellipse at top,#294b64,#101725);padding:30px 5vw;overflow:auto;gap:24px}#lobby-code{letter-spacing:6px}#lobby-status{color:#c8dcff;font-size:14px}#lobby-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lobby-member{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid #52718b;border-radius:14px;background:#152338}.lobby-member img{width:56px;height:56px;border-radius:10px;object-fit:cover}.lobby-member strong{flex:1;overflow-wrap:anywhere;font-size:14px}.lobby-member span{font-size:12px;color:#b9c9dc}.lobby-member .ready{color:#a4f5d2}.lobby-footer{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:18px;padding:20px 0}.lobby-footer p{font-size:13px;color:#b9c9dc;text-align:center}
@media(max-width:700px){#screen-room{padding:20px 16px}#lobby-members{grid-template-columns:1fr}.login-panel h2{font-size:36px}.login-panel{padding:24px 0;min-height:auto}.profile strong{max-width:110px}.map-title em{font-size:8px}.room-panel{margin-top:12px}}
@media(min-width:701px) and (min-height:601px){.arena-panel{top:16%}.map-art{height:60px}.room-panel p{margin-top:6px}.home-left{top:21%}}

/* Touch controls stay below the HUD; menus keep native scrolling. */
#screen-hud { touch-action:none; }
#screen-hud .top-bar { position:relative; z-index:60; pointer-events:none; }
#btn-exit { pointer-events:auto; min-height:44px; }
@media(pointer:coarse),(max-width:700px){
 #mobile-controls { pointer-events:auto; touch-action:none; }
 .bottom-hud { bottom:calc(140px + env(safe-area-inset-bottom)); width:min(150px,calc(100vw - 184px)); pointer-events:none; }
 .btn-super { right:max(26px,env(safe-area-inset-right)); bottom:calc(150px + env(safe-area-inset-bottom)); width:64px; height:64px; }
 .btn-super:disabled { opacity:.4; box-shadow:none; }
 #minimap { left:max(16px,env(safe-area-inset-left)); bottom:calc(150px + env(safe-area-inset-bottom)); width:64px; height:64px; }
 .joystick.active { border-color:#a4f5d2; background:#102238cc; }
 #joystick-aim { border-color:#ffb6bd; }
 #joystick-aim .knob { background:#ffb6bd; }
 .top-bar { padding-left:max(12px,env(safe-area-inset-left)); padding-right:max(12px,env(safe-area-inset-right)); }
 button { min-height:44px; }
 input { font-size:16px; }
}
@media(max-width:700px),(max-height:600px){
 #screen-home { padding-bottom:calc(16px + env(safe-area-inset-bottom)); }
 .play-bar { position:sticky; bottom:0; z-index:3; box-shadow:0 -8px 24px #10172580; }
}
@media(pointer:coarse) and (orientation:landscape){
 .bottom-hud { bottom:max(16px,env(safe-area-inset-bottom)); }
 .arena-info { top:68px; padding:6px 12px; gap:3px; }
}

/* Result summary and rematch lobby share the available viewport height. */
#screen-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:24px;padding:clamp(16px,4vw,48px);background:radial-gradient(ellipse at top,#294b64,#101725 75%);overflow:auto;align-items:center;justify-content:normal}
.result-summary{min-width:0;text-align:left}#result-title{font-size:clamp(26px,4.2vw,54px);line-height:1.05;margin:12px 0;text-align:left;overflow-wrap:anywhere}#result-detail{font-size:clamp(12px,1.5vw,16px);padding:0;text-align:left;line-height:1.5}
#screen-result .rewards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0 0!important}.rewards>div{padding:12px 8px;border:1px solid #52718b;border-radius:12px;background:#101f35}.rewards small{display:block;font-size:9px;letter-spacing:1px;color:#bdcee3}.rewards strong{white-space:nowrap;display:block;font-size:clamp(16px,2.4vw,25px);margin-top:8px}
.result-board{align-self:stretch;min-height:0;display:flex;flex-direction:column;background:#101f35b3;border:1px solid #52718b;border-radius:16px;padding:16px}.result-board h2{font-size:12px;letter-spacing:1px;margin-bottom:12px}#result-fighters{overflow:auto;min-height:0}.result-fighter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 8px;border-bottom:1px solid #ffffff14;font-size:12px}.result-fighter strong{overflow-wrap:anywhere}.result-fighter span{white-space:nowrap;color:#bbcee1;font-size:11px}.result-fighter.is-you{background:#a4f5d214;color:#a4f5d2;border-radius:6px}
.result-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.result-actions p{width:100%;text-align:center;color:#bed4ee;font-size:12px;line-height:1.5}.result-actions button{min-height:44px;max-width:100%;font-size:15px;padding:12px 20px}.result-actions .btn-primary{gap:12px}
@media(max-width:559px){#screen-result{grid-template-columns:1fr;grid-template-rows:auto minmax(110px,1fr) auto;gap:16px;padding:20px 16px}.result-summary{text-align:center}#result-title,#result-detail{text-align:center}.result-board{padding:12px}.result-actions{gap:8px}.result-actions button{flex:1;font-size:12px;padding:12px 8px}.result-actions p{font-size:11px}.rewards>div{padding:8px}}
@media(orientation:landscape) and (max-height:500px){
 #screen-result{padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));gap:12px 20px}#result-title{font-size:clamp(24px,4vw,34px);margin:8px 0}#result-detail{font-size:12px}#screen-result .rewards{margin-top:12px!important}.rewards>div{padding:8px}.rewards strong{font-size:18px;margin-top:4px}.result-board{padding:12px}.result-fighter{padding:8px;font-size:11px}.result-actions{gap:8px}.result-actions p{font-size:11px}.result-actions button{font-size:13px;padding:10px 16px}
 #screen-room{padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));gap:10px}#screen-room .roster-header{flex-wrap:nowrap;align-items:center}#screen-room .roster-header h2{font-size:26px;margin:4px 0}#screen-room .roster-header p,#lobby-status{font-size:11px}#lobby-members{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:auto;min-height:0}.lobby-member{padding:8px;gap:8px}.lobby-member img{width:36px;height:36px}.lobby-member strong{font-size:12px}.lobby-member span{font-size:10px}.lobby-footer{flex-direction:row;justify-content:space-between;padding:0;gap:12px}.lobby-footer p{font-size:11px}.lobby-footer button{font-size:14px;padding:10px 18px;min-height:44px}
}
@media(orientation:landscape) and (max-height:500px) and (min-width:560px){
 #screen-home{grid-template-columns:minmax(120px,.8fr) minmax(110px,.8fr) minmax(240px,1.4fr);grid-template-rows:auto minmax(0,1fr) auto;gap:8px 14px;padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));overflow-y:auto}
 .home-header{grid-column:1/-1;flex-wrap:nowrap;gap:10px}.home-header .brand{font-size:21px}.home-header .profile{order:0;margin-left:0}.home-header .profile small{display:none}.home-header .profile strong{max-width:72px;font-size:10px}.account-exit{padding:6px;font-size:9px}.progression-bar{order:0;width:auto;margin-left:auto;gap:5px}.resource-badge{font-size:10px;padding:6px}.btn-trophy-road{font-size:9px;padding:6px}
 .home-left{grid-column:1;grid-row:2}.home-left h1{font-size:clamp(23px,3.5vw,32px);margin:8px 0}.home-left .btn-secondary{font-size:10px;padding:8px}.selected-character-display{grid-column:2;grid-row:2;min-height:0}.hero-caption{grid-column:2;grid-row:2;margin-bottom:4px}.hero-caption h2{font-size:23px}.hero-caption>span:last-child{font-size:9px;padding:3px 8px}
 .arena-panel{grid-column:3;grid-row:2;min-height:0;overflow:auto}.arena-panel>.eyebrow{font-size:9px}#map-picker{gap:8px}.map-card{margin-top:5px}.map-art{height:26px}.map-title{padding:6px;font-size:10px}.map-title em{display:none}.room-panel{margin-top:8px;padding:8px}.room-panel label{font-size:9px}.room-panel label small{display:none}.room-entry{margin-top:5px;gap:5px}.room-entry input{font-size:16px;padding:6px}.room-entry button{padding:6px;font-size:9px;min-width:50px}#btn-create-room{margin-top:5px;padding:6px;font-size:9px}.room-panel p{font-size:10px;margin-top:5px}
 .play-bar{grid-column:1/-1;grid-row:3;position:relative;padding:8px 12px;margin:0;gap:8px}.play-bar .eyebrow,.play-bar small{display:none}.play-bar strong{font-size:16px;margin:0}.play-bar .btn-primary{font-size:16px;padding:8px 18px;min-height:44px}
}



.login-intro,.login-fields{display:contents}
@media(orientation:landscape) and (max-height:600px){
 #screen-login{display:flex;background:radial-gradient(ellipse at top left,#294b64,#101725 75%);padding:12px max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));overflow:auto;scroll-padding:12px}
 #login-form{align-self:safe center;flex-shrink:0;display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);gap:24px;width:min(900px,100%);min-height:0;margin:auto;padding:0;background:none;box-shadow:none;align-items:center}
 .login-intro{display:flex;flex-direction:column;gap:14px}.login-intro .brand{font-size:26px;margin:0}.login-intro .eyebrow{font-size:9px;letter-spacing:1px}.login-intro h2{font-size:clamp(25px,4vw,38px);line-height:1.08}
 .login-fields{display:flex;flex-direction:column;gap:8px;min-width:0}.auth-tabs{gap:6px}.auth-tabs button{padding:8px 6px;font-size:12px;min-height:44px}
 #auth-credentials{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.auth-field{gap:4px}.login-panel label{font-size:10px;letter-spacing:.6px}.login-panel input{width:100%;min-height:44px;padding:9px 10px;font-size:16px}
 #btn-login{min-height:44px;padding:10px 14px;font-size:15px;justify-content:center;gap:12px}.login-panel small{font-size:10px;line-height:1.4}.login-panel small br{display:none}#auth-status{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
}
@media(orientation:landscape) and (max-height:500px) and (min-width:560px){
 .home-header .brand{flex-shrink:0}.home-header .profile{gap:6px}.home-header .profile strong{max-width:64px;white-space:nowrap}.progression-bar{min-width:0}.resource-badge{padding:6px;gap:4px}
}

@media(orientation:landscape) and (max-height:500px){.home-left .btn-secondary span{margin-left:6px}}

/* Compact lobby: native dialogs keep the character and play action in view. */
#screen-home{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.5fr);grid-template-rows:auto auto minmax(240px,1fr) auto;gap:18px;min-height:0;overflow:auto}
#screen-home .home-header{grid-column:1/-1;grid-row:1}
#screen-home .home-left{position:relative;inset:auto;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;grid-column:1;grid-row:2;align-self:start;z-index:2}
#screen-home .home-left button{padding:12px;font-size:12px;box-shadow:none;background:#1a2d46;border:1px solid #52718b}
#btn-nav-characters{grid-column:1/-1}
#screen-home .selected-character-display{position:relative;inset:auto;grid-column:1/-1;grid-row:3;min-height:240px}
#screen-home .hero-caption{position:relative;inset:auto;transform:none;grid-column:2;grid-row:3;align-self:end;justify-self:end;text-align:right;margin:0 8px 12px;z-index:2}
#screen-home .hero-caption h2{font-size:clamp(30px,5vw,56px)}
#screen-home .play-bar{position:relative;inset:auto;grid-column:1/-1;grid-row:4;margin:0;padding:0;gap:8px;background:none;border:0;box-shadow:none}
.help-button,.dialog-close{background:#223750;color:#d9f8ef;border:1px solid #668898;box-shadow:none;min-width:44px;min-height:44px;font-size:20px}
.help-button{margin-left:auto;border-radius:50%}
.home-dialog{position:fixed;inset:0;margin:auto;width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:22px;color:#f3f7ff;background:#142338;border:1px solid #668898;border-radius:20px;box-shadow:0 24px 80px #0008}
.home-dialog::backdrop{background:#050b18c9}
.home-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.home-dialog h2{font:900 22px Outfit;margin:0}.home-dialog #map-picker{display:grid;grid-template-columns:1fr 1fr;gap:14px}.home-dialog .map-card{width:100%;margin:0;border-width:2px;box-shadow:none}.home-dialog .map-art{height:auto;aspect-ratio:1}.home-dialog .map-title{font-size:13px;padding:12px}.home-dialog .map-title em{display:block;font-size:10px}.home-dialog .room-panel{margin:0;padding:0;border:0;background:none}.home-dialog .room-entry input{width:100%}.home-dialog #btn-create-room{font-size:12px;min-height:48px}.controls-list{display:grid;grid-template-columns:auto 1fr;gap:18px;font-size:14px;line-height:1.6}.controls-list dd{margin:0;color:#c8dcff}
.home-dialog .map-art{background:radial-gradient(circle at center,#f9d79d 0 10%,transparent 11%),repeating-linear-gradient(35deg,transparent 0 24px,#ffe5be30 25px 27px),#d6a164}.home-dialog .map-art.neon{background:radial-gradient(circle at center,#97f3d1 0 10%,transparent 11%),repeating-linear-gradient(135deg,transparent 0 24px,#b7e6a330 25px 27px),#679e78}.home-dialog .map-art i{border-width:1px;border-top:2px solid #ffd29a;border-radius:2px}.home-dialog .map-art.neon i{background:#506aac;border-color:#354773;border-top-color:#b1c9ff}
@media(max-width:700px),(max-height:600px){
 #screen-home{grid-template-columns:minmax(0,1fr) 100px;grid-template-rows:auto auto minmax(200px,1fr) auto;gap:14px;padding:14px 14px max(14px,env(safe-area-inset-bottom))}
 #screen-home .home-left{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:10px}#screen-home .home-left button{font-size:11px;padding:10px}
 #screen-home .selected-character-display{min-height:200px}#screen-home .hero-caption h2{font-size:28px}#screen-home .hero-caption>span:last-child{display:block;font-size:9px;padding:6px;line-height:1.5}
 #screen-home .play-bar{padding:0;gap:8px}#screen-home .play-bar strong{font-size:12px}#screen-home .play-bar .btn-primary{min-width:90px;padding:10px 12px;font-size:13px}.home-dialog{padding:18px}.home-dialog .map-title{padding:9px;font-size:12px}
}
@media(orientation:landscape) and (max-height:600px){
 #screen-home{grid-template-columns:minmax(0,1fr) 170px;grid-template-rows:auto minmax(160px,1fr) auto;gap:10px}
 #screen-home .home-left{grid-column:2;grid-row:2;grid-template-columns:1fr;align-self:center;gap:8px}#btn-nav-characters{grid-column:auto}
 #screen-home .selected-character-display{grid-column:1;grid-row:2;min-height:160px}#screen-home .hero-caption{grid-column:1;grid-row:2;align-self:end;justify-self:start}#screen-home .hero-caption h2{font-size:22px}#screen-home .hero-caption>span{display:none!important}#screen-home .play-bar{grid-row:3}
}

/* Shared compact menu scale; gameplay sizing and colors stay independent. */
.roster-header h2{font-size:clamp(22px,3vw,32px);letter-spacing:-.6px;margin:0}.roster-header .btn-secondary{padding:10px 12px;min-height:44px}.roster-header .eyebrow{font-size:9px}
#screen-characters{padding:16px clamp(12px,3vw,32px);gap:12px}
#character-grid{grid-template-columns:repeat(4,minmax(0,175px));justify-content:center;align-content:start;align-items:start;gap:12px;padding:0;flex:0}
#character-grid .char-card{border-radius:12px;border-width:2px;box-shadow:none}#character-grid .char-card:hover{transform:none}
#character-grid .char-card img{height:86px;aspect-ratio:auto;object-position:center 35%}#character-grid .char-card.locked img{filter:grayscale(1);opacity:.55}
.card-number{top:6px;left:6px;padding:4px 6px;font-size:8px;letter-spacing:.5px}.card-body{padding:9px}.char-card .card-body h3{font-size:22px;margin:3px 0 7px}.character-role{font-size:8px;letter-spacing:.4px}.character-stats{grid-template-columns:1fr 1fr;gap:6px;padding:7px 0;margin:0;font-size:8px}.character-stats b{font-size:12px;margin-top:2px}.special-label{font-size:9px;margin-top:7px}.card-body .btn-upgrade{width:100%;margin:7px 0 0;min-height:44px;padding:7px 4px;background:#ffdd00;color:#111;border:0;border-radius:7px;box-shadow:none;font-size:10px}.card-body .btn-upgrade:disabled{background:#444;color:#ddd}.select-label{font-size:9px;margin-top:6px;padding:7px;line-height:1.2}.card-body .unlock-label{min-height:0;margin:0;color:#ffaa00;font-size:10px;line-height:1.5}.roster-footer{margin-top:auto;padding:10px 0 0;font-size:10px;gap:8px}.roster-footer>span:first-child{max-width:65ch}
#screen-trophy-road{display:flex;flex-direction:column;background:#0a0512}
#screen-trophy-road .roster-header{position:relative;padding:12px 16px;flex-shrink:0;gap:12px;z-index:2}
.trophy-road-container{width:100%;height:auto;flex:1;min-height:0;padding:24px;scroll-padding:24px;scroll-snap-type:x proximity;overflow-y:auto}
.trophy-track{--node-size:112px;gap:24px;height:auto;min-height:220px;padding:12px 0;align-items:center}
.trophy-track::before,.trophy-track::after{left:calc(var(--node-size)/2);right:calc(var(--node-size)/2);top:50%;height:8px;border:0;box-shadow:none;border-radius:8px}
.trophy-track::after{width:calc(100% - var(--node-size));transform:translateY(-50%) scaleX(var(--progress,0));transform-origin:left;background:#a4f5d2}
.trophy-node{width:var(--node-size);flex:none;gap:10px}.trophy-node:hover{transform:none}.trophy-node.locked{opacity:.8;filter:none}.trophy-node.locked .trophy-reward{filter:saturate(.45)}
.trophy-milestone{font-size:12px;letter-spacing:0;padding:7px 12px;border-width:1px;box-shadow:none;line-height:1.2}
.trophy-reward{width:var(--node-size);height:var(--node-size);flex:none;flex-direction:column;gap:4px;border-width:2px;border-radius:14px;box-shadow:none;line-height:1}
.trophy-reward img{width:100%;height:100%;object-fit:cover}.reward-icon{display:block;font-size:34px;line-height:1.15}.reward-amount{font:900 18px/1.2 Outfit,sans-serif}.trophy-reward-name{font-size:12px;line-height:1.3;padding:5px 8px;border-radius:6px;max-width:100%;text-align:center;text-shadow:none}
#screen-room{padding:16px clamp(12px,3vw,32px);gap:14px}.lobby-member{padding:10px;gap:10px}.lobby-member img{width:44px;height:44px}.lobby-footer{gap:12px;padding:12px 0}.lobby-footer .btn-primary{font-size:17px;padding:12px 22px}
#screen-result{padding:clamp(12px,2vw,24px);gap:16px}#result-title{font-size:clamp(24px,3.5vw,40px)}.result-actions button{font-size:13px}.result-board{border-radius:12px}
.home-dialog{border-radius:14px;padding:18px}.home-dialog h2{font-size:20px}.home-dialog header{margin-bottom:14px}.home-dialog .map-art{aspect-ratio:1.3}.home-dialog .map-title em{font-size:10px}.controls-list{gap:12px;font-size:13px}
.touch-controls{display:none}
@media(pointer:coarse),(max-width:700px){.keyboard-controls{display:none}.touch-controls{display:grid}}
@media(max-width:700px){
 #character-grid{grid-template-columns:repeat(2,minmax(0,175px));gap:10px}.roster-header{flex-wrap:nowrap;gap:8px}.roster-header .btn-secondary{font-size:10px}.roster-header h2{font-size:22px}.roster-header .eyebrow{display:none}#screen-characters{padding:12px;gap:12px}.roster-footer{flex-direction:column}.card-body{padding:8px}#character-grid .char-card img{height:68px}.char-card .card-body h3{font-size:20px}.character-stats{gap:5px}.special-label{font-size:8px}
 .trophy-track{--node-size:96px;gap:20px}.trophy-road-container{padding:16px}.reward-icon{font-size:30px}.reward-amount{font-size:16px}
 .login-panel h2{font-size:30px}.login-panel{gap:12px}.login-panel .brand{margin-bottom:0}.login-panel small{font-size:10px}
}
@media(orientation:landscape) and (max-height:600px){
 #character-grid{grid-template-columns:repeat(4,minmax(0,165px));gap:10px}#character-grid .char-card img{height:60px}.roster-footer{flex-direction:row}.trophy-track{--node-size:88px;min-height:180px}.trophy-road-container{padding:12px 20px}.trophy-node{gap:7px}.trophy-reward-name{font-size:11px}.reward-icon{font-size:28px}.reward-amount{font-size:15px}
}

#screen-home .play-bar>div{display:flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid #52718b;border-radius:10px;background:#1a2d46}
#screen-home .play-bar .eyebrow{display:none}#screen-home .play-bar strong{font-size:12px;margin:0}#screen-home .play-bar .btn-primary{min-width:100px;min-height:44px;padding:10px 14px;font-size:13px;gap:12px;box-shadow:none;border-width:1px}
#screen-home .help-button{border-radius:10px;font-size:16px}
#character-grid .char-card.selected{transform:none;box-shadow:none;border-width:2px}
#character-grid .card-body{padding:7px}#character-grid .card-body h3{font-size:19px;margin:3px 0 5px}
#character-grid .character-stats{gap:5px;padding:6px 0}#character-grid .character-stats span{display:flex;justify-content:space-between;align-items:center;gap:3px}#character-grid .character-stats b{font-size:11px;margin:0}
#character-grid .special-label{margin-top:5px}#character-grid .select-label{padding:5px;margin-top:5px;font-size:8px}#character-grid .btn-upgrade{margin-top:6px;font-size:9px}
#map-dialog{width:min(460px,calc(100% - 32px))}.home-dialog .map-art{height:auto;aspect-ratio:1;background:none}.home-dialog .map-art svg{display:block;width:100%;height:100%}.home-dialog .map-title{padding:8px;font-size:12px}.home-dialog .map-title em{font-size:9px;line-height:1.4}

.map-choice{display:flex;flex-direction:column;gap:5px;min-width:0}.map-choice strong{font-size:11px;text-align:center;color:#c8dcff;line-height:1.2}.map-choice button{width:100%}#screen-home .home-left{align-items:end}#screen-home .play-bar{justify-content:flex-end}

/* Desktop keeps its original lobby; touch and short screens retain the compact UI. */
.desktop-intro,.desktop-arena,#screen-home .play-bar>.desktop-play-info{display:none}
@media(min-width:701px) and (min-height:601px) and (pointer:fine){
 #screen-home{display:block;padding:26px 34px;overflow:auto}
 #screen-home .home-left{position:absolute;left:34px;top:21%;display:block;width:24%;max-width:250px}
 .desktop-intro{display:block}#screen-home .home-left h1{font-size:clamp(32px,3.8vw,54px);margin:16px 0}#screen-home .home-left p{display:block;margin-bottom:22px}
 #screen-home .map-choice,#screen-home [data-dialog=room-dialog],#screen-home .help-button{display:none}
 #screen-home .home-left #btn-nav-characters{font-size:14px;padding:14px 18px}#screen-home .control-tip{display:block;margin-top:20px;line-height:1.8}
 #screen-home .selected-character-display{position:absolute;inset:14% 29% 23% 27%;min-height:0}
 #screen-home .hero-caption{position:absolute;inset:auto;left:44%;bottom:23%;transform:translateX(-20%);text-align:center;margin:0}#screen-home .hero-caption h2{font-size:48px}
 .desktop-arena{display:block;position:absolute;right:34px;top:16%;width:240px}#desktop-maps #map-picker{display:block}.desktop-arena .map-card{width:100%;margin-top:12px}.desktop-arena .map-art{height:62px}.desktop-arena .map-art svg{display:block;width:100%;height:100%}.desktop-arena .map-title{padding:8px 10px;font-size:12px}.desktop-arena .map-title em{font-size:9px}.desktop-arena .room-panel{margin-top:14px}.desktop-arena .room-entry input{width:100%}
 #screen-home .play-bar{position:absolute;inset:auto 34px 26px;display:flex;justify-content:space-between;padding:16px 24px;background:#17283ded;border:2px solid #57798e;border-radius:13px;gap:24px}
 #screen-home .play-bar>.desktop-play-info{display:block;background:none;border:0;padding:0;min-height:0}#screen-home .play-bar .eyebrow{display:block}#screen-home .play-bar strong{display:block;font-size:25px;margin:5px 0}#screen-home .play-bar small{font-size:11px}#screen-home .play-bar .btn-primary{min-width:220px;padding:18px 27px;font-size:23px;box-shadow:0 5px #3d8e7d,inset 0 2px #dcfff0}
 #screen-characters{padding:35px 4vw 24px}.roster-header h2{font-size:clamp(30px,4vw,56px)}#character-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:30px 0;flex:1;align-content:center}#character-grid .char-card img{height:auto;aspect-ratio:1.1}#character-grid .card-body{padding:18px}#character-grid .card-body h3{font-size:32px;margin:5px 0 10px}#character-grid .character-stats{padding:14px 0;gap:8px}#character-grid .character-stats span{display:block}#character-grid .character-stats b{font-size:16px;margin-top:5px}#character-grid .special-label{font-size:10px;margin-top:17px}#character-grid .btn-upgrade{font-size:12px}#character-grid .select-label{padding:12px 7px;margin-top:12px}
}
@media(min-width:701px) and (max-width:1000px) and (min-height:601px) and (pointer:fine){.desktop-arena{width:210px;right:18px}#screen-home .home-left{left:18px;width:22%}#screen-home .home-left h1{font-size:32px}#screen-home .home-left #btn-nav-characters{padding:12px 8px;font-size:11px}}

#btn-install{font-size:11px;padding:10px 12px;box-shadow:none}

#elimination-feed{position:fixed;top:145px;left:50%;transform:translateX(-50%);z-index:90;width:min(440px,calc(100% - 28px));display:grid;gap:6px;pointer-events:none}
.elimination-notice{padding:10px 14px;border:1px solid #c57486;border-left:4px solid #ff647c;border-radius:9px;background:#231b30ed;color:#fff;font-size:12px;font-weight:700;line-height:1.4;overflow-wrap:anywhere;box-shadow:0 4px 16px #0004}.elimination-notice.is-you{background:#641f34ed;border-color:#ff8e9e}
#screen-result.was-eliminated #result-title{color:#ff8e9e}
@media(max-width:700px),(max-height:500px){#elimination-feed{top:125px;width:min(380px,calc(100% - 24px))}.elimination-notice{font-size:11px;padding:8px 10px}}
@media(orientation:landscape) and (max-height:500px){#elimination-feed{top:110px;left:12px;transform:none;width:min(290px,40vw)}.elimination-notice{font-size:10px;padding:6px 8px}}

#room-map,#room-mode{width:100%;min-height:40px;padding:8px 12px;border:1px solid #46637f;border-radius:9px;background:#172d43;color:#fff;font:inherit;color-scheme:dark}
@media(min-width:701px) and (min-height:601px) and (pointer:fine){.desktop-arena{max-height:calc(84vh - 140px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:6px}}

#mode-picker{display:grid;gap:10px}.mode-card{display:grid;gap:7px;text-align:left;padding:16px;border:2px solid #46637f;border-radius:12px;background:#172d43;color:white}.mode-card[aria-pressed=true]{border-color:#ffe168}.mode-card span{font-size:12px;line-height:1.5;color:#c8dcff}#selected-mode{font-size:inherit}.room-panel label[for=room-mode],.room-panel label[for=room-map]{display:block;margin-top:8px}
/* Event selection: readable arena artwork, with the existing palette and controls. */
#mode-dialog{width:min(940px,94vw);max-height:92dvh;padding:24px;background:radial-gradient(ellipse at top,#233b61,#111c30 65%);border:2px solid #496287;border-radius:20px}
#mode-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mode-card{padding:0;overflow:hidden;gap:0;border:2px solid #4b6284;border-radius:14px;background:#182a43;box-shadow:0 5px 0 #080f20;text-align:left;transition:border-color .15s,transform .15s}.mode-card:hover{transform:translateY(-2px)}.mode-card[aria-pressed=true]{border-color:#ffe168;box-shadow:0 0 0 2px #ffe16855,0 5px 0 #080f20}.mode-art{height:138px;position:relative;overflow:hidden}.mode-art svg{width:100%;height:100%;display:block}.mode-art img{position:absolute;bottom:-16px;right:0;width:108px;height:108px;object-fit:cover;border-radius:50%;transform:rotate(-10deg);box-shadow:0 5px 20px #10182855}.mode-art img:nth-of-type(2){right:auto;left:-8px;transform:rotate(10deg)}.mode-badge{position:absolute;left:10px;top:10px;padding:5px 8px;background:#101c36d9;border-radius:5px;color:#fff;font-size:9px;letter-spacing:1px}.mode-card>strong{padding:14px 16px 5px;font:900 21px/1.2 Outfit,sans-serif}.mode-card>span{padding:0 16px 16px;min-height:52px;font-size:12px;line-height:1.5;color:#cbd9ec}
.road-summary{display:flex;align-items:center;gap:32px;margin:24px 4vw 0;padding:24px 28px;background:linear-gradient(120deg,#243858,#17243d);border:1px solid #496486;border-radius:16px}.road-summary strong{display:block;font:900 32px Outfit,sans-serif;color:#ffe168}.road-progress-wrap{flex:1;display:grid;gap:10px;color:#c8d8ee;font-size:13px}#road-progress{width:100%;height:10px;accent-color:#a4f5d2;border:0;border-radius:9px;overflow:hidden}#road-progress::-webkit-progress-bar{background:#0b1425}#road-progress::-webkit-progress-value{background:linear-gradient(90deg,#6bbdac,#a4f5d2)}.road-arrows{display:flex;gap:8px}.road-arrows button{min-width:44px;min-height:44px}.trophy-node.next .trophy-milestone{background:#ffe168;color:#18273c;border-color:#ffe168}.trophy-node.reached .trophy-milestone{border-color:#a4f5d2}.trophy-node.next .trophy-reward{outline:3px solid #ffe168;outline-offset:5px}
@media(min-width:901px) and (min-height:601px){#screen-trophy-road{background:radial-gradient(ellipse at 50% 100%,#183749,#0d1427 70%)}.trophy-road-container{padding:28px 4vw;display:flex;align-items:center}.trophy-track{--node-size:170px;gap:48px;min-height:320px;align-items:center}.trophy-node{gap:24px}.trophy-reward{border-radius:20px;background:linear-gradient(145deg,#263750,#121d30);box-shadow:0 14px 24px #0003}.trophy-milestone{font-size:18px;padding:11px 22px}.reward-icon{font-size:48px}.reward-amount{font-size:28px}.trophy-reward-name{font-size:16px;padding:9px 15px}.trophy-track::before,.trophy-track::after{top:31px}.trophy-node.locked{opacity:.65}.trophy-node.next{opacity:1}}
@media(max-width:600px){#mode-dialog{padding:16px}#mode-picker{grid-template-columns:1fr;gap:12px}.mode-art{height:105px}.mode-card>strong{font-size:19px;padding-top:10px}.mode-card>span{min-height:0;padding-bottom:12px}.road-summary{margin:12px 16px 0;padding:14px;gap:14px}.road-summary strong{font-size:22px}.road-progress-wrap{font-size:10px}.road-arrows{display:none}}
@media(max-height:500px){#mode-dialog{padding:12px 18px}#mode-dialog header{margin-bottom:12px}.mode-art{height:90px}.mode-card>strong{font-size:17px;padding:9px 12px 3px}.mode-card>span{font-size:11px;padding:0 12px 10px;min-height:0}.road-summary{margin:8px 20px 0;padding:10px 16px;gap:20px}.road-summary strong{font-size:21px}.road-arrows button{min-height:32px;padding:5px 12px}}
@media(max-width:700px),(pointer:coarse){#screen-home #btn-nav-characters{grid-column:auto}}
@media(orientation:landscape) and (max-height:500px){#mode-picker{gap:12px}.mode-art{height:58px}.mode-art img{width:88px;height:88px;bottom:-23px}.mode-card>strong{font-size:16px;padding:8px 12px 2px}.mode-card>span{font-size:10px;line-height:1.35;padding:0 12px 8px}.mode-badge{font-size:8px;padding:4px 6px;top:6px;left:6px}}
/* A single event screen and a character-first lobby. */
#screen-modes{display:flex;flex-direction:column;padding:28px clamp(18px,5vw,80px);gap:18px;background:radial-gradient(ellipse at top,#263b5a,#101827 70%);overflow:auto}#screen-modes .roster-header{position:static;padding:0;flex:none;background:none;border:0}#mode-context{margin:0;color:#b4c6dd;font-size:13px}#screen-modes #mode-picker{width:100%;max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:8px 0 20px}#screen-modes .mode-art{height:clamp(100px,20vh,200px)}#screen-modes .mode-art img{width:155px;height:155px;bottom:-18px}#screen-modes .mode-card>strong{font-size:clamp(20px,2.2vw,30px)}#screen-modes .mode-card>span{font:400 14px/1.5 Arial,sans-serif;min-height:48px} .mode-map-name{display:block;padding:10px 16px;background:#0b1628;color:#a4f5d2;font:600 12px Arial,sans-serif;font-style:normal}
#screen-home .home-left{grid-template-columns:1fr 1fr}#screen-home .play-bar .event-entry{display:grid;gap:4px;min-width:0;flex:1;text-align:left;padding:12px 18px;border:1px solid #57798e;border-radius:12px;background:#17283d;color:#fff;box-shadow:none}#screen-home .event-entry small{font-size:9px;color:#a4f5d2;letter-spacing:1px}#screen-home .event-entry strong{font-size:20px;margin:0}#screen-home .event-entry span{font:400 12px Arial,sans-serif;color:#b8cce0}.room-event-summary{margin:20px 0 12px;padding:16px;border:1px solid #52718b;border-radius:12px;background:#1b3049;display:grid;gap:8px}.room-event-summary small,.lobby-event small{font-size:10px;color:#9bb8d8;letter-spacing:1px}.room-event-summary strong{font-size:21px}.room-event-summary span{font-size:13px;color:#a4f5d2}.room-event-summary button{margin-top:6px}.lobby-event{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;background:#1b3049;border:1px solid #52718b;border-radius:14px}.lobby-event>div{display:grid;gap:8px}.lobby-event strong{font-size:24px}.lobby-event span{font:400 13px/1.5 Arial,sans-serif;color:#c1d3e8}#screen-room{gap:16px}
@media(min-width:701px) and (min-height:601px) and (pointer:fine){#screen-home{padding:24px 36px;overflow:hidden}#screen-home .home-left{left:36px;top:35%;width:190px;display:grid;grid-template-columns:1fr;gap:14px}#screen-home [data-dialog=room-dialog],#screen-home .help-button{display:block}#screen-home .home-left button,#screen-home .home-left #btn-nav-characters{min-height:56px;padding:14px;font-size:13px;border-radius:12px}#screen-home .selected-character-display{inset:12% 15% 20% 22%}#screen-home .hero-caption{left:auto;right:7%;bottom:27%;transform:none;text-align:right}#screen-home .hero-caption h2{font-size:52px}#screen-home .play-bar{left:28%;right:36px;bottom:26px;gap:12px;border:0;padding:0;background:none;box-shadow:none}#screen-home .play-bar .btn-primary{min-width:180px;min-height:86px;padding:18px 24px;font-size:23px}#screen-home .play-bar .event-entry{min-height:86px}#screen-home .help-button{min-width:44px;min-height:44px}#screen-home .home-header{position:relative;z-index:3}}
@media(max-width:700px){#screen-modes{padding:16px;gap:12px}#screen-modes #mode-picker{grid-template-columns:1fr;gap:14px}#screen-modes .mode-art{height:105px}#screen-modes .mode-art img{width:120px;height:120px}#screen-modes .mode-card>span{font-size:12px;min-height:0}#screen-home .play-bar .event-entry{padding:9px 10px}#screen-home .event-entry strong{font-size:14px}#screen-home .event-entry small{font-size:7px;letter-spacing:0}#screen-home .event-entry span{font-size:10px}.lobby-event{padding:12px;gap:10px}.lobby-event strong{font-size:18px}.lobby-event span{font-size:11px}.lobby-event button{font-size:10px;padding:9px;min-width:95px}}
@media(orientation:landscape) and (max-height:600px){#screen-modes{padding:12px 24px;gap:8px}#screen-modes #mode-picker{grid-template-columns:1fr 1fr;gap:12px;margin:0 auto}#screen-modes .mode-art{height:62px}#screen-modes .mode-art img{height:100px;width:100px}#screen-modes .mode-card>strong{font-size:18px;padding-top:7px}#screen-modes .mode-card>span{font-size:11px;min-height:0;padding-bottom:8px}.mode-map-name{padding:7px 12px;font-size:10px}#mode-context{font-size:11px}.lobby-event{padding:10px 14px}.lobby-event strong{font-size:18px}.lobby-event>div{gap:3px}#screen-home .play-bar .event-entry{max-width:360px;min-height:48px;padding:7px 12px}#screen-home .event-entry strong{font-size:15px}#screen-home .event-entry small{font-size:8px}#screen-home .event-entry span{font-size:10px}}

/* Trophy totals stay beside the existing trophy road; no extra lobby row. */
#btn-leaderboard{cursor:pointer;min-height:44px}.ranking-label{font-size:9px;color:#b9ccdf}#character-trophies{display:block;margin-top:8px;color:#ffe168;font:700 12px Arial,sans-serif}.character-cups{position:absolute;right:10px;top:38px;padding:5px 8px;border-radius:8px;background:#102039ed;color:#ffe168;font:700 12px Arial,sans-serif}
#screen-leaderboard{padding:28px clamp(16px,5vw,72px);overflow:auto;background:radial-gradient(ellipse at top,#263b5a,#101827 70%)}#screen-leaderboard .roster-header{padding:0;background:none;border:0}#screen-leaderboard h2{font-size:clamp(22px,4vw,44px)}.leader-toolbar{display:flex;align-items:end;gap:14px;margin:22px auto 12px;max-width:900px}.leader-toolbar label{flex:1;display:grid;gap:8px;font-size:10px;color:#b9ccdf;letter-spacing:1px}.leader-toolbar select{width:100%;min-height:46px;background:#192d46;color:#fff;border:1px solid #668898;border-radius:10px;padding:10px;font:600 15px Arial,sans-serif}#leader-self,#leader-status,#leader-list{max-width:900px;margin:12px auto}#leader-self{padding:16px;border:1px solid #91e5c5;border-radius:12px;background:#193b40;color:#b4ffdb;font:700 15px Arial,sans-serif}#leader-status{min-height:20px;font:400 13px/1.5 Arial,sans-serif;color:#b9ccdf}#leader-list{list-style:none;padding:0;display:grid;gap:8px}.leader-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;background:#1a2c44;border:1px solid #3a526f;border-radius:12px}.leader-row>span{color:#9db5cf;font-size:20px}.leader-row strong{overflow-wrap:anywhere;font:700 16px Arial,sans-serif}.leader-row>b{white-space:nowrap;font:700 16px Arial,sans-serif;color:#ffe168}.leader-row:nth-child(-n+3)>span{color:#ffe168}.leader-row.is-you{border-color:#a4f5d2;background:#20443f}
@media(max-width:700px){.ranking-label{display:none}#screen-leaderboard{padding:16px}.leader-toolbar{margin-top:16px}.leader-row{padding:12px;grid-template-columns:28px minmax(0,1fr) auto;gap:8px}.leader-row strong,.leader-row>b{font-size:13px}#character-trophies{font-size:10px;margin-top:5px}.character-cups{font-size:10px;top:32px}#screen-leaderboard .roster-header{gap:12px}#screen-leaderboard .roster-header button{padding:10px;font-size:10px;white-space:nowrap}}
@media(max-height:500px){#screen-leaderboard{padding:12px 24px}#screen-leaderboard h2{font-size:24px}.leader-toolbar{margin-top:12px}#leader-self{padding:10px}.ranking-label{display:none}}

@media(orientation:landscape) and (max-height:600px){#screen-home .home-left{grid-template-columns:1fr}}

#screen-leaderboard .leader-toolbar,#leader-self,#leader-status,#leader-list{width:min(900px,100%)}

/* Compact icon navigation and shared account screens. */
.icon-button{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px!important;gap:0!important;flex-shrink:0}.icon-button svg{width:24px;height:24px;pointer-events:none}.home-left .icon-button{width:100%}.profile #btn-profile{display:inline-flex!important;min-width:44px}.home-header .profile{flex-shrink:0}.leader-name,.friend-name{background:none;border:0;box-shadow:none;color:inherit;text-align:left;min-width:0;overflow-wrap:anywhere;text-transform:none;font:700 15px Arial,sans-serif}.leader-name:hover,.friend-name:hover{text-decoration:underline}.hub-screen{display:flex;flex-direction:column;align-items:stretch;padding:24px clamp(16px,4vw,60px);gap:20px;overflow:auto;background:radial-gradient(ellipse at top,#263b5a,#101827 70%)}.hub-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.hub-header h2{font:900 clamp(24px,4vw,42px) Outfit;margin:0}.hub-content{width:100%;max-width:1100px;margin:0 auto;min-width:0}.hub-actions{display:flex;gap:10px;margin:16px 0}#profile-card{border:1px solid #55758c;border-radius:18px;padding:24px;background:linear-gradient(120deg,#203c57,#172337)}#profile-card h3{font-size:30px;margin:0;overflow-wrap:anywhere}#profile-card>p{color:#a4f5d2;letter-spacing:2px}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.profile-stats>div{display:grid;gap:8px;background:#101d30;padding:16px;border-radius:12px}.profile-stats small{font-size:10px;color:#b4c6dd}.profile-stats strong{font-size:30px;color:#ffe168}.profile-characters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.profile-hero{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:8px;padding:12px;border-radius:12px;background:#1a2c44;min-width:0}.profile-hero img{width:52px;height:52px;border-radius:10px;grid-row:span 2}.profile-hero span,.profile-hero b{font-size:12px}.profile-hero b{color:#ffe168}#profile-account{display:flex;justify-content:end;padding:14px 0}#friend-search>div{display:flex;gap:10px;margin-top:8px}#player-tag{flex:1;width:0}#friend-search label{font-size:11px;color:#b4c6dd}#friend-status{color:#a4f5d2;font-size:13px;margin:18px 0}#friend-lists{display:grid;gap:24px}#friend-lists h3{font-size:14px;margin-bottom:12px}#friend-lists section>p{font:400 13px Arial;color:#b4c6dd}.friend-row{display:flex;gap:10px;align-items:center;background:#1a2c44;padding:10px;border-radius:12px;margin-bottom:8px}.friend-name{flex:1;min-height:44px}.shop-balance{padding:14px 18px;background:#162b43;border:1px solid #466482;border-radius:12px;font:700 16px Arial}.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}.shop-card{position:relative;background:linear-gradient(160deg,var(--hero-color,#4ca9a4),#17314e 72%);border:2px solid #607ea0;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-width:0;box-shadow:0 6px #0c1423}.shop-card>img{width:100%;aspect-ratio:1.1;object-fit:cover}.shop-card h3{font-size:24px;margin:12px 14px 6px}.shop-card p{font:400 12px/1.5 Arial,sans-serif;color:#edf5ff;padding:0 14px;margin:0 0 14px;min-height:54px}.shop-card>.btn-primary{margin:auto 10px 12px;min-height:48px;font-size:16px;padding:10px 14px;justify-content:center;gap:10px}.shop-card button:disabled{opacity:.65}.shop-ribbon{position:absolute;top:12px;left:0;background:#ffe168;color:#172337;padding:7px 12px;font-size:9px;font-weight:900;border-radius:0 8px 8px 0}.currency-offer{grid-column:span 2;padding:20px}.currency-offer>strong{font-size:45px}.currency-offer p{min-height:0}.currency-offer>.btn-primary{width:100%;margin:12px 0 0}.team-picker{display:flex;gap:10px;align-self:center}.team-picker button{min-width:70px;min-height:44px;background:#1b3049;padding:8px;font-size:22px}.team-picker button[aria-pressed=true]{border-color:#ffe168;box-shadow:0 0 0 2px #ffe168}.team-blue{border-left:5px solid #57beff!important}.team-red{border-left:5px solid #ff7184!important}#screen-room{overflow:auto}#lobby-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0;overflow:auto;align-content:start}.lobby-member{min-width:0;cursor:pointer;margin:0!important;padding:12px!important}.lobby-member strong{overflow-wrap:anywhere;font-size:13px}.lobby-member span{font-size:10px}.lobby-event{flex-shrink:0}.lobby-footer{flex-shrink:0}.road-claim{align-self:center;background:#a4f5d2;color:#122440;margin-top:8px}.road-claim:disabled{opacity:.45}.trophy-road-container{touch-action:pan-x;scrollbar-width:thin}.trophy-node{flex-shrink:0}#kill-count{background:#18283fe8;border:1px solid #5f728d;border-radius:10px;padding:8px 12px;color:#ffe168;white-space:nowrap;font:700 15px Arial,sans-serif}.top-bar{flex-wrap:wrap;gap:6px}#screen-home .hero-caption #character-trophies{display:block!important}.character-cups{z-index:2}.shop-card button:focus-visible,.leader-name:focus-visible,.friend-name:focus-visible{outline:3px solid #a4f5d2;outline-offset:2px}
@media(min-width:701px) and (min-height:601px) and (pointer:fine){#screen-home .home-left{width:76px;top:29%}#screen-home .home-left button{min-height:58px}#screen-home .selected-character-display{inset:12% 15% 20% 15%}}
@media(max-width:700px){#screen-home .home-left{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hub-screen{padding:16px;gap:14px}.profile-characters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.profile-hero{padding:8px;grid-template-columns:40px 1fr}.profile-hero img{width:40px;height:40px}.profile-hero span,.profile-hero b{font-size:10px}.profile-stats{gap:8px}.profile-stats>div{padding:12px}.profile-stats strong{font-size:25px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shop-card h3{font-size:20px}.shop-card p{font-size:11px;padding:0 10px;min-height:80px}.shop-card>.btn-primary{font-size:13px;padding:8px;gap:5px}.currency-offer{grid-column:span 1;padding:12px}.currency-offer p{min-height:0}.shop-balance{font-size:13px}.lobby-member{display:flex;flex-wrap:wrap;gap:6px!important}.lobby-member img{width:36px;height:36px}.lobby-member strong{font-size:11px;flex:1;min-width:55px}.lobby-member span{width:100%}#kill-count{padding:5px 8px;font-size:11px}.top-bar .team-score{font-size:12px;padding:6px 8px}.top-bar .timer{font-size:13px}.top-bar .icon-button{min-width:36px;min-height:36px;padding:6px!important}}
@media(orientation:landscape) and (max-height:600px){#screen-home .home-left{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#screen-room{padding:10px 20px;gap:8px}#screen-room .roster-header{padding:0}#screen-room .roster-header h2{font-size:24px}.lobby-event span,.lobby-footer p{display:none}.lobby-event{padding:8px 12px}.lobby-event strong{font-size:16px}#lobby-status{font-size:11px;margin:0}.team-picker{position:absolute;top:68px;right:22px;z-index:1}.team-picker button{min-width:44px}.lobby-event{padding-right:116px}.lobby-member{padding:7px!important}.lobby-footer{padding:0}.lobby-footer button{min-height:40px}.hub-screen{padding:12px 24px}.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-card>img{aspect-ratio:1.6}.shop-card p{min-height:60px}.profile-characters{grid-template-columns:repeat(4,minmax(0,1fr))}#kill-count{font-size:11px;padding:5px 8px}}
/* Compact social controls share the existing palette. */
.player-avatar{width:44px;height:44px;object-fit:cover;border-radius:12px;border:2px solid #8eb4cf;flex-shrink:0}#btn-profile{padding:0!important;overflow:hidden}#btn-profile .player-avatar{width:100%;height:100%;border:0}#profile-card>.player-avatar{width:84px;height:84px;float:left;margin-right:18px}.profile-hero.selected{outline:2px solid #ffe168}.profile-hero[role=button]{cursor:pointer}.leader-name,.friend-name{display:flex;align-items:center;gap:12px;min-width:0;text-align:left}.leader-row{border-radius:14px;padding:12px 18px!important;background:linear-gradient(100deg,#203d58,#13263c);margin:8px 0;border:1px solid #47647b}.leader-row.podium{border-color:#b8a35b;background:linear-gradient(100deg,#3f3b30,#152d46)}.leader-row>span{font-size:22px;color:#ffe168}.leader-row .leader-name{font-size:16px}.leader-row b{white-space:nowrap}.has-notice:after{content:'';position:absolute;right:3px;top:3px;width:10px;height:10px;background:#ff7184;border-radius:50%}.has-notice{position:relative}.friend-row>span{flex:1;min-width:0;overflow-wrap:anywhere}.friend-row .icon-button{flex-shrink:0}.clan-member{width:100%;padding:10px;margin:8px 0;background:#19334e;border-radius:10px}.hub-content form{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.hub-content form label{width:100%;font-size:13px}.hub-content form input{flex:1;min-width:100px;background:#102237;color:white;border:1px solid #587591;padding:12px;border-radius:8px}#chat-content{display:flex;flex-direction:column;overflow:hidden}#chat-messages{flex:1;overflow:auto;min-height:80px;padding:12px;background:#102237;border-radius:12px}#chat-messages p{padding:10px;margin:4px 0;background:#213c56;border-radius:8px;overflow-wrap:anywhere;font:14px/1.5 Arial}#chat-messages b{color:#a4f5d2}#chat-form{flex-shrink:0;margin:12px 0 0}.lobby-footer{display:flex!important;gap:8px!important;align-items:center;justify-content:center}.lobby-footer p{display:none!important}#screen-room .lobby-event{min-height:0!important;padding:8px 12px!important;gap:10px!important;max-width:100%;border-radius:10px}#screen-room .lobby-event small,#screen-room #lobby-mode-rule{display:none!important}#screen-room .lobby-event strong{font-size:18px!important}#screen-room .lobby-event button{min-height:36px;min-width:40px;padding:6px!important}#screen-room .team-picker{position:static!important;align-self:center}#screen-room #lobby-map{font-size:11px;margin:3px 0}#screen-room .roster-header{margin-bottom:0}#screen-room{gap:8px!important}#kill-count{display:flex!important;align-items:center;gap:6px;font-size:18px!important}#kill-count>span{font-size:24px}#screen-home .home-left{grid-template-columns:repeat(5,minmax(0,1fr))}.roster-header #btn-suggest-hero,.roster-header #btn-suggest-mode{margin-left:8px}.joystick#joystick-aim .knob:after{content:'⌖';font-size:30px;color:white}.joystick#joystick-aim>span{font-size:0}.joystick#joystick-aim>span:after{content:'NİŞAN · BIRAK ATEŞ';font-size:9px}
@media(min-width:701px) and (min-height:601px) and (pointer:fine){#screen-home .home-left{display:flex;flex-direction:column;top:24%;gap:8px}#screen-home .home-left button{min-height:48px}}
@media(max-width:700px){.leader-row{padding:8px!important;gap:8px!important}.leader-row .leader-name{font-size:12px;gap:8px}.leader-row .player-avatar{width:34px;height:34px}.leader-row>span{font-size:16px}.leader-row b{font-size:12px}.friend-name{font-size:12px;gap:6px}.friend-row{gap:6px;flex-wrap:wrap}.friend-row .player-avatar{width:32px;height:32px}.lobby-footer .icon-button{min-width:40px;min-height:40px;padding:6px!important}#kill-count{font-size:13px!important;padding:4px 8px}#kill-count>span{font-size:19px}}
@media(orientation:landscape) and (max-height:600px){#screen-home .home-left{grid-template-columns:repeat(2,minmax(0,1fr))}#screen-room .lobby-event{align-self:flex-start;width:calc(100% - 120px);height:40px}#screen-room .team-picker{position:absolute!important;top:65px;right:20px}.lobby-footer button{min-height:36px!important}#screen-room .roster-header h2{font-size:20px}#screen-room #lobby-members{gap:6px}.lobby-member img{width:30px;height:30px}}
#btn-profile{width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px}#btn-profile .player-avatar{display:block;width:40px;height:40px}#screen-home .home-header{flex-shrink:0}
/* Consistent icon-only lobby controls, with room actions grouped in one toolbar. */
#screen-home .home-left{width:auto;max-width:none;gap:10px}#screen-home .home-left .icon-button,#screen-room .icon-button{width:48px;height:48px;min-width:48px;min-height:48px;max-height:48px;padding:10px!important;border-radius:12px;border:1px solid #65839b;background:linear-gradient(#28465f,#1a3047);box-shadow:0 3px #0b1929;color:#eef8ff;transform:none}#screen-home .home-left .icon-button:hover,#screen-room .icon-button:hover{background:#355873}#screen-home .home-left .icon-button:focus-visible,#screen-room button:focus-visible{outline:3px solid #a4f5d2;outline-offset:3px}#screen-home .home-left .icon-button svg,#screen-room .icon-button svg{width:24px;height:24px}#screen-room #btn-ready{background:#a4f5d2;border-color:#c4ffe7;color:#10283b}#screen-room .lobby-footer{align-self:center;width:auto;background:#12283ce8;padding:10px!important;border:1px solid #405f77;border-radius:16px;gap:12px!important;margin-top:auto}#screen-room .team-picker button{width:44px;height:44px;min-width:44px;min-height:44px;padding:8px;border-radius:12px;box-shadow:none}#screen-room .team-picker button[aria-pressed=true]{outline:2px solid #ffe168;outline-offset:1px;box-shadow:none}#screen-room .lobby-event{display:flex;align-items:center;justify-content:space-between}#screen-room #btn-lobby-mode{width:40px;height:40px;min-width:40px;min-height:40px}#screen-home .home-left{justify-items:center}#screen-home .home-left .icon-button{width:48px!important}#screen-home .event-entry{min-width:0}#screen-home .event-entry small{font-size:9px}
@media(min-width:701px) and (min-height:601px) and (pointer:fine){#screen-home .home-left{width:68px;padding:10px;left:28px;top:25%;background:#122238a6;border:1px solid #38536a;border-radius:18px;align-items:center}}
@media(max-width:700px){#screen-home .home-left{display:grid;grid-template-columns:repeat(5,48px);justify-content:center;gap:8px}#screen-room .lobby-footer{gap:10px!important;padding:8px!important}#screen-room .lobby-footer .icon-button{width:44px;height:44px;min-width:44px;min-height:44px}#screen-room .roster-header{gap:12px}}
@media(orientation:landscape) and (max-height:600px){#screen-home .home-left{grid-template-columns:repeat(2,44px);justify-content:start;gap:8px}#screen-home .home-left .icon-button{width:44px!important;height:44px;min-width:44px;min-height:44px}#screen-room .lobby-footer{padding:6px!important;gap:10px!important}#screen-room .lobby-footer .icon-button{width:40px;height:40px;min-width:40px;min-height:40px}#screen-room .team-picker{top:64px}#screen-room .team-picker button{height:40px;min-height:40px}}
.fighter-name{position:absolute;top:0;left:0;z-index:3;pointer-events:none;white-space:nowrap;font:800 15px/1.25 Arial,sans-serif;color:#fff;background:#101c2ddb;padding:3px 7px;border:1px solid #ffffff59;border-radius:6px;text-shadow:0 1px 2px #000;will-change:transform}.fighter-name[hidden]{display:none}dialog.social-modal{inset:0;margin:auto;width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #62829b;border-radius:20px;background:#14263b;color:white;box-shadow:0 24px 80px #0009;overflow:auto}dialog.social-modal::backdrop{background:#07111dc9}dialog.social-modal>.screen{position:static;inset:auto;width:100%;height:auto;min-height:0;max-height:none;padding:24px;overflow:visible;box-sizing:border-box}dialog.social-modal .hub-header{position:sticky;top:0;background:#172d43;padding:10px 0;z-index:2}dialog.social-modal .hub-header h2{font-size:25px}dialog.social-modal .hub-content{min-height:0}#friend-search{padding:18px;background:#233e56;border:1px solid #53728b;border-radius:14px}#friend-search>div{display:flex;width:100%;gap:10px}#friend-search input{min-width:0;flex:1;width:auto}#friend-lists>section{background:#102238;border:1px solid #344f69;border-radius:14px;padding:14px;margin:12px 0}#friend-lists h3{font-size:12px;letter-spacing:1px;color:#a4f5d2;margin:0 0 12px}#friend-lists section>p{color:#9fbbd0;font-size:13px;padding:12px;margin:0}#friend-lists .friend-row{background:#213b53;border:0;padding:10px;border-radius:10px;margin:8px 0}#friend-status{color:#b8cedf;font-size:12px}#clan-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-content:start}#clan-content>form{display:grid;grid-template-columns:minmax(0,1fr) 48px;align-content:center;gap:16px;padding:28px;background:linear-gradient(145deg,#294b65,#14293d);border:1px solid #63869c;border-radius:20px;min-height:220px;margin:0}#clan-content>form label{grid-column:1/-1;color:#a4f5d2;font-size:16px;font-weight:800}#clan-content>form input{width:100%;min-width:0;box-sizing:border-box}#clan-content>h3{grid-column:1/-1;font-size:32px;margin:0;padding:24px;border-radius:16px;background:linear-gradient(120deg,#35647b,#25364c);border:1px solid #6e91a5}#clan-content>p{font-size:15px;align-self:center;margin:0;color:#a4f5d2}#clan-content>button.icon-button{justify-self:end}#clan-content .clan-member{margin:0;padding:16px;border:1px solid #3d607a;border-radius:14px;min-height:76px;box-sizing:border-box}#clan-content .clan-member:hover{background:#2a4961}#profile-card>.player-avatar{float:none;margin:0 0 12px}#profile-card h3{font-size:24px}
@media(max-width:600px){dialog.social-modal>.screen{padding:14px}dialog.social-modal .hub-header h2{font-size:22px}#friend-search{padding:12px}#friend-lists>section{padding:10px}#clan-content{grid-template-columns:1fr;gap:12px}#clan-content>form{min-height:170px;padding:20px}#clan-content>h3{font-size:25px;padding:18px}.fighter-name{font-size:15px}#clan-content>button.icon-button{justify-self:start}}
@media(orientation:landscape) and (max-height:600px){dialog.social-modal{max-height:calc(100dvh - 12px)}dialog.social-modal>.screen{padding:12px 20px}#clan-content{grid-template-columns:repeat(2,minmax(0,1fr))}#clan-content>form{min-height:140px;padding:18px}.fighter-name{font-size:14px}}
.btn-trial{position:absolute;top:44px;right:10px;z-index:4;width:44px;height:44px;border:1px solid #b9e5ed;border-radius:12px;background:#173d51ed;color:#b4fff0;box-shadow:0 3px #0c202e}.char-card.locked .btn-trial{filter:none;opacity:1;pointer-events:auto}.btn-trial:disabled{opacity:.4}.friend-tag-card{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:6px 14px;align-items:center;padding:16px 18px;margin-bottom:16px;border-radius:15px;background:linear-gradient(120deg,#265b65,#20394f);border:1px solid #69a1a4}.friend-tag-card[hidden]{display:none}.friend-tag-card>span{font:700 10px Arial;letter-spacing:1.5px;color:#b9edeb}.friend-tag-card>strong{grid-column:1;font:800 23px Arial;letter-spacing:2px;color:#efffff}.friend-tag-card>button{grid-column:2;grid-row:1/3;border-radius:10px;background:#142d40;color:#baffec;border:1px solid #73a5ad}#friend-search{margin-bottom:12px}#friend-search label{font-size:11px;color:#c2d8e8}#friend-search input{font-size:16px;min-height:44px}#friend-search button{width:44px;min-height:44px;border-radius:10px;background:#a4f5d2;color:#102a3a}#friend-lists .friend-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center}#friend-lists .friend-name{overflow-wrap:anywhere;width:100%;font-size:13px;line-height:1.4}#friend-lists .friend-row>.icon-button{width:40px;height:40px;min-width:40px;min-height:40px;border:1px solid #5c809a;border-radius:10px;background:#19364d;color:white;padding:8px!important}#friend-lists [data-friend-group=sent]>p{padding:6px}#friend-lists section>p{border:1px dashed #3c5971;border-radius:8px;text-align:center}
@media(max-width:700px),(max-height:600px){.hub-screen{padding:12px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));gap:12px}.hub-header{gap:8px}.hub-header h2{font-size:clamp(20px,5vw,30px)}.roster-header{gap:8px;flex-wrap:wrap;align-items:center;flex-shrink:0}.roster-header>div{flex:1;min-width:110px}.roster-header h2{font-size:clamp(20px,5vw,30px);line-height:1.1;overflow-wrap:anywhere}.roster-header .eyebrow{font-size:9px}.roster-header .icon-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:8px!important;margin:0!important}#screen-characters,#screen-modes,#screen-leaderboard,#screen-clan{box-sizing:border-box;max-width:100vw;overflow-y:auto;overflow-x:hidden}#screen-modes #mode-picker{min-height:0;align-content:start}#screen-leaderboard .leader-row{min-width:0}#screen-leaderboard .leader-name{overflow-wrap:anywhere}#screen-leaderboard .leader-controls{min-width:0}#screen-leaderboard select{max-width:100%;min-width:0;font-size:14px}.home-dialog{box-sizing:border-box;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);overflow:auto}.social-modal .profile-stats strong{font-size:24px}.social-modal .profile-stats small{font-size:9px}.friend-tag-card{padding:12px}.friend-tag-card>strong{font-size:21px}#friend-lists .friend-name .player-avatar{width:34px;height:34px}#clan-content .clan-member{font-size:13px;min-width:0}.shop-card p{overflow-wrap:anywhere}#screen-chat .hub-content{min-height:0;flex:1}#screen-chat{height:100dvh;overflow:hidden}#chat-form input{font-size:16px;min-width:0}.roster-footer{flex-wrap:wrap;gap:8px;font-size:10px}}
@media(max-width:360px){#friend-lists .friend-row{gap:5px;padding:8px}#friend-lists .friend-name{gap:5px;font-size:12px}#friend-lists .friend-name .player-avatar{width:28px;height:28px}#friend-lists .friend-row>.icon-button{width:36px;min-width:36px}#profile-card{padding:16px}.profile-characters{gap:6px}.shop-card h3{font-size:18px}.shop-card p{font-size:11px}.friend-tag-card>strong{font-size:18px}}
@media(orientation:landscape) and (max-height:600px){#screen-modes,#screen-characters,#screen-leaderboard{padding:12px 18px}.roster-header h2{font-size:22px}#mode-context{font-size:11px;margin:4px 0}#screen-characters .roster-header{position:sticky;top:0;background:#172b40;z-index:5;padding:4px 0}.social-modal #profile-card>.player-avatar{width:52px;height:52px}.friend-tag-card{margin-bottom:10px}.hub-content form{margin-bottom:10px}}
/* Quiet match HUD: status appears only when it changes a decision. */
#screen-hud .top-bar{flex-wrap:nowrap;gap:8px;align-items:center}#screen-hud .team-score,#screen-hud .timer,#screen-hud #kill-count{background:#102236b8;border:0;border-radius:8px;box-shadow:none;color:#eef8ff;font:700 14px Arial!important;padding:8px 10px;min-height:0}#screen-hud #kill-count>span{font-size:18px}#screen-hud #btn-exit{background:#102236b8;border:1px solid #66809366;box-shadow:none;border-radius:10px;width:40px;height:40px;min-width:40px;min-height:40px;padding:8px!important}#screen-hud .arena-info{background:#102236c9;border:0;box-shadow:none;padding:7px 12px;gap:0;border-radius:9px;width:auto;max-width:calc(100% - 32px);font-size:11px;pointer-events:none}#screen-hud .arena-info.quiet{display:none}#screen-hud #pulse-status{display:none}#screen-hud #zone-status{font:700 11px/1.4 Arial;color:#eef8ff;letter-spacing:0}#screen-hud .bottom-hud{background:#102236b8;border:0;box-shadow:none;border-radius:10px;padding:9px 11px}#screen-hud .health-heading>span,#screen-hud #super-status{display:none}#screen-hud .health-heading{justify-content:center;margin-bottom:4px}#screen-hud .health-heading strong{font:700 12px Arial}#screen-hud .health-track{height:6px;border:0;box-shadow:none}#screen-hud .ammo-slots{margin-top:6px;gap:4px}#screen-hud .ammo{height:6px;box-shadow:none;border-width:1px}#screen-hud #minimap{opacity:.7;border:1px solid #819caa55;border-radius:8px;box-shadow:none}#screen-hud .joystick{opacity:.52;box-shadow:none;border:1px solid #d1efee80;background:#162e4266}#screen-hud .joystick.active{opacity:.95}#screen-hud .joystick:before,#screen-hud .joystick:after{display:none}#screen-hud .joystick .knob{box-shadow:none}#screen-hud #btn-super{box-shadow:none;border:2px solid #b7e0be99;background:#f1ce6a;color:#283530}#screen-hud #btn-super:disabled{opacity:.45}.fighter-name{background:#102236a8;border:0;padding:2px 5px;border-radius:4px;text-shadow:0 1px 2px #000}
@media(max-width:700px),(max-height:600px){#screen-hud .top-bar{gap:6px}#screen-hud .team-score,#screen-hud .timer,#screen-hud #kill-count{font-size:11px!important;padding:7px 8px}#screen-hud .bottom-hud{padding:8px;width:112px}#screen-hud #minimap{width:52px;height:52px}#screen-hud .arena-info{top:62px}#screen-hud #zone-status{font-size:10px}}
#screen-hud .arena-info.respawning #pulse-status{display:block;font:700 11px Arial}#screen-hud .arena-info.respawning #zone-status{display:none}@media(min-width:701px) and (min-height:601px) and (pointer:fine){#screen-hud #super-status{display:block;font:700 9px Arial;color:#b5d8cc;margin:5px 0 0}}

/* Stable roster actions and compact match corners. */
#screen-characters .roster-header{display:flex;flex-wrap:nowrap;width:100%;box-sizing:border-box;gap:10px}
#screen-characters .roster-header>div{flex:1;min-width:0;order:1}
#screen-characters #btn-back-home{order:0;flex:none;margin:0}
#screen-characters #btn-suggest-hero{order:2;flex:none;margin-left:auto}
#character-grid .btn-trial{top:34px;right:6px;min-width:44px;min-height:44px;touch-action:manipulation}
.char-card:focus-visible,.trophy-node[role=button]:focus-visible{outline:3px solid #a4f5d2;outline-offset:3px}
.trophy-node[role=button]{cursor:pointer;touch-action:pan-x}
#screen-hud .top-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;width:100%;box-sizing:border-box;gap:8px;padding:12px max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}
#screen-hud .top-bar .team-score{justify-self:start;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#screen-hud .top-bar .timer{position:static;transform:none;justify-self:end}
#screen-hud #kill-count{justify-self:end;white-space:nowrap}
@media(max-width:700px),(max-height:600px){#screen-hud .top-bar{gap:5px}#screen-characters .roster-header{position:sticky;top:0;z-index:5;background:#172b40;padding:4px 0}}

dialog.social-modal{box-sizing:border-box;max-width:calc(100vw - 24px)}
dialog.social-modal .hub-header h2{min-width:0;flex:1;overflow-wrap:anywhere}
dialog.social-modal .hub-header>button{flex:none}

/* Uninterrupted reward track; HUD information stays outside the combat center. */
#screen-trophy-road{padding:0;gap:0;justify-content:center}
#screen-trophy-road #btn-close-trophy{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:5;width:44px;height:44px}
#screen-trophy-road .trophy-road-container{width:100%;box-sizing:border-box;flex:1;margin:0;padding:72px 24px 24px;display:flex;align-items:center;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
#screen-trophy-road .trophy-road-container::-webkit-scrollbar{display:none}
#screen-hud #minimap{top:64px;left:max(12px,env(safe-area-inset-left));right:auto;bottom:auto;width:64px;height:64px;opacity:.8}
#screen-hud .arena-info{top:64px;left:auto;right:max(12px,env(safe-area-inset-right));transform:none;max-width:min(260px,calc(100% - 100px));text-align:right}
#screen-hud .bottom-hud{bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:132px;box-sizing:border-box}
#elimination-feed{top:138px;left:max(12px,env(safe-area-inset-left));transform:none;width:min(270px,calc(100% - 24px));gap:4px}
.elimination-notice{font:600 10px/1.35 Arial;padding:5px 8px;border:0;border-radius:6px;background:#102236b8;box-shadow:none}
@media(max-width:700px),(max-height:600px){#screen-hud #minimap{width:48px;height:48px;top:60px}#screen-hud .arena-info{top:60px}#elimination-feed{top:116px;width:min(230px,55vw)}#screen-hud .bottom-hud{width:104px;padding:7px;bottom:max(14px,env(safe-area-inset-bottom))}#screen-hud #btn-super{width:56px;height:56px;right:max(26px,env(safe-area-inset-right));bottom:145px;font-size:11px}}

#screen-hud .joystick{width:var(--control-size,100px);height:var(--control-size,100px);}
#screen-hud .btn-gadget{right:30px;bottom:228px;width:60px;height:60px;}
@media(max-height:450px){#screen-hud .btn-gadget{right:100px;bottom:145px;width:56px;height:56px;}}
.progress-dialog{width:min(620px,calc(100vw - 24px));padding:20px;color:#eff7ff;background:#142b40;border:1px solid #6587a0;border-radius:18px}.progress-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-dialog h2{font-size:22px;margin:0}.progress-dialog header button{width:44px;height:44px;padding:10px;border-radius:10px}.progress-dialog nav{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.progress-dialog nav button{flex:1;min-width:100px;min-height:44px;font-size:12px;border:1px solid #60819a;border-radius:10px;background:#203e58;color:#dfefff;padding:8px}.progress-dialog nav button[aria-pressed=true]{background:#a4f5d2;color:#112c3c}.progress-note{font:12px/1.6 Arial;color:#b7ccdc}.progress-dialog h3{font-size:14px;color:#a4f5d2;letter-spacing:1px;margin:22px 0 12px}.progress-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;border:1px solid #46647b;border-radius:12px;padding:14px;margin:10px 0;background:#203a51}.progress-card h4{font:700 15px/1.5 Arial;margin:0;overflow-wrap:anywhere}.progress-card p{grid-column:1;margin:0;font:13px/1.5 Arial;color:#d3e5f2;overflow-wrap:anywhere}.progress-card progress{grid-column:1;width:100%;height:10px;accent-color:#a4f5d2}.progress-card button{grid-column:2;grid-row:1/4;min-width:86px;min-height:44px;font-size:12px;padding:8px}.progress-card small{grid-column:1/-1;font:11px/1.5 Arial;color:#abc7d9}.progress-card.match-win{border-left:4px solid #a4f5d2}.progress-card.match-loss{border-left:4px solid #ff8b9b}.progress-card.match-draw{border-left:4px solid #ffe168}.gear-choice{display:block;padding:12px 0 0;font:700 10px Arial;color:#bce2e9}.gear-choice select{display:block;width:100%;margin-top:8px;padding:10px 6px;min-height:44px;font:13px Arial;color:white;background:#18354b;border:1px solid #6a8a9f;border-radius:8px}.progress-dialog button:focus-visible,.gear-choice select:focus-visible{outline:3px solid #a4f5d2;outline-offset:2px}
@media(max-width:700px) and (orientation:portrait){#screen-home .home-left{grid-template-columns:repeat(6,44px);gap:6px}#screen-home .home-left .icon-button{width:44px!important;height:44px;min-width:44px;min-height:44px;padding:8px!important}}
@media(max-width:380px){#screen-home .home-left{grid-template-columns:repeat(6,40px);gap:4px}#screen-home .home-left .icon-button{width:40px!important;min-width:40px;height:44px}.progress-dialog{padding:14px}.progress-dialog h2{font-size:18px}.progress-card{padding:10px}}
/* Arena buttons and reward panels share raised edges and clear reward states. */
.btn-primary{background:linear-gradient(180deg,#ffe878,#ffc345)!important;color:#332411!important;border:2px solid #ffe998!important;border-bottom-color:#ae7627!important;box-shadow:inset 0 2px #fff7c4,0 4px #925920!important;border-radius:12px!important;text-shadow:none!important;transition:filter .12s,transform .12s}.btn-secondary{border-radius:12px;background:linear-gradient(180deg,#34536b,#213c53);border:1px solid #6b8aa0;box-shadow:inset 0 1px #b8d8e433,0 3px #0d1f2e;color:#e8f6ff}.btn-primary:not(:disabled):hover,.btn-secondary:not(:disabled):hover{filter:brightness(1.1)}.btn-primary:not(:disabled):active,.btn-secondary:not(:disabled):active{transform:translateY(2px)}button:focus-visible{outline:3px solid #b2ffe6;outline-offset:3px}#screen-home .home-left .icon-button{background:linear-gradient(155deg,#315779,#1a3451);border:2px solid #719bb5;box-shadow:inset 0 2px #e4ffff26,0 4px #0c1b30;color:#d5edff}#screen-home .home-left #btn-progress{background:linear-gradient(150deg,#8660bd,#463775);border-color:#c8a3ff;color:#ffedaf}#screen-home .home-left #btn-shop{background:linear-gradient(150deg,#806036,#4b382c);border-color:#dabb72;color:#ffe393}#screen-home .home-left #btn-clan{background:linear-gradient(150deg,#357765,#244f4c);border-color:#7acaad;color:#b9ffe2}#screen-home .home-left #btn-nav-characters{background:linear-gradient(150deg,#695ba0,#39345f);border-color:#b6a8f3;color:#eee4ff}#home-3d-container{cursor:pointer}#home-3d-container:focus-visible{outline:2px solid #ffe878;outline-offset:-8px;border-radius:24px}
.progress-dialog{background:radial-gradient(ellipse at top right,#58408770,transparent 50%),linear-gradient(165deg,#172841,#101c30);border:2px solid #84709f;box-shadow:inset 0 2px #e2c4ff26,0 18px 80px #000b;padding:20px}.progress-dialog h2{font-family:Outfit,Arial,sans-serif;letter-spacing:.3px;font-size:23px;text-shadow:0 2px #060c19}.progress-dialog header button{background:#293b57;border:1px solid #7088a8;box-shadow:0 3px #0c1526;color:white}.progress-dialog nav{gap:10px}.progress-dialog nav button{font-weight:900;letter-spacing:.8px;min-height:48px;background:linear-gradient(#2d4260,#1d3048);border:2px solid #576b89;box-shadow:0 3px #0b1527}.progress-dialog nav button[aria-pressed=true]{background:linear-gradient(#b4ffe6,#70dab5);border-color:#d1ffed;color:#163b35;box-shadow:0 3px #306c63}.progress-note{font-size:11px;color:#acbed4}.progress-kicker{font:800 10px/1.4 Arial;letter-spacing:1.5px;color:#d1bdff}.progress-hero{position:relative;isolation:isolate;overflow:hidden;padding:22px;border:2px solid #af8de6;border-radius:16px;background:radial-gradient(circle at 90% 20%,#9465d8,transparent 50%),linear-gradient(120deg,#3e3163,#212e53);box-shadow:inset 0 2px #e4ceff33,0 5px #090e21;margin:18px 0 24px}.progress-hero:after{content:'✦';position:absolute;z-index:-1;right:-4px;top:-16px;font-size:150px;color:#edc7ff19;transform:rotate(-15deg)}.progress-hero>strong{display:block;font:900 clamp(22px,4vw,29px)/1.1 Outfit,Arial;margin:10px 0;color:#fff5e1;text-shadow:0 3px #201c42}.progress-hero>p{font:13px/1.5 Arial;margin:8px 0 18px;color:#e2dcfa}.progress-hero>b{font:900 31px Outfit,Arial;color:#ffe57c}.progress-hero small{font:800 10px Arial;letter-spacing:.7px;color:#dacdf3}.progress-hero>progress{display:block;width:100%;margin-top:10px;accent-color:#ffe57c;height:12px}.progress-card{grid-template-columns:52px minmax(0,1fr) 100px;gap:6px 12px;padding:16px;border:2px solid #51657e;border-radius:14px;background:linear-gradient(115deg,#293d56,#1e2f46);box-shadow:inset 0 2px #d8eeff0c,0 4px #080f20;margin:12px 0}.progress-card h4{grid-column:2;grid-row:1;font:800 15px/1.35 Outfit,Arial;color:#f4f8ff}.progress-card p{grid-column:2;grid-row:2;font-size:12px;color:#ffe691;font-weight:700}.progress-card progress{grid-column:2;grid-row:3;align-self:center;margin-top:4px;accent-color:#80ecc6;height:8px}.progress-card button{grid-column:3;grid-row:1/4;align-self:center;min-width:0;width:100%;height:46px;min-height:46px;max-height:46px;font:900 11px Arial;padding:6px;border:2px solid #637d94;background:#344b62;box-shadow:0 3px #101b2b}.reward-emblem{grid-column:1;grid-row:1/4;align-self:center;display:grid;place-items:center;width:48px;height:54px;font:900 26px Outfit,Arial;background:linear-gradient(#3a526e,#223c57);border:2px solid #7ca5bf;border-radius:12px;box-shadow:inset 0 2px #dcf7ff33,0 3px #121d31;color:#ffdf74}.progress-card.is-ready{border-color:#f2d176;background:linear-gradient(115deg,#50462f,#293747)}.progress-card.is-ready button{background:linear-gradient(#ffe989,#ffc757);border-color:#fff0b3;color:#352813;box-shadow:0 3px #896b30}.progress-card.is-claimed{border-color:#5b9b85;background:linear-gradient(115deg,#243f43,#1b2d40)}.progress-card.is-claimed .reward-emblem{border-color:#83d7b5;color:#b3ffdc}.progress-card.is-claimed button{opacity:1;color:#9cdabf;background:#243e40;border-color:#50796b;box-shadow:none}.progress-card.is-locked button:disabled{opacity:1;color:#bac9dc;background:#24354c;border-color:#465e7b;box-shadow:none}.progress-dialog[data-view=season] #progress-content>p{font:12px/1.6 Arial;color:#b9c9de;margin:12px 0 22px}.season-tier{position:relative;margin-left:18px}.season-tier:before{content:'';position:absolute;left:-17px;top:-15px;width:3px;height:calc(100% + 17px);background:linear-gradient(#b999de,#685794)}.season-tier .reward-emblem{background:linear-gradient(#8c6cc5,#594382);border-color:#c5a5eb;color:#fff1b8}.season-tier.is-ready .reward-emblem{background:linear-gradient(#ffdf80,#b88437);border-color:#ffe8a5;color:#4f3516}.progress-dialog[data-view=history] nav,.progress-dialog[data-view=history] .progress-note{display:none}.progress-card[class*=match-]{grid-template-columns:48px minmax(0,1fr);gap:8px 12px}.history-avatar{grid-column:1;grid-row:1/4;width:48px;height:48px;object-fit:cover;border-radius:12px;border:2px solid #8aabc2;align-self:center}.progress-card[class*=match-] h4{grid-column:2;grid-row:1}.progress-card[class*=match-] p{grid-column:2;grid-row:2;color:#d5e6f6}.progress-card[class*=match-] small{grid-column:2;grid-row:3}.progress-card[class*=match-]{border-left-width:5px}#btn-profile-history{width:100%;min-height:48px;border-color:#af90d6;background:linear-gradient(135deg,#62508d,#314160);font-weight:900;letter-spacing:1px}
.trophy-arena-dialog{width:min(500px,calc(100vw - 24px));padding:24px;border:2px solid var(--hero-color,#c858ff);border-radius:20px;color:#f4f7ff;background:radial-gradient(circle at top right,#74539c55,transparent 60%),linear-gradient(145deg,#21314d,#142338);box-shadow:0 20px 80px #000a;box-sizing:border-box}.trophy-arena-dialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.trophy-arena-dialog header button{width:44px;height:44px;min-height:44px;background:#2b405b;border:1px solid #788fab;border-radius:12px;color:white}.arena-hero{display:flex;align-items:center;gap:20px}.arena-hero img{width:112px;height:112px;object-fit:cover;border:3px solid var(--hero-color);border-radius:20px;box-shadow:0 5px #080f20}.arena-hero>div{min-width:0}.arena-hero h2{font:900 32px Outfit,Arial;margin:6px 0}.arena-hero p{font:12px Arial;color:#b7cbe0;margin:6px 0 12px}.arena-hero strong{color:#ffdf74;font:900 20px Outfit,Arial}.arena-goal{margin:22px 0;padding:16px;border:1px solid #647893;border-radius:12px;background:#14253a}.arena-goal span{font:800 11px Arial;letter-spacing:1px;color:#cbd8e8}.arena-goal progress{display:block;width:100%;height:10px;margin-top:10px;accent-color:#ffe27d}.arena-mode-label{display:block;font:900 11px Arial;letter-spacing:1px;margin-bottom:10px;color:#cbd6e8}#arena-mode{width:100%;min-height:48px;font:800 16px Outfit,Arial;color:#f7fbff;background:#263f5a;border:2px solid #718baa;border-radius:12px;padding:10px}#arena-mode-rule{font:12px/1.5 Arial;color:#b9c9db}.arena-win{color:#ffe37b;font:900 13px Outfit,Arial;text-align:center;margin:22px 0}.trophy-arena-dialog>.btn-primary,.trophy-arena-dialog>.btn-secondary{width:100%;min-height:50px;margin:8px 0;font-size:16px}.trophy-arena-dialog>.btn-secondary{font-size:12px}.trophy-arena-dialog button:focus-visible{outline:3px solid #a7ffe2;outline-offset:3px}
@media(max-width:600px){.progress-dialog{padding:16px}.progress-card{grid-template-columns:42px minmax(0,1fr) 86px;gap:6px 8px;padding:12px}.reward-emblem{width:38px;height:46px;font-size:23px;border-radius:10px}.progress-card h4{font-size:14px}.progress-card button{font-size:10px}.progress-hero{padding:18px}.season-tier{margin-left:14px}.season-tier:before{left:-13px}.trophy-arena-dialog{padding:18px}.arena-hero{gap:14px}.arena-hero img{width:84px;height:84px}.arena-hero h2{font-size:28px}.arena-hero strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.btn-primary,.btn-secondary{transition:none}}
.profile-club{display:inline-block!important;max-width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid #789d9c;border-radius:10px;background:linear-gradient(115deg,#28544f,#233b52);color:#b9ffe1!important;font:800 12px/1.5 Arial!important;overflow-wrap:anywhere;margin:10px 0 16px!important}.profile-hero.avatar-locked{cursor:default;opacity:.6;border-style:dashed;background:#162b40}.profile-hero.avatar-locked img{filter:grayscale(.85)}.profile-hero.avatar-locked small{display:block;margin-top:7px;color:#c3d2de;font:800 9px Arial;letter-spacing:.6px}.profile-hero[role=button]:focus-visible{outline:3px solid #a4f5d2;outline-offset:3px}
.profile-hero.avatar-locked small{grid-column:2}
/* Full-screen reward roads and readable social controls. */
.progression-screen{overflow:hidden;background:radial-gradient(ellipse at 75% 15%,#58408780,transparent 60%),linear-gradient(145deg,#14243e,#101a2c)}.progress-tabs{display:flex;gap:10px;flex-shrink:0}.progress-tabs button{min-height:48px;padding:12px 24px;border:2px solid #6880a2;border-radius:12px;background:#233b58;color:#dbeaff;font:900 13px Outfit,Arial;box-shadow:0 3px #081426}.progress-tabs button[aria-pressed=true]{background:linear-gradient(#ffe790,#f5ba48);color:#37250e;border-color:#fff1b0}.progress-tabs button:focus-visible,.reward-road:focus-visible{outline:3px solid #a4f5d2;outline-offset:3px}#road-content{display:flex;flex-direction:column;flex:1;min-height:0;gap:16px}.progression-screen .progress-hero{margin:0;padding:18px 24px;flex-shrink:0}.progression-screen .progress-hero>strong{margin:5px 0;font-size:26px}.progression-screen .progress-hero>p{margin:6px 0}.progression-screen .progress-hero>b{position:absolute;right:24px;top:24px}.progression-screen .progress-hero>progress{width:min(70%,600px)}.reward-road{display:flex;gap:24px;align-items:center;flex:1;min-height:0;overflow-x:auto;overflow-y:hidden;padding:14px 8px 24px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#a992d3 #14263e;overscroll-behavior-x:contain;touch-action:pan-x}.reward-road .progress-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:0 0 244px;min-height:230px;margin:0;padding:20px 16px;gap:12px;scroll-snap-align:center;overflow:visible}.reward-road .progress-card:before{content:'';position:absolute;width:28px;height:6px;left:-28px;top:50%;background:#8474ad;z-index:0}.reward-road .progress-card:first-child:before{display:none}.reward-road .progress-card[data-period=daily]:after,.reward-road .progress-card[data-period=weekly]:after{position:absolute;top:9px;right:10px;font:800 9px Arial;letter-spacing:.7px;color:#bdcfdf;content:'GÜNLÜK'}.reward-road .progress-card[data-period=weekly]:after{content:'HAFTALIK';color:#dac6ff}.reward-road .reward-emblem{width:60px;height:60px;margin-top:10px;font-size:30px}.reward-road .progress-card h4{min-height:40px;display:grid;place-items:center;font-size:18px}.reward-road .progress-card p{font-size:15px}.reward-road .progress-card progress{height:10px;margin:0;width:100%}.reward-road .progress-card button{margin-top:auto;width:100%;min-height:48px;font-size:12px}.road-footer{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-shrink:0;padding:8px 0}.road-footer p{font:12px/1.5 Arial;color:#bccfe2;text-align:center}.road-footer button{height:44px}.season-explainer{font:12px/1.5 Arial;color:#becbe3;margin:0}.progression-screen #road-content>h3{display:none}
#screen-chat{overflow:hidden;padding-bottom:max(16px,env(safe-area-inset-bottom));height:100dvh}#chat-content{flex:1;min-height:0;gap:12px}.chat-context{display:flex;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(100deg,#315177,#233a56);border:1px solid #739ab5;border-radius:12px;padding:14px 18px;flex-shrink:0;font:900 14px Outfit,Arial}.chat-context small{font:800 9px Arial;letter-spacing:1px;color:#a4f5d2}#chat-messages{background:linear-gradient(#0e2136,#162b44);border:1px solid #3a5975;padding:18px;overscroll-behavior:contain;scrollbar-width:thin}#chat-messages .chat-message{display:grid;gap:6px;width:fit-content;max-width:85%;padding:12px 16px;margin:10px 0;border:1px solid #466584;border-radius:4px 16px 16px 16px;background:#24405e;user-select:text}#chat-messages .chat-message.mine{margin-left:auto;background:linear-gradient(135deg,#2c655d,#264a54);border-color:#73b7a1;border-radius:16px 4px 16px 16px}#chat-messages .chat-message b{font:800 11px Arial;color:#a9dbff}#chat-messages .chat-message.mine b{color:#b6ffe0}#chat-messages .chat-message span{font:14px/1.6 Arial;user-select:text}#chat-messages time{text-align:right;font:10px Arial;color:#b7ccd9}#chat-messages .chat-empty{text-align:center;padding:40px 16px;background:none;color:#b7cde0}#chat-form{display:flex;flex-wrap:nowrap;margin:0;gap:10px;padding:10px;border:1px solid #56718b;background:#1d344d;border-radius:14px}#chat-form input{border:0;background:#12253b;min-height:48px;margin:0;font-size:16px;user-select:text}#chat-form button{min-width:52px;min-height:48px;border-radius:10px}
#screen-room{background:radial-gradient(ellipse at 80% 0,#4a426b70,transparent 60%),linear-gradient(145deg,#192f4a,#101d31);gap:14px!important;padding:20px clamp(16px,4vw,60px)}#screen-room .roster-header{border-bottom:1px solid #547390;padding-bottom:14px}#screen-room #lobby-code{font-size:30px;color:#ffe086;letter-spacing:4px}#screen-room .lobby-event{width:100%;height:auto;align-self:stretch;padding:16px 18px!important;border:2px solid #617c9f;background:linear-gradient(115deg,#2d4d6b,#24354f);border-radius:16px}#screen-room .lobby-event small,#screen-room #lobby-mode-rule{display:block!important}#screen-room .lobby-event strong{font-size:22px!important}#screen-room #lobby-status{font:800 12px/1.5 Arial;color:#bdddeb;padding:4px 0;margin:0}#lobby-members{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow-y:auto;padding:4px;align-content:start}.lobby-member{background:linear-gradient(115deg,#294561,#172d45);border:1px solid #63819a;box-shadow:0 3px #091b2e;min-height:78px;border-radius:14px}.lobby-member:focus-visible{outline:3px solid #a4f5d2;outline-offset:1px}.lobby-member .ready{background:#234e45;border:1px solid #63ac93;padding:6px 9px;border-radius:8px}.lobby-member span:not(.ready){color:#c7d2df}#screen-room .lobby-footer{width:100%;align-self:stretch;padding:12px!important;justify-content:space-between;flex-direction:row;margin-top:0;background:#10253c;gap:10px!important}#screen-room #btn-ready{width:auto;max-height:none;min-width:150px;min-height:52px;height:auto;gap:10px!important;padding:12px 18px!important;background:linear-gradient(#ffe790,#f5bd50);border-color:#fff2b3;color:#342612;font:900 15px Outfit,Arial}#screen-room #btn-ready span{white-space:nowrap}#screen-room .team-picker{position:static!important;align-self:center}#screen-room .team-picker button{font-size:0;width:auto;min-width:110px}#screen-room [data-team]:after{content:'MAVİ TAKIM';font:900 11px Outfit,Arial;color:#b7e7ff}#screen-room [data-team='1']:after{content:'KIRMIZI TAKIM';color:#ffc5d1}#screen-room .lobby-footer button{flex-shrink:0}
.shop-section-title{font:900 16px Outfit,Arial;letter-spacing:1px;padding:18px 0 12px;color:#e7d7ff}.shop-balance{position:sticky;top:0;z-index:2;padding:16px 20px;border:2px solid #8b77ab;border-radius:14px;background:linear-gradient(110deg,#483759,#243e58);color:#ffe48c;font:900 17px Outfit,Arial;box-shadow:0 4px #09182b}.shop-card{border:2px solid var(--hero-color,#647da0);border-radius:18px;background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--hero-color,#8c77ce) 25%,transparent),transparent 65%),linear-gradient(#253c5b,#142940);box-shadow:0 5px #09172b;overflow:hidden;display:flex;flex-direction:column;min-width:0}.shop-card .shop-ribbon{position:static;display:block;transform:none;width:100%;padding:9px 8px;background:#10253dbb;color:var(--hero-color,#edd797);font:900 10px Outfit,Arial;letter-spacing:.6px;text-align:center}.shop-card>img{width:100%;height:auto;aspect-ratio:1.2;object-fit:cover;border-bottom:2px solid var(--hero-color)}.shop-card h3{padding:12px 12px 0;font-size:25px}.shop-card p{padding:10px 14px;min-height:94px;font:12px/1.5 Arial;color:#ccdbeb}.shop-card>.btn-primary{width:calc(100% - 24px);margin:12px;margin-top:auto;min-height:48px;gap:8px}.shop-card>.btn-primary:disabled{opacity:1;background:#293b51;color:#b9cadd;border-color:#52647d;box-shadow:none}.exchange-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exchange-grid .currency-offer{padding:20px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:10px}.exchange-grid .currency-offer>strong{grid-row:1/3;font-size:38px}.exchange-grid .currency-offer h3,.exchange-grid .currency-offer p{padding:0;margin:0;min-height:0;text-align:left}.exchange-grid .currency-offer>.btn-primary{grid-column:3;grid-row:1/3;width:auto;margin:0;padding:12px;white-space:nowrap}.exchange-grid .currency-offer h3{font-size:18px}button,a.btn-secondary{touch-action:manipulation}button:focus-visible,a.btn-secondary:focus-visible{outline:3px solid #a4f5d2;outline-offset:3px}
@media(max-width:700px){.progression-screen{padding:14px max(12px,env(safe-area-inset-left));gap:12px}.progress-tabs button{flex:1;padding:10px;min-height:44px}.progression-screen .progress-hero{padding:16px}.progression-screen .progress-hero>strong{font-size:22px;max-width:65%}.progression-screen .progress-hero>b{right:16px;top:28px;font-size:24px}.progression-screen .progress-hero small{display:block;font-size:9px}.reward-road{gap:18px;padding-bottom:16px}.reward-road .progress-card{flex-basis:230px;min-height:270px}.reward-road .progress-card:before{width:22px;left:-22px}.road-footer{gap:8px}.road-footer p{font-size:10px}.season-explainer{font-size:10px}.chat-context{padding:12px;font-size:12px}.chat-context small{display:none}#chat-messages{padding:10px}#chat-messages .chat-message{max-width:90%}#screen-room{padding:14px 12px;gap:10px!important}#screen-room .lobby-event{padding:12px!important}#screen-room #lobby-mode-rule{font-size:11px}#screen-room .lobby-event strong{font-size:18px!important}#screen-room #lobby-code{font-size:24px}#screen-room .lobby-footer{flex-wrap:wrap;justify-content:center;padding:10px!important}#screen-room #btn-ready{width:100%;order:2;min-height:48px}.lobby-member{min-height:94px}.lobby-member span{width:100%}.lobby-member .ready{width:auto}.shop-card h3{font-size:22px}.shop-card p{min-height:126px;font-size:11px}.shop-card .shop-ribbon{font-size:9px}.exchange-grid{grid-template-columns:1fr}.exchange-grid .currency-offer{padding:14px}.shop-balance{font-size:14px;padding:12px}.shop-section-title{font-size:14px}#chat-form{padding:8px}#chat-form input{padding:10px}}
@media(orientation:landscape) and (max-height:600px){.progression-screen{gap:8px;padding:10px 20px}.progression-screen .hub-header h2{font-size:22px}.progression-screen .hub-header .eyebrow{display:none}.progress-tabs{position:absolute;top:12px;left:50%;transform:translateX(-50%)}.progress-tabs button{min-height:40px;padding:8px 16px;font-size:11px}.progression-screen .progress-hero{padding:10px 16px;min-height:65px}.progression-screen .progress-hero>strong{font-size:18px;margin:3px 0}.progression-screen .progress-hero>p,.progression-screen .progress-hero>progress,.progress-kicker,.season-explainer{display:none}.progression-screen .progress-hero>b{top:14px;font-size:24px}.reward-road{padding:6px 8px 12px;gap:20px}.reward-road .progress-card{flex-basis:215px;min-height:170px;padding:10px;gap:5px}.reward-road .reward-emblem{height:38px;width:38px;font-size:22px;margin:0}.reward-road .progress-card h4{font-size:15px;min-height:24px}.reward-road .progress-card p{font-size:11px}.reward-road .progress-card button{min-height:38px;height:38px;max-height:38px}.road-footer{padding:0}.road-footer button{min-height:36px;height:36px}.road-footer p{font-size:10px}#screen-room{gap:6px!important;padding:10px 20px}#screen-room .roster-header{padding-bottom:6px}#screen-room .lobby-event{padding:6px 12px!important}#screen-room .lobby-event small,#screen-room #lobby-mode-rule{display:none!important}#screen-room .team-picker{position:absolute!important;top:65px;right:74px}#screen-room .team-picker button{min-width:100px;min-height:36px;height:36px}#screen-room #lobby-members{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lobby-member{min-height:58px;flex-wrap:nowrap}.lobby-member span{width:auto}.lobby-member .ready{padding:4px}#screen-room .lobby-footer{flex-wrap:nowrap;padding:6px!important}#screen-room #btn-ready{order:0;width:auto;min-height:40px;padding:8px 14px!important}#screen-room #lobby-status{font-size:10px}.shop-card>img{aspect-ratio:1.5}.shop-card p{min-height:90px}.exchange-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#screen-chat{gap:8px;padding:10px 20px}#screen-chat .chat-context{padding:8px 12px}#chat-content{gap:8px}#chat-form input,#chat-form button{min-height:40px}#chat-form{padding:6px}}
#room-dialog .labeled-action{width:100%;height:auto;max-height:none;gap:10px!important;padding:12px 16px!important;font:900 12px Outfit,Arial}#room-dialog .room-entry .labeled-action{width:auto;flex-shrink:0}#controls-dialog [data-dialog=settings-dialog]{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px}#screen-room .room-action{display:flex!important;flex-direction:column;width:auto!important;min-width:70px!important;min-height:56px!important;height:auto!important;max-height:none!important;gap:5px!important;padding:8px 12px!important}#screen-room .room-action span{font:800 9px Outfit,Arial;letter-spacing:.3px}#screen-room .room-action svg{width:20px;height:20px}@media(orientation:landscape) and (max-height:600px){#screen-room .room-action{flex-direction:row;gap:7px!important;min-height:40px!important;padding:8px!important}}
#shop-content .btn-primary:disabled{background:#293b51!important;color:#b9cadd!important;border-color:#52647d!important;box-shadow:none!important}#shop-content .btn-primary:disabled svg{opacity:.65}
@media(orientation:portrait) and (max-height:700px){.progression-screen{gap:8px;padding-top:10px;padding-bottom:10px}.progression-screen .hub-header .eyebrow{display:none}.progression-screen .hub-header h2{font-size:24px}.progression-screen .progress-hero{padding:12px 16px;min-height:90px}.progression-screen .progress-hero>strong{font-size:20px;margin:4px 0}.progression-screen .progress-hero>p{display:none}.progression-screen .progress-hero>b{top:20px}.progression-screen .progress-hero>progress{margin-top:8px}.reward-road{padding:8px 8px 16px}.reward-road .progress-card{min-height:200px;gap:7px;padding:12px}.reward-road .reward-emblem{width:40px;height:40px;font-size:24px;margin-top:5px}.reward-road .progress-card h4{font-size:16px;min-height:24px}.reward-road .progress-card p{font-size:13px}.reward-road .progress-card button{min-height:44px;height:44px}.road-footer{padding:0}.road-footer p{font-size:9px}.season-explainer{font-size:9px;line-height:1.4}}
@media(min-width:701px) and (min-height:601px){.reward-road .progress-card{padding:14px;gap:8px}.reward-road .reward-emblem{width:52px;height:52px;margin-top:6px}.reward-road .progress-card h4{min-height:32px}}
/* Navigation stays at the right edge, with auxiliary actions beside the title. */
#screen-modes .roster-header,#screen-characters .roster-header,#screen-leaderboard .roster-header{display:flex;flex-wrap:nowrap;width:100%;gap:12px}#screen-modes .roster-header>div,#screen-characters .roster-header>div,#screen-leaderboard .roster-header>div{flex:1;min-width:0;order:0}#btn-suggest-mode,#screen-characters #btn-suggest-hero{order:1;margin:0!important;flex:none}#btn-close-modes,#screen-characters #btn-back-home,#btn-close-leaderboard{order:2;margin:0 0 0 auto!important;flex:none;position:static;align-self:center}.hub-header>[data-hub-back],.hub-header>[id^=btn-close],#close-road{margin-left:auto;flex:none}.profile-club:is(button){cursor:pointer;text-align:left;min-height:48px;box-shadow:0 3px #0b192b}.profile-club:is(button):hover{filter:brightness(1.15)}#clan-content>h3{font:900 30px Outfit,Arial;padding:22px 20px 10px;background:#244b52;border:1px solid #659a8d;border-radius:16px 16px 0 0}#clan-content>h3+p{padding:0 20px 22px;background:#244b52;border:1px solid #659a8d;border-top:0;border-radius:0 0 16px 16px;margin-bottom:18px;font:800 12px Arial;color:#c0ffe5}#btn-join-profile-clan{width:100%;min-height:52px;font-size:15px}
#screen-characters{background:radial-gradient(ellipse at top right,#55437370,transparent 60%),linear-gradient(#192c45,#101e32)}#character-grid{gap:18px;padding:8px 4px 20px}.char-card{border:2px solid var(--hero-color);border-radius:18px;background:linear-gradient(145deg,#294560,#172b44);box-shadow:0 5px #091526;overflow:hidden}.char-card.selected{outline:3px solid #ffe894;outline-offset:2px}.char-card.locked{opacity:.8;border-color:#63768c;background:#172940}.char-card .card-number{background:#10243ddd;padding:7px 9px;font:800 9px Arial;border-radius:0 0 10px 0}.char-card>img{aspect-ratio:1.3;object-fit:cover;border-bottom:2px solid var(--hero-color)}.char-card .card-body{padding:14px}.char-card .character-role{color:#b9dbee;font:800 9px Arial;letter-spacing:1px}.char-card .card-body h3{font-size:27px;margin:5px 0 12px}.char-card .character-stats{border:1px solid #54718b;border-radius:10px;background:#11263d;padding:10px;gap:10px}.char-card .character-stats b{font-size:16px;color:#ffe491}.char-card .ability-info{font:11px/1.7 Arial;color:#c5d8e8;padding:10px 0;overflow-wrap:anywhere}.char-card .ability-info strong{color:#a4f5d2;font-size:9px}.char-card .special-label{color:var(--hero-color);font:800 11px Outfit,Arial}.char-card .select-label{background:#2d4a64;border:1px solid #5b83a0;border-radius:10px;min-height:40px;display:grid;place-items:center;font:900 12px Outfit,Arial}.char-card.selected .select-label{background:#385f52;color:#bfffe4;border-color:#8cd3b5}.char-card .btn-upgrade{border:1px solid #ffe7a0;min-height:44px;border-radius:10px;background:linear-gradient(#ffe796,#e9b947);font-size:10px;color:#392c15}.char-card .unlock-label{padding:12px 0;min-height:50px;line-height:1.6}
.reward-road .progress-card{background:radial-gradient(ellipse at 50% 0,#6672a344,transparent 70%),linear-gradient(#304666,#192d46);border-color:#758eaf}.reward-road .season-tier:nth-child(5n){background:radial-gradient(ellipse at top,#a778d377,transparent 80%),linear-gradient(#503e70,#243454);border-color:#c6a2f0}.reward-road .season-tier:nth-child(5n) .reward-emblem{background:linear-gradient(#ffe7a0,#d49a48);border-color:#fff1b4;color:#50321a}.reward-road .progress-card.is-ready{border-color:#ffe797;background:radial-gradient(ellipse at top,#b1844855,transparent 80%),linear-gradient(#544a3c,#243a51)}.reward-road .progress-card.is-claimed{border-color:#7dc5a4;background:linear-gradient(#31534f,#1b3343)}.reward-road .progress-card:before{height:8px;background:linear-gradient(#c6a5e4,#796595);border-radius:4px}.progression-screen[data-view=quests] .progress-hero{background:radial-gradient(circle at 90% 20%,#3d9a91,transparent 60%),linear-gradient(120deg,#285958,#263b63);border-color:#9de8c8}.progression-screen[data-view=season] .progress-hero{background:radial-gradient(circle at 90% 10%,#9462ca,transparent 60%),linear-gradient(120deg,#493775,#253654);border-color:#ccb0ed}
@media(max-width:700px){#character-grid{gap:12px}.char-card .card-body{padding:10px}.char-card .card-body h3{font-size:22px}.char-card .ability-info{font-size:10px}.char-card .character-stats{padding:8px;gap:7px}.char-card .character-stats b{font-size:13px}#screen-modes .roster-header,#screen-characters .roster-header{gap:8px}.char-card>img{aspect-ratio:1.15}}@media(orientation:landscape) and (max-height:600px){.char-card>img{aspect-ratio:1.7}.char-card .ability-info{font-size:10px}.char-card .card-body h3{font-size:23px}.char-card .card-body{padding:10px}}
#screen-characters .btn-upgrade.icon-button{width:100%;gap:8px!important;min-height:44px;padding:8px!important}.char-card .btn-upgrade svg{width:20px;height:20px}.char-card .btn-upgrade span{font:900 11px Outfit,Arial}
#screen-modes #mode-picker{flex:none;min-height:min-content;grid-auto-rows:max-content;align-content:start;margin:0 auto}.mode-card{height:auto;min-height:min-content}.mode-card>strong,.mode-card>span,.mode-map-name{display:block!important}#character-grid .char-card>img{height:auto;aspect-ratio:1.35}.char-card .character-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.char-card .character-stats>span{display:grid;gap:4px;font:800 8px Arial;letter-spacing:.4px}.char-card .character-stats b{display:block;margin:0;font:900 16px Outfit,Arial}@media(orientation:landscape) and (max-height:600px){#character-grid .char-card>img{aspect-ratio:1.8}}
#screen-trophy-road #btn-close-trophy{left:auto;right:max(12px,env(safe-area-inset-right))}
.nav-labeled{gap:7px!important}.nav-label{font:800 10px Outfit,Arial;letter-spacing:0;text-transform:none;white-space:nowrap}.roster-header .nav-labeled,#screen-trophy-road .nav-labeled{width:auto!important;min-width:64px;padding:8px 12px!important}#screen-home .home-left .nav-labeled{width:112px!important;min-width:112px;height:48px;justify-content:flex-start;padding:10px 12px!important;gap:9px!important}#screen-home .home-left{justify-items:start}#screen-home .btn-trophy-road.nav-labeled{padding:8px!important}#screen-home [data-dialog=controls-dialog].nav-labeled{width:auto;min-width:44px;gap:5px!important;padding:8px!important}#screen-home [data-dialog=controls-dialog] .nav-label{font-size:9px}
@media(max-width:700px) and (orientation:portrait){#screen-home .home-left{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px;justify-items:stretch}#screen-home .home-left .nav-labeled{width:100%!important;min-width:0;height:44px!important;min-height:44px;justify-content:center;padding:7px!important;gap:5px!important}#screen-home .home-left .nav-labeled svg{width:18px;height:18px}#screen-home .home-left .nav-label{font-size:9px}#screen-home [data-dialog=controls-dialog] .nav-label{display:none}#screen-home .btn-trophy-road .nav-label{font-size:9px}.roster-header .nav-label{font-size:9px}}
@media(orientation:landscape) and (max-height:600px){#screen-home .home-left{grid-template-columns:repeat(2,96px);gap:7px}#screen-home .home-left .nav-labeled{width:96px!important;min-width:96px;height:40px!important;min-height:40px;padding:7px!important;gap:6px!important}#screen-home .home-left .nav-labeled svg{width:18px;height:18px}#screen-home .home-left .nav-label{font-size:9px}#screen-home [data-dialog=controls-dialog] .nav-label{display:none}}
#screen-home .event-entry strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}#screen-home .home-left .nav-labeled .nav-label{margin:0!important}.nav-labeled svg{flex-shrink:0}
@media(orientation:landscape) and (max-height:600px){#screen-home .home-left{position:absolute!important;left:auto!important;right:max(14px,env(safe-area-inset-right));top:32%;width:199px;max-width:199px;min-width:0;padding:0}}
#core-count:empty{display:none}#core-count{padding:8px 12px;background:#193d40ed;border:1px solid #77d9c1;border-radius:10px;color:#aaffdd;font:900 12px Outfit,Arial;white-space:nowrap}
#screen-result{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);grid-template-rows:minmax(0,1fr) auto;gap:24px;padding:32px clamp(16px,4vw,64px);background:radial-gradient(ellipse at 20% 0,#48795e66,transparent 60%),linear-gradient(145deg,#18334c,#101c30);overflow:hidden;align-items:stretch}#screen-result[data-outcome=loss]{background:radial-gradient(ellipse at 20% 0,#994a6366,transparent 60%),linear-gradient(145deg,#2c2844,#101c30)}#screen-result[data-outcome=draw]{background:radial-gradient(ellipse at 20% 0,#8d7e5366,transparent 60%),linear-gradient(145deg,#28384a,#101c30)}.result-summary{min-width:0;overflow:auto;border:2px solid #6ba591;border-radius:22px;padding:24px;background:linear-gradient(140deg,#234d5377,#172940);box-shadow:inset 0 2px #d5fff122,0 5px #081424}#result-title{font:900 clamp(28px,4vw,52px)/1.05 Outfit,Arial;color:#fff0ac;overflow-wrap:anywhere;margin:14px 0 22px;text-shadow:0 3px #14293c}.result-hero{display:flex;gap:18px;align-items:center;padding:16px;border:1px solid #60869e;border-radius:16px;background:#142b42;margin-bottom:18px}.result-hero img{width:110px;height:110px;object-fit:cover;border-radius:18px;border:3px solid #a4f5d2}.result-hero strong{font:900 28px Outfit,Arial;color:#f3fbff}.result-hero p{font:800 11px/1.8 Arial;color:#a4f5d2;margin-top:8px}#result-detail{font:13px/1.6 Arial;color:#bed2e4}.result-summary .rewards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 0}.rewards>div{background:#213850;border:1px solid #7188a3;border-radius:14px;padding:14px 10px;min-width:0}.rewards small{font:800 10px Arial;color:#cbd8e7}.rewards strong{display:block;margin-top:10px;font:900 25px Outfit,Arial;white-space:nowrap}.result-board{min-height:0;overflow:auto;background:#14283e;border:1px solid #5c7690;border-radius:20px;padding:18px}.result-board h2{font:900 16px Outfit,Arial;letter-spacing:1px;margin:0 0 14px;color:#bbd9ea}.result-fighter{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 12px;padding:12px;margin:8px 0;border:1px solid #425f7a;border-radius:12px;background:#203a53}.result-fighter img{grid-row:1/3;width:44px;height:44px;object-fit:cover;border-radius:10px}.result-fighter strong{font:800 13px Outfit,Arial;overflow-wrap:anywhere}.result-fighter span{grid-column:2;font:11px/1.5 Arial;color:#b6cada;overflow-wrap:anywhere}.result-fighter.is-you{border:2px solid #ffe38b;background:linear-gradient(100deg,#4e4936,#263d51)}#screen-result .result-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:14px;min-height:64px;padding:0;margin:0}.result-actions p{margin-right:auto;font:12px/1.5 Arial;color:#bacee2}#screen-result .result-actions button{width:auto;min-width:160px;max-width:none;min-height:52px;padding:12px 18px!important;gap:10px!important;font:900 14px Outfit,Arial;flex-direction:row}#screen-result .result-actions button span{white-space:nowrap}
@media(max-width:700px) and (orientation:portrait){#screen-result{display:flex;flex-direction:column;gap:12px;padding:14px 12px;overflow:auto}.result-summary{flex:none;padding:16px;border-radius:16px;overflow:visible}#result-title{font-size:30px;margin:10px 0 14px}.result-hero{gap:12px;padding:12px;margin-bottom:12px}.result-hero img{width:72px;height:72px;border-radius:12px}.result-hero strong{font-size:23px}.result-hero p{font-size:9px}.result-summary .rewards{gap:8px;margin-top:14px}.rewards>div{padding:10px 8px}.rewards strong{font-size:21px;margin-top:6px}.rewards small{font-size:9px}.result-board{flex:none;overflow:visible;padding:12px;border-radius:16px}.result-fighter{padding:10px;gap:4px 8px}.result-fighter strong{font-size:12px}.result-fighter span{font-size:10px}#screen-result .result-actions{position:sticky;bottom:-14px;z-index:2;display:grid;grid-template-columns:1fr 1fr;padding:12px 0;background:#14273ff5;border-top:1px solid #54718d;flex:none;margin-top:auto;gap:8px}.result-actions p{grid-column:1/-1;text-align:center;font-size:10px}#screen-result .result-actions button{min-width:0;min-height:48px;width:100%;font-size:11px;padding:10px!important;gap:6px!important}#core-count{font-size:10px;padding:6px 8px}}
@media(orientation:landscape) and (max-height:600px){#screen-result{padding:12px 20px;gap:12px;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) 48px}.result-summary{padding:14px;border-radius:14px}#result-title{font-size:26px;margin:6px 0 12px}.result-hero{padding:8px;gap:10px;margin-bottom:8px}.result-hero img{width:58px;height:58px;border-width:2px;border-radius:10px}.result-hero strong{font-size:22px}.result-hero p{font-size:9px;margin:3px 0}.result-summary .rewards{margin-top:10px}.rewards>div{padding:8px}.rewards strong{font-size:20px}.result-board{padding:12px;border-radius:14px}.result-fighter{padding:8px}.result-fighter strong{font-size:11px}.result-fighter span{font-size:10px}#screen-result .result-actions{min-height:44px;gap:10px}#screen-result .result-actions button{min-height:44px;min-width:150px;font-size:12px;padding:8px 12px!important}.result-actions p{font-size:10px}#core-count{font-size:10px}}
@media(max-width:700px) and (orientation:portrait){#screen-result{padding-bottom:132px}#screen-result .result-actions{position:fixed;left:12px;right:12px;bottom:max(0px,env(safe-area-inset-bottom));width:auto;margin:0;padding:10px 0 12px}}
#screen-result .result-actions{flex-wrap:nowrap}#screen-result #result-note{width:auto;flex-basis:auto;min-width:0;flex:1}#screen-result .result-actions button{flex-shrink:0}@media(max-width:700px) and (orientation:portrait){#screen-result #result-note{width:100%}}
#screen-hud #core-count{flex:0 0 auto;width:auto;max-width:none;min-width:0;font-size:11px;padding:7px 9px;align-self:center}
.road-summary{margin:0;font:700 12px/1.5 Arial;color:#c9e6ff}.reward-road .season-tier.is-next{border:2px solid #95ddff;box-shadow:0 0 24px #65b8ff26}.profile-best{clear:both;padding:14px 0 0;color:#ffe168;font:700 12px Arial}.profile-form{margin-top:16px;padding:16px;border:1px solid #577a97;border-radius:14px;background:linear-gradient(120deg,#1a4256,#202d4c)}.profile-form h4{margin:0 0 14px;color:#a4f5d2;font-size:11px;letter-spacing:1px}.profile-form>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.profile-form span{display:grid;gap:6px;font:11px Arial;color:#bed0e4}.profile-form b{font:800 clamp(18px,3vw,26px) Outfit;color:white;overflow-wrap:anywhere}.profile-recent{font:11px/1.5 Arial;margin:14px 0 0;color:#c5d8ed}.profile-roster-title{grid-column:1/-1;margin:4px 0;font:700 11px/1.5 Arial;color:#bdd0e5}.profile-hero{border:1px solid #435b78}.profile-hero.selected{background:linear-gradient(120deg,#3c535b,#35405c)}.profile-hero:focus-visible{outline:3px solid #a4f5d2;outline-offset:2px}@media(max-width:700px){.road-summary{font-size:10px}.profile-form{padding:12px}}@media(orientation:landscape) and (max-height:600px){.road-summary{font-size:10px}.progression-screen .progress-hero{min-height:52px}.reward-road .progress-card{min-height:155px}}
.progression-screen #road-content>.road-summary{padding:0;border:0;border-radius:0;background:none;flex-shrink:0}@media(orientation:portrait) and (max-height:700px){.progression-screen .season-explainer{display:none}.progression-screen .progress-hero{min-height:80px;padding:10px 14px}.progression-screen .reward-road .progress-card{min-height:190px}.progression-screen #road-content{gap:8px}}
@media(orientation:landscape) and (max-height:600px){.progression-screen .progress-hero{min-height:40px;padding:6px 16px}.progression-screen .progress-hero>b{top:8px}.progression-screen #road-content{gap:6px}}
#spectator-panel[hidden]{display:none}#spectator-panel{position:absolute;bottom:145px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;padding:12px;background:linear-gradient(130deg,#243f62ed,#152a43f5);border:2px solid #83c7ed;border-radius:18px;box-shadow:0 5px 24px #0005;pointer-events:auto;max-width:calc(100% - 24px)}#spectator-panel>div{display:grid;gap:5px;text-align:center;min-width:130px}#spectator-panel small{font:800 9px Arial;color:#a8dbff;letter-spacing:1px}#spectator-panel strong{font:900 16px Outfit;overflow-wrap:anywhere}#spectator-panel button{width:44px;height:44px;min-width:44px;font-size:28px;color:white;background:#355b7c;border:1px solid #9ecdeb;border-radius:12px}.is-spectating{visibility:hidden}.fighter-name{padding:4px 8px;background:#0f213cc9;border:1px solid #91b9db66;border-radius:8px;text-shadow:0 2px #102038}.top-bar{background:linear-gradient(180deg,#11263adb,transparent);padding:12px 16px!important}.top-bar .timer{border:2px solid #a3c3df;border-radius:14px;background:linear-gradient(#304866,#162f49);box-shadow:0 4px #071522;color:#fff1b1;letter-spacing:1px}.bottom-hud{border:1px solid #6c8ba9;background:linear-gradient(135deg,#1d3d58e8,#12283ef0);border-radius:16px;padding:12px;box-shadow:0 4px 18px #07152366}.ammo.full{background:linear-gradient(#ffe99b,#ecb442);box-shadow:0 0 8px #ffe16855}.arena-info{border:1px solid #6a8a9b66;background:#132e43d9;border-radius:12px;padding:8px 12px}.result-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.result-highlights>div{display:grid;gap:8px;padding:12px 10px;background:#17364a;border:1px solid #52798a;border-radius:12px;min-width:0}.result-highlights small{font:800 9px Arial;color:#a4c9da}.result-highlights strong{font:900 17px Outfit;color:#a4f5d2;overflow-wrap:anywhere}.result-fighter.is-star{border-color:#ffe39b;box-shadow:inset 4px 0 #ffe39b}.result-fighter[data-team="0"]{background:linear-gradient(100deg,#27557b,#1c354d)}.result-fighter[data-team="1"]{background:linear-gradient(100deg,#653b55,#23364e)}.result-summary{position:relative;background:radial-gradient(ellipse at 90% 0,#8fd9c329,transparent 70%),linear-gradient(140deg,#234d5377,#172940)}#screen-result[data-outcome=loss] .result-summary{border-color:#d089a1}.result-hero img{box-shadow:0 5px 20px #0005}.result-summary .rewards>div:first-child{background:linear-gradient(140deg,#6a583b,#28394c);border-color:#c6ac72}.result-summary .rewards>div:nth-child(3){background:linear-gradient(140deg,#315b65,#25384c);border-color:#76b6b5}@media(max-width:700px){#spectator-panel{bottom:150px;padding:8px;gap:8px}.top-bar{padding:8px!important;gap:5px}.result-highlights{margin-top:12px}.result-highlights>div{padding:10px 7px}.result-highlights small{font-size:8px}.result-highlights strong{font-size:14px}.bottom-hud{padding:8px}}@media(orientation:landscape) and (max-height:600px){#spectator-panel{bottom:100px;padding:6px}.result-highlights{margin-top:10px}.result-highlights>div{padding:8px}.result-highlights strong{font-size:14px}}
#screen-hud #btn-exit{position:absolute;top:58px;right:max(12px,env(safe-area-inset-right));left:auto}#screen-hud .bottom-hud{background:linear-gradient(135deg,#1d3d58e8,#12283ef0);border:1px solid #6c8ba9;box-shadow:0 4px 18px #07152366}#screen-hud .timer{background:linear-gradient(#304866,#162f49);border:1px solid #a3c3df;color:#fff1b1;box-shadow:0 3px #071522}#screen-hud .health-heading,#screen-hud #super-status{display:flex}#screen-hud .health-track{display:block}#screen-hud #minimap{border:1px solid #91b8d4;box-shadow:0 3px 12px #07152355}@media(max-width:700px),(max-height:600px){#screen-hud .health-heading{font-size:8px}#screen-hud #super-status{font-size:7px}#screen-hud #btn-exit{top:60px}}
.gem-role-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gem-role-options button{display:grid;gap:14px;padding:24px 14px;min-height:150px;text-align:left;background:linear-gradient(140deg,#455a84,#20384e);border:2px solid #95b9de;border-radius:16px;color:white}.gem-role-options button:first-child{border-color:#d4a3ff;background:linear-gradient(140deg,#634b87,#26334f)}.gem-role-options strong{font:900 18px Outfit}.gem-role-options span{font:12px/1.6 Arial;color:#d7e7f5}#room-role-picker[hidden]{display:none}#room-role-picker{display:flex;gap:10px;align-items:center;align-self:center;font:800 11px Arial;color:#d7bcff}#room-role{padding:10px;border:1px solid #9582b2;border-radius:10px;background:#28384d;color:white;max-width:100%;font:12px Arial}@media(max-width:700px){.gem-role-options{grid-template-columns:1fr}.gem-role-options button{min-height:100px;padding:16px}#room-role-picker{flex-wrap:wrap;justify-content:center}}@media(orientation:landscape) and (max-height:600px){.gem-role-options{grid-template-columns:1fr 1fr}.gem-role-options button{min-height:90px;padding:14px}#room-role-picker{font-size:9px}#room-role{padding:6px}}
#btn-gem-role[hidden]{display:none}#btn-gem-role{min-height:44px;font:800 11px Outfit;padding:10px 14px;border-color:#c6a6ef;color:#e6caff}@media(max-width:700px){#btn-gem-role{position:absolute;bottom:88px;right:12px;background:#273952;font-size:10px;padding:8px 10px}}
#settings-dialog{width:min(620px,calc(100% - 24px));padding:24px;border:2px solid #7a9dbd;background:radial-gradient(ellipse at top right,#3e627966,transparent 70%),#162a41;border-radius:20px}.settings-intro{padding:18px;border:1px solid #7299b6;border-radius:14px;background:linear-gradient(120deg,#2d5266,#283f5a);margin:18px 0}.settings-intro span{font:900 15px Outfit;color:#a4f5d2}.settings-intro p{font:12px/1.5 Arial;color:#c5d8e8;margin:8px 0 0}#settings-form{display:grid;gap:12px}#settings-form h3,#settings-account h3{font:900 12px Outfit;color:#c5dcf1;letter-spacing:1px}#settings-form label{display:grid;gap:10px;padding:14px;background:#223b54;border:1px solid #496a85;border-radius:12px;font:700 12px Arial}#settings-form input[type=range]{width:100%;accent-color:#a4f5d2}#settings-form label:has(input[type=checkbox]){display:flex;align-items:center}#settings-form select{padding:10px;background:#142c43;color:white;border:1px solid #7d9fbc;border-radius:8px}#settings-account{margin-top:22px;padding-top:12px;border-top:1px solid #597a97}#settings-account #profile-account{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}#settings-account a,#settings-account button{min-height:44px;font:800 11px Outfit;gap:8px!important}#settings-account a[href*=hesap-silme]{color:#ffb8c4;border-color:#ba8393}#profile-navigation{display:flex;gap:10px;flex-wrap:wrap}#profile-navigation button{width:auto;min-height:44px;gap:8px!important;font:800 11px Outfit}#profile-navigation .nav-label{display:inline}@media(max-width:700px){#settings-dialog{padding:16px}.settings-intro{padding:12px}#screen-home .home-left{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(orientation:landscape) and (max-height:600px){#settings-dialog{max-height:calc(100dvh - 20px)}#settings-form{grid-template-columns:1fr 1fr}#settings-form h3,#settings-form>p{grid-column:1/-1}#screen-home .home-left{grid-template-columns:1fr 1fr}}
#btn-install.hidden{display:none!important}

#settings-dialog #settings-form input[type=range]{width:100%;max-width:none;grid-column:1/-1}
#btn-gadget{display:none!important}.progression-screen{overflow-y:auto;overscroll-behavior-y:contain}.progression-screen #road-content{flex:none;min-height:auto}.progression-screen .reward-road{flex:none;align-items:stretch;min-height:0;height:auto;overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y}.progression-screen .reward-road .progress-card{flex-shrink:0;height:auto}.progression-screen .road-footer{position:sticky;bottom:0;z-index:2;background:#17273ef5;border-top:1px solid #60779d;padding:8px 0;margin-top:auto}.hub-screen{min-width:0;min-height:0}#screen-clan{overflow-y:auto;align-items:stretch}#screen-clan #clan-content{flex:none;min-height:0;min-width:0;width:100%;max-width:1100px;overflow-wrap:anywhere}#screen-clan .clan-member{min-height:52px;white-space:normal;overflow-wrap:anywhere;text-align:left;max-width:100%}#screen-clan form{min-width:0;gap:10px;padding:16px;border:1px solid #62829e;border-radius:14px;background:#1e374e}#screen-clan form input{min-width:0;width:120px;flex:1}#screen-clan #clan-content>h3{overflow-wrap:anywhere}#screen-clan #clan-content>.btn-secondary{margin:0 8px 14px 0}@media(max-width:700px),(pointer:coarse){.fighter-name{font-size:12px;padding:2px 5px;max-width:160px;overflow:hidden;text-overflow:ellipsis}}@media(max-width:380px){.fighter-name{font-size:11px;max-width:130px}}
@media(orientation:portrait) and (max-height:520px){#screen-home .home-left{position:absolute!important;top:120px;bottom:auto;left:12px;right:12px;width:auto;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}} .progression-screen{scroll-padding-bottom:80px}.reward-road button{scroll-margin-bottom:80px}
@media(orientation:landscape) and (max-height:360px){#screen-home .home-left{top:80px!important;gap:6px}#screen-home .home-left .nav-labeled{height:44px!important;min-height:44px;max-height:44px}}
@media(orientation:landscape) and (max-height:360px),(orientation:portrait) and (max-height:520px){#screen-home .home-left{grid-area:auto!important}}


/* Room content scrolls as one page instead of squeezing the player list. */
#screen-room{overflow-y:auto;gap:16px}#screen-room>*,#screen-room #lobby-members{flex-shrink:0}#screen-room #lobby-members{flex:none;overflow:visible}#screen-room .team-picker{position:static!important;display:flex;gap:10px}#screen-room .roster-header{flex-wrap:wrap;gap:12px}#screen-room .lobby-footer{position:static;margin-top:auto;padding:16px 0;flex-wrap:wrap}#screen-room .lobby-event{min-width:0;flex-wrap:wrap;gap:12px}#screen-room .lobby-event>div{min-width:0}#screen-room .lobby-member{min-width:0;flex-wrap:wrap}#screen-room .lobby-member strong{min-width:100px}#screen-room .team-picker button{min-width:44px}#room-role-picker{flex-wrap:wrap;flex-shrink:0}
@media(max-width:700px){#screen-room{gap:12px;padding:16px}#screen-room #lobby-members{grid-template-columns:1fr}#screen-room .lobby-member{padding:12px;gap:10px}#screen-room .lobby-footer p{flex:1;min-width:140px}#screen-room .roster-header h2{font-size:24px;letter-spacing:3px}}

#btn-gadget{display:none!important}#btn-super{overflow:visible;border-radius:50%;border:2px solid #a8d3e6;background:radial-gradient(circle at 35% 25%,#396c91,#162c48);color:#e0f3ff;font:900 16px Outfit,Arial;transition:background .2s,color .2s;isolation:isolate}#btn-super:disabled{opacity:1;box-shadow:0 3px #081a30}#btn-super::before{content:"";position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(#ffd75c var(--super-charge,0%),#ffffff22 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);pointer-events:none}#btn-super.is-ready{background:radial-gradient(circle at 35% 25%,#fff0a1,#ffbf36);color:#543900;border-color:#fff4b6;font-size:30px;animation:super-ready-pulse 1.2s ease-in-out infinite}#btn-super.is-ready::before{background:#ffe48a}@keyframes super-ready-pulse{50%{box-shadow:0 0 0 7px #ffd54b22,0 0 22px #ffd54b88}}@media(max-width:700px),(pointer:coarse){.fighter-name{font-size:11px;padding:2px 4px}}@media(max-width:380px){.fighter-name{font-size:10px}}@media(prefers-reduced-motion:reduce){#btn-super.is-ready{animation:none;box-shadow:0 0 12px #ffd54b66}}

@media(max-width:700px),(pointer:coarse){dialog.home-dialog,dialog.social-modal{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch}dialog.home-dialog>*,dialog.social-modal>.screen{flex-shrink:0}}

#loading-overlay{background:radial-gradient(ellipse at 50% 0,#2c6b9580,transparent 65%),#0e1d32;padding:20px;overflow:auto}.match-intro{width:min(920px,100%);text-align:left;border:2px solid #567da4;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#284962,#142841);box-shadow:0 16px 60px #0007}.match-intro header{display:flex;justify-content:space-between;gap:12px;padding:16px 24px;font:900 11px Outfit;letter-spacing:2px;color:#bad9ee}#loading-art .mode-art{height:160px;border-radius:0;position:relative}#loading-art .mode-art>svg{width:100%;height:100%}#loading-art .mode-art>img{display:none}.match-intro-info{padding:22px 28px 14px}#loading-map{color:#bcecd7;font:900 12px Outfit;letter-spacing:2px}#loading-overlay h2{font:900 clamp(26px,4vw,42px)/1.1 Outfit;margin:10px 0;color:#ffe49a;text-shadow:0 3px #10223c}#loading-rule{font:13px/1.5 Arial;color:#c1d9e8;margin:0}#loading-roster{display:flex;gap:10px;overflow-x:auto;padding:10px 28px 20px}#loading-roster>div{flex:0 0 66px;text-align:center}#loading-roster img{width:58px;height:58px;object-fit:cover;border:2px solid #85c9b1;border-radius:12px;background:#13253a}#loading-roster span{display:block;margin-top:6px;font:800 9px Outfit;color:#d7e9f2}.match-intro footer{padding:18px 28px;background:#102238aa;border-top:1px solid #4b6c89}.loading-caption{display:flex;gap:12px;justify-content:space-between;align-items:center}#loading-message{margin:0;font:12px/1.5 Arial}#loading-percent{font:900 22px Outfit;color:#a4f5d2}#loading-progress{display:block;width:100%;height:14px;margin:12px 0;accent-color:#a4f5d2;border:0;border-radius:12px;overflow:hidden}#loading-progress::-webkit-progress-bar{background:#314a63}#loading-progress::-webkit-progress-value{background:linear-gradient(90deg,#5ac8b4,#d5ff8a);border-radius:12px;transition:width .2s}.loading-tip{font:11px/1.5 Arial;color:#9ebdd2;margin:0}@media(max-width:700px){#loading-overlay{padding:14px}.match-intro{border-radius:18px}.match-intro header{padding:14px 16px;font-size:9px;letter-spacing:1px}#loading-art .mode-art{height:125px}.match-intro-info{padding:18px 18px 8px}#loading-roster{padding:10px 18px 16px;gap:8px}.match-intro footer{padding:16px 18px}#loading-rule{font-size:12px}}@media(orientation:landscape) and (max-height:600px){.match-intro{display:grid;grid-template-columns:35% minmax(0,1fr)}.match-intro header,.match-intro footer{grid-column:1/-1}.match-intro header{padding:8px 16px}#loading-art{grid-row:2/4}#loading-art .mode-art{height:100%;min-height:150px}.match-intro-info{padding:10px 16px 4px}#loading-overlay h2{font-size:24px;margin:5px 0}#loading-map{font-size:10px}#loading-roster{padding:6px 16px;gap:6px}#loading-roster img{width:36px;height:36px}#loading-roster>div{flex-basis:44px}#loading-roster span{font-size:8px}.match-intro footer{padding:8px 16px}.loading-tip{display:none}#loading-progress{margin:6px 0}}

/* Keep the home controls inside short landscape viewports. */
#screen-home{box-sizing:border-box}
@media(orientation:landscape){
 #screen-home{display:block!important;padding:clamp(12px,2vw,28px)!important;overflow:hidden!important}
 #screen-home .home-header{position:relative;flex-wrap:nowrap;gap:10px}
 #screen-home .progression-bar{width:auto;order:0;min-width:0;margin-left:auto}
 #screen-home .profile{order:0}
 #screen-home .home-left{position:absolute!important;left:auto!important;right:max(16px,env(safe-area-inset-right))!important;top:28%!important;width:clamp(200px,24vw,320px);max-width:none;display:grid!important;grid-template-columns:1fr 1fr;gap:8px;padding:0;background:none;border:0}
 #screen-home .home-left .nav-labeled{width:100%!important;min-width:0;height:clamp(40px,8vh,56px)!important;padding:8px!important}
 #screen-home .hero-caption{position:absolute!important;left:5%!important;bottom:24%!important;top:auto!important;transform:none}
 #screen-home .play-bar{position:absolute!important;left:16px;right:16px;bottom:max(14px,env(safe-area-inset-bottom));width:auto;margin:0;padding:0;display:flex;gap:12px}
 #screen-home .event-entry{flex:1;max-width:46%;min-width:0}
 #screen-home .help-button{margin-left:auto}
 #screen-home .play-bar .btn-primary{min-width:120px;padding:12px 20px;font-size:22px}
}
.room-bots{display:flex;align-items:center;gap:8px;color:#d2e9ff;font-size:12px}
#screen-room{background:linear-gradient(#101725dd,#10172566)!important}
#screen-room #lobby-members{grid-template-columns:repeat(5,minmax(0,1fr));width:100%;margin-top:auto}
#screen-room .lobby-member{flex-direction:column;gap:6px;text-align:center;padding:10px;min-width:0;background:#152338db}
#screen-room .lobby-member strong{font-size:12px}#screen-room .lobby-member span{font-size:10px}
@media(max-height:600px){#screen-room .lobby-member img{width:32px;height:32px}#screen-room .lobby-footer{margin-top:0}}
@media(orientation:portrait){#screen-room #lobby-members{grid-template-columns:repeat(2,minmax(0,1fr))}}

#screen-home.hidden{display:none!important}

@media(orientation:landscape){#screen-home .hero-caption{right:auto!important;width:auto!important;text-align:left!important;grid-area:auto!important}}

/* Room entry: touch targets, readable code and native scrolling. */
#room-dialog{width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-sizing:border-box;padding:24px;border:2px solid #7196b3;border-radius:22px;background:radial-gradient(ellipse at top right,#41507866,transparent 65%),#15283f;color:#eff7ff;overflow-y:auto;overflow-x:hidden;scroll-padding:16px}
#room-dialog::backdrop{background:#030913bb;backdrop-filter:blur(5px)}
#room-dialog header{margin-bottom:12px}#room-dialog header .eyebrow{display:block;font-size:10px;color:#a4f5d2;margin-bottom:6px}#room-dialog h2{font-size:clamp(19px,4vw,25px)}
#room-dialog .dialog-close{width:44px;height:44px;min-width:44px;background:#29425c;border:1px solid #7490ad;border-radius:12px;color:white}
#room-dialog .room-intro{font:13px/1.5 Arial;color:#bfd2e5;margin:0 0 18px}
#room-dialog .room-panel{display:grid;gap:16px}
#room-dialog .room-join,#room-dialog .room-create{min-width:0;padding:16px;background:#203950;border:1px solid #526d88;border-radius:16px}
#room-dialog .room-join>label{font:900 12px Outfit;color:#a4f5d2}#room-dialog .room-join>p,#room-dialog .room-create-hint{font:12px/1.5 Arial;color:#c4d6e7;margin:8px 0 12px}
#room-dialog .room-entry{display:flex;gap:8px;min-width:0}#room-dialog #room-code{min-width:0;flex:1;width:0;min-height:48px;box-sizing:border-box;background:#10263a;border:2px solid #66849f;border-radius:12px;padding:10px 12px;color:#fff;font:800 20px Outfit;letter-spacing:3px;text-transform:uppercase}#room-dialog #room-code:focus{outline:2px solid #a4f5d2;outline-offset:2px}
#room-dialog .room-entry .labeled-action{min-width:80px!important;padding:10px!important}#room-dialog .room-event-summary{margin:0 0 12px;padding:0;border:0;background:none;gap:6px}#room-dialog .room-event-summary strong{font-size:22px}#room-dialog #btn-create-room{width:100%;min-height:48px;margin:0}#room-dialog .room-create-hint{margin-bottom:0}
#room-dialog #room-status{margin:0;padding:10px 12px;border-radius:10px;background:#10263a;font:12px/1.5 Arial;color:#ffdf9e}#room-dialog #btn-quick-match{width:100%;margin-top:16px;min-height:48px;font:900 12px Outfit}
@media(orientation:landscape) and (max-height:600px){#room-dialog{padding:16px;width:min(680px,calc(100vw - 24px))}#room-dialog .room-panel{grid-template-columns:1fr 1fr;gap:12px}#room-dialog #room-status{grid-column:1/-1}#room-dialog .room-intro{margin-bottom:12px}#room-dialog .room-join,#room-dialog .room-create{padding:12px}#room-dialog #btn-quick-match{margin-top:12px}}
@media(max-width:380px){#room-dialog{padding:16px}#room-dialog .room-join,#room-dialog .room-create{padding:12px}#room-dialog #room-code{font-size:18px;letter-spacing:2px}}
@media(orientation:landscape) and (max-height:450px){#screen-home .home-header .brand{font-size:24px}#screen-home .resource-badge{padding:6px 8px;font-size:12px}#screen-home .home-left{top:25%!important;width:200px;gap:6px}#screen-home .home-left .nav-labeled{height:44px!important;min-height:44px;max-height:44px}#screen-home .hero-caption{bottom:25%!important}#screen-home .hero-caption h2{font-size:28px}#screen-home .hero-caption .eyebrow,#screen-home #bg-char-role{display:none}#screen-home .play-bar .btn-primary,#screen-home .event-entry{min-height:52px!important}#screen-home .play-bar .btn-primary{font-size:18px;padding:10px 16px}#screen-home .event-entry{padding:8px 12px}}

/* Shared responsive finish: readable headers, native scroll and stable startup. */
#startup-screen{position:fixed;inset:0;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:radial-gradient(ellipse at center,#273653,#0a101e 70%);color:#d8e9fb}#startup-screen.hidden{display:none}#startup-screen .brand{font-size:52px}#startup-message{font:14px/1.5 Arial;margin:0}.startup-spinner{width:28px;height:28px;border:3px solid #54728a;border-top-color:#a4f5d2;border-radius:50%;animation:loading-spin 1s linear infinite}
.screen.hidden{display:none!important}.screen{box-sizing:border-box;min-width:0}button,input,select,textarea{font-family:inherit}button{touch-action:manipulation}input,select,textarea{max-width:100%;box-sizing:border-box}.roster-header h2,.hub-header h2{overflow-wrap:normal;word-break:normal;line-height:1.15}.hub-content{min-width:0;overflow-wrap:anywhere}.hub-screen{gap:16px}.hub-header{flex-shrink:0}#screen-characters .roster-header,#screen-modes .roster-header{flex-wrap:wrap}#screen-characters .roster-header>div,#screen-modes .roster-header>div{min-width:160px;flex:1 1 160px}
dialog.home-dialog,dialog.social-modal{box-sizing:border-box;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}dialog input,dialog select{font-size:16px}dialog button{min-height:44px}dialog header{gap:12px}#profile-modal .profile-stats{min-width:0}.friend-row,.leader-row,.clan-member{min-width:0}.friend-name,.leader-name{min-width:0;overflow-wrap:anywhere}
@media(orientation:portrait){
 #screen-home{display:grid!important;height:100dvh;padding:12px!important;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(160px,1fr) auto auto;gap:10px;overflow-y:auto;align-content:stretch}
 #screen-home .home-header{position:static;grid-column:1;grid-row:1;display:flex;flex-wrap:wrap;gap:8px;align-items:center}#screen-home .home-header .brand{font-size:26px}#screen-home .profile{margin-left:auto;order:0}#screen-home .profile strong{max-width:110px}#screen-home .progression-bar{grid-area:auto;order:1;width:100%;gap:6px;justify-content:space-between;margin:0}#screen-home .resource-badge{padding:6px 8px;font-size:12px}#screen-home .btn-trophy-road{min-height:44px;padding:8px!important;font-size:10px}
 #screen-home .home-left{position:static!important;grid-column:1;grid-row:2;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:none;gap:8px;padding:0;border:0;background:none}#screen-home .home-left .nav-labeled{width:100%!important;min-width:0;min-height:44px;height:44px;max-height:none;justify-content:center;padding:8px!important}#screen-home .home-left .nav-label{font-size:10px}#screen-home .home-left .nav-labeled svg{width:18px;height:18px}
 #screen-home .selected-character-display{position:relative!important;inset:auto!important;grid-column:1;grid-row:3;min-height:160px;height:100%;width:100%;transform:none;margin:0}#screen-home .hero-caption{position:static!important;inset:auto!important;grid-column:1;grid-row:4;transform:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;text-align:center;margin:0}#screen-home .hero-caption h2{font-size:26px;margin:0}#screen-home .hero-caption .eyebrow,#screen-home #bg-char-role{display:none}#screen-home #character-trophies{margin:0;padding:8px;font-size:11px}
 #screen-home .play-bar{position:static!important;inset:auto!important;grid-column:1;grid-row:5;display:flex;gap:8px;padding:0;margin:0 0 env(safe-area-inset-bottom);width:100%;min-width:0}#screen-home .event-entry{min-width:0;flex:1;max-width:none;padding:8px!important;min-height:54px!important}#screen-home .event-entry strong{font-size:13px}#screen-home .event-entry span{font-size:10px}#screen-home .event-entry small{font-size:8px}#screen-home .help-button{min-width:44px;width:44px;padding:8px!important}#screen-home .help-button .nav-label{display:none}#screen-home .play-bar .btn-primary{min-width:84px;min-height:54px;padding:10px 12px;font-size:17px;gap:8px}#screen-home #btn-install:not(.hidden){position:absolute;right:12px;top:46%;min-height:44px;font-size:10px}
 #screen-home .home-header #btn-profile{display:block}
}
@media(max-width:420px){.roster-header h2,.hub-header h2{font-size:22px!important}.roster-header .eyebrow{font-size:9px}#screen-characters .roster-header>div,#screen-modes .roster-header>div{flex-basis:100%;min-width:0}.hub-screen{padding:16px 12px;gap:12px}#screen-characters,#screen-modes{padding:16px 12px}#screen-characters .roster-header .nav-labeled{min-width:44px;padding:8px!important}.char-card .ability-info{font-size:12px}.char-card .character-stats{gap:8px}.roster-header button{min-height:44px}}
@media(max-width:359px){#character-grid,#shop-content .shop-grid{grid-template-columns:minmax(0,1fr)}#character-grid .char-card>img{aspect-ratio:1.6}.char-card .character-stats{font-size:10px}.char-card .character-stats b{font-size:18px}#screen-home .home-header .ranking-label{display:none}}
@media(orientation:portrait) and (min-width:600px){#screen-home{padding:24px!important;gap:18px}#screen-home .home-left{grid-template-columns:repeat(5,minmax(0,1fr))}#screen-home .home-left .nav-labeled{height:52px}#screen-home .hero-caption h2{font-size:36px}#screen-home .play-bar .btn-primary{min-width:160px;font-size:22px}}
@media(prefers-reduced-motion:reduce){.startup-spinner{animation:none}}

/* Give the team preview its own area so member cards cannot cover models. */
#screen-room{background:transparent!important;display:flex;flex-direction:column;gap:10px;padding:16px max(16px,env(safe-area-inset-right)) 16px max(16px,env(safe-area-inset-left))}#screen-room .roster-header{margin:0}#room-3d-container{flex:1 0 160px;width:100%;min-height:160px;pointer-events:none}#screen-room #lobby-members{margin-top:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}#screen-room .lobby-footer{margin-top:0}#screen-room #lobby-status{margin:0}#screen-room .lobby-event{padding:12px}#screen-room .lobby-member{padding:8px;gap:4px}#screen-room .lobby-member img{width:36px;height:36px}#screen-room .lobby-member strong{font-size:11px}#screen-room .lobby-member span{font-size:10px}
@media(max-width:700px){#screen-room .lobby-event{min-height:44px;flex-shrink:0}#screen-room #lobby-mode-rule,#screen-room .lobby-event small{display:none!important}#screen-room #lobby-members{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}#screen-room .lobby-member{padding:6px 3px}#screen-room .lobby-member strong{font-size:10px}#screen-room .lobby-member img{width:30px;height:30px}#screen-room .lobby-footer{width:100%;box-sizing:border-box;padding:8px!important}#screen-room .lobby-footer p{display:none}#screen-room .room-bots{font-size:11px}}
@media(orientation:landscape) and (max-height:600px){#screen-room{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);grid-template-rows:auto auto minmax(100px,1fr) auto;gap:8px;padding:12px}#screen-room .roster-header{grid-column:1/-1}#screen-room .lobby-event{grid-column:1;grid-row:2;width:100%;box-sizing:border-box;height:auto!important}#screen-room .team-picker{position:static!important;grid-column:2;grid-row:2;justify-self:center}#screen-room #lobby-status{grid-column:2;grid-row:3;align-self:start;text-align:center}#screen-room .room-bots{grid-column:1;grid-row:4}#room-3d-container{grid-column:1;grid-row:3;min-height:100px;flex:none}#screen-room #lobby-members{grid-column:2;grid-row:3;align-self:end;grid-template-columns:repeat(5,minmax(0,1fr))}#screen-room .lobby-footer{grid-column:2;grid-row:4;width:100%;flex-direction:row;padding:6px!important}#screen-room .lobby-footer #btn-ready{min-height:44px!important}#screen-room .lobby-member img{width:24px;height:24px}#screen-room .lobby-member strong{font-size:9px}#screen-room .lobby-member span{display:none}}

#screen-room .lobby-member{box-sizing:border-box;width:100%;flex-wrap:nowrap}#screen-room .lobby-member strong{min-width:0;width:100%;flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#screen-room .lobby-footer{flex-shrink:0}