/* Reference-led gaming dashboard. Shared controls and responsive behavior remain in styles.css. */
:root{--bg:#0b0a12;--nav:#0d0c16;--panel:#12111d;--panel-2:#201a30;--border:#352b46;--text:#f3edf9;--muted:#94879f;--soft:#b4a8c4;--accent:#ad42ee;--purple:#c45bff;--green:#6bdc9a;--red:#ee839d;--radius:12px;font-family:Inter,"Segoe UI",Arial,sans-serif}body{background:radial-gradient(ellipse at 58% 0,#2e124522,transparent 55%),#0b0a12}.primary{background:linear-gradient(180deg,#b94bf4,#7921c3);border:1px solid #b44cee80;color:#fff;box-shadow:inset 0 1px #e9a6ff25,0 3px 15px #9226ce1a}.primary:hover{background:linear-gradient(180deg,#cd60ff,#962ce0);border-color:#c56bff}.quiet{color:#c6b9d8}button{border-color:#393044;background:#252130;border-radius:7px;color:#e8dfef}button:hover{background:#382b47;border-color:#6b4484}.danger{background:#28202b;color:#f08ca7}.text-button{background:none;border:0;box-shadow:none}.text-button:hover{background:none;color:#e5c4ff}.icon-button{background:transparent}.badge{border-color:#493654;background:#271c33;color:#baa4cd}.badge.on{border-color:#294c38;background:#0d2b1b;color:#65e79d;box-shadow:0 0 10px #39f57c10}.muted{color:#a89aaf}.eyebrow{color:#c3b2d0}.eyebrow>span:not([data-icon]){display:none}h1{letter-spacing:-1px;font-size:31px}h1 .accent{color:#c344f7}.panel{background:linear-gradient(120deg,#15131f,#101019);border-color:#3b304b;box-shadow:inset 0 0 0 3px #ffffff02,0 4px 14px #0003}.panel-header{padding:13px 15px 10px}.panel-title h2{font-size:12px;font-weight:600}.panel-icon{background:transparent;border:0;width:auto;height:auto;border-radius:0;color:#c359fd;filter:drop-shadow(0 0 5px #b43bff55)}.panel-icon .icon{width:18px;height:18px}.panel-title{gap:8px}.panel-title p:not(.eyebrow){color:#ad94be}.sidebar{width:198px;background:linear-gradient(180deg,#0c0b15 0%,#0e0c18 45%,#25103f 100%);border-color:#36214a;padding:23px 17px 14px;overflow:hidden}.sidebar>.brand{padding:0 7px;margin-bottom:30px;position:relative;z-index:2;gap:7px}.brand{font-family:"Arial Black","Segoe UI",sans-serif;font-size:27px;letter-spacing:-1.3px;font-style:italic;font-weight:850}.brand small{font-family:Inter,"Segoe UI",sans-serif;font-size:6px;font-weight:550;letter-spacing:3.3px;margin-top:1px;color:#c3abc8;font-style:normal}.brand-mark{width:43px;height:49px;display:block;background:url('assets/acbot-logo.png') center/contain no-repeat;font-size:0;filter:drop-shadow(0 0 7px #a634e54d)}.brand-mark:before,.brand-mark:after,.brand-mark>span{display:none}.workspace-label,.sidebar>.nav-caption,.sidebar-note,.sidebar-version{display:none}.main-nav{position:relative;z-index:2;gap:10px}.main-nav button{min-height:35px;font-size:11px;border-radius:8px;padding:9px 11px;color:#d2c8dc;gap:10px}.main-nav button .icon{width:16px;height:16px}.main-nav button.active{color:#fff;background:linear-gradient(110deg,#7c22b7,#992ce1);border-color:#b75ce731;box-shadow:0 0 16px #a429ed22,inset 0 1px #dc9eff1c}.main-nav button.active i{display:none}.main-nav button:hover{background:#67219940;color:#fff}.nav-live{background:#6c4e81}.sidebar-character{position:absolute;z-index:0;left:-36px;bottom:62px;width:266px;height:calc(100vh - 355px);min-height:210px;max-height:410px;object-fit:contain;object-position:bottom center;pointer-events:none;filter:drop-shadow(0 0 18px #a328e94d);opacity:.97}.sidebar:after{content:"";position:absolute;inset:auto 0 0;height:165px;background:linear-gradient(transparent,#140d2280 60%,#0e0b17);pointer-events:none}.sidebar-bottom{position:absolute;z-index:2;bottom:16px;left:17px;right:17px;margin:0;padding:13px 10px;background:linear-gradient(130deg,#1b1729,#12111a);border:1px solid #40314e;border-radius:9px;box-shadow:0 3px 20px #0005;font-size:9px;gap:7px}.sidebar-bottom .agent-symbol{display:none}.sidebar-bottom .status-dot{width:6px;height:6px;min-width:6px;box-shadow:0 0 8px #67f19333}.sidebar-bottom small{color:#8c799f;font-size:7px;margin-top:6px}.workspace{margin-left:198px}.topbar{height:31px;background:transparent;border:0;padding:0 20px;position:relative;z-index:3}.breadcrumbs{visibility:hidden}.header-actions{gap:15px}.header-actions .local-clock{display:none}.header-actions .badge{display:flex;color:#9f8bad;font-size:9px}.header-actions .badge.on{color:#72e29b;box-shadow:none;background:none}.connection-button{display:none}.user-avatar{background:#7427ae;border-color:#9c45cc;color:#f5e5ff;width:25px;height:25px;font-size:13px;box-shadow:0 0 10px #aa35e222}.workspace main{max-width:1600px;padding:0 21px 20px}h2{letter-spacing:-.1px}.heading{margin:17px 0 22px}.heading h1{font-size:30px}.heading .eyebrow{font-size:8px;letter-spacing:.9px}.heading .muted{font-size:10px}.overview-hero{position:relative;height:124px;min-height:124px;margin:-12px -21px 8px;padding:0 21px;isolation:isolate;align-items:center;overflow:hidden}.overview-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/acbot-gaming-header.webp') center 38%/cover no-repeat;opacity:.94}.overview-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b0a12f5,#0c0a1540 43%,#0c0a1500 76%),linear-gradient(0deg,#0b0a12,transparent 23%)}.hero-copy{position:relative;z-index:2;max-width:35%}.hero-copy h1{font-size:32px;margin-bottom:5px;line-height:1.12}.hero-copy .eyebrow{margin-bottom:11px;font-size:7px;letter-spacing:1px}.hero-copy .muted{font-size:8px;white-space:nowrap;color:#bcaacb}.banner-brand{position:absolute;display:flex;align-items:center;gap:7px;left:50%;top:44%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 15px #be2cff44);pointer-events:none}.banner-brand img{width:77px;height:92px}.banner-brand>div{font-family:"Arial Black","Segoe UI",sans-serif;font-style:italic;font-size:45px;letter-spacing:-2px;font-weight:850;color:#fff;line-height:1.1;text-shadow:0 2px 5px #43114e}.banner-brand small{display:block;font-family:Inter,"Segoe UI",sans-serif;font-size:8px;font-weight:400;letter-spacing:6px;font-style:normal;color:#d2a9ec;text-align:center;margin-top:4px}.overview-hero .heading-controls{position:absolute;right:21px;bottom:15px;gap:7px;z-index:2;align-items:stretch}.instance-picker{background:#252031d9;border-color:#51415d;width:111px;max-width:none;border-radius:7px;padding:0 9px}.instance-picker>span{display:none}.instance-picker select{height:29px;padding:0;font-size:9px;color:#e4d8ec}.instance-picker select option{background:#21182d}.overview-hero .heading-controls .icon-button{height:30px;width:auto;min-height:30px;padding:5px 10px;gap:5px;border-radius:7px;background:#24202ee5;font-size:9px}.overview-hero .heading-controls .icon-button:after{content:"Refresh"}.overview-hero .heading-controls .icon-button .icon{width:12px;height:12px}.fleet-section{display:none}.summary-strip{display:flex;align-items:center;justify-content:space-between;padding:6px 11px;gap:12px;min-height:37px;margin-bottom:18px;border-radius:10px;background:#17121f;border-color:#3b2a49;box-shadow:inset 0 0 0 3px #ffffff02}.monitor-indicator{display:flex;align-items:center;gap:7px;font-size:9px;color:#b3a2c0;min-width:0}.monitor-indicator .status-dot{height:5px;width:5px;min-width:5px}.monitor-indicator:has(.on)>#botState{color:#7de5a6}.monitor-indicator small{color:#a18aac;font-size:8px;margin-left:2px}.summary-strip .strip-actions{padding:0;gap:7px;flex-shrink:0}.strip-actions button{min-height:25px;padding:5px 11px;font-size:8px;border-radius:6px}.strip-actions .icon{width:10px;height:10px}.performance-section{margin-bottom:13px}.section-top{margin-bottom:10px;gap:10px}.section-top h2{font-size:11px;display:flex;gap:6px;align-items:center}.section-top h2:before{content:"";width:11px;height:14px;background:linear-gradient(90deg,#bf49f3 0 23%,transparent 24% 36%,#a030dd 37% 63%,transparent 64% 76%,#de86ff 77%);clip-path:polygon(0 60%,23% 60%,23% 100%,37% 100%,37% 30%,63% 30%,63% 100%,77% 100%,77% 0,100% 0,100% 100%,0 100%);filter:drop-shadow(0 0 4px #a429ed)}.section-caption{display:none}.segmented{background:#1a1524;border-color:#3b2e4a;border-radius:7px;padding:2px}.segmented button{font-size:8px;min-height:23px;padding:5px 12px;color:#ac9cbc}.segmented button.active{background:#8522c8;border-color:#af42ed;color:#fff;box-shadow:0 0 10px #a439e722}.metrics{gap:9px}.metric{background:linear-gradient(150deg,#251a36 0%,#16131f 50%,#100f19);border-color:#382b49;border-radius:10px;padding:12px 13px 10px;box-shadow:inset 0 0 0 2px #ffffff02}.metric:before{display:none}.metric-label{font-size:9px;font-weight:550;color:#d0c3de;gap:8px}.metric-symbol{width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--metric-color);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--metric-color) 35%,transparent));background:color-mix(in srgb,var(--metric-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--metric-color) 24%,transparent)}.metric-symbol .icon{height:17px;width:17px;stroke-width:1.7}.metric-value{font-size:23px;letter-spacing:-.5px;margin:3px 0 7px 33px;line-height:1.1;color:#f8f0ff}.metric small{font-size:7px;color:#9b86ac;display:block;margin-left:33px}.metric.gold{--metric-color:#f6d14c}.metric.elixir{--metric-color:#e65cff}.metric.dark{--metric-color:#b2a0c7}.metric.attacks{--metric-color:#c9b5e2}.metric.donations{--metric-color:#d8d6ec}.metric.walls{--metric-color:#e3ad5b}.metric.gold .metric-symbol{background:radial-gradient(at 35% 25%,#f7dc76,#aa790f);color:#fff7a6;border-color:#dcb02c}.metric.elixir .metric-symbol{background:radial-gradient(at 35% 25%,#f5a1ff,#ae1bbd);color:#fbe4ff;border-color:#e456f3}.metric.dark .metric-symbol{background:radial-gradient(at 35% 25%,#77628f,#261e34);color:#d7c2e8;border-color:#85699b}.performance-foot{margin-top:5px;color:#73627e}.data-note{font-size:7px;color:#806b8b}.performance-foot .icon{height:9px;width:9px}.overview-grid{grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:13px;align-items:stretch}.overview-grid .control-panel{grid-column:1;grid-row:1}.overview-grid .screen-panel{grid-column:2;grid-row:1}.panel-title h2{font-size:11px}.panel-title .eyebrow{display:none}.control-panel .panel-icon{display:flex;color:#c357fa}.control-panel .panel-header{padding:12px 14px 8px;border-bottom:1px solid #34263f}.control-panel .panel-title h2{font-size:12px}.control-panel .panel-title h2:before{content:"Instance Control";font-size:11px;display:block;color:#eee3f5;margin-bottom:10px}.control-panel .panel-title h2{font-size:12px}.control-panel .panel-title{align-items:flex-start}.control-panel .panel-icon{padding-top:0}.control-panel .panel-header:has(.panel-title h2){border-bottom:0}.control-panel .status-light{margin-top:20px;font-size:8px;background:#162e22;border:1px solid #244333;border-radius:6px;padding:4px 7px;color:#76dba4;max-width:110px}.control-panel .status-light:not(.on){background:#231b2c;border-color:#46334e;color:#a28caf}.control-panel .status-light:not(.on):before{background:#9377a5}.control-panel>.muted{padding:0 14px;font-size:8px;margin-top:-4px;color:#c5acd3}.main-controls{grid-template-columns:1.4fr .9fr .9fr;padding:11px 14px 6px;gap:6px}.main-controls button{min-height:29px;padding:7px 5px;font-size:8px;color:#d7cce1;background:#2b2635;border-color:#393142;border-radius:6px}.main-controls .primary{background:linear-gradient(180deg,#af42e9,#7421b5);color:#fff;border-color:#9b37d0}.main-controls .danger{color:#ee8caa}.main-controls .icon{width:10px;height:10px}.control-divider{display:none}.media-controls{padding:0 14px 8px;gap:6px;order:0}.media-controls button{font-size:8px;min-height:28px;padding:6px;background:#2b2635;color:#e2d5ee;border-color:#3a3045;border-radius:6px}.media-controls button:first-child{background:#7d22b7;border-color:#9635c8}.media-controls .icon{width:11px;height:11px}.secondary-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 14px 10px}.secondary-controls button{font-size:8px;min-height:27px;justify-content:center;padding:6px 3px;background:#24202e;border-color:#322b3e;color:#bdaccd;gap:4px}.secondary-controls button .icon{display:none}.subtle-callout{border-top-color:#35273f;background:#120f1b;padding:8px 14px;gap:6px}.subtle-callout p{font-size:7px;color:#83698f;line-height:1.6}.subtle-callout .icon{width:10px;height:10px;color:#866896}.screen-panel .panel-header{padding:11px 13px 7px}.screen-panel .panel-title p{display:none}.screen-panel .badge{font-size:7px;padding:4px 7px;background:#271b31;border-color:#50345e}.screen-panel .badge.on{background:#0e2b1c;border-color:#295438;color:#73e3a2}.preview-toolbar{padding:0 12px 8px;gap:6px;flex-wrap:nowrap}.preview-primary,.preview-tools{gap:5px;flex:initial;justify-content:initial}.preview-toolbar button{font-size:7px;min-height:24px;padding:5px 7px;background:#2a2233;border-color:#3e2b4c;border-radius:5px;gap:4px}.preview-toolbar button .icon{width:10px;height:10px}.preview-toolbar .primary{background:#8423c8;color:#fff;border-color:#aa35ea}.preview-toolbar .is-live{background:#7f25a7;border-color:#bb5cde}.preview-toolbar select{height:24px;min-height:24px;font-size:7px;padding:4px;background:#1d1727;border-color:transparent;color:#b9a0ca;max-width:100px}.preview-toolbar .icon-button{height:24px;width:24px;padding:0}.preview-tools{margin-left:auto}.screen-stage{margin:0 12px;min-height:158px;height:190px;aspect-ratio:auto;border-color:#46324f;border-radius:7px;background:#07060c}.screen-stage:before{background-image:radial-gradient(#614073 1px,transparent 1px);opacity:.2}.screen-stage img{background:#07070b}.screen-corner{border-color:#80549c!important;opacity:.35;width:11px;height:11px}.screen-stage .empty{padding:12px;gap:6px}.device-symbol{color:#b373da}.device-indicator{background:#c748fa;box-shadow:0 0 15px #ba36f966}.device-orbit{border-color:#56336f}.device-illustration{transform:scale(.8);margin-bottom:-6px!important;height:74px!important}.screen-stage .empty strong{font-size:11px;color:#c5a9d6}.screen-stage .empty p{font-size:8px;color:#826793}.panel-foot{font-size:7px;color:#92779f;padding:8px 13px 9px}.bottom-grid{grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}.activity-panel .panel-header,.performance-chart .panel-header{padding:11px 13px 8px}.bottom-grid .text-button{font-size:8px;border:1px solid #3c2e48;border-radius:5px;background:#241c30;padding:4px 8px;min-height:23px}.bottom-grid .text-button .icon{width:10px;height:10px}.activity-line{border-color:#241d2e;padding:8px 14px;font-size:8px;gap:12px;color:#c8b4d6;line-height:1.5}.activity-line time{color:#a287b4;font-size:8px}.activity-line:before{border-color:#70d99b;width:6px;height:6px;margin-top:2px}.compact{min-height:110px;padding:16px}.compact strong{color:#b89cc9;font-size:10px}.compact p{color:#715b83;font-size:8px}.empty>svg{color:#8a52aa}.performance-chart .panel-title small{font-size:9px;font-weight:400;color:#b49ac8}.performance-plot{height:100px;padding:0 13px}.performance-plot svg{width:100%;height:100%;display:block;overflow:visible}.performance-plot .empty{height:100%;min-height:0;padding:12px;font-size:9px;color:#816693}.chart-foot{font-size:6px;color:#796084;padding:4px 14px 9px;display:flex;justify-content:space-between;gap:9px}.chart-legend{display:flex;align-items:center;gap:5px;white-space:nowrap}.chart-legend i{height:6px;width:6px;border-radius:50%;background:#b843ee;margin-left:4px}.chart-legend .elixir{background:#d277ff}.chart-legend .dark{background:#795494}.instances-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.instance-card{padding:22px;background:linear-gradient(130deg,#21172d,#12101c);border:1px solid #4a305c;border-radius:12px}.instance-card-icon{width:39px;height:39px;display:flex;align-items:center;justify-content:center;background:#8d25c523;border:1px solid #6e378f;border-radius:10px;color:#cb6dff;margin-bottom:16px}.instance-card h2{font-size:17px;margin:0 0 10px}.instance-card .badge{margin-bottom:14px;font-size:8px}.instance-card p{color:#aa90ba;font-size:10px;line-height:1.8;overflow-wrap:anywhere}.instance-card button{width:100%;margin-top:10px;font-size:10px}.instance-chip{border-color:#4a305e;background:#1d1527;color:#bca0d0}.instance-chip.selected{background:#321b43;border-color:#b050d278;box-shadow:inset 3px 0 #ae48e4}.chip-icon,.instance-chip.selected .chip-icon{background:#412053;color:#cc8eeb;border-color:#684581}.chip-copy strong{color:#e4cff4}.chip-copy small{color:#9f80b6}.toolbar{background:#16101f;border-color:#3e2b4d}.toolbar-select>span{color:#9970af}.toolbar-select select{color:#dbc3ef}.toolbar-select select option{background:#22132e}.search-field{background:#110c1b;border-color:#422b57;color:#986bb2}.search-field input{color:#e5d1ef}.search-field input::placeholder{color:#7c598e}.terminal{background:#0d0914;border-color:#482b5a}.terminal-head{background:#1b1027;border-color:#4b2a60;color:#b78bce}.terminal-foot{border-color:#392148;color:#8e62a3}.terminal-head>span:last-child{color:#9d76b3}pre{color:#c7adcf}.profile-navigation{background:#140e1e;border-color:#472c5c}.profile-navigation .nav-caption{color:#9b69b1}.profile-navigation nav button{color:#b391c6}.profile-navigation nav button.active{background:#a737e524;color:#e0b2f7}.profile-navigation nav button:hover{background:#3e1e56}.category-count{color:#89629d}.profile-safe{border-color:#48255c;color:#a67eb9}.profile-section-heading{border-color:#4c2f60}.profile-section-heading small{color:#a57fbc}.profile-field{border-color:#34223f}.profile-field label{color:#dcc6e8}.profile-field small{color:#9d7bb0}.profile-field input,.profile-field select,.profile-field textarea{background:#1a1026;border-color:#513061;color:#e4ceef}.profile-field.dirty{border-left-color:#bb5aeb}.profile-field.dirty label{color:#e5b0ff}.profile-field .boolean-control{color:#ad86c2}.boolean-control input{background:#382146;border-color:#68467b}.boolean-control input:before{background:#a182b6}.boolean-control input:checked{background:#8a23bc;border-color:#c16bec}.boolean-control input:checked:before{background:#f5dcff}.notice{background:#b338e70a;border-color:#65347c;color:#c4a0d4}.notice .icon{color:#c35cef}input:focus,select:focus,textarea:focus{border-color:#ab49de;box-shadow:0 0 0 3px #b33ee90a}.status-dot.on{background:#67df9a;box-shadow:0 0 7px #62f09b33}footer{border-color:#2a1b37;color:#735783;margin-inline:0;padding:13px 21px;font-size:7px}.footer-brand{color:#a77bbd}footer b{color:#9669ad}.footer-brand:after{content:""}#toast{background:#2a153e;border-color:#9555ba;color:#e5c5f8;box-shadow:0 10px 50px #0009}.login-story{background:linear-gradient(0deg,#0d0718e6,#2e0c41a6),url('assets/acbot-gaming-header.webp') 65% center/cover;border-color:#61307a}.login-story-content h2{color:#fff}.login-story-content h2>span{color:#c44aff}.login-story-content .eyebrow,.login-story-content>p{color:#c4a1d7}.login-orbit{border-color:#b550e744}.login-orbit:before{border-color:#d158f34d}.login-graphic{color:#dfb6f8}.graphic-status{border-color:#8a3ca5;background:#3c174f;color:#eccaff}.graphic-status i{background:#ca5fff}.login-private{color:#b58ac9}.login-story .brand-mark{width:40px;height:49px}dialog{background:#17101f;border-color:#683c7e}#connectForm input{background:#170d24;border-color:#563365;color:#efd8ff}#connectForm label{color:#c4a5d4}#connectForm>small{border-color:#43264f;color:#8b659e}.login-step{color:#b789ca}#connectForm>.quiet{color:#b083c5}.screen-panel:fullscreen{background:#0b0711}.screen-panel:fullscreen .screen-stage{height:auto}.screen-panel:fullscreen .preview-primary button{font-size:10px;min-height:33px}.screen-panel:fullscreen .preview-tools select{max-width:none;min-height:33px}.screen-panel:fullscreen .panel-title h2{font-size:14px}
@media(min-width:1600px){.workspace main{padding-top:0}.overview-hero{height:155px;margin-top:-10px}.hero-copy h1{font-size:38px}.hero-copy .eyebrow{font-size:9px}.hero-copy .muted{font-size:10px}.banner-brand img{width:96px;height:111px}.banner-brand>div{font-size:59px}.banner-brand small{font-size:10px;letter-spacing:8px}.metric{padding:16px}.metric-value{font-size:29px}.metric-label{font-size:11px}.metric small{font-size:9px}.overview-grid,.bottom-grid{grid-template-columns:1fr 1.1fr}.main-controls{padding-block:15px 8px}.main-controls button{min-height:35px;font-size:10px}.secondary-controls button{font-size:10px;min-height:32px}.media-controls button{font-size:10px;min-height:32px}.subtle-callout p{font-size:8px}.screen-stage{height:245px;min-height:0}.preview-toolbar button,.preview-toolbar select{font-size:9px;min-height:29px;height:29px}.panel-title h2,.control-panel .panel-title h2:before{font-size:13px}.panel-header{padding:15px 17px 12px}.performance-plot{height:130px}.activity-line{font-size:10px;padding:11px 16px}.activity-line time{font-size:9px}.chart-foot{font-size:8px}.summary-strip{min-height:43px}.monitor-indicator{font-size:11px}.monitor-indicator small{font-size:9px}.strip-actions button{font-size:9px;min-height:29px}.sidebar-character{max-height:520px;width:287px;left:-42px}}
@media(max-width:1180px){.sidebar{width:183px;padding-inline:13px}.workspace{margin-left:183px}.workspace main{padding:0 16px 17px}.topbar{padding:0 16px}.overview-hero{margin-inline:-16px;padding-inline:16px;height:120px}.hero-copy h1{font-size:29px}.hero-copy .muted{font-size:7px}.banner-brand{left:51%;top:43%}.banner-brand img{width:62px;height:76px}.banner-brand>div{font-size:36px}.banner-brand small{font-size:6px;letter-spacing:4.8px}.overview-hero .heading-controls{right:16px;bottom:12px}.metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.metric{padding:11px 8px 9px}.metric-label{font-size:8px;gap:5px}.metric-symbol{width:21px;height:21px}.metric-symbol .icon{width:14px;height:14px}.metric-value{font-size:21px;margin-left:26px}.metric small{margin-left:26px;font-size:6px}.overview-grid,.bottom-grid{grid-template-columns:1fr 1.1fr;gap:10px}.preview-toolbar{flex-wrap:wrap}.preview-primary{flex:1}.preview-primary button{flex:initial}.preview-tools{width:auto;flex:initial}.preview-toolbar select{max-width:90px;font-size:6px}.preview-toolbar button{font-size:7px;padding:5px}.preview-toolbar .icon-button{width:22px}.main-controls{grid-template-columns:1.3fr 1fr 1fr}.secondary-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.secondary-controls button{font-size:7px;min-height:27px}.main-controls button{font-size:8px}.control-panel .panel-title h2{font-size:11px}.control-panel .panel-title h2:before{font-size:10px}.control-panel .status-light{font-size:6px;padding:3px 5px}.control-panel .panel-header{gap:5px}.sidebar-character{left:-48px;width:270px}.instances-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:970px){.sidebar{width:168px;padding-inline:11px}.workspace{margin-left:168px}.sidebar>.brand{padding-inline:0;font-size:24px;gap:5px}.brand-mark{width:38px}.brand small{font-size:5px;letter-spacing:3px}.sidebar-bottom{left:11px;right:11px;padding:11px 8px;font-size:8px}.sidebar-bottom small{font-size:6px}.main-nav button{font-size:10px;padding-inline:9px}.main-nav button .icon{width:14px;height:14px}.banner-brand{left:52%;top:35%}.banner-brand img{width:49px;height:63px}.banner-brand>div{font-size:27px}.banner-brand small{font-size:5px;letter-spacing:3px}.overview-hero{height:120px}.hero-copy{max-width:47%}.hero-copy h1{font-size:27px}.hero-copy .eyebrow{font-size:6px}.hero-copy .muted{font-size:6px;max-width:210px;white-space:normal}.overview-hero .heading-controls{bottom:12px}.overview-hero .heading-controls .icon-button:after{display:none}.overview-hero .heading-controls .icon-button{width:31px}.instance-picker{width:100px}.metric{padding-inline:7px}.metric-value{font-size:18px;margin-left:22px}.metric-label{font-size:7px;gap:4px}.metric-symbol{width:18px;height:18px}.metric-symbol .icon{width:12px;height:12px}.metric small{margin-left:22px;font-size:5px}.overview-grid{grid-template-columns:1fr}.overview-grid .screen-panel{grid-column:1;grid-row:2}.overview-grid .control-panel{grid-column:1;grid-row:1}.control-panel .main-controls{grid-template-columns:1.5fr 1fr 1fr}.control-panel .main-controls button{font-size:10px}.control-panel .secondary-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.control-panel .secondary-controls button{font-size:9px;min-height:29px}.control-panel .status-light{font-size:8px}.control-panel .panel-title h2{font-size:13px}.control-panel .panel-title h2:before{font-size:11px}.control-panel .media-controls button{font-size:9px}.screen-stage{height:auto;aspect-ratio:16/9;min-height:200px}.preview-toolbar{flex-wrap:nowrap}.preview-toolbar button,.preview-toolbar select{font-size:9px;min-height:29px;height:29px}.preview-tools select{max-width:none;font-size:8px}.preview-toolbar .icon-button{height:29px;width:29px}.bottom-grid{grid-template-columns:1fr}.performance-plot{height:130px}.activity-line{font-size:10px;padding:11px 15px}.chart-foot{font-size:8px}.monitor-indicator small{display:none}.sidebar-character{width:258px;left:-54px}.instances-grid{grid-template-columns:1fr}}
@media(max-width:680px){.sidebar{width:100%;height:66px;inset:auto 0 0;background:#160d22f5;padding:5px 8px;border:0;border-top:1px solid #543065;overflow:visible}.sidebar:after,.sidebar-character,.sidebar-bottom,.sidebar>.brand{display:none}.main-nav{grid-template-columns:repeat(5,minmax(0,1fr));height:100%;gap:2px}.main-nav button{min-height:0;justify-content:center;flex-direction:column;font-size:8px;gap:4px;padding:5px 1px;border-radius:6px}.main-nav button .icon{width:17px;height:17px}.main-nav button.active{background:#8b26ce44;box-shadow:none;border-color:#a748db44}.workspace{margin-left:0;padding-bottom:66px}.topbar{height:30px;padding:0 13px}.topbar .header-actions .badge{display:flex;font-size:8px}.topbar .user-avatar{height:20px;width:20px;font-size:11px}.header-actions{gap:10px}.workspace main{padding:0 13px 18px}.overview-hero{margin:-9px -13px 9px;padding:0 13px;height:148px;min-height:148px;display:block;overflow:hidden}.overview-hero:before{background-position:69% 40%;opacity:.67}.overview-hero:after{background:linear-gradient(90deg,#0b0a12e8,#0b0a1260 65%,#0b0a1233),linear-gradient(0deg,#0b0a12,transparent 45%)}.hero-copy{padding-top:34px;max-width:70%;position:relative;z-index:2}.hero-copy h1{font-size:30px}.hero-copy .eyebrow{font-size:6px;letter-spacing:1px;margin-bottom:9px}.hero-copy .muted{font-size:7px;max-width:205px;line-height:1.8}.banner-brand{left:auto;right:13px;top:21px;transform:none;opacity:.8;gap:3px}.banner-brand img{width:39px;height:45px}.banner-brand>div{font-size:20px;letter-spacing:-1px}.banner-brand small{font-size:4px;letter-spacing:2px}.overview-hero .heading-controls{right:13px;bottom:8px;width:auto;align-items:stretch}.overview-hero .instance-picker{width:116px;flex:initial}.overview-hero .heading-controls .icon-button{height:27px;width:29px;min-height:27px}.instance-picker select{height:27px;font-size:8px}.summary-strip{padding:7px 8px;gap:8px;margin-bottom:16px;border-radius:8px;min-height:34px}.monitor-indicator{font-size:8px;gap:5px}.monitor-indicator small{display:none}.summary-strip .strip-actions{gap:5px}.strip-actions button{font-size:7px;min-height:24px;padding:5px 7px;gap:4px}.strip-actions .icon{height:8px;width:8px}.section-top{margin-bottom:9px}.section-top h2{font-size:10px}.section-top h2:before{width:8px;height:11px}.segmented button{font-size:7px;min-height:21px;padding:5px 9px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.metric{padding:10px 9px;border-radius:8px}.metric-label{font-size:7px;gap:5px}.metric-symbol{height:20px;width:20px}.metric-symbol .icon{width:13px;height:13px}.metric-value{font-size:23px;margin:7px 0 7px 0}.metric small{font-size:6px;margin-left:0}.performance-foot{margin-top:6px}.data-note{font-size:6px}.overview-grid{gap:12px}.control-panel .panel-header{padding:13px 13px 8px}.control-panel .panel-title h2{font-size:12px}.control-panel .panel-title h2:before{font-size:11px}.control-panel .status-light{font-size:7px}.control-panel .main-controls{padding:11px 13px 7px;gap:6px}.control-panel .main-controls button{font-size:9px;min-height:31px}.control-panel .media-controls{padding:0 13px 10px;gap:6px}.control-panel .media-controls button{font-size:8px;min-height:29px}.control-panel .secondary-controls{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 13px 10px;gap:6px}.control-panel .secondary-controls button{font-size:8px;min-height:28px;padding:6px 2px}.subtle-callout{padding:9px 13px}.subtle-callout p{font-size:7px}.screen-panel .panel-header{padding:12px 13px 9px}.screen-stage{margin:0 9px;min-height:185px;height:auto;aspect-ratio:16/9}.preview-toolbar{padding:0 10px 9px;gap:6px;flex-wrap:wrap}.preview-primary{width:auto;flex:1;flex-basis:auto}.preview-primary button{flex:initial;min-height:28px;font-size:8px;padding:6px 8px}.preview-tools{width:auto;flex:initial;gap:4px}.preview-tools select{font-size:7px;height:28px;min-height:28px;max-width:96px;width:90px;padding:4px}.preview-toolbar .icon-button{width:25px;height:28px;min-height:28px}.preview-toolbar button .icon{width:11px;height:11px}.panel-foot{font-size:6px;padding:8px 12px 10px;gap:5px;flex-wrap:wrap}.bottom-grid{gap:12px;margin-top:12px}.performance-plot{height:110px;padding-inline:10px}.chart-foot{font-size:6px;flex-wrap:wrap;padding:5px 12px 10px}.chart-legend{gap:4px}.activity-line{font-size:8px;padding:9px 13px;gap:9px}.activity-line time{font-size:7px}.activity-line:before{display:block}.bottom-grid .text-button{font-size:7px}.performance-chart .panel-title small{font-size:8px}.heading:not(.overview-hero){margin-top:17px;gap:16px}.heading:not(.overview-hero) h1{font-size:28px}.heading:not(.overview-hero) .eyebrow{font-size:6px}.heading:not(.overview-hero) .muted{font-size:9px}.toolbar{border-radius:9px}.toolbar-select>span{font-size:7px}.toolbar-select select{font-size:11px}.search-field input{font-size:10px}.profile-navigation{background:#180f23}.profile-fields{padding-inline:15px}.profile-field label{font-size:10px}.profile-field small{font-size:8px}.profile-field .boolean-control{font-size:9px}.profile-safe{display:none}.instance-card{padding:20px}.instance-card h2{font-size:17px}footer{padding:11px 14px;font-size:6px}.footer-brand{font-size:9px}.screen-panel:fullscreen .screen-stage{aspect-ratio:auto;height:auto;min-height:0}.screen-panel:fullscreen .preview-toolbar{flex-wrap:nowrap}.screen-panel:fullscreen .preview-tools select{display:none}.screen-panel:fullscreen .preview-primary button{font-size:8px;min-height:28px}.screen-panel:fullscreen .panel-header{padding:8px 12px}#toast{bottom:80px}}
@media(max-height:650px) and (min-width:681px){.sidebar-character{height:240px;opacity:.75;bottom:60px}}

.user-avatar{min-height:0;padding:0;cursor:pointer}.user-avatar:hover{background:#a13bdb;border-color:#d185f1}.screen-panel:fullscreen .screen-stage{height:auto;min-height:0}.screen-panel:fullscreen .preview-toolbar{flex-wrap:nowrap}

/* User-provided ACBot branding and in-game resource icons. */
.brand-mark{background-image:url("assets/acbot-logo.png");filter:none}.banner-brand img{object-fit:contain}.metric .metric-symbol.resource-image{background:none;border:0;border-radius:0;filter:none;overflow:visible}.metric-symbol.resource-image img{display:block;width:28px;height:28px;object-fit:contain}@media(max-width:1180px){.metric-symbol.resource-image img{width:24px;height:24px}}@media(max-width:970px){.metric-symbol.resource-image img{width:22px;height:22px}}@media(max-width:680px){.metric-symbol.resource-image img{width:25px;height:25px}}

/* Per-bot working time, using ACBot session statistics. */
.metrics{grid-template-columns:repeat(7,minmax(0,1fr))}.metric.runtime{--metric-color:#cf8eff}.metric.runtime .metric-value{font-family:Consolas,monospace;font-size:20px;letter-spacing:-.7px;margin:7px 0 8px;white-space:nowrap}.metric.runtime small{margin-left:0}.instance-card .instance-runtime{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border:1px solid #4b2e5d;border-radius:7px;background:#1c1129;padding:11px;margin:12px 0 6px;color:#bc94d0}.instance-runtime .icon{width:14px;height:14px}.instance-runtime strong{margin-left:auto;font-family:Consolas,monospace;font-size:15px;font-weight:500;color:#eac7ff}.instance-runtime small{width:100%;font-size:8px;color:#9573a6}@media(max-width:1180px){.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric.runtime{grid-column:span 2}.metric.runtime .metric-value{font-size:23px;margin-left:33px}.metric.runtime small{margin-left:33px}}@media(max-width:680px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric.runtime{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center}.metric.runtime .metric-label{grid-column:1;grid-row:1}.metric.runtime .metric-value{grid-column:2;grid-row:1;margin:0;font-size:21px}.metric.runtime small{grid-column:1/-1;margin:5px 0 0 25px}}

.slot-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;width:100%}.slot-controls label{display:grid;gap:5px;min-width:0}.slot-controls label span{font-size:11px;color:var(--muted,#a8a3b5)}.slot-controls select{width:100%;min-width:0}.potion-controls{display:flex;gap:16px;flex-wrap:wrap}.potion-controls label{display:flex;align-items:center;gap:8px}.potion-controls input{width:16px;height:16px}.profile-field:has(.slot-controls){align-items:start;grid-template-columns:minmax(160px,1fr) minmax(0,2fr)}@media(max-width:700px){.profile-field:has(.slot-controls){grid-template-columns:1fr}.slot-controls{grid-template-columns:1fr}}

.performance-section .metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.stats-detail{margin-top:14px;padding:14px 16px;border:1px solid rgba(173,141,231,.14);border-radius:12px;background:rgba(20,18,31,.65)}.stats-detail h3{font-size:12px;font-weight:600;color:#c4b5e4;margin:0 0 12px}.stars-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.star-stat{display:flex;align-items:center;gap:14px}.star-rating{font-size:23px;letter-spacing:2px;color:#45414f;white-space:nowrap}.star-rating .earned{color:#ffdb69;text-shadow:0 0 12px #dca52a30}.star-stat strong,.misc-stat strong{font-size:17px;color:#f8f5ff;font-variant-numeric:tabular-nums}.misc-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px}.misc-stat{display:flex;align-items:center;gap:10px;min-width:0}.misc-icon{color:#bf7aff;background:#9250cc17;border-radius:10px;padding:9px;display:flex}.misc-icon .icon{width:24px;height:24px}.misc-stat div{display:grid;gap:5px}.misc-stat div>span{font-size:11px;line-height:1.4;color:#a8a0b8}@media(max-width:900px){.performance-section .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.misc-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stars-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.performance-section .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.star-stat{gap:8px}.star-rating{font-size:19px}}

.misc-icon.misc-image{padding:0;background:transparent;border-radius:0;flex:0 0 46px;display:flex;align-items:center;justify-content:center}.misc-image img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 3px 4px #0006)}

#liveVideo{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;max-height:none;object-fit:contain;object-position:center;background:#08070d;z-index:2}#liveVideo[hidden]{display:none}

.account-totals,.account-turns{margin-top:18px;padding:18px}.account-totals h2,.account-turns h2{font-size:15px;margin:0 0 18px}.account-totals h2 .badge{margin-left:10px}.account-table-scroll{overflow:auto}.account-table{width:100%;border-collapse:collapse;text-align:right;font-size:12px;font-variant-numeric:tabular-nums}.account-table th,.account-table td{padding:13px 12px;border-bottom:1px solid #ffffff0a;white-space:nowrap}.account-table th:first-child{text-align:left}.account-table thead{color:#aa9abb}.account-table tbody th{color:#e1c7fa}.account-table small,.account-turn small{display:block;margin-top:6px;font-size:10px;color:#94869e;font-weight:400}.account-unassigned{margin-top:18px;color:#ac9db7;font-size:12px}.account-unassigned summary{cursor:pointer}.account-turn{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:16px;border-top:1px solid #ffffff0b;padding:15px 0;font-size:12px}.account-turn>div:last-child{text-align:right}#accountsPage .toolbar label{display:grid;gap:7px;font-size:11px;color:#ad9cbe}#accountsPage .toolbar{gap:18px}#accountStatistics>.notice{margin-top:18px}@media(max-width:650px){.account-turn{grid-template-columns:1fr 1fr}.account-turn>div:last-child{grid-column:1/-1;text-align:left}}

#passwordDialog{max-width:460px;width:calc(100% - 32px)}.password-form{display:grid;gap:16px;padding:24px}.password-form label{display:grid;gap:7px;font-size:12px}.password-form input{width:100%}.password-form h2{font-size:18px;margin:0}.password-form .dialog-heading{display:flex;justify-content:space-between;align-items:center}

.update-card{padding:22px;margin-bottom:18px}.update-card h2{font-size:16px}.release-info{border-top:1px solid #7e47a630;margin-top:18px;padding-top:18px}.release-info pre{white-space:pre-wrap;word-break:break-word;color:#b6a4c7;font:12px/1.7 "Segoe UI",sans-serif}.update-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.update-preview{display:flex;gap:9px;align-items:center;color:#ae99bf;font-size:12px}.update-preview input{width:16px;height:16px;accent-color:#af54e7}#updateCount{color:#c46aff;font-size:10px}