#ra2web-root .ra2web-portrait-menu-content{box-sizing:border-box;border:1px solid #6d7373;background:linear-gradient(135deg,#1f2424f7,#090c0cf7);box-shadow:inset 0 0 0 2px #161a1a,0 3px 12px #0008;font:15px/1.4 Arial,Microsoft YaHei,sans-serif;touch-action:pan-y;overscroll-behavior:contain;scrollbar-color:#a8976d #151919;-webkit-overflow-scrolling:touch}#ra2web-root .ra2web-portrait-menu-content .opts.general-opts,#ra2web-root .ra2web-portrait-menu-content .opts.sound-opts,#ra2web-root .ra2web-portrait-menu-content .opts.key-opts,#ra2web-root .ra2web-portrait-menu-content .diplo-form,#ra2web-root .ra2web-portrait-menu-content .con-info-form,#ra2web-root .ra2web-portrait-menu-content .campaign-briefing-form{box-sizing:border-box;width:100%;height:auto;min-height:100%;min-width:0;margin:0;padding:12px;overflow:visible;justify-content:flex-start;top:auto;transform:none}#ra2web-root .ra2web-portrait-menu-content fieldset{box-sizing:border-box;min-width:0;margin:0;padding:8px 10px;border-color:#756f57}#ra2web-root .ra2web-portrait-menu-content legend{padding:0 6px;color:#e6d7a4}#ra2web-root .ra2web-portrait-menu-content .opts .item,#ra2web-root .ra2web-portrait-menu-content .opts .item>label{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0;min-height:44px}#ra2web-root .ra2web-portrait-menu-content .opts .item{margin:12px 0}#ra2web-root .ra2web-portrait-menu-content .opts .item>label{width:100%}#ra2web-root .ra2web-portrait-menu-content .opts .item span.label{flex:1 1 100px;width:auto;min-width:0;margin:0;text-align:left}#ra2web-root .ra2web-portrait-menu-content .opts .item>div,#ra2web-root .ra2web-portrait-menu-content .opts .item>label>div{flex:1 1 140px;min-width:0;max-width:100%}#ra2web-root .ra2web-portrait-menu-content .opts .slider-item{margin:12px 0;text-align:left}#ra2web-root .ra2web-portrait-menu-content .opts .slider-item span.label{display:block;width:auto;margin:0 0 6px;text-align:left}#ra2web-root .ra2web-portrait-menu-content .slider-item>div{display:flex!important;align-items:center;gap:8px;width:100%}#ra2web-root .ra2web-portrait-menu-content .opts input[type=range]{flex:1 1 0;min-width:0;width:100%;height:44px;touch-action:pan-x}#ra2web-root .ra2web-portrait-menu-content input[type=range]+input[type=text]{flex:0 0 62px;width:62px;height:44px;font-size:14px}#ra2web-root .ra2web-portrait-menu-content input[type=checkbox]{flex:0 0 44px;width:44px;height:44px;margin:0;background-size:22px 22px;background-position:center;background-repeat:no-repeat;touch-action:manipulation}#ra2web-root .ra2web-portrait-menu-content input[type=text],#ra2web-root .ra2web-portrait-menu-content select,#ra2web-root .ra2web-portrait-menu-content button{box-sizing:border-box;min-height:44px;min-width:44px;max-width:100%;height:auto;font-size:16px;touch-action:manipulation}#ra2web-root .ra2web-portrait-menu-content .select{width:100%;min-width:0;height:auto;min-height:44px;border-color:#82765a;font-size:15px}#ra2web-root .ra2web-portrait-menu-content .select:before{top:10px}#ra2web-root .ra2web-portrait-menu-content .select .select-value,#ra2web-root .ra2web-portrait-menu-content .select .select-layer .option{display:flex;align-items:center;min-height:44px;height:auto;padding:8px 22px 8px 8px;touch-action:manipulation}#ra2web-root .ra2web-portrait-menu-content .select .select-value>div,#ra2web-root .ra2web-portrait-menu-content .select .select-layer .option>div{white-space:normal;overflow-wrap:anywhere}#ra2web-root .ra2web-portrait-menu-content .select .select-layer{position:static;max-height:220px;overflow-y:auto;outline-color:#82765a;background:#141818;overscroll-behavior:contain;touch-action:pan-y}#ra2web-root .ra2web-portrait-menu-content .select .select-layer .option.selected,#ra2web-root .ra2web-portrait-menu-content .list .list-item.selected{background:#574e34}#ra2web-root .ra2web-portrait-menu-content .list{border-color:#82765a;overscroll-behavior:contain}#ra2web-root .ra2web-portrait-menu-content .list .list-item{box-sizing:border-box;display:flex;align-items:center;min-height:44px;padding:8px}#ra2web-root .ra2web-portrait-menu-content .opts.sound-opts .music-jukebox .jukebox-content{flex-direction:column;align-items:stretch;gap:12px}#ra2web-root .ra2web-portrait-menu-content .opts.sound-opts .music-jukebox .jukebox-content .controls,#ra2web-root .ra2web-portrait-menu-content .opts.sound-opts .music-jukebox .jukebox-content .playlist{width:100%;margin:0}#ra2web-root .ra2web-portrait-menu-content .opts.sound-opts .music-jukebox .jukebox-content .controls{display:flex;flex-wrap:wrap;gap:12px}#ra2web-root .ra2web-portrait-menu-content .opts.sound-opts .music-jukebox .jukebox-content .controls>div{margin:0}#ra2web-root .ra2web-portrait-menu-content .music-jukebox label,#ra2web-root .ra2web-portrait-menu-content .diplo-form-footer label{display:flex;align-items:center;min-height:44px;gap:6px}#ra2web-root .ra2web-portrait-menu-content .opts.sound-opts .music-jukebox .jukebox-footer{margin-left:0;gap:12px}#ra2web-root .ra2web-portrait-menu-content .key-opts .key-opts-list,#ra2web-root .ra2web-portrait-menu-content .key-opts .key-opts-cur-assign,#ra2web-root .ra2web-portrait-menu-content .key-opts .key-opts-ch-assign{height:auto;flex-direction:column;gap:12px}#ra2web-root .ra2web-portrait-menu-content .key-opts .key-opts-left,#ra2web-root .ra2web-portrait-menu-content .key-opts .key-opts-right{width:100%;margin:0}#ra2web-root .ra2web-portrait-menu-content .key-opts .key-list{max-height:220px}#ra2web-root .ra2web-portrait-menu-content .key-opts .key-opts-list .key-opts-right .key-opts-desc-container{height:auto;min-height:70px;margin:0}#ra2web-root .ra2web-portrait-menu-content .key-opts .key-opts-ch-assign .key-opts-right{display:flex;gap:8px}#ra2web-root .ra2web-portrait-menu-content .key-opts .key-opts-ch-assign-warn{margin:16px 0 0}#ra2web-root .ra2web-portrait-menu-content .diplo-form .players{min-height:0;flex-shrink:0;overflow:visible}#ra2web-root .ra2web-portrait-menu-content .diplo-form table,#ra2web-root .ra2web-portrait-menu-content .con-info-form table{table-layout:fixed;width:100%;border-collapse:collapse}#ra2web-root .ra2web-portrait-menu-content .diplo-form th,#ra2web-root .ra2web-portrait-menu-content .diplo-form td{width:44px;padding:4px 0;text-align:center;font-size:13px;overflow-wrap:anywhere}#ra2web-root .ra2web-portrait-menu-content .diplo-form .player-country{width:36px}#ra2web-root .ra2web-portrait-menu-content .diplo-form .player-ping{width:20px}#ra2web-root .ra2web-portrait-menu-content .diplo-form .player-name{width:auto;text-align:left}#ra2web-root .ra2web-portrait-menu-content .diplo-form .player-kills{width:36px}#ra2web-root .ra2web-portrait-menu-content .game-settings,#ra2web-root .ra2web-portrait-menu-content .con-info-form td{overflow-wrap:anywhere}#ra2web-root .ra2web-portrait-menu-content .con-info-form th,#ra2web-root .ra2web-portrait-menu-content .con-info-form td{width:36px}#ra2web-root .ra2web-portrait-menu-content .con-info-form .player-name{width:auto}#ra2web-root .ra2web-portrait-menu-content .con-info-form .player-ping{width:60px}#ra2web-root .ra2web-portrait-menu-content .con-info-form .player-time{width:44px}#ra2web-root .ra2web-portrait-menu-content .chat-wrapper .new-message-wrapper{padding-right:52px}#ra2web-root .ra2web-portrait-menu-content .chat-wrapper .new-message input{width:0;min-width:0}#ra2web-root .ra2web-portrait-menu-content .chat-wrapper .send-message-button{width:44px;height:44px}#ra2web-root .ra2web-portrait-menu-content .campaign-briefing-content{max-height:none;overflow:visible}#ra2web-root .ra2web-portrait-battle-hud{--hud-accent: #7ac9ff;--hud-accent-rgb: 70, 162, 230;--hud-frame: url(../res/mobile-hud/portrait-radar-allied.png);--hud-panel: #09121c;position:absolute;z-index:55;color:#f3f6f8;font:13px/1.3 Arial,Microsoft YaHei,sans-serif;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;isolation:isolate}#ra2web-root .ra2web-portrait-battle-hud[data-side=soviet]{--hud-accent: #f1c36f;--hud-accent-rgb: 196, 77, 49;--hud-frame: url(../res/mobile-hud/portrait-radar-soviet.png);--hud-panel: #1b0e0c}#ra2web-root .ra2web-portrait-battle-hud *,#ra2web-root .ra2web-portrait-battle-hud *:before,#ra2web-root .ra2web-portrait-battle-hud *:after{box-sizing:border-box}#ra2web-root .ra2web-portrait-battle-hud [hidden]{display:none!important}#ra2web-root .portrait-hud-frame{border:10px solid transparent;border-image-source:var(--hud-frame);border-image-slice:64;border-image-width:10px;border-image-repeat:stretch;background:linear-gradient(180deg,rgba(var(--hud-accent-rgb),.15),transparent 65%),var(--hud-panel);background-clip:padding-box;box-shadow:0 3px 14px #0009}#ra2web-root .portrait-hud-top{position:absolute;inset:0 0 auto;height:56px;display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:14px;padding:0 10px;pointer-events:auto}#ra2web-root .portrait-hud-resource{display:flex;align-items:baseline;gap:8px;min-width:0}#ra2web-root .portrait-hud-resource-label{font-size:11px;color:#b7c2cb;white-space:nowrap}#ra2web-root .portrait-hud-resource-value{font-size:17px;letter-spacing:.3px;font-variant-numeric:tabular-nums;white-space:nowrap}#ra2web-root .portrait-hud-power{position:relative;padding-bottom:5px}#ra2web-root .portrait-hud-power .portrait-hud-resource-value{font-size:14px}#ra2web-root .portrait-hud-power-meter{position:absolute;left:0;right:0;bottom:0;width:100%;height:3px}#ra2web-root .ra2web-portrait-battle-hud progress{appearance:none;-webkit-appearance:none;border:0;padding:0;border-radius:2px;overflow:hidden;background:#03080d}#ra2web-root .portrait-hud-power-meter::-webkit-progress-value{background:var(--hud-accent)}#ra2web-root .ra2web-portrait-battle-hud[data-low-power=true] .portrait-hud-power{color:#ffb276}#ra2web-root .ra2web-portrait-battle-hud[data-low-power=true] .portrait-hud-power-meter::-webkit-progress-value{background:#f0734a}#ra2web-root .portrait-hud-button{appearance:none;-webkit-appearance:none;font:inherit;color:inherit;min-width:44px;min-height:44px;margin:0;padding:6px;border:1px solid #526170;border-radius:4px;background:linear-gradient(#24303a,#131b23);cursor:pointer;touch-action:manipulation;pointer-events:auto}#ra2web-root .portrait-hud-button:active,#ra2web-root .portrait-hud-button[aria-expanded=true],#ra2web-root .portrait-hud-button[aria-selected=true],#ra2web-root .portrait-hud-button[aria-pressed=true]{color:#fff;border-color:var(--hud-accent);background:linear-gradient(rgba(var(--hud-accent-rgb),.45),rgba(var(--hud-accent-rgb),.17)),#101820}#ra2web-root .portrait-hud-button:focus-visible{outline:2px solid var(--hud-accent);outline-offset:1px}#ra2web-root .portrait-hud-button:disabled{cursor:default;color:#88929c;border-color:#35404a}#ra2web-root .portrait-hud-nav{position:absolute;inset:auto 0 0;height:64px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top-width:7px;border-bottom-width:7px;border-image-width:7px 10px;gap:5px;pointer-events:auto}#ra2web-root .portrait-hud-nav-button{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-height:50px;padding:4px}#ra2web-root .portrait-hud-nav-icon{font-size:20px;line-height:1;color:var(--hud-accent)}#ra2web-root .portrait-hud-nav-label{font-size:13px;font-weight:700}#ra2web-root .portrait-hud-badge{position:absolute;right:3px;top:2px;min-width:16px;padding:1px 3px;border-radius:8px;color:#101820;background:#adb9c5;font-size:10px;font-weight:700}#ra2web-root .portrait-hud-badge[data-ready=true]{background:#b6e988}#ra2web-root .portrait-hud-drawer{position:absolute;left:0;right:152px;bottom:116px;height:clamp(268px,36vh,300px);display:flex;flex-direction:column;gap:4px;padding:0 2px 2px;pointer-events:auto}#ra2web-root .portrait-hud-drawer-heading{flex:0 0 44px;display:flex;align-items:center;gap:8px;min-width:0}#ra2web-root .portrait-hud-drawer-title-group{min-width:0;display:flex;flex:1;flex-direction:column;gap:2px}#ra2web-root .portrait-hud-drawer-title{font-size:15px;color:var(--hud-accent);letter-spacing:1px}#ra2web-root .portrait-hud-drawer-hint{font-size:10px;color:#b7c2cb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#ra2web-root .portrait-hud-close{flex:0 0 48px;min-height:44px;border-color:#354754;background:#111b24;font-size:12px}#ra2web-root .portrait-hud-tabs{flex:0 0 44px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}#ra2web-root .portrait-hud-tab{position:relative;font-weight:700}#ra2web-root .portrait-hud-tab[data-ready=true]:after{content:"";position:absolute;right:5px;top:5px;width:5px;height:5px;border-radius:50%;background:#b6e988}#ra2web-root .portrait-hud-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#5d7488 #0c151d;touch-action:pan-y}#ra2web-root .portrait-hud-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:2px 1px 4px;align-items:start}#ra2web-root .portrait-hud-card{min-width:0;border:1px solid #3b4b5a;border-radius:4px;background:#0b141c;overflow:hidden}#ra2web-root .portrait-hud-card[data-status=ready]{border-color:#b6e988}#ra2web-root .portrait-hud-card[data-status=paused]{border-color:#cfaa68}#ra2web-root .portrait-hud-cameo-button{position:relative;display:flex;flex-direction:column;align-items:stretch;width:100%;padding:3px;border:0;border-radius:0;background:#15222b}#ra2web-root .portrait-hud-cameo{display:block;width:100%;height:auto;aspect-ratio:60 / 48;object-fit:contain;image-rendering:pixelated;border-radius:2px;background:#090f15}#ra2web-root .portrait-hud-item-name{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:26px;margin-top:3px;font-size:11px;line-height:13px;font-weight:700;text-align:center}#ra2web-root .portrait-hud-item-cost{margin-top:2px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--hud-accent)}#ra2web-root .portrait-hud-item-status{min-height:15px;margin-top:1px;font-size:11px;color:#bdcbd6}#ra2web-root .portrait-hud-card[data-status=ready] .portrait-hud-item-status{color:#c6f496}#ra2web-root .portrait-hud-card[data-disabled=true] .portrait-hud-cameo{filter:grayscale(.75);opacity:.55}#ra2web-root .portrait-hud-item-quantity{position:absolute;top:4px;right:4px;padding:1px 3px;border:1px solid #7891a5;border-radius:2px;background:#09121ce6;color:#fff;font-size:11px}#ra2web-root .portrait-hud-power-meter::-webkit-progress-bar{background:#03080d}#ra2web-root .portrait-hud-power-meter::-moz-progress-bar{background:var(--hud-accent)}#ra2web-root .ra2web-portrait-battle-hud[data-low-power=true] .portrait-hud-power-meter::-moz-progress-bar{background:#f0734a}#ra2web-root .portrait-hud-item-actions{display:flex;flex-direction:column;gap:2px;padding:2px}#ra2web-root .portrait-hud-item-action{width:100%;min-height:44px;font-size:12px}#ra2web-root .portrait-hud-empty{display:flex;min-height:120px;align-items:center;justify-content:center;padding:16px;white-space:pre-line;text-align:center;color:#aebfcb;line-height:1.8}#ra2web-root .portrait-hud-commands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:2px 0 4px}#ra2web-root .portrait-hud-command{display:flex;align-items:center;justify-content:center;gap:3px;flex-direction:column;min-height:54px;font-size:12px}#ra2web-root .portrait-hud-command-icon{font-size:18px;line-height:19px;color:var(--hud-accent)}#ra2web-root .portrait-hud-command-label{white-space:nowrap}#ra2web-root .portrait-hud-shortcut-bar{position:absolute;inset:auto 0 64px;height:52px;border-width:4px;border-image-width:4px;display:flex;gap:4px;pointer-events:auto}#ra2web-root .portrait-hud-shortcuts{display:flex;flex:1;min-width:0;gap:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-x}#ra2web-root .portrait-hud-shortcut{flex:0 0 44px;width:44px;height:44px;padding:2px;white-space:nowrap;font-size:20px;line-height:1;touch-action:pan-x}#ra2web-root .portrait-hud-shortcut-edit{flex:0 0 44px;width:44px;height:44px;padding:2px;color:var(--hud-accent);font-size:12px;line-height:1.3;white-space:pre-line}#ra2web-root .portrait-hud-shortcut-editor{display:flex;flex-direction:column;gap:8px;padding:2px}#ra2web-root .portrait-hud-shortcut-row{display:flex;flex-direction:column;gap:4px;padding:5px 0;border-bottom:1px solid #354754}#ra2web-root .portrait-hud-shortcut-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}#ra2web-root .portrait-hud-shortcut-actions .portrait-hud-button{font-size:11px;padding:2px}#ra2web-root .portrait-hud-production{position:absolute;right:8px;bottom:124px;width:136px;max-height:min(320px,calc(100% - 392px));overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin;scrollbar-color:#617c90 #101821;overscroll-behavior:contain;touch-action:pan-y;pointer-events:auto}#ra2web-root .portrait-hud-production .portrait-hud-card{flex:0 0 auto;border-color:var(--hud-accent);box-shadow:0 2px 8px #000a}#ra2web-root .portrait-hud-production .portrait-hud-cameo-button{display:grid;grid-template-columns:60px minmax(0,1fr);gap:2px 4px;align-items:center;min-height:58px}#ra2web-root .portrait-hud-cameo-art{display:block;position:relative;min-width:0}#ra2web-root .portrait-hud-production .portrait-hud-cameo-art{grid-row:span 2}#ra2web-root .portrait-hud-production-clock{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;opacity:.5}#ra2web-root .portrait-hud-production .portrait-hud-item-cost{display:none}#ra2web-root .portrait-hud-production .portrait-hud-item-name{min-height:0;margin:0;font-size:11px}#ra2web-root .portrait-hud-production .portrait-hud-item-status{margin:0;font-size:11px}#ra2web-root .portrait-hud-production .portrait-hud-item-quantity{top:3px;left:3px;right:auto;z-index:1}#ra2web-root .portrait-hud-production .portrait-hud-item-actions{flex-direction:row;gap:4px}#ra2web-root .portrait-hud-production .portrait-hud-item-action{flex:1;width:auto}#ra2web-root .portrait-hud-production [data-portrait-action=cancel]{color:#ffc5aa;border-color:#876351}#ra2web-root .portrait-hud-items .portrait-hud-item-actions{display:none}#ra2web-root .portrait-hud-drawer .portrait-hud-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;flex-basis:44px}#ra2web-root .portrait-hud-drawer .portrait-hud-tab{font-size:11px;padding:2px}#ra2web-root .portrait-hud-drawer .portrait-hud-commands{grid-template-columns:repeat(2,minmax(0,1fr))}#ra2web-root .portrait-hud-drawer-title{font-size:14px;letter-spacing:0}#ra2web-root .portrait-hud-drawer-hint{font-size:10px}@media(max-width:339px){#ra2web-root .portrait-hud-drawer{height:300px}#ra2web-root .portrait-hud-drawer .portrait-hud-tabs{grid-template-columns:repeat(2,minmax(0,1fr));flex-basis:auto}}.ra2web-vjoy-lite[data-portrait=true]{--portrait-stick-light: #91dcff;--portrait-stick-dark: #163950;--portrait-stick-glow: #2d8fc466}.ra2web-vjoy-lite[data-portrait=true][data-side=soviet]{--portrait-stick-light: #efc47a;--portrait-stick-dark: #4b211b;--portrait-stick-glow: #ae542d66}.ra2web-vjoy-lite[data-portrait=true] [data-vjoy-role=joystick]>div:first-child{background:radial-gradient(circle at 40% 32%,#52616bcc,var(--portrait-stick-dark) 65%,#071018e6)!important;border:2px solid #a2b0ba!important;box-shadow:inset 0 0 0 3px #101a22,inset 0 0 0 4px #657783,0 0 0 1px #03090e,0 0 16px var(--portrait-stick-glow)}.ra2web-vjoy-lite[data-portrait=true] [data-vjoy-role=joystick]>div:last-child{background:radial-gradient(circle at 35% 25%,#edf7ff,var(--portrait-stick-light) 35%,var(--portrait-stick-dark))!important;border:1px solid #dce6ec!important;box-shadow:0 2px 6px #000b,0 0 8px var(--portrait-stick-glow)}