#touchControls,#touchMap,#touchMore,#touchRotate{display:none}#touchMenu[hidden],#touchRecipe[hidden]{display:none!important}
#touchMenu,#touchRecipe{position:fixed;z-index:1800;background:linear-gradient(130deg,#262b33,#11161e);color:#e4ded0;border:2px ridge #a89b7c;box-shadow:0 8px 35px #000b;box-sizing:border-box;font:14px/1.45 system-ui,sans-serif}
#touchMenu{right:max(8px,env(safe-area-inset-right));top:76px;width:340px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 88px);overflow:auto;padding:10px}
.touch-sheet-title{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#ecd296;font-size:17px;font-weight:650}.touch-sheet-title button{min-width:48px;min-height:48px;font-size:24px}
.touch-menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.touch-menu-actions button{min-height:48px;font-size:14px;padding:6px}.touch-quality{display:flex;gap:10px;align-items:center;margin-top:12px}.touch-quality select{min-height:48px;flex:1}
#touchRecipe{right:max(8px,env(safe-area-inset-right));bottom:calc(var(--touch-deck,140px) + env(safe-area-inset-bottom) + 8px);width:360px;max-width:calc(100vw - 16px);max-height:calc(100dvh - var(--touch-deck,140px) - 48px);display:flex;flex-direction:column;padding:10px 12px}
#touchRecipeBody{overflow:auto;min-height:0}.touch-formula{color:#ded7c4;margin:3px 0 9px;padding-bottom:8px;border-bottom:1px solid #645c4b}.touch-material{display:flex;align-items:center;gap:10px;min-height:38px}.touch-material .pixel-icon{width:28px;height:30px}.touch-material>span{flex:1}.touch-material b{font-variant-numeric:tabular-nums}.touch-material.enough{color:#acdaa3}.touch-material.missing{color:#efa39b}.touch-recipe-footer{display:flex;gap:12px;align-items:center;padding-top:9px;margin-top:8px;border-top:1px solid #645c4b}.touch-recipe-footer>span{flex:1;font-size:12px;color:#d0bd9a}.touch-recipe-footer>button{min-width:112px;min-height:48px;font-size:15px}.touch-input #field{touch-action:none;user-select:none;-webkit-user-select:none}.touch-box-cursor{cursor:crosshair!important}
.compact-ui{--touch-deck:168px;overscroll-behavior:none}.compact-ui header{display:none}.compact-ui main{height:100dvh;padding:0;gap:0;grid-template-rows:36px minmax(0,1fr) calc(var(--touch-deck) + env(safe-area-inset-bottom));padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
.compact-ui .stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;min-height:0}.compact-ui .stats>div:nth-child(-n+2){display:none}.compact-ui .stats>div{padding:2px 8px;min-height:0}.compact-ui .stats span{font-size:9px}.compact-ui .stats strong{font-size:14px;line-height:1.2}
.compact-ui .battle-column{grid-template-rows:48px minmax(0,1fr);min-height:0}.compact-ui .arena-top{padding:2px 6px;gap:4px;display:flex;align-items:center;z-index:30;min-height:0}.compact-ui .arena-top>button,.compact-ui .arena-top>select,.compact-ui .arena-top>div{display:none!important}.compact-ui .arena-top #findPakun,.compact-ui .arena-top #findShops,.compact-ui .arena-top #touchMap,.compact-ui .arena-top #touchMore{display:block!important;min-height:44px;padding:4px 9px;font-size:12px;white-space:nowrap;flex-shrink:0}.compact-ui #playerViews{display:flex;gap:3px;overflow-x:auto;min-width:50px;flex:1;white-space:nowrap}.compact-ui #playerViews button{min-height:44px;min-width:46px;padding:4px 7px;font-size:11px}.compact-ui #comboDropdown{position:static;flex:none;margin:0}.compact-ui #comboDropdown>summary{min-height:44px;display:flex;align-items:center;font-size:12px;padding:4px 9px}.compact-ui .rts-dropdown-body{position:fixed;top:84px;right:8px;width:min(720px,calc(100vw - 16px));height:calc(100dvh - 92px);max-height:none;overflow:auto}.compact-ui .hud-library{max-height:none}.compact-ui .library-body{min-height:200px}.compact-ui .catalog{max-height:none}.compact-ui .library-toolbar{flex-wrap:wrap}.compact-ui .library-toolbar input{font-size:16px;min-height:40px}.compact-ui .side-tabs button,.compact-ui .filters button,.compact-ui .inspector-tabs button,.compact-ui .practice-add{min-height:44px;font-size:12px}.compact-ui .rts-utilities{padding-bottom:16px}
.compact-ui .command-hud{grid-template-columns:minmax(115px,22fr) minmax(0,32fr) minmax(210px,46fr);grid-template-rows:minmax(0,1fr);padding:5px 6px calc(5px + env(safe-area-inset-bottom));gap:6px;border-top-width:5px}.compact-ui .rts-status,.compact-ui .rts-portrait{display:none!important}.compact-ui .command-hud>section{border-width:2px}.compact-ui .rts-minimap{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 46px;padding:2px}.compact-ui .rts-map-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}.compact-ui .rts-map-menu button{font-size:10px;min-height:44px;word-break:keep-all}.compact-ui .hud-selection>.hud-label{height:30px;min-height:30px;padding:0 5px;font-size:11px}.compact-ui #followSelection{min-height:28px;font-size:12px}.compact-ui .hud-selection #selectionInfo{height:calc(100% - 30px);padding:6px 8px;overflow:auto}.compact-ui .hud-selection h2{font-size:17px;line-height:1.25;white-space:normal}.compact-ui .rts-grade{font-size:11px}.compact-ui .rts-stat-grid{margin:7px 0;gap:5px;grid-template-columns:1fr 1fr}.compact-ui .rts-stat-grid i{display:none}.compact-ui .rts-stat-grid span{font-size:10px}.compact-ui .rts-stat-grid strong{font-size:13px}.compact-ui .rts-vitals{font-size:11px;gap:3px 8px}.compact-ui #rtsContext{display:none}.compact-ui .rts-command-panel{grid-template-rows:minmax(0,1fr);padding:2px 4px 4px}.compact-ui .rts-command-panel>.hud-label{display:none}.compact-ui .rts-command-grid{grid-row:1;grid-template-columns:repeat(4,minmax(48px,1fr));grid-template-rows:none;grid-auto-rows:48px;gap:4px;overflow:auto;padding:2px 0;align-content:start;overscroll-behavior:contain}.compact-ui .rts-command-slot{min-height:48px;border-width:1px}.compact-ui .rts-command-slot>button{min-height:46px;padding:1px;gap:0;font-size:12px}.compact-ui .rts-command-slot button>b{font-size:20px}.compact-ui .rts-command-slot button>span{font-size:11px;line-height:1.15}.compact-ui .rts-combo-command .pixel-icon{height:28px;width:28px}.compact-ui kbd{display:none!important}.compact-ui .shop-goods,.compact-ui #galleryRecipes{grid-row:1;overflow:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(56px,auto);padding-top:2px;align-content:start}.compact-ui .shop-goods button{min-height:56px;padding:3px}.compact-ui .shop-goods button>span{font-size:12px}.compact-ui .shop-goods small{font-size:10px}.compact-ui .shop-goods .pixel-icon{display:none}.compact-ui #galleryRecipes button{min-height:48px}.compact-ui .shop-description,.compact-ui .shop-wallet,.compact-ui .pakun-instructions,.compact-ui .gallery-materials{font-size:12px;line-height:1.35}
.compact-ui #touchControls{position:absolute;display:flex;gap:4px;left:8px;bottom:7px;z-index:10;max-width:calc(100% - 16px)}.compact-ui #touchControls button{min-height:44px;padding:4px 10px;font-size:12px;background:#18212aeb;border:1px solid #8b8064;touch-action:manipulation}.compact-ui #touchControls button.active{background:#69542c;color:#fff0be;border-color:#dec17b}.compact-ui .battle-clock{top:6px;left:8px;width:145px;padding:6px 8px}.compact-ui .round-line{padding-bottom:2px;gap:6px}.compact-ui .round-line>span{font-size:9px;letter-spacing:1px}.compact-ui .round-line>b{font-size:22px}.compact-ui .next-wave{padding-top:3px;font-size:10px}.compact-ui .next-wave b{font-size:15px}.compact-ui .spawn-phase{margin-top:3px;padding-top:3px;font-size:10px}.compact-ui .camera-controls{top:6px;right:7px;padding:2px;gap:2px}.compact-ui .camera-controls button{min-width:40px;min-height:40px;font-size:14px}.compact-ui .camera-controls #bossZoneTwo{display:none}.compact-ui .camera-controls output{font-size:11px}.compact-ui .boss-summary{top:57px;max-height:calc(100% - 110px);width:150px;right:7px}.compact-ui .rts-chat.open{position:fixed;bottom:calc(var(--touch-deck) + 8px);left:8px;right:8px;z-index:1700;width:auto;max-width:none}.compact-ui #chatInput{font-size:16px;min-height:44px}.compact-ui #chatForm button{min-width:48px;min-height:44px}.compact-ui .rts-combo-tooltip{display:none!important}
.compact-ui.unit-details-open .hud-selection{position:fixed;z-index:1600;left:8px;bottom:calc(var(--touch-deck) + 8px);width:min(420px,calc(100vw - 16px));height:min(360px,calc(100dvh - var(--touch-deck) - 96px));box-shadow:0 6px 24px #000a;background:#181e27}.compact-ui.unit-details-open #selectionInfo{overflow:auto}.compact-ui.unit-details-open #rtsContext{display:block;font-size:12px}.compact-ui.unit-details-open .rts-stat-grid{display:grid}.compact-ui.unit-details-open .rts-vitals{display:flex}
.phone-ui{--touch-deck:120px}.phone-ui .command-hud{grid-template-columns:minmax(122px,28fr) minmax(210px,72fr);gap:4px}.phone-ui .rts-minimap{display:none}.phone-ui .rts-stat-grid{display:none}.phone-ui .rts-grade{max-height:30px;overflow:hidden}.phone-ui .rts-vitals{font-size:10px}.phone-ui .hud-selection h2{font-size:15px}.phone-ui .rts-dropdown-body .library-body{grid-template-columns:1fr 1fr}.phone-ui .hud-inspector{min-width:0}.phone-ui #catalog .unit-card{padding:6px}.phone-ui .camera-controls output{display:none}.phone-ui .camera-controls button{min-width:36px;min-height:36px}.phone-ui .battle-clock{width:130px}.phone-ui .round-line>b{font-size:19px}.phone-ui .spawn-phase{display:none}.phone-ui #touchControls button{min-height:42px;padding:3px 8px;font-size:11px}.phone-ui .hud-selection .hud-label{font-size:10px}.phone-ui #touchRotate:not([hidden]){display:flex;position:fixed;left:8px;right:8px;top:calc(84px + 8px);z-index:1500;background:#262c34f5;border:1px solid #a99669;box-shadow:0 3px 15px #0008;padding:6px 8px;gap:8px;align-items:center;color:#e6d9bc;font-size:12px;pointer-events:auto}.phone-ui #touchRotate button{min-width:40px;min-height:40px;margin-left:auto;font-size:21px}
.compact-ui.touch-map-open .rts-minimap{display:grid;position:fixed;z-index:1600;top:90px;left:8px;width:290px;max-width:calc(100vw - 16px);height:220px;background:#10171e;border:2px ridge #a99b78;box-shadow:0 5px 24px #000a}.compact-ui.touch-map-open .rts-map-menu{grid-template-columns:repeat(4,1fr)}
@media(max-width:550px){.compact-ui .arena-top #findPakun,.compact-ui .arena-top #findShops{padding:4px 6px;font-size:11px}.compact-ui #comboDropdown>summary{font-size:0;width:44px;padding:4px;justify-content:center}.compact-ui #comboDropdown>summary:before{content:'도감';font-size:12px}.compact-ui #comboDropdown>summary span{display:none}.compact-ui .rts-dropdown-body .library-body{display:block}.compact-ui .rts-dropdown-body .catalog{max-height:36dvh}.compact-ui .rts-dropdown-body .hud-inspector{border-top:1px solid #6c6656}.compact-ui #playerViews{min-width:44px}.compact-ui .arena-top #touchMap,.compact-ui .arena-top #touchMore{padding:4px 7px}.compact-ui #touchControls{gap:3px}.compact-ui #touchControls button{padding:3px 6px}.compact-ui #touchMenu{top:84px}.compact-ui #touchRecipe{bottom:calc(var(--touch-deck) + 8px)}}

.compact-ui #startOverlay,.compact-ui #resultOverlay{position:fixed;inset:0;z-index:1900;display:grid;place-items:center;padding:12px;overflow:auto;background:#090e16db;box-sizing:border-box}.compact-ui #startOverlay[hidden],.compact-ui #resultOverlay[hidden]{display:none!important}.compact-ui .start-card{box-sizing:border-box;width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:16px 20px;margin:auto;border-radius:10px}.compact-ui .start-card h2{font-size:22px;margin:0 0 9px}.compact-ui .start-card .seal,.compact-ui .start-card .eyebrow,.compact-ui .start-card>p:not(#roomError){display:none}.compact-ui .start-settings{margin:8px 0;gap:8px}.compact-ui .start-settings select,.compact-ui #onlineFields input,.compact-ui .start-button,.compact-ui #roomStart,.compact-ui #roomLeave,.compact-ui #again,.compact-ui #copyRoomCode{min-height:44px;font-size:14px;padding:7px}.compact-ui #onlineFields{gap:7px}.compact-ui .start-card>small{font-size:10px}.compact-ui #roomLobby h2{font-size:20px}.compact-ui #roomMembers{margin:8px 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:5px}.compact-ui #roomMembers li{padding:6px;font-size:12px}.compact-ui .lobby-note{font-size:11px}.compact-ui .rts-empty-info{min-height:0;gap:4px;font-size:13px}.compact-ui .rts-empty-info span,.compact-ui .rts-empty-info small{font-size:10px}.compact-ui dialog{padding:18px;max-height:calc(100dvh - 24px)}.compact-ui dialog button{min-height:44px}.compact-ui dialog input{font-size:16px}
.compact-ui .arena{isolation:auto}.compact-ui #touchControls{pointer-events:auto}

.phone-ui{--touch-deck:128px}.compact-ui .rts-command-slot:empty{display:none}.compact-ui .rts-command-grid{padding-top:0;padding-bottom:0}.compact-ui .hud-selection .rts-empty-info span{display:none}

.compact-ui #onlineFields input,.compact-ui .start-settings select{font-size:16px}
.compact-ui .rts-minimap{grid-column:1!important;grid-row:1!important}.compact-ui .hud-selection{grid-column:2!important;grid-row:1!important}.compact-ui .rts-command-panel{grid-column:3!important;grid-row:1!important}.phone-ui .hud-selection{grid-column:1!important}.phone-ui .rts-command-panel{grid-column:2!important}

@media(max-width:359px){.phone-ui .command-hud{grid-template-columns:minmax(88px,1fr) 208px;padding-left:4px;padding-right:4px;gap:3px}.phone-ui .rts-command-grid{grid-template-columns:repeat(4,minmax(44px,1fr))}.phone-ui .arena-top{gap:2px;padding-left:3px;padding-right:3px}.phone-ui .arena-top #findPakun,.phone-ui .arena-top #findShops{padding:3px;font-size:10px}}