@import"https://fonts.googleapis.com/css2?family=Caveat:wght@700&family=Source+Sans+3:wght@400;500;600;700&display=swap";:root{font-family:"Source Sans 3",sans-serif;color:#f4ead7;background:#1d2518}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select,input{font:inherit}button{color:inherit;cursor:pointer}#scene,#scene canvas,.shade{position:fixed;inset:0;width:100%;height:100%}.shade{pointer-events:none;background:linear-gradient(90deg,rgba(9,14,8,.53),transparent 34%),linear-gradient(0deg,rgba(13,17,9,.53),transparent 25%),linear-gradient(180deg,rgba(11,15,8,.35),transparent 19%)}header{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:20px 42px;pointer-events:none}.brand,.header-right,nav{pointer-events:auto}.logo{font-family:Caveat,cursive;font-size:65px;font-weight:700;line-height:.92;transform:rotate(-4deg);text-shadow:0 3px 8px #17130e}.tag{font-size:11px;letter-spacing:.23em;line-height:1.55;margin:19px 0 0 9px;color:#e2d1b7}nav{display:flex;gap:55px;margin-top:18px}nav button{background:none;border:0;padding:0 0 15px;color:#ded4bf;letter-spacing:.08em;font-weight:600;font-size:15px}nav button.selected{color:#fff;border-bottom:2px solid #d5d9a6}.header-right{display:flex;align-items:center;gap:18px}.header-right button{border:0;background:transparent;font-size:27px}.live{border:1px solid #ffffff25;border-radius:40px;background:#635f3e9c;padding:7px 17px;font-size:15px;font-weight:700;letter-spacing:.1em}.live i,.event i{display:inline-block;width:9px;height:9px;background:#a2d697;border-radius:50%;margin-right:9px}.panel{position:absolute;background:linear-gradient(135deg,#201911e0,#191711c2);border:1px solid #f4ead727;border-radius:18px;box-shadow:0 15px 45px #0b0e0888;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:14px 17px}.panel-title{font-size:17px;font-weight:600;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-title span{font-size:27px;line-height:14px;font-weight:400}.colony{left:41px;top:185px;width:270px}.metric{display:flex;justify-content:space-between;padding:6px 3px;color:#e4d7bf;font-size:15px}.metric b{color:#fff;font-weight:600}.status{border-top:1px solid #ffffff20;color:#a4d391;font-size:13px;margin-top:8px;padding:10px 3px 0}.tools{right:42px;top:101px;width:215px}.tools>button{display:flex;align-items:center;gap:14px;width:100%;background:none;border:0;border-radius:10px;text-align:left;padding:8px 10px;font-size:24px;line-height:1}.tools>button span{font-size:14px}.tools>button.active,.tools>button:hover{background:#9f846346}.tool-extra{border-top:1px solid #ffffff21;margin-top:8px;padding-top:10px;font-size:12px}.tool-extra label{display:flex;align-items:center;justify-content:space-between}.tool-extra select,.settings select{background:#362f23;color:#f4ead7;border:1px solid #ffffff32;border-radius:6px;padding:3px}.tools p{font-size:11px;color:#d0c3ae;margin:9px 2px 0;line-height:1.3}.map{left:41px;bottom:40px;width:355px}.map .panel-title{font-size:15px}.panel-title button{background:none;border:0;color:inherit;font-size:22px}#map{width:100%;height:170px;display:block;border-radius:10px;opacity:.95}.map-controls{display:flex;align-items:center;gap:15px;font-size:13px;margin-top:9px}.map-controls input[type=range]{width:110px;accent-color:#d6a963}.map small{display:block;color:#d0c3ae}.map small i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:10px;margin-right:3px}.amber{background:#f9b852}.teal{background:#7ab8b1}.map.collapsed canvas,.map.collapsed .map-controls,.map.collapsed small{display:none}.events{right:42px;bottom:40px;width:305px}.event{display:flex;align-items:center;gap:0;border-bottom:1px solid #ffffff12;padding:8px 1px;font-size:13px}.event:last-child{border:0}.event i{width:8px;height:8px;flex:none}.event span{flex:1}.event small{color:#b6aa9d}footer{position:absolute;bottom:38px;left:50%;transform:translate(-50%);height:54px;display:flex;align-items:center;gap:16px;padding:0 14px;background:#211d16d9;border:1px solid #ffffff28;border-radius:17px;box-shadow:0 12px 30px #0005;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap}footer button{background:none;border:0;font-size:25px;min-width:24px}footer select{background:none;border:0;color:#fff}footer select option{background:#231d15}.progress{width:210px;height:4px;background:#8c8167;border-radius:5px}.progress div{height:100%;background:#e9e1bc;border-radius:5px}#clock{font-size:14px;color:#e7d8c6}.settings{right:42px;top:80px;width:290px;z-index:5}.settings.hidden{display:none}.settings label{display:block;font-size:14px;margin:13px 0}.settings label output{float:right}.settings input[type=range]{width:100%;accent-color:#c9a66a}.settings-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.settings-actions button{background:#68563c;border:1px solid #ffffff2c;border-radius:7px;padding:7px;font-size:12px}.settings p{font-size:12px;line-height:1.4;color:#d3c9b6}.toast{position:absolute;left:50%;top:110px;transform:translate(-50%,-10px);opacity:0;background:#241e15e8;padding:9px 17px;border-radius:9px;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}.emphasis{outline:2px solid #e8d39b}@media(max-width:850px){header{padding:13px 16px}.logo{font-size:46px}.tag{font-size:8px;margin-top:9px}nav{position:absolute;top:0;left:180px;gap:10px;overflow:auto;max-width:calc(100vw - 260px)}nav button{font-size:11px;white-space:nowrap}.header-right{gap:5px}.header-right button{font-size:20px}.live{font-size:10px;padding:5px 8px}.colony{top:115px;left:12px;width:185px;padding:9px}.metric{font-size:11px;padding:3px}.panel-title{font-size:13px}.status{font-size:10px}.tools{top:auto;bottom:94px;right:10px;width:170px;max-height:46vh;overflow:auto;padding:8px}.tools>button{padding:5px;font-size:18px}.tools>button span{font-size:11px}.tools p{display:none}.tool-extra{font-size:10px}.map{bottom:94px;left:10px;width:160px;padding:8px}.map #map{height:74px}.map-controls,.map small,.events{display:none}footer{bottom:12px;max-width:calc(100vw - 20px);gap:7px;padding:0 8px;height:48px}footer button{font-size:19px}footer .progress{width:40px}#clock{font-size:11px}.settings{top:75px;right:10px;max-height:75vh;overflow:auto}}@media(max-width:530px){nav{top:67px;left:14px;right:14px;max-width:none;justify-content:center;gap:20px}.header-right{margin-top:4px}.colony{top:121px}.tools{width:calc(100vw - 20px);bottom:70px;display:flex;flex-wrap:wrap;gap:3px;max-height:130px}.tools .panel-title{width:100%;margin:0}.tools>button{width:auto;flex:1 1 28%;min-height:30px}.tools>button span{font-size:10px}.tools .tool-extra{display:none}.map{bottom:210px}.settings{top:110px}}.side-rail{position:absolute;top:160px;bottom:112px;display:flex;flex-direction:column;gap:14px;pointer-events:none;z-index:2;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b39b7055 transparent}.left-rail{left:28px;width:270px}.right-rail{right:28px;width:238px;align-items:stretch}.side-rail .panel{position:relative;inset:auto;width:100%;flex:none;pointer-events:auto}.side-rail .map,.side-rail .events{margin-top:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;text-align:left;border:0;background:transparent;font-size:inherit;font-weight:inherit;color:inherit}.panel-heading span{font-size:20px;line-height:1}.panel-title{margin-bottom:7px}.panel.collapsed .panel-content{display:none}.panel.collapsed .panel-title{margin-bottom:0}.panel.collapsed .panel-heading span{transform:rotate(-90deg)}.panel.nav-focus{border-color:#e5c88d;box-shadow:0 0 0 1px #e5c88d99,0 15px 45px #0b0e0888}.side-rail .map #map{height:120px}.side-rail .tools .panel-content>button{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;border-radius:10px;text-align:left;padding:8px 9px;font-size:23px;line-height:1}.side-rail .tools .panel-content>button span{font-size:14px}.side-rail .tools .panel-content>button.active,.side-rail .tools .panel-content>button:hover{background:#9f846346}header{z-index:3}footer{z-index:3}.settings{z-index:5}.shade{z-index:0}#scene{z-index:-1}.toast{z-index:7}@media(max-height:700px)and (min-width:851px){.side-rail{top:118px;bottom:80px}.side-rail .map,.side-rail .events{margin-top:0}.colony .metric{padding:3px}.side-rail .map #map{height:85px}}@media(max-width:850px){.side-rail{top:125px;bottom:82px;gap:8px}.left-rail{left:10px;width:188px}.right-rail{right:10px;width:185px}.side-rail .map,.side-rail .events{margin-top:auto}.side-rail .panel{padding:9px}.side-rail .map #map{height:80px}.settings{top:90px;right:10px}.side-rail .tools .panel-content>button{padding:5px;font-size:18px}.side-rail .tools .panel-content>button span{font-size:11px}}@media(max-width:530px){header{height:105px}.side-rail{top:107px;bottom:auto;overflow:visible}.left-rail{left:10px;width:calc(50vw - 15px)}.right-rail{right:10px;width:calc(50vw - 15px)}.side-rail .map,.side-rail .events{margin-top:0}.side-rail .panel{padding:7px 9px}.side-rail .panel-title{font-size:12px}.side-rail .panel:not(.collapsed) .panel-content{max-height:30vh;overflow:auto}.right-rail .tools{position:fixed;inset:auto 10px 65px;width:auto;max-height:145px;display:block}.side-rail .tools .panel-content{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.side-rail .tools .panel-content>button{min-width:0;min-height:36px;gap:2px;font-size:16px}.side-rail .tools .panel-content>button span{font-size:10px;line-height:1.1}.side-rail .tools .tool-extra{grid-column:span 3;margin:0;padding:2px 0}.side-rail .tools p{display:none}.right-rail .events{position:absolute;top:0}.map{position:relative}.map .map-controls{display:flex}.map small{display:block;font-size:9px}.settings{inset:108px 10px 68px;width:auto;max-height:none;overflow:auto}footer{bottom:9px}}#scene{z-index:0}.shade{z-index:1}@media(max-height:700px)and (min-width:851px){.tag{display:none}.side-rail{top:112px;bottom:10px}.side-rail .tools .panel-content>button{padding:5px 8px}.side-rail .tools .panel-content>button span{font-size:13px}.side-rail .colony .metric{padding:3px}.side-rail .map,.side-rail .events{margin-top:0}}@media(max-width:530px){.side-rail{top:128px}.right-rail .events{display:block}.settings{top:128px}}.panel,footer{-webkit-backdrop-filter:none;backdrop-filter:none}.side-rail .panel{background:linear-gradient(145deg,#1e1912d1,#171712b3);border-color:#e4d5b42b;box-shadow:0 11px 34px #0b0e0866;padding:11px 14px}.side-rail .panel-title{margin-bottom:5px;letter-spacing:.01em}.side-rail .metric{padding:4px 3px}.side-rail .tools .panel-content>button{padding:7px 9px}@media(max-width:850px){.side-rail .panel{padding:8px 10px}.side-rail .metric{padding:3px}}@media(max-width:530px){.side-rail .panel{padding:7px 9px}}