/* RuneLite ColorScheme.java palette adapted for the web. See RUNELITE-LICENSE.txt. */
:root{--bg:#1e1e1e;--p1:#282828;--p2:#353535;--ln:#171717;--tx:#c6c6c6;--dm:#a5a5a5;--fa:#777;--gold:#dc8a00;--win:#78d487;--warn:#e6961e;--late:#ef7770;--ui:'Barlow Semi Condensed',Tahoma,sans-serif;--rail:42px;--left:260px;--right:318px;--dock:142px}
[hidden]{display:none!important}body{background:#111;font-size:13px}.app{display:block!important;width:100%;height:100dvh;max-width:none;padding:0;position:relative;isolation:isolate}.bodygrid,.centre{display:contents!important}.panel{border-radius:0;background:#282828f5;border:1px solid #171717;box-shadow:0 5px 24px #0006}.bar{height:33px;background:#262626;border-bottom:1px solid #151515}.bar h2{color:#c6c6c6;font-size:11px;letter-spacing:1.2px}button{border-radius:2px;border-color:#454545}button:hover,button.on,button[aria-selected=true]{border-color:#dc8a00;background:#4d4030}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #dc8a00;outline-offset:1px}input:where(:not([type=checkbox],[type=radio])),select{background:#1e1e1e!important;color:#c6c6c6;border-color:#484848!important}button{transition:background var(--mo-1),border-color var(--mo-1)}a{color:#e6a84d}.mast{position:absolute;z-index:20;inset:0 0 auto;height:37px;background:#1e1e1e;gap:13px;padding:0 12px;border-bottom:1px solid #080808;box-shadow:0 1px #444}.brand{font:600 15px var(--ui);letter-spacing:1.8px;color:#e5e5e5;display:flex;align-items:center;gap:8px}.brand::before{content:'◈';font:25px Georgia;color:#dc8a00}.brand small{font:10px var(--ui);letter-spacing:1px;color:#999;border-left:1px solid #555;padding-left:9px;margin:0}.pause{border:0;background:#333;padding:3px 7px;letter-spacing:.3px;color:#bbb;font-size:10px}.mast .live{font-size:11px;gap:12px}.live b{font-size:13px}.mast .live a{font-size:10px;color:#999}.mast .wide{display:none}.mast .hud-toggle{height:24px;font-size:11px;border-color:#444}.mast .hud-toggle.active{color:#f1b85c;border-color:#b97d29}
#world-panel{display:block!important;position:absolute!important;inset:37px 0 22px!important;width:auto!important;height:auto!important;border:0;z-index:0;background:#111e15;box-shadow:none;border-radius:0}#world-panel>.bar{position:absolute;z-index:4;top:10px;left:calc(var(--left) + 24px);right:calc(var(--right) + var(--rail) + 24px);height:31px;background:#1e1e1ee8;border:1px solid #4a4740;box-shadow:0 3px 15px #0006;gap:6px;padding:4px 8px;border-radius:3px}#world-panel>.bar h2{display:none}.map-title{font-size:10px;font-style:normal;line-height:12px;max-width:none;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mapwrap{position:absolute!important;inset:0;width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;background:#111c16}#rsw{position:absolute;inset:0;width:100%;height:100%;border:0}#map{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;touch-action:none}.viewer-status{top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:min(360px,70vw);background:#1e1e1ef5;border:1px solid #665235;padding:18px;color:#e8c48d;font-size:13px;text-align:center;box-shadow:0 10px 60px #0009}.follow{position:absolute;left:calc(var(--left) + 24px);bottom:calc(var(--dock) + 16px);font-size:11px;color:#e4d2b3;background:#1e1e1edd;padding:7px 10px;border-left:2px solid #dc8a00;max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#legend{position:absolute;left:calc(var(--left) + 24px);bottom:calc(var(--dock) + 50px);font-size:10px;max-width:45%}
#fleet-panel{position:absolute;z-index:5;left:10px;top:48px;bottom:calc(var(--dock) + 33px);width:var(--left);display:flex!important}.roster-tools{padding:8px;gap:5px}.roster-tools input{font-size:12px;height:27px}.roster-tools select{max-width:95px;font-size:11px}.fleet-columns,.fleet-row{grid-template-columns:minmax(90px,1fr) 63px 42px!important;gap:5px!important}.fleet-columns span:nth-child(4),.fleet-columns span:nth-child(5),.fleet-row>span:nth-child(4),.fleet-row>span:nth-child(5){display:none}.fleet-row{padding:5px 7px;height:30px;min-height:30px;font-size:12px;border:0;border-bottom:1px solid #373737!important}.fleet-row .state{font-size:10px;text-align:left}.fleet-row .work-metric{font-size:11px}.fleet-row.on{background:#4d4030!important;border-left:2px solid #dc8a00!important}.fleet-row .name{color:#e1dfd6}.fleet-rows{padding:0 5px;overflow:auto;scrollbar-width:thin;scrollbar-color:#555 #202020}.ticks{opacity:.7;height:3px!important}.pager{background:#242424;border-top:1px solid #151515;font-size:10px;min-height:28px}.pager button{min-width:26px}.fleet-columns{font-size:9px;letter-spacing:.6px;background:#222;padding:5px 12px}.fleet-columns span:last-child{display:none}#fleet-count{font-size:10px;max-width:160px;white-space:nowrap}.fleet-summary{display:flex;gap:7px;padding:8px 10px;border-bottom:1px solid #151515;font-size:11px}.fleet-summary b{color:#ddd}.fleet-summary span{color:#999}
#inspect-panel{position:absolute;z-index:5;right:calc(var(--rail) + 10px);top:48px;bottom:calc(var(--dock) + 33px);width:var(--right);display:flex!important}.inspect-tabs{display:none}#detail-menu{max-width:126px;font-size:11px}#inspect-title{font-size:11px}.inspector{padding:12px;overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:#555 #222;gap:10px}.inspector h3{font:500 18px var(--ui);color:#e4d6b8}.subline{font-size:11px;color:#aaa;line-height:1.45}.data-list{overflow:visible;flex:none}.data-row{height:auto!important;min-height:30px;line-height:1.3;border-color:#3a3a3a;gap:8px;padding:6px 0}.data-row .value{max-width:66%;white-space:normal;overflow-wrap:anywhere;font-size:12px}.data-row .label{font-size:12px;white-space:normal}.next-proof{background:#35312a!important;border-color:#dc8a00!important;font-size:12px!important}.stats{gap:5px}.statbox{background:#202020;padding:8px}.statbox b{font-size:21px;color:#e2dfd2}.evidence-page{overflow:auto}.skills{flex:none}.skill{padding:5px;font-size:11px}.overview-next{overflow:visible}.overview-next button{font-size:11px}.overview-skills,.overview-gear{flex:none!important}.plugin-rail{position:absolute;z-index:10;right:0;top:37px;bottom:22px;width:var(--rail);background:#282828;border-left:1px solid #111;box-shadow:-1px 0 #444;display:flex;flex-direction:column;align-items:stretch;padding:8px 3px;gap:5px}.plugin-rail button{height:35px;min-height:35px;border:0;border-radius:0;color:#a5a5a5;position:relative;display:grid;place-content:center}.plugin-rail button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.plugin-rail button:hover,.plugin-rail button.on{background:#3c3c3c;color:#e6a74a}.plugin-rail button.on::after{content:'';position:absolute;top:6px;bottom:6px;left:-3px;width:2px;background:#dc8a00}.plugin-rail .rail-space{flex:1}.plugin-rail .rail-text{font:11px Georgia;color:#dc8a00;letter-spacing:0}
.goals{position:absolute;z-index:4;left:calc(var(--left) + 24px);right:calc(var(--right) + var(--rail) + 24px);top:91px;gap:4px;height:57px;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))}.goal{padding:6px;background:#252525e6;border:1px solid #504a3e;border-top:1px solid #7d6746;gap:3px;border-radius:2px}.goal .label{font-size:9px;letter-spacing:.2px;line-height:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.goal .metric{font-size:16px;color:#e5c58b}.goal .meta,.goal .next{display:none}.goal:hover{background:#3f372b}
.map-dock{position:absolute;z-index:7;left:10px;right:calc(var(--rail) + 10px);bottom:29px;height:var(--dock);background:#222e;border:1px solid #504a3e;box-shadow:0 2px 14px #0006;display:flex;flex-direction:column}.dock-tabs{height:30px;display:flex;align-items:center;gap:0;background:#292929;border-bottom:1px solid #151515;padding:0 7px;flex:none}.dock-tabs button{border:0;height:29px;padding:0 12px;font-size:11px;color:#aaa}.dock-tabs button.on{color:#f2bc68;border-bottom:2px solid #dc8a00;background:transparent}.dock-tabs .dock-end{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:10px;color:#999}.dock-tabs .dock-end button{padding:0 6px}.dock-body{min-height:0;flex:1;overflow:auto;padding:0 10px;scrollbar-width:thin;scrollbar-color:#555 #222}.map-dock .boards,.map-dock #allocation-panel{position:static!important;box-shadow:none;background:transparent;border:0;display:flex;height:100%;width:100%}.map-dock .boards>.bar,.map-dock #allocation-panel>.bar{height:23px;background:transparent;padding:2px;border:0}.map-dock .boards h2,.map-dock #allocation-panel h2{font-size:9px}.board-grid{gap:3px;padding:0 0 5px;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,29px);overflow:visible}.board{font-size:10px;background:#292929;border:1px solid #444;padding:3px}.board b{font-size:11px}.board img{width:15px;height:15px}.logistics{display:flex!important;gap:6px;padding:4px 0}.logistics button{flex:1;background:#2e2e2e;border:1px solid #444;font-size:12px}.map-dock .logistics button b{font-size:22px}.event-line{display:flex;gap:9px;align-items:baseline;min-height:23px;padding:4px 0;border-bottom:1px solid #333;font-size:11px;line-height:1.25}.event-line time{color:#888;font:10px Consolas,monospace;flex:none}.event-line b{color:#d7c192;flex:none;font-weight:500;max-width:145px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.event-line .message{color:#bdbdbd;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.event-line button{padding:0;border:0;min-width:0;text-align:left}.event-line .tag{font-size:9px;border:1px solid #555;padding:1px 4px;flex:none;color:#bbb}.event-line .tag.fail{border-color:#99534b;color:#ef9a8f}.event-line .tag.live{border-color:#50775a;color:#9ccc9b}.dock-empty{font-size:12px;color:#999;padding:12px 0}.foot{position:absolute;z-index:15;inset:auto 0 0;height:22px;background:#1e1e1e;border-top:1px solid #444;padding:0 10px;gap:12px;font-size:10px}.foot #notice{font-size:10px}.foot #capacity{gap:10px}.foot #capacity div:first-child{display:none}.foot .gold{display:none}.foot #capacity b,.foot #capacity span{font-size:10px}
.agent-strip{display:flex;gap:7px;margin-bottom:3px}.agent-card{flex:1;border:1px solid #4c4942;background:#222;padding:10px}.agent-card b{color:#e0d7c8;font-weight:500;font-size:14px}.agent-card small{display:block;font-size:10px;margin-top:4px;color:#aaa}.agent-card.busy{border-top:2px solid #dc8a00}.agent-card .agent-dot{display:inline-block;width:6px;height:6px;background:#dc8a00;margin-right:6px;border-radius:50%}.job-filters{display:flex;gap:4px;flex-wrap:wrap}.job-filters button{font-size:10px;padding:4px 7px;background:#222}.job-card{border:1px solid #444;border-left:2px solid #777;background:#222;padding:10px;margin-bottom:8px;cursor:pointer;width:100%;text-align:left;display:block}.job-card.running{border-left-color:#dc8a00}.job-card.failed{border-left-color:#c96a61}.job-card.succeeded{border-left-color:#70a47b}.job-card .job-top{display:flex;justify-content:space-between;gap:5px;font-size:10px;color:#aaa;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.job-card strong{color:#dfdbcf;font-size:13px;font-weight:500;display:block;overflow-wrap:anywhere}.job-card p{font-size:11px;color:#aaa;line-height:1.45;margin:5px 0 0}.job-detail{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.job-detail h4{color:#e3bf83;margin:10px 0 5px;font-weight:500}.job-detail .error{border-left:2px solid #cf7a6a;padding-left:10px;color:#efb2a9}.job-counts{color:#aaa;font-size:11px;display:flex;justify-content:space-between}.job-counts b{color:#e1d6bd}.map-place{background:#262626ee;border:1px solid #5b5243;position:absolute;z-index:4;left:calc(var(--left) + 24px);top:154px;display:flex;gap:5px;padding:5px;border-radius:2px}.map-place select{max-width:150px;font-size:11px}.map-place button{font-size:11px}.map-help{position:absolute;z-index:3;right:calc(var(--right) + var(--rail) + 24px);bottom:calc(var(--dock) + 46px);font-size:10px;line-height:1.7;color:#eee9d3;text-shadow:0 1px 3px #000;pointer-events:none;text-align:right}.map-help kbd{font:9px var(--ui);border:1px solid #a39773;padding:1px 4px;background:#25231ecc}.focus-map #fleet-panel,.focus-map #inspect-panel,.focus-map #goals,.focus-map .map-dock,.focus-map .map-place,.focus-map .map-help{display:none!important}.focus-map #world-panel>.bar{left:24px;right:calc(var(--rail) + 24px)}.focus-map .follow{left:24px;bottom:16px}.left-hidden #fleet-panel{display:none!important}.left-hidden{--left:0px}.right-hidden #inspect-panel{display:none!important}.right-hidden{--right:0px}.dock-hidden{--dock:30px}.dock-hidden .dock-body{display:none}.dock-hidden .map-dock{height:30px}.shell-viewer-error #map-h{color:#f0aa91}
@media(min-width:1600px){:root{--left:288px;--right:352px;--dock:166px}.fleet-row{height:32px;min-height:32px}.goal .metric{font-size:20px}.goal .meta{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.goals{height:70px}.map-place{top:167px}}
@media(max-width:1100px){:root{--left:226px;--right:284px}.goals{display:none!important}.map-place{top:94px}.brand small{display:none}#world-panel>.bar{left:calc(var(--left) + 20px);right:calc(var(--right) + var(--rail) + 20px)}.map-title{display:none}.fleet-columns,.fleet-row{grid-template-columns:minmax(80px,1fr) 60px!important}.fleet-columns span:nth-child(3),.fleet-row>span:nth-child(3){display:none}.map-help{display:none}.board-grid{grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:none}.dock-body{padding:0 6px}}
@media(max-width:760px){:root{--left:0px;--right:278px;--dock:115px}.mast{gap:8px;padding:0 8px}.brand{font-size:12px;letter-spacing:.5px}.pause{display:none}.mast .live{gap:5px}.mast .live a{display:none}.mast .hud-toggle{font-size:10px;padding:2px 5px}#fleet-panel{width:min(260px,calc(100vw - 62px));display:none!important}.mobile-fleet #fleet-panel{display:flex!important;z-index:11}#inspect-panel{top:46px;right:calc(var(--rail) + 5px);bottom:calc(var(--dock) + 30px)}#world-panel>.bar{left:10px;right:auto}.map-place{left:10px;max-width:180px;flex-wrap:wrap;top:88px}.map-place select{max-width:120px}.map-place label{display:none}.map-dock{left:5px;right:calc(var(--rail) + 5px)}.dock-tabs{padding:0 3px}.dock-tabs button{padding:0 6px;font-size:10px}.dock-tabs .dock-end>span{display:none}.follow{left:10px;max-width:calc(100vw - 70px)}.foot #capacity{display:none}.foot #clock{font-size:9px}.board-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.plugin-rail{gap:3px;padding-top:5px}.plugin-rail button{height:32px;min-height:32px}.mast .live #connection{font-size:10px}.right-hidden .map-place{max-width:none}}
@media(prefers-reduced-motion:reduce){button{transition:none}}

.job-card p:first-of-type{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.job-card:hover strong{color:#f2bf70}.job-card:focus-visible{outline-offset:2px}

.inspector .data-list{flex:1;min-height:80px;overflow:hidden}
/* Keep rendering scheduled while checking readiness; pixels stay transparent
   until both the geometry and private-name checks pass. */
.mapwrap.loading3d iframe{visibility:visible!important;opacity:0;pointer-events:none}
