.mobile-picker-tabs,.mobile-connection-tab{display:none}
@media (pointer:coarse) and (max-width:1400px),(max-width:800px){
 html,body{height:100dvh;overflow:hidden}body{font-size:13px}
 body>header{height:44px;padding:0 max(12px,env(safe-area-inset-left));gap:8px}
 .brand,.brand strong{font-size:14px}.brand .brand-icon{width:25px;height:25px}#rating{font-size:10px;padding:5px 8px}
 main#setup{height:calc(100dvh - 44px);max-width:none;padding:6px max(8px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:6px;overflow:hidden}
 .mobile-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0;flex:0 0 36px}.mobile-tabs button{padding:7px;font-size:12px;min-height:34px}
 #setup .workspace{display:block!important;flex:1;min-height:0;overflow:hidden;position:relative}
 #setup .workspace>.panel{display:none!important;height:100%;min-height:0;padding:10px;border-radius:12px;box-sizing:border-box}
 #setup .workspace[data-mobile=build]>.build,#setup .workspace[data-mobile=roster]>.roster{display:flex!important;flex-direction:column}
 .panel>.sectiontitle{height:20px;margin:0 0 5px}.sectiontitle h2{font-size:13px}#saved{font-size:10px}
 #detail{min-height:0;overflow:hidden}.profile{padding:0 0 6px;gap:10px}.portrait{width:64px;height:64px;flex:none}.portrait img{width:64px;height:64px}.profile-info h2{font-size:20px;margin:3px 0}.profile-info>small{font-size:9px}.profile-info .type-icon.labeled{font-size:10px;padding:3px 6px}
 .build-tabs{margin:0 0 7px;flex:none;display:flex}.build-tabs button{padding:8px 6px;font-size:12px;min-height:34px;flex:1}
 .build-content{padding:0;overflow:hidden;scrollbar-gutter:auto;min-height:0;display:flex;flex-direction:column;gap:6px}
 .field-grid{gap:8px}.field-grid label{font-size:10px;margin:0 0 4px}.select-trigger{padding:6px 9px;font-size:12px;min-height:36px}.field-help{font-size:11px;line-height:1.35;margin:4px 0 0}.berry-icon{width:26px;height:26px}
 .nature-pill{padding:7px 10px;margin:0;min-height:34px;font-size:12px}.subheading{margin:3px 0;font-size:11px}
 #detail[data-tab=overview] .stat-summary{display:none}
 .equipped-grid,.equipped-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-height:0}
 .equipped-move,.equipped-move.empty-slot{padding:9px;min-height:65px;min-width:0;margin:0}.move-card-top{gap:5px}.move-card-top strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.move-card-top .type-icon{width:22px;height:22px}.move-card-top kbd{font-size:8px;padding:3px}.move-card-meta{font-size:10px;margin-top:5px;gap:5px}.equipped-list .equipped-move>p{display:none}
 .stat-summary.large{margin:0;display:grid;gap:3px;flex:1;min-height:0}.stat-line{min-height:28px;padding:3px 6px;gap:6px}.stat-line strong{font-size:15px}.stat-summary .sp-mini{font-size:11px;padding:4px}.presets{margin:4px 0 0;flex:none}.reset-stats{padding:7px 18px}
 #setup .ready-dock{height:44px;min-height:44px;gap:6px;display:flex;margin:0;flex:none;padding:0}.ready-dock .match-settings-trigger{display:none}#readySummary{min-width:0;flex:1}#readySummary img{width:32px;height:32px}#readySummary strong{font-size:12px}#readySummary small{font-size:9px}#readyInfo{display:none}.ready-dock #ready{width:138px;min-height:38px;padding:7px;font-size:12px;flex:none}
 .roster .search-wrap{height:34px;flex:none}.roster .filters{margin:6px 0;gap:5px}.filters button{padding:5px;font-size:11px}#filters .type-icon{width:18px;height:18px}#roster{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:6px;overflow:auto;min-height:0}.poke{min-height:98px;padding:10px 2px 5px}.poke img{width:50px;height:50px}.poke strong{font-size:11px}.poke .type-icon{width:18px;height:18px}
 #matchSettings{width:calc(100vw - 12px);height:calc(100dvh - 12px);max-width:none;max-height:calc(100dvh - 12px);padding:0;overflow:hidden}
 #matchSettings[open]{display:flex;flex-direction:column}.lobby-heading{padding:8px 12px;flex:none}.lobby-heading h2{font-size:18px;margin:0}.lobby-heading small{display:none}.lobby-heading .icon-button{width:32px;height:32px;padding:0}
 .lobby-scroll{flex:1;min-height:0;padding:8px 12px;overflow:hidden;display:flex;flex-direction:column;gap:6px}.lobby-topline{gap:6px;flex-wrap:wrap;flex:none}.lobby-mode{display:flex;gap:4px}.lobby-mode button{padding:7px 10px;font-size:11px}.lobby-section-switch{display:flex;gap:4px}.lobby-section-switch button{padding:7px 9px;font-size:11px}.mobile-connection-tab{display:block}.lobby-rules{display:none}.lobby-status{margin:0;min-height:22px;font-size:10px;flex:none}
 #matchSettings .lobby-layout{display:block;flex:1;min-height:0;overflow:hidden}#matchSettings .lobby-options,#matchSettings .room-rules-panel{display:none}
 #matchSettings[data-section=connection] .lobby-players{display:none}#matchSettings[data-section=connection] .lobby-options{display:block;height:100%;box-sizing:border-box}
 #matchSettings[data-section=rules] .lobby-layout{display:none}#matchSettings[data-section=rules] .room-rules-panel{display:block;flex:1;margin:0;padding:10px;min-height:0}
 .lobby-players{height:100%;min-height:0;gap:8px}.lobby-player{padding:9px;min-height:0}.seat-portrait{height:clamp(42px,12dvh,90px);margin:0}.seat-portrait img{height:100%;width:auto}.lobby-player h3{font-size:14px;margin:4px 0}.lobby-player p{font-size:10px;margin:2px 0}.seat-types{margin:4px 0}.seat-moves{gap:4px;padding-top:5px}.seat-moves>button,.seat-moves>span{font-size:10px;min-height:30px;padding:5px;min-width:0}.seat-build-options{margin-top:5px}.seat-build-options button{font-size:10px;padding:6px 4px}.room-caption,.training-mark{display:none}
 .lobby-options{padding:12px}.lobby-options #roomEntry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-content:center}.lobby-options #roomEntry label{grid-column:1/-1;margin:0;font-size:11px}.lobby-options input{min-width:0;height:36px;padding:7px}.lobby-options button{min-height:36px;font-size:12px;padding:7px}.lobby-options .primary{margin:0}.room-divider{display:none}#roomCode{font-size:26px;margin:10px 0}.room-rule-grid{grid-template-columns:1fr 1fr;gap:8px}.rule-cell{padding:10px;gap:7px}.room-rules-title{margin-bottom:7px}.room-rules-title>span{display:none}
 .lobby-footer{flex:none;gap:6px;padding:8px 12px}.lobby-footer>button,.lobby-footer .primary{min-width:0;min-height:38px;padding:7px 8px;font-size:11px}.lobby-footer .primary{flex:1}.lobby-footer>button:not(.primary){flex:0 1 auto}
 #picker{width:calc(100vw - 12px);max-width:calc(100vw - 12px);max-height:calc(100dvh - 12px);padding:0;overflow:hidden}#picker[open]{display:flex;flex-direction:column}.picker-head{flex:none;padding:7px 12px;min-height:42px}.picker-head h2{font-size:17px}.picker-head .icon-button{width:32px;height:32px;padding:0}#pickerBody{min-height:0;overflow:auto;padding:10px}
 #picker.picker-move>.picker-head{flex-basis:46px;height:46px;gap:7px}.picker-move .mobile-picker-tabs{display:flex;margin-left:auto;gap:4px}.mobile-picker-tabs button{font-size:11px;padding:7px 10px}.mobile-picker-tabs .selected{background:#59533b;color:#ffe8a3}
 #picker.picker-move #pickerBody{grid-template-columns:1fr;grid-template-rows:88px 26px minmax(0,1fr);grid-template-areas:'tools' 'heading' 'list';padding:0}
 #picker.picker-move #movePreview{display:none}#picker.picker-move[data-mobile-panel=detail] #pickerBody{display:block;overflow:hidden}
 #picker.picker-move[data-mobile-panel=detail] .picker-tools,#picker.picker-move[data-mobile-panel=detail] .move-table-head,#picker.picker-move[data-mobile-panel=detail] #moveRows{display:none}
 #picker.picker-move[data-mobile-panel=detail] #movePreview{display:block;height:100%;border:0;overflow:auto}
 #picker.picker-move #movePreview .move-preview{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}
 #picker.picker-move #movePreview .preview-title{grid-column:1/-1;grid-row:auto}#picker.picker-move .range-preview{grid-column:1;grid-row:auto;margin:0}#picker.picker-move .move-metrics{grid-column:2;grid-row:auto;margin:0}#picker.picker-move .range-preview svg{height:clamp(75px,18dvh,140px)}
 #picker.picker-move .move-description,#picker.picker-move #movePreview .equip-button,#picker.picker-move #movePreview .preview-footer{grid-column:1/-1;grid-row:auto}#picker.picker-move .move-description>small{display:none}#picker.picker-move #movePreview .move-description p{font-size:12px;line-height:1.45}#picker.picker-move #movePreview .equip-button{position:sticky;bottom:0}
 .stats-editor{padding:0}.stat-focus{padding:10px;margin:7px 0}.stat-focus strong{font-size:32px}.stat-focus>small{font-size:10px}.stat-adjust{margin:6px 0;gap:7px}.stat-adjust button{width:32px;height:32px;min-width:32px;padding:0}.stat-tabs{gap:4px;margin:7px 0}.stat-tabs button{padding:7px 3px;font-size:11px}.sp-budget{margin:0;font-size:12px}.hp-formula{font-size:9px}.nature-editor{padding:0}.nature-matrix{table-layout:fixed;width:100%}.nature-matrix th,.nature-matrix button{font-size:10px;padding:6px 2px;min-height:32px}.nature-current{font-size:12px;padding:7px}.neutral-natures{gap:4px}.neutral-natures button{padding:7px;font-size:11px}
 #result>.panel{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:12px;overflow:auto}.result-heading{margin-bottom:8px}.report-summary>button{padding:9px}.report-table{margin-bottom:8px}
}
@media (pointer:coarse) and (max-height:540px),(max-width:800px) and (orientation:landscape){
 body>header{height:34px}.brand,.brand strong{font-size:12px}main#setup{height:calc(100dvh - 34px);padding-top:3px;gap:4px}.mobile-tabs{flex-basis:30px}.mobile-tabs button{min-height:28px;padding:4px}.panel>.sectiontitle{display:none!important}
 #detail{display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-rows:32px minmax(0,1fr);gap:5px 10px}.profile{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:0;gap:5px}.profile-info>small{display:none}.profile-info h2{font-size:16px}.profile-info .type-pair{justify-content:center}.build-tabs{grid-column:2;grid-row:1;margin:0}.build-tabs button{padding:4px;min-height:28px}.build-content{grid-column:2;grid-row:2;gap:4px}.portrait,.portrait img{width:64px;height:64px}.field-grid{gap:8px}.field-help{font-size:10px;margin-top:2px;line-height:1.2}.field-grid label{margin:0}.select-trigger{min-height:30px;padding:4px 7px}.nature-pill{min-height:28px;padding:4px 7px}.subheading{display:none}.equipped-grid,.equipped-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.equipped-move,.equipped-move.empty-slot{padding:5px;min-height:48px}.move-card-top strong{font-size:10px}.move-card-top .type-icon{width:17px;height:17px}.move-card-top kbd{display:none}.move-card-meta{font-size:9px;gap:3px}.move-card-meta .category-icon{display:none}#detail[data-tab=moves] .equipped-list{grid-template-columns:repeat(2,minmax(0,1fr));height:100%}#detail[data-tab=stats] .stat-summary{grid-template-columns:1fr 1fr}#detail[data-tab=stats] .stat-line{grid-template-columns:35px 18px minmax(12px,1fr) 28px 24px;font-size:10px}.stat-line strong{font-size:12px}#setup .ready-dock{height:34px;min-height:34px}.ready-dock #ready{min-height:30px}#readySummary img{width:25px;height:25px}
 .lobby-heading{padding:5px 12px}.lobby-scroll{padding:5px 12px;gap:4px}.lobby-status{min-height:16px}.lobby-footer{padding:5px 12px}.lobby-footer>button,.lobby-footer .primary{min-height:30px}.seat-portrait{height:40px}.seat-moves{grid-template-columns:repeat(4,minmax(0,1fr))}.seat-types{display:none}.seat-build-options{margin-top:3px}.seat-moves>button,.seat-moves>span{min-height:24px;font-size:9px}.lobby-options{padding:8px}.lobby-options #roomEntry{grid-template-columns:110px minmax(0,1fr) 130px}.lobby-options #roomEntry label{grid-column:auto}.room-rules-title{display:none}.rule-cell{padding:7px}.room-rule-grid{gap:5px}.rule-cell strong{font-size:11px}
 #picker.picker-move #pickerBody{grid-template-rows:44px 26px minmax(0,1fr)}#picker.picker-move .picker-tools{display:flex;gap:6px;padding:5px 9px}#picker.picker-move .picker-tools .search-wrap{flex:1;min-width:60px}#picker.picker-move .move-filters{margin:0}#picker.picker-move #movePreview .move-preview{grid-template-columns:minmax(120px,1fr) minmax(150px,1fr) minmax(170px,1.4fr)}#picker.picker-move #movePreview .preview-title{grid-column:1;grid-row:1}#picker.picker-move .range-preview{grid-column:1;grid-row:2/4}#picker.picker-move .move-metrics{grid-column:2;grid-row:1/3}#picker.picker-move .move-description{grid-column:3;grid-row:1/3}#picker.picker-move #movePreview .equip-button{grid-column:2/4;grid-row:3}#picker.picker-move #movePreview .preview-footer{display:none}
 .stats-editor{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.stats-editor>.hp-formula,.stats-editor>.sp-budget,.stats-editor>.stat-tabs{grid-column:1}.stats-editor>.stat-focus{grid-column:1;margin:0}.stats-editor>.stat-summary{grid-column:2;grid-row:1/5}.stats-editor>.presets{grid-column:1/-1;margin:0}.stat-focus>div>strong{font-size:26px}
}
@media (pointer:coarse) and (max-width:1400px){
 #battle .battleTop{top:max(6px,env(safe-area-inset-top));width:calc(100% - 70px);grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:4px}
 #battle .timer{padding:5px 3px;min-width:0}.round-score b{font-size:23px}#matchClock{font-size:12px}#battleConnection{font-size:8px;white-space:nowrap}
 #battle .health-line{column-gap:4px}#battle .health-name{gap:3px}#battle .health-name strong{font-size:13px}#battle .health-line>span{font-size:11px;white-space:nowrap}.battle-types .type-icon{width:14px;height:14px}.health-name .status-pill{font-size:9px;padding:2px 4px}
 .rank-chip{font-size:9px;padding:2px 4px}.rank-line{gap:3px;min-height:14px}.health-ranks{margin-top:4px;gap:2px}#battleMenuButton{width:30px;height:30px;top:max(7px,env(safe-area-inset-top));right:max(6px,env(safe-area-inset-right))}
 #roundAnnouncement{top:clamp(74px,19dvh,115px);min-width:140px}#roundAnnouncement #roundLabel{font-size:10px;letter-spacing:1.5px}#roundAnnouncement #announce{font-size:30px;margin-top:3px}
}
@media (pointer:coarse) and (max-width:520px) and (orientation:portrait){
 #battle .battleTop{width:calc(100% - 32px);grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)}
 #battle .health-line{display:flex!important;flex-wrap:wrap;align-items:center;gap:3px}#pHealth .health-line{flex-direction:row-reverse}#battle .hud-portrait{width:24px;height:24px}#battle .health-name{flex:1;min-width:55px}#battle .health-line>span{width:100%;font-size:10px}#pHealthValue{text-align:right}#battleConnection{white-space:normal;font-size:7px}.round-score b{font-size:20px}
}