@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{color:#e5e9df;background:#111b1a;margin:0;font:14px DM Sans,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;background:#202c27;border:1px solid #34413b;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 13px;display:inline-flex}button:hover{background:#344237}button:disabled{opacity:.4;cursor:default}header{background:#17211d;border-bottom:1px solid #303a32;justify-content:space-between;align-items:center;height:87px;padding:0 28px;display:flex}.brand{align-items:center;gap:13px;display:flex}.logo{color:#e7b65a;background:#313329;border:1px solid #62553b;border-radius:12px;padding:11px}h1{letter-spacing:2px;margin:0;font:700 21px Space Grotesk,sans-serif}h1 span{color:#e7b65a;font-weight:400}.brand p{letter-spacing:3px;color:#8a998c;margin:5px 0 0;font-size:10px}.headRight{align-items:center;gap:13px;display:flex}.live{color:#9bab9b;align-items:center;gap:8px;font-size:12px;display:flex}i{background:#81bfa0;border-radius:50%;width:6px;height:6px;display:inline-block}.primary{color:#252a20;background:#e7b65a;border-color:#e7b65a;font-weight:700}.primary:hover{background:#f3c779}h2{margin:8px 0;font:500 21px Space Grotesk,sans-serif}.workspace{height:calc(100dvh - 87px);display:flex}aside{background:#18221e;border-right:1px solid #344038;flex-direction:column;flex-shrink:0;width:282px;padding:26px 20px 16px;display:flex}.eyebrow{letter-spacing:2px;color:#a4af9f;font-size:10px;font-weight:600}.muted{color:#8d9b90;margin:0 0 25px;font-size:12px}.tools{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tools button{color:#a9b4a7;background:#202b25;border-color:#303c32;flex-direction:column;height:70px;font-size:11px}.tools .active{color:#edc476;background:#393828;border-color:#b89c54}.section{letter-spacing:1.5px;color:#96a38f;justify-content:space-between;align-items:center;margin:26px 0 13px;font-size:10px;display:flex}.section button{background:0 0;border:0;padding:3px}.toggle{color:#c6cec0;justify-content:space-between;align-items:center;padding:10px 0;font-size:12px;display:flex}.toggle input{accent-color:#e7b65a}.search{color:#e5e9df;background:#111b17;border:1px solid #344037;border-radius:6px;outline:0;width:100%;padding:10px;font-size:11px}.list{flex:1;min-height:80px;margin-top:12px;overflow-y:auto}.feature{text-align:left;background:0 0;border-color:#0000;justify-content:flex-start;width:100%;padding:12px 8px;display:flex}.feature.selected{background:#2b352d;border-color:#475442}.feature b{border-radius:3px;flex-shrink:0;width:9px;height:9px}.feature small{color:#899686;margin-top:3px;font-size:10px;display:block}.empty{text-align:center;color:#7e8d7c;padding:35px 12px;font-size:11px}.empty b{color:#b1bcab;margin-top:14px;font-weight:500;display:block}.empty p{line-height:1.7}.foot{color:#adb9a6;border-top:1px solid #354132;padding-top:18px;font-size:10px}.foot p{color:#7f8e7d;margin:6px 0}.foot i{margin-right:6px}.map{background:#122421;flex:1;min-width:0;position:relative;overflow:hidden}.map>svg{touch-action:none;width:100%;height:100%;display:block}.mapTop{z-index:1;pointer-events:none;position:absolute;top:22px;left:26px}.mapTop h2{text-shadow:0 2px 7px #000;font-size:23px}.badge{color:#d1d5b9;letter-spacing:1.5px;pointer-events:none;background:#17281fd9;border:1px solid #8e9c7570;border-radius:30px;padding:8px 13px;font-size:9px;position:absolute;top:27px;right:26px}.north{text-align:center;color:#e7b65a;pointer-events:none;font-size:11px;position:absolute;top:93px;right:26px}.north div{font-size:38px;line-height:40px}.zoom{border-radius:8px;flex-direction:column;display:flex;position:absolute;bottom:100px;right:22px;overflow:hidden;box-shadow:0 3px 15px #0005}.zoom button{background:#1a2721eb;border-color:#46523b;border-radius:0;padding:11px}.mapBottom{pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:33px;left:20px;right:20px}.mapBottom span{color:#c0c9b5;background:#16251fec;border:1px solid #46523b;border-radius:7px;padding:12px 15px;font-size:11px}.mapBottom button{pointer-events:auto;background:#16251f}.credit{color:#b3bea3;background:#14221ccc;padding:3px 6px;font-size:9px;text-decoration:none;position:absolute;bottom:9px;right:20px}.inspector{background:#18221e;border-left:1px solid #344038;width:267px;padding:0 22px;overflow-y:auto}.inspector label{color:#9eab96;margin:24px 0 9px;font-size:11px;display:block}.inspector input:not([type=color]),textarea{color:#e6e9de;background:#101a16;border:1px solid #3a4636;border-radius:6px;outline:0;width:100%;margin-top:9px;padding:11px;display:block}.inspector input:focus,textarea:focus{border-color:#e7b65a}textarea{resize:vertical;min-height:100px}.colors{gap:7px;margin-bottom:25px;display:flex}.colors button{border:2px solid #0000;border-radius:50%;width:25px;min-width:25px;height:25px;padding:0}.colors button.chosen{outline-offset:2px;outline:2px solid #fff}.colors input{background:0 0;border:0;width:25px;height:25px;padding:0}.full{width:100%;margin:6px 0;font-size:12px}.hint{color:#94a28c;margin:15px 0;font-size:11px;line-height:1.8}.danger{color:#d68c83;background:0 0;border-color:#60403b}.note{border-top:1px solid #384332;margin-top:22px;padding-top:20px}.toast{color:#20291d;background:#e7b65a;border-radius:8px;align-items:center;gap:15px;width:max-content;max-width:90%;padding:14px 17px;font-size:12px;display:flex;position:absolute;bottom:95px;left:50%;transform:translate(-50%);box-shadow:0 4px 30px #0008}.toast button{color:#20291d;background:0 0;border:0;padding:2px}@media (max-width:1000px){aside{width:230px;padding:20px 14px}.inspector{width:230px}.live{display:none}.mapBottom span{max-width:70%}.badge{display:none}}@media (max-width:700px){header{height:72px;padding:0 12px}h1{font-size:15px}.logo{padding:6px}.brand p{font-size:8px}.headRight button{padding:9px;font-size:11px}.headRight button:first-of-type{display:none}.workspace{height:calc(100dvh - 72px)}aside{width:72px;padding:15px 8px}aside>.eyebrow,aside>h2,aside>.muted,aside>.section,aside>.toggle,aside>.search,aside>.list,aside>.foot{display:none}.tools{grid-template-columns:1fr}.tools button{gap:5px;height:64px;padding:3px;font-size:8px}.inspector{z-index:3;border:1px solid #4b573d;border-radius:10px;width:230px;max-height:calc(100dvh - 170px);position:absolute;top:85px;right:10px;box-shadow:0 5px 20px #0008}.mapTop{top:15px;left:15px}.mapTop h2{font-size:19px}.mapBottom{bottom:34px;left:10px;right:10px}.mapBottom span{padding:8px;font-size:9px}.north,.zoom{right:12px}.credit{font-size:8px}}.zoneControls{z-index:2;gap:7px;display:flex;position:absolute;top:84px;left:26px}.zoneControls button{color:#c2cbb9;background:#16251fee;border-color:#5a6650;padding:8px 11px;font-size:11px}.zoneControls .patrol{color:#ffadca;background:#462d38ed;border-color:#f38aa8}.zoneControls .migration{color:#a4edb9;background:#274235ed;border-color:#83d29b}@media (max-width:700px){.zoneControls{top:72px;left:15px}.zoneControls button{padding:7px;font-size:10px}}.withTabs{position:relative}.withTabs header{margin-bottom:43px}.appTabs{z-index:5;background:#111b17;border-bottom:1px solid #374637;align-items:stretch;gap:8px;height:43px;padding:0 20px;display:flex;position:absolute;top:87px;left:0;right:0}.appTabs button{color:#8d9d89;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:0 20px;font-size:12px}.appTabs button[aria-selected=true]{color:#e7b65a;background:#2b3024;border-bottom-color:#e7b65a}.appTabs>span{color:#788a77;letter-spacing:.5px;align-self:center;margin-left:auto;font-size:10px}.withTabs .workspace{height:calc(100dvh - 130px)}.opsSidebar{width:278px;padding-top:20px;display:block;overflow-y:auto}.opsSidebar .section{margin:20px 0 10px}.opsSidebar h2{margin-bottom:15px;font-size:20px}.searchWrap{position:relative}.searchWrap>svg{color:#83967f;position:absolute;top:11px;left:10px}.searchWrap .search{padding-left:33px}.dinoPalette{flex-direction:column;gap:6px;margin:12px 0;display:flex}.dinoPalette button{text-align:left;color:#becbab;cursor:grab;background:#202d25;border-color:#344833;justify-content:flex-start;padding:7px 10px}.dinoPalette button:active{cursor:grabbing}.dinoPalette button.active{color:#e7b65a;background:#373724;border-color:#e7b65a}.dinoPalette button>span{font-size:12px;font-weight:600}.dinoPalette small{color:#82967c;margin-top:3px;font-size:9px;font-weight:400;display:block}.quickDefaults{background:#101c15;border:1px solid #354631;border-radius:8px;padding:13px 10px}.miniTitle{color:#889c80;letter-spacing:1.3px;font-size:9px}.allegiances{gap:4px;margin:12px 0;display:flex}.allegiances button{background:#1d2a20;border-color:#3b4c34;flex:1;padding:7px 5px;font-size:10px}.allegiances button[aria-pressed=true]{background:#354034}.defaultRow{color:#aab99e;justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.defaultRow label{align-items:center;gap:4px;display:flex}.defaultRow input[type=number]{color:#dce6cf;background:#16251a;border:1px solid #4c5d40;border-radius:4px;width:43px;padding:4px}.defaultRow input[type=checkbox]{accent-color:#e7b65a}.compact{gap:7px;margin:12px 0 0}.compact button{width:20px;min-width:20px;height:20px}.opsTools{flex-direction:column;gap:5px;display:flex}.opsTools button{background:#1c2a20;justify-content:flex-start;padding:8px 11px;font-size:11px}.opsTools button.active{color:#e7b65a;background:#373724;border-color:#9d8b50}.opsTools kbd{color:#819476;margin-left:auto;font-size:9px}.opsSidebar .toggle{padding:6px 0;font-size:11px}.unitList{min-height:20px;margin:9px 0}.opsMap .mapTop h2{font-size:21px}.opsInspector{z-index:4;border:1px solid #536346;border-radius:10px;width:275px;max-height:calc(100% - 100px);padding-bottom:12px;position:absolute;top:16px;right:16px;box-shadow:0 8px 25px #0008}.opsInspector .section{margin:14px 0 8px}.opsInspector h2{margin-bottom:12px;font-size:18px}.opsInspector label{margin:11px 0 8px}.opsInspector label input,.opsInspector textarea,.opsInspector select{margin-top:5px;padding:8px;font-size:11px}.opsInspector textarea{min-height:65px}.opsInspector select{color:#e5e9df;background:#101a16;border:1px solid #3a4636;border-radius:6px;width:100%;display:block}.opsInspector .detailsRow{grid-template-columns:1.6fr 1fr;gap:9px;display:grid}.opsInspector .detailsRow label{min-width:0}.opsInspector .allegiances{margin:8px 0}.groupBar{color:#e7b65a;background:#14261bed;border:1px solid #e7b65a;border-radius:8px;align-items:center;gap:12px;padding:10px 13px;font-size:11px;display:flex;position:absolute;bottom:91px;left:20px;right:85px}.groupBar span{color:#aebe9d;font-size:10px}.groupBar button{margin-left:auto;padding:5px 7px;font-size:10px}.ops .mapBottom span{max-width:calc(100% - 90px)}.opsSidebar .empty{padding:15px}.ops .mapBottom{z-index:2}.ops .toast{z-index:6}.opsInspector input[type=color]{width:24px;height:23px}.opsInspector .compact,.opsSidebar .colors{flex-wrap:wrap}:is(button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline-offset:2px;outline:2px solid #e7b65a}@media (max-width:1000px){.opsSidebar{width:235px}.opsInspector{width:245px}.groupBar span{display:none}.headRight{gap:8px}}@media (max-width:700px){.appTabs{padding:0 6px;top:72px}.appTabs button{padding:0 12px;font-size:11px}.appTabs>span{display:none}.withTabs .workspace{height:calc(100dvh - 115px)}.opsSidebar{width:158px;padding:12px 9px}.opsSidebar>.eyebrow{font-size:8px;display:block}.opsSidebar>h2{font-size:15px;display:block}.opsSidebar>.section,.opsSidebar>.toggle{display:flex}.opsSidebar .dinoPalette>button{gap:5px;padding:6px}.dinoPalette button>svg{width:28px;min-width:28px;height:28px}.dinoPalette button>span{font-size:9px}.dinoPalette small,.opsSidebar .section{font-size:8px}.quickDefaults{padding:9px 6px}.allegiances{gap:3px}.allegiances button{padding:7px 3px;font-size:8px}.defaultRow{display:block}.defaultRow label{margin:8px 0}.opsSidebar .search{padding:9px;font-size:9px}.searchWrap>svg{width:12px;top:9px;left:6px}.searchWrap .search{padding-left:24px}.opsSidebar .toggle{font-size:9px;line-height:1.4}.opsTools button{gap:5px;padding:8px 5px;font-size:10px}.opsTools kbd{display:none}.opsSidebar .feature{padding:8px 2px;font-size:10px}.opsInspector{width:230px;max-height:calc(100% - 80px);top:12px;right:8px}.groupBar{bottom:100px;left:10px;right:10px}.groupBar b{font-size:10px}.opsMap .mapTop h2{font-size:17px}.opsMap .mapTop .eyebrow{font-size:8px}.opsMap .north{display:none}.ops .mapBottom span{font-size:9px}.ops .zoom{bottom:142px}.ops .zoneControls{gap:5px}.ops .zoneControls button{padding:6px;font-size:9px}.opsInspector .allegiances button{font-size:10px}}.opsQuickTools{z-index:3;flex-wrap:wrap;gap:5px;display:flex;position:absolute;top:123px;left:26px}.opsQuickTools button{color:#bdc9ae;background:#16251feb;padding:7px 9px;font-size:10px}.opsQuickTools button.active{color:#e7b65a;background:#343522ed;border-color:#e7b65a}@media (max-width:700px){.opsQuickTools{gap:4px;top:108px;left:15px;right:10px}.opsQuickTools button{padding:6px;font-size:9px}.opsQuickTools button svg{width:12px}}.zoneControls .roadsActive{color:#f2dfae;background:#423d28ed;border-color:#dcc78f}.zoneControls{flex-wrap:wrap}.ops .zoneControls{max-width:calc(100% - 40px)}body{-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}.map svg{-webkit-user-select:none;user-select:none}.zoneControls .namesActive{color:#f7efd9;background:#354133ed;border-color:#b3bda3}.zoneControls{max-width:calc(100% - 40px)}.zoneControls .sanctuaryActive{color:#d3b6f6;background:#3e2e50ed;border-color:#b995e3}.mapToolbar{z-index:2;flex-direction:column;align-items:flex-start;gap:8px;width:calc(100% - 52px);display:flex;position:absolute;top:84px;left:26px}.ops .mapToolbar .zoneControls,.ops .mapToolbar .opsQuickTools{flex-wrap:wrap;max-width:100%;display:flex;position:static}@media (max-width:700px){.mapToolbar{width:calc(100% - 30px);top:72px;left:15px}}.allegiances{flex-wrap:wrap}.allegiances button{flex:1;min-width:65px}.defaultRow{flex-wrap:wrap}.defaultRow select{color:#e5e9df;background:#111b17;border:1px solid #40503d;border-radius:6px;width:110px;padding:6px}.selectedDino{align-items:center;gap:12px;padding:10px 0;display:flex}.selectedDino small{color:#a8b7a3;margin-top:5px;display:block}.dinoPalette button{min-height:62px}.dinoPalette button>svg{flex-shrink:0}.penControls{background:#15251fed;border:1px solid #526046;border-radius:7px;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 10px;font-size:11px;display:flex}.penControls label{align-items:center;gap:7px;display:flex}.penControls input{background:0 0;border:0;width:30px;height:25px;padding:0}.penControls select{color:#edf1e5;background:#202c27;border:1px solid #526046;border-radius:5px;padding:5px}.opsSidebar{overflow-x:hidden}.unitList .feature>span:last-child{overflow-wrap:anywhere;min-width:0}.groupBar{flex-wrap:wrap;max-width:calc(100% - 40px)}.groupBar button{padding:7px;font-size:11px}.opsInspector .full{margin:4px 0}.dinoPalette{max-height:280px;overflow-y:auto}.visibilityFilters{flex-wrap:wrap;gap:5px;margin:8px 0 13px;display:flex}.visibilityFilters button{padding:7px 9px;font-size:11px}.visibilityFilters .active{color:#e7b65a;background:#393828;border-color:#e7b65a}.filterHint{margin:5px 0;font-size:10px}.groupBar input{color:#eef2e7;background:#101b17;border:1px solid #5b684d;border-radius:5px;width:145px;min-width:100px;padding:7px}.groupBar{align-items:center;gap:7px;bottom:85px}.groupList small{margin-left:auto}.namedGroupDetails{border-top:1px solid #394933;margin-top:16px}.quickEntry{z-index:6;background:#18271ff5;border:1px solid #77896b;border-radius:10px;width:280px;max-width:calc(100% - 30px);padding:12px;position:absolute;bottom:90px;right:20px;box-shadow:0 8px 28px #0006}.entryHead{align-items:center;gap:10px;margin-bottom:10px;display:flex}.entryHead span{color:#a9b8a1;margin-left:auto;font-size:11px}.entryHead button{background:0 0;border:0;padding:0 6px;font-size:22px}.quickEntry>input{color:#f5efdf;background:#101b17;border:1px solid #bea266;border-radius:6px;width:100%;padding:10px;font-size:13px}.quickEntry>[role=listbox]{flex-direction:column;max-height:160px;margin-top:6px;display:flex;overflow-y:auto}.quickEntry [role=option]{background:0 0;border:0;border-radius:4px;justify-content:space-between;padding:7px 9px;font-size:12px}.quickEntry [role=option].selected{color:#eacf91;background:#35482f}.quickEntry>small{color:#a9b6a0;margin-top:10px;font-size:10px;display:block}.speciesNameToggle{gap:8px}.speciesNameToggle select{color:#e9efdf;background:#101b17;border:1px solid #40503d;border-radius:5px;max-width:105px;padding:6px}.dinoPalette button>span{overflow-wrap:anywhere;min-width:0}.dinoPalette{overflow-x:hidden}.trackerPage{color:#eef1e6;background:#101c17;height:100dvh;padding:24px max(20px,50vw - 560px);overflow:auto}.trackerPage nav{justify-content:space-between;align-items:center;gap:15px;display:flex}.trackerPage a{color:#a7d7b4}.trackerIntro{margin:35px 0 25px}.trackerIntro h1{margin:10px 0;font-size:clamp(26px,4vw,38px)}.trackerIntro p,.trackerCard p{color:#b4c3b4;line-height:1.6}.trackerGrid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.trackerCard{background:#1a2a21;border:1px solid #3a5140;border-radius:14px;min-width:0;padding:24px}.trackerCard h2{margin:0 0 14px;font-size:19px}.trackerCard label{color:#d6e2d2;margin:14px 0;font-size:13px;display:block}.trackerCard input:not([type=checkbox]):not([type=file]),.trackerCard select{color:#edf2e7;background:#101c17;border:1px solid #52634f;border-radius:7px;width:100%;margin-top:7px;padding:11px;display:block}.trackerFields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.trackerCard .toggle{justify-content:space-between;align-items:center;display:flex}.trackerProfile{align-items:center;gap:16px;display:flex}.trackerProfile p{margin:0;font-size:12px}.trackingStatus{background:#112019;border:1px solid #405642;border-radius:9px;margin:20px 0;padding:16px}.trackingStatus b{color:#8dd5a5}.trackingStatus p{margin:8px 0;font-size:13px}.trackingStatus small{color:#b6c5ad}.coordinatePair{gap:24px;margin:12px 0;font-size:12px;display:flex}.coordinatePair strong{color:#fff;font-size:22px;display:block}.trackerCard ol{padding-left:24px;font-size:14px;line-height:1.8}.trackerCard li{padding-bottom:12px}.trackerCard figure{margin:20px 0}.trackerCard figure img{border-radius:8px;width:100%;max-width:340px}.trackerCard figcaption{color:#b6c5ad;margin-top:10px;font-size:12px;line-height:1.6}.trackerCard details{margin-top:16px;font-size:13px}.trackerCard summary{cursor:pointer;color:#e6cb91;padding:8px 0}.trackerExample{border-radius:8px;width:100%}.trackerMapLink{text-align:center;margin-top:16px;display:block}.captureCard{margin:20px 0}.captureCard canvas{object-fit:contain;cursor:crosshair;border:1px solid #51604a;border-radius:8px;width:100%;max-height:650px}.captureEmpty{text-align:center;color:#9baa96;border:1px dashed #52634f;border-radius:8px;margin:15px 0;padding:45px 15px}.captureCard>button{margin-top:12px}.trackerPage button:disabled{opacity:.5}.trackerPage .primary{color:#0b2113;background:#56bc78;border-color:#56bc78}.trackerPage .hint{font-size:12px}.trackerInvite{color:#aad7b5;white-space:nowrap;padding:10px;font-size:12px}@media (max-width:760px){.trackerGrid{grid-template-columns:1fr}.trackerPage,.trackerCard{padding:18px}.trackerFields{grid-template-columns:1fr}.appTabs span{display:none}}.captureCard canvas{height:auto;max-height:none}.trackingMethods{border:1px solid #465442;border-radius:8px;margin:20px 0;padding:14px}.trackingMethods legend{color:#efbc59;padding:0 8px}.trackingMethods label{flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0;display:flex}.trackingMethods input[type=radio]{width:auto}.trackingMethods small{color:#afbcac;display:block}.manualTracking{margin-bottom:20px}.overlayTracker canvas{border-radius:8px;width:100%;height:auto;margin:14px 0}.overlayTracker h2 small{color:#afbcac;font-size:13px}.overlayActions{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.alignmentGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.alignmentMap{cursor:crosshair;margin-top:10px;line-height:0;position:relative}.alignmentMap img{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.alignmentMap i{color:#111;text-align:center;pointer-events:none;background:#edb851;border:2px solid #fff;border-radius:50%;width:22px;height:22px;font:700 13px/22px sans-serif;position:absolute;transform:translate(-50%,-50%)}.overlayTracker details img{max-width:100%}.overlayTracker ol{padding-left:22px}.overlayTracker li{margin-bottom:10px}@media (max-width:700px){.alignmentGrid{grid-template-columns:1fr}}