/* Room studio and device-specific presentation; game rules remain shared. */
[hidden]{display:none!important}.studio-value{display:none!important}.studio-modal{padding:18px!important;background:#061522c9!important;z-index:65!important;align-items:center!important}.room-studio{width:min(1100px,calc(100vw - 36px))!important;max-width:none!important;height:min(830px,calc(100dvh - 36px));max-height:none!important;display:flex;flex-direction:column;padding:0!important;overflow:hidden!important;background:linear-gradient(135deg,#213a46,#172c3b 75%)!important;border:1px solid #8daea563!important;border-radius:22px!important;box-shadow:0 28px 100px #020e2566}.studio-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px 18px!important;flex-shrink:0;margin:0!important}.studio-header .net-eyebrow{font-size:10px;letter-spacing:2.4px;color:#adcdc2}.studio-header h2{margin:10px 0 0!important;font-size:29px!important;line-height:1.25;letter-spacing:1px}.studio-header .net-close{position:static!important;min-width:44px;width:44px;height:44px;border:1px solid #abc7bd2b;border-radius:50%;font-size:29px;background:#0f273666}.studio-steps{display:flex;border-top:1px solid #a0bfb81c;border-bottom:1px solid #a0bfb826;flex-shrink:0;padding:0 28px;gap:30px}.studio-steps button{display:flex;align-items:center;gap:10px;padding:15px 0;background:transparent;border-bottom:2px solid transparent;color:#88a8aa;min-height:53px;font-size:14px;letter-spacing:.5px}.studio-steps i{font-style:normal;font-size:11px;font-variant-numeric:tabular-nums}.studio-steps .selected{color:#d6ebcc;border-color:#c1dfa4}.studio-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 290px;overflow:hidden}.studio-main{min-width:0;padding:24px 26px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#658a83 transparent}.studio-section-title{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px}.studio-section-title small{font-size:9px;color:#85aa9f;letter-spacing:2px}.studio-section-title h3{font-size:22px;color:#e7ecd9;margin:7px 0 0}.studio-section-title>span{color:#8faeb0;font-size:11px;white-space:nowrap}.studio-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-pick{position:relative;display:flex;gap:11px;align-items:center;padding:14px;text-align:left;border:1px solid #99c6b531;border-radius:12px;min-height:93px;background:#0d25363b;color:#d8e4d4;transition:border-color .15s,background .15s}.mode-pick:last-child{grid-column:1/-1}.mode-pick-icon{width:36px;height:39px;display:grid;place-items:center;color:#a8cbbf;flex-shrink:0}.mode-pick-icon svg{width:32px;height:32px}.mode-pick-copy{display:flex;flex-direction:column;min-width:0;gap:7px}.mode-pick b{font-size:15px;white-space:nowrap;font-weight:650}.mode-pick small{font-size:12px;line-height:1.5;color:#8faeb0}.mode-pick em{position:absolute;top:9px;right:12px;font:9px/1.2 inherit;color:#85a7a5;font-style:normal}.pick-check{display:none;position:absolute;right:10px;bottom:10px;width:19px;height:19px;line-height:19px;text-align:center;border-radius:50%;background:#c6ddb4;color:#263e36;font-size:12px;font-style:normal}.mode-pick.selected,.map-pick.selected{background:#7fbaa31c;border-color:#bad5b2;box-shadow:inset 0 0 0 1px #bbd8ad33}.mode-pick.selected .mode-pick-icon{color:#d5e8b5}.selected>.pick-check{display:block}.mode-pick:hover,.map-pick:hover{border-color:#c8dfbe;transform:none!important}.studio-mode-detail{border-top:1px solid #8ca9a733;margin-top:23px;padding-top:20px}.studio-mode-detail>span{font-size:9px;letter-spacing:1.7px;color:#b8c5d2}.studio-mode-detail h3{font-size:20px;margin:8px 0 10px;color:#dfdbc5}.studio-mode-detail>p{font-size:13px;color:#9fbbbc;line-height:1.9;margin:0 0 13px}.studio-mode-detail dl{margin:0;display:grid;gap:8px}.studio-mode-detail dl>div{display:flex;gap:12px;line-height:1.7;font-size:12px}.studio-mode-detail dt{min-width:29px;color:#d3dfc9}.studio-mode-detail dd{margin:0;color:#93afb0}.studio-aside{background:linear-gradient(160deg,#132a3977,#0e22356e);padding:24px 22px;overflow:auto;border-left:1px solid #adcbc120;scrollbar-width:thin}.studio-aside-label{display:block;font-size:11px;letter-spacing:2px;color:#9eb8b1;margin-bottom:15px}.studio-aside>img{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:12px;border:1px solid #bad6c030}.studio-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:17px 0 10px}.studio-preview-heading h3{font-size:19px;color:#e4e8d2;margin:0}.studio-preview-heading span{font-size:10px;color:#cadbca;border:1px solid #93bebc50;border-radius:4px;padding:4px 7px;white-space:nowrap}.studio-aside>p{font-size:12px;line-height:1.9;color:#8fadb0}.studio-summary{border-top:1px solid #a8c5bc24;border-bottom:1px solid #a8c5bc24;padding:10px 0;margin:20px 0}.studio-summary>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:8px 0;color:#86a4ac}.studio-summary b{font-size:12px;font-weight:500;color:#cddcc8}.studio-crossplay{display:flex;gap:10px;line-height:1.8}.studio-crossplay svg{color:#c9dbaa;width:22px;flex-shrink:0}.studio-crossplay b{display:block;font-size:12px;font-weight:500;color:#b9d0bf}.studio-crossplay small{font-size:11px;color:#7799a4;display:block;margin-top:5px}.studio-maps{display:grid;grid-template-columns:1fr 1fr;gap:14px}.map-pick{position:relative;overflow:hidden;border:1px solid #bad2c43b;border-radius:12px;padding:0;background:#102737;text-align:left;color:#deead7}.map-pick>img{display:block;width:100%;aspect-ratio:1.65;object-fit:cover;transition:filter .15s}.map-pick:not(.selected)>img{filter:saturate(.8)}.map-pick>div{padding:13px;display:flex;gap:8px;justify-content:space-between;align-items:flex-start}.map-pick b{display:block;font-size:15px;color:var(--map-color)}.map-pick small{font-size:10px;line-height:1.8;color:#91aaaf;margin-top:6px;display:block}.map-pick em{font-size:10px;font-style:normal;border:1px solid #95afa138;padding:4px 6px;border-radius:4px;white-space:nowrap}.map-pick>.pick-check{top:10px;bottom:auto}.studio-map-note{font-size:13px;line-height:1.9;margin:19px 0 0;color:#acc2bb;background:#99bdb010;border-left:2px solid #99bfa282;padding:14px 17px}.random-map-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.random-map-grid figure{margin:0;border-radius:10px;overflow:hidden;background:#102736}.random-map-grid img{width:100%;aspect-ratio:1.7;object-fit:cover;display:block}.random-map-grid figcaption{padding:10px;font-size:13px;color:#c5d6c7}.studio-random h3{font-size:19px;color:#d3e1d0}.studio-random p{color:#9ab6b7;line-height:1.9;font-size:13px}.studio-fields{display:grid;grid-template-columns:1fr 1fr;gap:21px 18px}.studio-wide{grid-column:1/-1}.studio-fields label{display:block;color:#bfcec6;font-size:13px;line-height:1.7}.studio-fields label>small{float:right;font-size:11px;color:#799da3}.studio-fields input:not([type=checkbox]){display:block;width:100%;height:47px;font-size:16px;padding:10px 13px;margin-top:7px;background:#0d2638a3;border:1px solid #9ec4b537;color:#e0e7da;border-radius:7px}.studio-option>label{font-size:13px;margin-bottom:8px}.studio-segments{display:flex;gap:6px;padding:4px;background:#0c22336b;border:1px solid #97b9b32f;border-radius:8px}.studio-segments>button{flex:1;border-radius:5px;border:1px solid transparent;min-height:39px;background:transparent;color:#91b2b1;padding:8px;font-size:13px}.studio-segments>.selected{background:#aacbb4;color:#213e37;border-color:#cbdabd;font-weight:650}.studio-option>p{font-size:11px;color:#819fa5;line-height:1.8;margin:8px 0 0}.studio-fields .studio-bots{display:flex!important;align-items:flex-start;gap:10px;border:1px solid #93b9a837;padding:14px;background:#80bc9e0e;border-radius:9px;font-size:13px}.studio-bots input{margin:3px 0;width:20px;height:20px;flex-shrink:0;accent-color:#a9ccae}.studio-bots b{font-size:13px;display:block;color:#c8dcc4}.studio-bots small{display:block;line-height:1.7;margin-top:4px;font-size:11px;color:#8daaa8}.studio-fields .net-check input{width:20px;height:20px}.room-studio .net-form-description{font-size:12px;line-height:1.8;margin:20px 0 0;padding:13px 15px}.studio-footer{padding:17px 25px;display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid #8eaba734;background:#182c3e;flex-shrink:0;margin:0!important}.studio-footer>div{margin-right:auto;min-width:0}.studio-footer>div>span{color:#a9c6b9;font-size:12px}.studio-footer .net-form-error{font-size:12px;min-height:0;margin:4px 0 0}.studio-footer .net-primary{font-size:14px;min-width:165px;min-height:46px;width:auto!important;margin:0!important}.studio-footer .net-secondary{min-height:44px;font-size:13px}.room-scene-preview{position:relative;overflow:hidden;border-radius:9px;margin-bottom:20px}.room-scene-preview>img{display:block;width:100%;aspect-ratio:1.9;object-fit:cover}.room-scene-preview>span{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#102434f2);padding:24px 12px 10px;color:#e0ead7;font-size:12px}.touch-help{border:1px solid #9bbdab33;border-radius:8px;padding:16px;margin-bottom:17px;color:#c9dcca;font-size:14px}.touch-help p{font-size:13px;line-height:1.9;color:#9fbbb7;margin:9px 0 0}
/* Phone controls are independent pointers, not emulated keyboard events. */
.touch-enabled{height:100dvh;overscroll-behavior:none;-webkit-text-size-adjust:100%}.touch-enabled #app{height:100dvh}.touch-enabled #world{touch-action:none}.touch-enabled .small-screen-note{display:none!important}.touch-layer{position:absolute;inset:0;pointer-events:none;z-index:18}.touch-layer button,.touch-pad{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.touch-top{position:absolute;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));top:max(6px,env(safe-area-inset-top));display:flex;align-items:center;gap:5px;pointer-events:none}.touch-top>*{pointer-events:auto}.touch-top button{min-width:44px;height:40px;border:1px solid #9bbfc438;border-radius:9px;background:#163240e8;color:#d1e3c7;font-size:13px;box-shadow:0 2px 10px #06142222}.touch-match{flex:1;text-align:center;color:#e5e6cb;font-size:14px;line-height:1.6;font-variant-numeric:tabular-nums;padding:4px}.touch-personal{position:absolute;left:50%;transform:translateX(-50%);bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:auto auto;align-items:center;gap:4px 10px;width:210px;background:#102e39d6;border:1px solid #97b79533;border-radius:8px;padding:8px 11px;font-size:12px;line-height:1.3;color:#d6e7c3}.touch-personal>div{height:6px;border-radius:3px;background:#132a37;grid-column:1/-1;grid-row:2;overflow:hidden}.touch-personal>div>i{display:block;height:100%;background:linear-gradient(90deg,#7ebea0,#c0df9f);width:100%}.touch-personal b{font-size:12px;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.touch-pad{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));width:122px;height:122px;border-radius:50%;border:1px solid #b3d6cf52;background:radial-gradient(circle,#375c643f,#1a384655 70%,#264a5659);box-shadow:inset 0 0 0 9px #8babaf0b,0 6px 25px #02132244}.move-pad{left:max(26px,calc(env(safe-area-inset-left) + 12px));display:grid;place-items:center}.touch-pad small{position:absolute;bottom:9px;left:0;width:100%;text-align:center;color:#b4c8bd;font-size:11px;pointer-events:none}.pad-axis{position:absolute;inset:25px;border:1px dashed #bdddd32b;border-radius:50%;pointer-events:none}.pad-knob{position:absolute;width:47px;height:47px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#c0d8c4aa,#486e75bb);border:1px solid #bdded571;color:#e5ebd7;font-size:22px;pointer-events:none;will-change:transform}.skill-pad{right:max(26px,calc(env(safe-area-inset-right) + 12px));background:radial-gradient(circle,#6c8c6d77,#344f50a3 64%,#aac7994f);border:2px solid #d3e1b5ac;display:grid;place-items:center;isolation:isolate}.skill-pad>svg{height:50px;width:50px;color:#e6edbe;pointer-events:none;opacity:.85}.skill-pad strong{position:absolute;inset:0;display:grid;place-items:center;color:#f0edd1;font-size:25px;font-weight:650;text-shadow:0 2px 9px #14293a;pointer-events:none}.skill-pad.cooling{border-color:#8dabb877;background:radial-gradient(#253c5066,#152d43c4)}.skill-pad.cooling>svg{opacity:.23}.skill-pad.held{box-shadow:0 0 0 8px #ccdfb61c,0 0 35px #9fc5b744}.skill-knob{position:absolute;width:30px;height:30px;border:1px solid #edebc99e;background:#e9eac93d;border-radius:50%;pointer-events:none;display:none}.held>.skill-knob{display:block}.charge-ring{position:absolute;inset:-5px;border-radius:50%;pointer-events:none;background:conic-gradient(#a5e5ef var(--charge,0%),transparent 0);mask:radial-gradient(transparent calc(100% - 6px),#000 calc(100% - 5px));-webkit-mask:radial-gradient(transparent 64%,#000 65%);z-index:-1}.touch-pads.unavailable{opacity:.35}.touch-pads.unavailable .touch-pad{pointer-events:none}.touch-cancel{position:absolute;right:max(44px,calc(env(safe-area-inset-right) + 22px));bottom:176px;width:91px;height:67px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #deb1b477;border-radius:14px;background:#693c5296;color:#edd3ca;pointer-events:none}.touch-cancel>span{font-size:26px}.touch-cancel>b{font-size:10px;font-weight:500}.touch-cancel.cancelled{border-color:#ffd8c9;background:#ac6470}.touch-pad.cancelled{border-color:#db9f9f}.touch-aim-hint{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);border-radius:20px;max-width:48vw;white-space:nowrap;padding:7px 12px;border:1px solid #bdd5b345;background:#193443e8;color:#d7e4c5;font-size:12px}.touch-orientation{position:absolute;top:77px;left:50%;transform:translateX(-50%);color:#93b2b1;background:#102937b3;border-radius:16px;font-size:11px;padding:4px 5px 4px 12px;white-space:nowrap;pointer-events:auto}.touch-orientation button{font-size:18px;color:#bdcdc4;background:transparent;width:27px;height:26px;vertical-align:middle}.touch-network{position:absolute;left:max(14px,env(safe-area-inset-left));top:51px;color:#87b3b0;font-size:10px;pointer-events:none;font-variant-numeric:tabular-nums}.touch-enabled.touch-battle .topbar,.touch-enabled.touch-battle .ability-panel,.touch-enabled.touch-battle .scoreboard,.touch-enabled.touch-battle .team-scoreboard,.touch-enabled.touch-battle .personal-health,.touch-enabled.touch-battle .team-tools,.touch-enabled.touch-battle .bottom-help,.touch-enabled.touch-battle .live-stats,.touch-enabled.touch-battle .arena-name,.touch-enabled.touch-battle .growth-panel,.touch-enabled.touch-battle .kill-feed,.touch-enabled.touch-battle .soul-phase,.touch-enabled.touch-battle .net-badge{display:none!important}.touch-enabled.touch-battle #world{left:100px;right:100px;top:46px;width:calc(100% - 200px);height:calc(100% - 50px);bottom:4px}.touch-enabled.touch-battle .vignette{opacity:.6}.touch-enabled.touch-battle .nameplate{width:78px!important;min-width:0;max-width:none}.touch-enabled.touch-battle .nameplate>b{font-size:11px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;max-width:78px}.touch-enabled.touch-battle .nameplate .status-text{font-size:10px}.touch-enabled.touch-battle .nameplate>div{height:6px}.touch-enabled.touch-battle .soul-scoreboard{top:51px;left:50%;transform:translateX(-50%);width:280px;max-width:50vw;gap:4px;pointer-events:none}.touch-enabled.touch-battle .soul-team-chip{padding:4px 6px;background:#0b213380;border-radius:5px}.touch-enabled.touch-battle .soul-team-chip b{font-size:10px}.touch-enabled.touch-battle .soul-team-chip strong{font-size:14px}.touch-enabled.touch-battle .soul-chip-heroes,.touch-enabled.touch-battle .soul-team-chip .team-health{display:none}.touch-enabled.touch-battle .soul-matches{display:none}.touch-enabled .draft-panel{z-index:27}.touch-enabled .modal-layer{z-index:36}.touch-enabled .roster-panel,.touch-enabled .inventory-panel{z-index:29}.touch-enabled .performance{z-index:37}.touch-enabled.touch-battle .performance{top:65px;left:12px;transform:none;display:block;max-width:calc(100vw - 24px)}.touch-enabled .performance.hidden{display:none!important}.touch-enabled .touch-layer:has(~ .modal-layer:not(.hidden)){visibility:hidden}
/* Text is resized, not the entire desktop interface scaled down. */
@media(max-width:900px){.studio-modal{padding:10px!important}.room-studio{width:calc(100vw - 20px)!important;height:calc(100dvh - 20px);border-radius:16px!important}.studio-header{padding:18px 21px 15px!important}.studio-header h2{font-size:25px!important}.studio-body{grid-template-columns:minmax(0,1fr) 235px}.studio-main{padding:20px}.studio-aside{padding:20px 16px}.studio-modes{grid-template-columns:1fr}.mode-pick:last-child{grid-column:auto}.mode-pick{min-height:77px;padding:12px 15px}.studio-section-title>span{font-size:10px}.studio-preview-heading h3{font-size:16px}.studio-footer{padding:13px 18px}}
@media(max-width:700px){.studio-body{display:block;overflow-y:auto;overscroll-behavior:contain}.studio-main{overflow:visible;padding:19px 18px}.studio-aside{display:none}.studio-header .net-eyebrow{font-size:8px;letter-spacing:1.6px}.studio-header{padding:17px 18px 13px!important}.studio-header h2{font-size:23px!important}.studio-steps{padding:0 18px;gap:0;justify-content:space-between}.studio-steps button{font-size:13px;gap:7px;min-height:49px;padding:12px 0}.studio-section-title{margin-bottom:17px}.studio-section-title h3{font-size:21px}.studio-section-title>span{font-size:10px}.studio-modes{gap:8px}.mode-pick b{font-size:15px}.mode-pick em{font-size:10px}.mode-pick small{font-size:12px}.studio-mode-detail>p,.studio-mode-detail dl>div{font-size:13px}.studio-mode-detail h3{font-size:19px}.studio-maps{gap:10px}.map-pick>div{padding:11px;display:block}.map-pick b{font-size:14px}.map-pick em{position:absolute;top:8px;left:8px;background:#112c40c9;font-size:10px;border:0}.map-pick small{font-size:10px}.studio-map-note{font-size:13px}.studio-footer{flex-wrap:wrap;gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom))}.studio-footer>div{width:100%;flex-basis:100%}.studio-footer>div>span{font-size:11px}.studio-footer .net-primary{flex:1;min-width:0;font-size:14px;min-height:46px}.studio-footer .net-secondary{min-height:46px;font-size:13px}.studio-fields{gap:17px 12px}.studio-fields label,.studio-option>label{font-size:14px}.studio-segments>button{font-size:14px;min-height:43px}.studio-option>p,.studio-bots small{font-size:12px}.studio-fields label>small{font-size:11px}.studio-random p{font-size:13px}}
@media(max-height:520px) and (min-width:701px){.studio-header{padding:12px 20px!important}.studio-header h2{font-size:22px!important;margin-top:5px!important}.studio-steps button{min-height:42px;padding:8px 0}.studio-body{grid-template-columns:minmax(0,1fr) 230px}.studio-modes{grid-template-columns:1fr 1fr}.mode-pick:last-child{grid-column:1/-1}.studio-footer{padding:9px 17px}.studio-modes .mode-pick{min-height:85px}.studio-main{padding-top:17px}.studio-footer .net-primary{min-height:42px}.studio-footer .net-secondary{min-height:42px}}
@media(pointer:coarse),(max-width:700px){.net-shell{padding:16px 16px 28px}.net-header{padding-bottom:14px;margin-bottom:18px;gap:10px;flex-wrap:wrap}.net-brand{font-size:17px}.net-header-right{gap:9px}.net-header-right .net-quiet{min-height:38px;font-size:12px}.net-status,.net-header-right #netPing{font-size:11px}.net-title-row{margin:22px 0 20px;gap:16px;flex-wrap:wrap}.net-screen h1{font-size:28px}.net-title-row p,.net-room-heading p{font-size:13px}.net-toolbar{flex-wrap:wrap}.net-search{max-width:none;flex-basis:100%}.net-screen input,.net-screen select,.net-modal input{font-size:16px!important;min-height:44px}.net-toolbar select{flex:1}.net-room-count{font-size:12px}.net-room-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.net-room-card h2{font-size:22px}.net-room-card p{font-size:13px}.net-room-card-head>small{font-size:9px}.net-room-card .net-phase{font-size:11px}.net-seats-mini>span{font-size:11px}.net-room-card footer>small{font-size:10px}.net-room-card footer>button{font-size:14px;min-height:44px}.net-login{margin:22px auto}.net-login h1{font-size:37px}.net-login p{font-size:14px}.net-login label,.net-login>small{font-size:12px}.net-login-input{flex-wrap:wrap}.net-login-input input{flex-basis:100%}.net-login-input button{width:100%;min-height:50px}.net-primary{font-size:14px;min-height:46px}.net-secondary{min-height:44px;font-size:13px}.net-quiet{font-size:12px;min-height:40px}.net-room-heading{display:block;margin-top:20px}.net-room-heading h1{font-size:25px}.net-room-actions{flex-wrap:wrap;gap:8px;margin-top:16px}.net-roster{grid-template-columns:1fr;gap:14px}.net-roster.four-teams{grid-template-columns:1fr}.net-team>header{padding:13px 15px}.net-slot{padding:12px 10px;min-height:89px}.net-slot-info b{font-size:14px}.net-slot-info>small{font-size:12px}.net-slot-state>span{font-size:11px}.net-slot select{max-width:170px;width:100%;min-height:38px;font-size:15px!important}.net-slot-state button{min-height:38px;padding:7px;font-size:12px}.net-room-layout{grid-template-columns:1fr}.net-match-summary{padding:17px}.net-match-summary>div{font-size:13px}.net-match-summary>div>b{font-size:13px}.net-room-notes{font-size:12px!important;line-height:1.9!important}.net-chat-log{font-size:13px;max-height:160px}.net-chat-log p{font-size:13px}.net-chat-log b{font-size:13px}.net-room-bottom{position:sticky;bottom:0;padding:14px 0 6px;background:#173040;z-index:2}.net-room-bottom small{font-size:12px;line-height:1.8}.net-browser-foot{font-size:12px}.net-empty{padding:25px 18px}.net-empty h2{font-size:23px}.net-empty p{font-size:14px}.net-password-card{width:min(420px,calc(100vw - 24px));padding:25px!important}.net-password-card input{width:100%}.net-offline{font-size:13px!important;max-width:calc(100vw - 24px);left:12px!important;right:12px!important;transform:none!important}.net-pending{font-size:13px!important;max-width:calc(100vw - 24px)}}
.touch-enabled .dialog{max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}.touch-enabled .dialog h2{font-size:24px}.touch-enabled .setting-row b{font-size:14px}.touch-enabled .setting-row small,.touch-enabled .settings-note{font-size:12px;line-height:1.7}.touch-enabled .setting-row select{font-size:14px;min-height:42px;max-width:175px}.touch-enabled .close-button{width:44px;height:44px;font-size:28px;z-index:2}.touch-enabled .modal-layer{padding:12px}.touch-enabled .primary,.touch-enabled .secondary,.touch-enabled .text-button{min-height:44px;font-size:14px}.touch-enabled .help-lead,.touch-enabled .help-controls p,.touch-enabled .help-hero p,.touch-enabled .mode-help p{font-size:13px;line-height:1.9}.touch-enabled .help-controls b,.touch-enabled .help-hero b,.touch-enabled .mode-help>b{font-size:14px}.touch-enabled .inventory-panel,.touch-enabled .roster-panel{position:absolute;left:12px!important;right:12px!important;top:60px!important;bottom:12px!important;transform:none!important;width:auto;max-width:none;max-height:none;padding:16px;background:#132a3cf7}.touch-enabled .battle-table{font-size:12px}.touch-enabled .battle-table td,.touch-enabled .battle-table td:nth-child(4){font-size:12px}.touch-enabled .battle-table th{font-size:11px}.touch-enabled .battle-table th:first-child{width:39%}.touch-enabled .battle-table td svg{width:25px;height:25px}.touch-enabled .battle-table .name-with-status small{font-size:10px}.touch-enabled .owned-card b{font-size:14px}.touch-enabled .owned-card small{font-size:12px}.touch-enabled .build-stats>span{font-size:12px}.touch-enabled .owned-cards{max-height:none}.touch-enabled .draft-panel{width:calc(100% - 24px);max-width:990px;left:50%;bottom:12px;max-height:calc(100dvh - 60px);overflow:auto;padding:15px;background:linear-gradient(130deg,#233e4afc,#303b54fc)}.touch-enabled .draft-header{gap:14px;margin-bottom:12px}.touch-enabled .draft-header h2{font-size:19px;margin:5px 0}.touch-enabled .draft-header p{font-size:12px;max-width:none}.touch-enabled .draft-clock b{font-size:26px}.touch-enabled .draft-clock small{font-size:10px}.touch-enabled .augment-card{padding:13px;min-height:158px}.touch-enabled .augment-card h3{font-size:16px}.touch-enabled .augment-card p{font-size:13px;line-height:1.7}.touch-enabled .augment-card>small{font-size:11px;line-height:1.6}.touch-enabled .augment-card-top>span{font-size:11px}.touch-enabled .draft-footer{font-size:11px}.touch-enabled .choice-grace{font-size:13px;bottom:162px}.touch-enabled .respawn-panel{top:34%;padding:15px 20px;min-width:180px}.touch-enabled .respawn-panel>span{font-size:14px}.touch-enabled .respawn-panel>small{font-size:12px}.touch-enabled .toast{font-size:13px;bottom:165px;max-width:90vw;white-space:normal}.touch-enabled .countdown{padding-bottom:0}
@media(orientation:portrait){.touch-enabled.touch-battle #world{left:0;right:0;top:88px;bottom:172px;width:100%;height:calc(100% - 260px)}.touch-personal{bottom:168px;width:calc(100% - 54px);max-width:440px}.touch-top{flex-wrap:wrap;gap:5px}.touch-match{font-size:13px;min-width:115px}.touch-top button{min-width:40px;height:40px;font-size:12px}.touch-network{top:52px}.touch-pad{bottom:max(28px,env(safe-area-inset-bottom));width:126px;height:126px}.move-pad{left:max(25px,env(safe-area-inset-left))}.skill-pad{right:max(25px,env(safe-area-inset-right))}.touch-cancel{bottom:213px;right:24px}.touch-aim-hint{bottom:209px;max-width:85vw;font-size:12px}.touch-enabled.touch-battle .soul-scoreboard{top:52px;right:12px;left:auto;transform:none;max-width:67%;width:270px}.touch-enabled .draft-panel{bottom:12px;padding:14px;max-width:calc(100vw - 20px)}.touch-enabled .draft-cards{display:flex;flex-direction:column;gap:8px}.touch-enabled .augment-card{min-height:0;padding:12px 12px 12px 58px}.touch-enabled .augment-card-top{position:absolute;left:12px;top:13px;width:32px;margin:0}.touch-enabled .augment-card-top>span{display:none}.touch-enabled .augment-card kbd{display:none}.touch-enabled .augment-card h3{margin:0 0 5px;font-size:17px}.touch-enabled .augment-card p{font-size:13px}.touch-enabled .augment-card>small{margin-top:6px;font-size:11px}.touch-enabled .draft-header h2{font-size:18px}.touch-enabled .draft-header .eyebrow{font-size:8px}.touch-enabled .draft-header p{font-size:11px;line-height:1.7}.touch-enabled .draft-header{align-items:flex-start}.touch-enabled .draft-clock b{font-size:25px}.touch-enabled .draft-clock small{font-size:9px}.touch-enabled .draft-footer>span:last-child{display:none}.touch-enabled .draft-footer>span:first-child{font-size:11px}.touch-enabled .draft-progress{margin-top:11px}}
@media(pointer:coarse) and (max-width:1000px){.touch-enabled:not(.touch-battle) .topbar{top:12px;left:14px;right:14px}.touch-enabled:not(.touch-battle) .top-actions{flex-direction:row}.touch-enabled .top-actions .icon-button{width:40px;height:40px}.touch-enabled .top-actions #fpsBtn{display:none}.touch-enabled .top-actions #helpBtn{display:none}.touch-enabled .menu-layer{background:linear-gradient(90deg,#102532f9,#1b3444f2)}.touch-enabled .menu-layer .menu-panel{position:absolute!important;left:0!important;right:0!important;top:66px!important;bottom:0!important;transform:none!important;max-width:none!important;width:100%!important;max-height:none!important;overflow:auto;padding:18px 20px 30px!important;overscroll-behavior:contain}.touch-enabled .menu-panel h1,.touch-enabled .menu-panel #setupHeading{font-size:28px!important;white-space:normal!important;line-height:1.4!important}.touch-enabled .menu-panel .intro{font-size:13px!important;line-height:1.8!important}.touch-enabled .menu-character-caption,.touch-enabled .menu-footer{display:none!important}.touch-enabled .menu-panel .section-label,.touch-enabled .menu-panel label,.touch-enabled .roster-label{font-size:13px!important}.touch-enabled .menu-panel .hero-card{min-height:89px;padding:6px}.touch-enabled .menu-panel .hero-card>svg{height:50px;width:50px}.touch-enabled .menu-panel .hero-card>b{font-size:13px!important}.touch-enabled .menu-panel .segmented button{font-size:13px;min-height:43px}.touch-enabled .skill-brief{padding:13px!important;margin:14px 0!important}.touch-enabled .skill-brief p{font-size:13px!important;line-height:1.8}.touch-enabled .skill-brief b{font-size:14px!important}.touch-enabled .arena-card>b{font-size:12px!important}.touch-enabled .arena-card>svg{height:44px!important}.touch-enabled .roster-slot select,.touch-enabled .soul-slot select{font-size:15px!important;min-height:39px!important}.touch-enabled .soul-setup-note,.touch-enabled .menu-hint{font-size:12px!important;line-height:1.8}.touch-enabled .setup-nav button{font-size:13px;min-height:38px}.touch-enabled .setup-nav>span{font-size:12px}.touch-enabled .menu-panel .start-button{min-height:53px;margin-top:16px}.touch-enabled .mode-screen{padding:74px 16px 22px}.touch-enabled .mode-card h2{font-size:22px!important}.touch-enabled .mode-card p{font-size:13px!important}.touch-enabled .mode-features span{font-size:11px!important}.touch-enabled .mode-heading p,.touch-enabled .back-cover{font-size:12px!important}.touch-enabled .cover-panel{max-height:calc(100dvh - 125px);overflow:auto;scrollbar-width:thin}.touch-enabled .cover-intro{font-size:14px!important;line-height:1.8}.touch-enabled .cover-play b,.touch-enabled .cover-online b{font-size:18px!important}.touch-enabled .cover-help{font-size:14px;min-height:44px}.touch-enabled .cover-foot{display:none}.touch-enabled .cover-bottom{display:none}.touch-enabled .cover-panel h1{font-size:54px}.touch-enabled .cover-subtitle{font-size:18px}}
@media(pointer:coarse) and (orientation:landscape) and (max-height:540px){.touch-enabled .cover-panel{left:6%;top:58%;width:300px}.touch-enabled .cover-panel h1{font-size:39px;margin:9px 0}.touch-enabled .cover-panel .eyebrow{display:none}.touch-enabled .cover-intro{display:none}.touch-enabled .cover-actions{width:270px}.touch-enabled .cover-play,.touch-enabled .cover-online{height:54px;min-height:54px}.touch-enabled .cover-help{min-height:39px}.touch-enabled .cover-subtitle{font-size:15px;margin-bottom:12px}.touch-enabled .cover-panel{max-height:calc(100dvh - 64px)}.touch-enabled .mode-cards{grid-template-columns:1fr 1fr}.touch-enabled .mode-card p{font-size:12px!important}.touch-enabled .menu-layer .menu-panel{padding-top:10px!important;max-width:800px!important;left:50%!important;transform:translateX(-50%)!important}.touch-enabled .draft-panel{max-height:calc(100dvh - 48px);bottom:7px;padding:11px 14px}.touch-enabled .draft-header{margin-bottom:9px}.touch-enabled .draft-header h2{font-size:18px}.touch-enabled .draft-header p{font-size:11px}.touch-enabled .augment-card{min-height:145px}.touch-enabled .augment-card h3{font-size:15px}.touch-enabled .augment-card p{font-size:12px}.touch-enabled .augment-card>small{font-size:11px}.touch-enabled .draft-footer{padding-top:7px}.touch-enabled .draft-clock b{font-size:24px}.touch-enabled .draft-header .eyebrow{display:none}.touch-enabled .nameplate .status-text{font-size:9px}.touch-enabled .respawn-panel>b{font-size:32px}.touch-enabled .respawn-panel{top:27%}}
@media(max-width:370px){.touch-top button{min-width:36px;font-size:11px}.touch-match{font-size:12px;min-width:105px}.touch-pad{width:115px;height:115px}.touch-personal{bottom:155px}.touch-enabled.touch-battle #world{height:calc(100% - 245px);bottom:157px}.studio-main{padding:16px 12px}.studio-header h2{font-size:21px!important}}
@media(prefers-reduced-motion:reduce){.mode-pick,.map-pick,.touch-pad{transition:none!important}}