:root{font-family:Inter,"Segoe UI",system-ui,sans-serif;color:#dfe6d8;background:#101814;font-synthesis:none;--panel:#18231d;--muted:#8d9c8f;--line:#ffffff13;--gold:#d2ae68;--green:#9ebda0}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer;color:inherit;background:none;transition:background .15s,transform .15s}button:disabled{cursor:default;opacity:.4}button:hover:not(:disabled){background:#ffffff0b}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button.primary{background:var(--gold);color:#252617;font-weight:650;border-radius:7px;padding:12px 17px}button.primary:hover:not(:disabled){background:#e1bf7a}button.secondary{padding:10px 12px;background:#26362b;border:1px solid #ffffff18;border-radius:6px;color:#cbdcc8}button.quiet{padding:9px 12px;border:1px solid var(--line);border-radius:6px;color:#aebbab}.wide{width:100%}.icon-button{width:32px;height:32px;border-radius:6px;font-size:22px;flex-shrink:0}.danger{color:#e39482;border:1px solid #e3948240;padding:10px 12px;border-radius:6px}input,select,textarea{background:#101c15;color:#e0e8dc;border:1px solid #ffffff20;border-radius:6px;padding:11px 12px;width:100%;outline:0}textarea{resize:vertical;line-height:1.5}input::placeholder,textarea::placeholder{color:#738174}select{cursor:pointer}label{display:block;font-size:12px;font-weight:550;color:#adbdad;margin:18px 0 8px}h1,h2,h3,p{margin-top:0}h2{font-size:18px;letter-spacing:-.3px;margin:6px 0 0}h3{font-size:13px;font-weight:550;margin:0}.eyebrow{font-size:9px;color:var(--muted);font-weight:650;letter-spacing:1.55px}.muted{color:var(--muted);font-size:13px;line-height:1.65}.form-error{font-size:12px;color:#eeac93;line-height:1.5;min-height:0}.form-error:not(:empty){margin:14px 0}.login-screen{min-height:100dvh;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 20% 10%,#29392b 0,transparent 50%),#101814}.login-card{width:408px;position:relative;margin-left:36%;padding:40px 20px}.brand-line{font-size:11px;font-weight:700;letter-spacing:3px;color:var(--gold);margin-bottom:44px}.brand-line span{font-size:9px;letter-spacing:1.4px;color:#879486;border-left:1px solid #ffffff25;padding-left:14px;margin-left:12px}.login-card h1{font-size:42px;line-height:1.13;font-weight:500;letter-spacing:-1.8px;margin-bottom:21px}.login-card>p{color:#a0aea0;font-size:14px;line-height:1.8;margin-bottom:26px}.login-card label{font-size:11px}.login-card input{padding:14px;background:#1b2920}.login-card .primary{margin-top:12px;text-align:left;display:flex;justify-content:space-between;padding:15px}.login-card small{display:block;color:#718173;font-size:11px;line-height:1.8;margin-top:28px}.login-art{position:absolute;left:7%;top:50%;transform:translateY(-50%);width:44vw;height:44vw;max-width:680px;max-height:680px;opacity:.62}.orbital{position:absolute;border:1px solid #72836e2a;inset:5%;transform:rotate(45deg)}.orbital.two{inset:20%;border-color:#81906d44}.orbital.three{inset:35%;border-color:#c8ad6a70}.login-art:before,.login-art:after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid #72836e24}.login-art:after{inset:17%;border-style:dashed}.compass{font-size:90px;color:#b99d66;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:Georgia,serif}.login-footer{position:absolute;bottom:28px;left:36px;right:36px;display:flex;justify-content:space-between;font-size:9px;color:#6f806d;letter-spacing:2px}#app{height:100dvh;overflow:hidden}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:22px;padding:0 24px;background:#172019}.brand{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:2px;font-weight:700;min-width:224px}.brand-symbol{font:35px Georgia;color:var(--gold)}.brand small{display:block;color:#8b9d89;font-size:10px;letter-spacing:.5px;font-weight:400;margin-top:4px}.world-control{display:flex;align-items:center;gap:9px;border-left:1px solid #ffffff14;padding-left:24px}.world-control select{border:0;background:transparent;padding:8px 22px 8px 0;width:130px;font-size:12px;color:#c4d0c0}.live-dot{background:#92af7f;width:6px;height:6px;border-radius:50%;box-shadow:0 0 9px #83af692f}.top-spacer{flex:1}.connection{font-size:10px;color:#81917d}.connection.error{color:#dca38a}.user-button{display:flex;align-items:center;gap:14px;font-size:12px;padding:10px 0 10px 14px;border-left:1px solid var(--line)}.exit-arrow{color:#97aa90}.workspace{height:calc(100dvh - 76px);display:flex}.left-sidebar{width:255px;min-width:255px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--panel)}.sidebar-heading{display:flex;justify-content:space-between;align-items:center;padding:25px 20px 18px}.summary-line{display:flex;justify-content:space-between;padding:0 20px 21px;font-size:11px;color:#8fa18c;border-bottom:1px solid var(--line)}.component-list{overflow:auto;padding:14px 12px;flex:1}.component-card{border:1px solid #ffffff14;border-radius:8px;overflow:hidden;margin-bottom:11px;background:#1b291f}.component-header{display:flex;align-items:center;gap:8px;padding:13px 12px;width:100%;text-align:left}.component-number{height:24px;width:24px;display:grid;place-items:center;background:#9bb58b14;color:#abc498;font-size:10px;border-radius:5px;flex-shrink:0}.component-header strong{font-size:12px;font-weight:550;display:block}.component-header small{display:block;font-size:10px;margin-top:4px;color:#8e9f85}.component-header .focus-arrow{margin-left:auto;color:#829b79}.component-status{margin:0 12px 12px;padding:6px 8px;border-radius:4px;background:#c9a8670c;font-size:9px;color:#baa77c;line-height:1.5}.fragment-row{border-top:1px solid #ffffff0a;display:flex;align-items:start;gap:8px;padding:10px 12px}.fragment-row input{width:12px;height:12px;margin:2px 0;accent-color:#b6bf89;flex-shrink:0}.fragment-row button{padding:0;text-align:left;flex:1;min-width:0}.fragment-row strong{font-size:10px;display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fragment-row small{display:block;color:#748970;font-size:9px;margin-top:4px}.fragment-state{font-size:8px;color:#9b946e;flex-shrink:0;margin-top:2px}.left-bottom{padding:18px 18px 20px;border-top:1px solid var(--line)}.legend{display:flex;flex-direction:column;gap:9px;font-size:10px;color:#a0b09a}.legend span{display:flex;gap:9px;align-items:center}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%}.legend-city{background:#e1b969}.legend-deposit{background:#7ebcc2}.legend-note{background:#c3a5d1}.left-bottom p{font-size:10px;line-height:1.7;color:#73846f;margin:18px 0}.left-bottom button{font-size:11px}.map-stage{position:relative;flex:1;min-width:0;overflow:hidden;background:#101b15}#map{width:100%;height:100%;display:block;cursor:grab;touch-action:none}#map.picking{cursor:crosshair}#map.dragging{cursor:grabbing}.tool-strip{position:absolute;top:18px;left:50%;transform:translateX(-50%);display:flex;padding:4px;background:#19271eee;border:1px solid #ffffff14;border-radius:9px;box-shadow:0 6px 25px #0003;max-width:95%}.tool-strip button{font-size:10px;white-space:nowrap;padding:8px 10px;border-radius:5px;color:#9bac94;display:flex;align-items:center;gap:7px}.tool-strip button span{font-size:16px;color:#b5bea6}.tool-strip button.active{background:#d2ae681d;color:#e1c488}.tool-strip button.active span{color:#e1c488}.map-hint{position:absolute;top:78px;left:50%;transform:translateX(-50%);max-width:85%;width:max-content;padding:9px 13px;border-radius:6px;background:#d2ae68;color:#283320;font-size:11px;box-shadow:0 3px 16px #0004}.map-bottom{position:absolute;bottom:18px;left:20px;right:20px;display:flex;align-items:end;gap:12px;justify-content:space-between;pointer-events:none}.map-coordinate{font-size:10px;color:#9aab90;background:#142019dd;border:1px solid #ffffff10;border-radius:5px;padding:8px 10px}.map-controls{display:flex;align-items:center;padding:3px;border-radius:7px;background:#1a291fee;border:1px solid #ffffff20;pointer-events:auto;box-shadow:0 5px 20px #0003}.map-controls button{padding:7px 11px;font-size:12px;border-radius:4px}.map-controls button:first-child,.map-controls button:nth-child(3){font-size:18px}.map-controls span{min-width:39px;text-align:center;font-size:10px;color:#b7c8a9}.map-controls i{height:18px;border-left:1px solid #ffffff19;margin:0 4px}.empty-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;text-align:center;padding:30px}.empty-icon{font-size:55px;font-weight:200;color:#bba771;line-height:1;margin-bottom:26px}.empty-state h2{font-size:25px;letter-spacing:-.5px;font-weight:500;margin:15px 0}.empty-state p{font-size:12px;line-height:1.9;color:#8ba082}.empty-state button{pointer-events:auto;margin-top:10px;font-size:12px}.right-sidebar{width:272px;min-width:272px;background:var(--panel);border-left:1px solid var(--line);overflow:auto}.inspector-empty{padding:12px 23px 30px;color:#73876e;font-size:12px;line-height:1.8}.inspector-empty>span{font-size:40px;color:#8d9e75;display:block;margin-bottom:15px}.tile-preview{margin:0 20px 17px;background:linear-gradient(140deg,#3b4e32,#213423);border:1px solid #80916535;border-radius:8px;padding:20px 15px;position:relative}.tile-preview .terrain-icon{font-size:32px;color:#adbe82;margin-bottom:8px;display:block}.tile-preview h3{font-size:15px;color:#d3dfbd}.tile-preview p{font-size:10px;color:#96aa8a;margin:7px 0 0}.tile-details{margin:0 20px 20px}.detail-row{padding:9px 0;border-bottom:1px solid #ffffff08;display:flex;gap:10px;justify-content:space-between;font-size:10px;line-height:1.55}.detail-row dt{color:#80967a}.detail-row dd{margin:0;text-align:right;color:#c2d2b6;max-width:60%;overflow-wrap:anywhere}.inspector-actions{display:flex;gap:6px;padding:0 20px 20px}.inspector-actions button{font-size:10px;flex:1}.marks-section,.links-section{border-top:1px solid var(--line);padding:21px 18px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title>span{font-size:10px;color:#9fb092;background:#ffffff08;padding:2px 7px;border-radius:4px}.mark-list-empty{font-size:11px;color:#788c71;line-height:1.8;margin:0}.mark-row{width:100%;display:flex;align-items:start;gap:10px;text-align:left;padding:10px 7px;margin-bottom:3px;border-radius:6px}.mark-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:4px}.mark-row strong{font-size:11px;font-weight:500;display:block;color:#c2d1b5;word-break:break-word}.mark-row small{font-size:9px;color:#788e72;display:block;margin-top:4px}.mark-row .mark-edit{margin-left:auto;color:#96a286;font-size:13px}.link-row{border-top:1px solid #ffffff0a;padding:10px 0;display:flex;gap:8px;font-size:10px;line-height:1.6;color:#a6b69d}.link-row span{flex:1;overflow-wrap:anywhere}.link-row button{color:#c1907e;padding:2px}.align-form{padding:0 20px 23px}.align-form>p{font-size:11px;color:#91a287;line-height:1.8}.align-form label{font-size:10px}.align-form select{font-size:11px;padding:9px 7px}.align-form button{font-size:10px;margin-top:9px}.anchor-value{font-size:10px;color:#bca66f;margin-top:9px}.info-box{font-size:11px;line-height:1.7;background:#c8af6e0e;border:1px solid #c8af6e24;padding:11px;margin-top:18px;color:#c9bd93;border-radius:5px}.dialog{border:1px solid #596349;background:#1b281f;color:#dce4d2;border-radius:13px;width:min(480px,calc(100% - 28px));padding:25px;box-shadow:0 30px 100px #000a;max-height:90dvh}.dialog::backdrop{background:#08110bd9;backdrop-filter:blur(6px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dialog-heading h2{font-size:22px}.dialog-actions{display:flex;gap:9px;align-items:center;margin-top:22px}.dialog-actions>span{flex:1}.dialog-actions button{font-size:12px}.access-dialog{width:min(540px,calc(100% - 28px))}.access-dialog>p{margin-bottom:24px}.access-dialog form{padding-bottom:25px;border-bottom:1px solid var(--line)}.access-dialog form>.primary{margin-top:17px}.access-dialog>.section-title{margin-top:25px}.token-row{display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff0b;padding:13px 0}.token-row>div{flex:1}.token-row strong{display:block;font-size:12px;font-weight:550}.token-row small{display:block;font-size:10px;color:#869d7c;margin-top:5px}.token-row button{font-size:10px;color:#cfa18c}.new-key{margin-top:20px;padding:18px;background:#d2ae6812;border:1px solid #d2ae6840;border-radius:7px}.new-key strong{color:#d9be82;font-size:13px}.new-key p{font-size:11px;color:#a49774;line-height:1.7;margin:8px 0 12px}.new-key textarea{font-family:monospace;font-size:12px;overflow-wrap:anywhere}.new-key button{margin-top:10px;font-size:11px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:13px 19px;border:1px solid #899b704f;border-radius:8px;background:#2d402b;color:#e0ead3;font-size:12px;max-width:min(600px,90%);box-shadow:0 8px 35px #0008;z-index:100}.toast.error{background:#3f2e23;border-color:#bc8c4c66;color:#edc6a3}.loading-bar{position:absolute;top:0;left:0;right:0;height:2px;overflow:hidden}.loading-bar i{display:block;width:30%;height:100%;background:var(--gold);animation:loading 1.3s infinite ease-in-out}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(440%)}}.mobile-only{display:none}[hidden]{display:none!important}@media(max-width:1200px){.left-sidebar{width:224px;min-width:224px}.right-sidebar{width:242px;min-width:242px}.brand{min-width:196px}.connection{display:none}.topbar{gap:15px;padding:0 18px}.tool-strip button{padding:8px}.tool-strip button span{display:none}.map-coordinate{max-width:48%;font-size:9px}}@media(max-width:960px){.right-sidebar{display:none}.right-sidebar.visible{display:block;position:absolute;right:0;top:76px;bottom:0;z-index:5;width:270px;box-shadow:-10px 0 35px #0006}.topbar{gap:12px}.world-control{padding-left:16px}.brand{min-width:180px}}@media(max-width:720px){.left-sidebar{display:none}.left-sidebar.visible{display:flex;position:absolute;left:0;top:65px;bottom:0;z-index:6;width:255px;box-shadow:10px 0 40px #0007}.mobile-only{display:block}.topbar{height:65px;padding:0 12px;gap:10px}.workspace{height:calc(100dvh - 65px)}.right-sidebar.visible{top:65px}.brand{min-width:0;gap:7px;font-size:10px;letter-spacing:1.5px}.brand-symbol{font-size:26px}.brand small{font-size:8px}.world-control{border:0;padding:0;gap:5px}.world-control select{width:78px;font-size:10px;padding-right:0}.topbar>.quiet{font-size:10px;padding:7px}.user-button{padding-left:9px;gap:5px}.user-button #user-name{max-width:60px;overflow:hidden;text-overflow:ellipsis}.tool-strip{top:12px;left:12px;transform:none;max-width:calc(100% - 24px)}.tool-strip button{font-size:9px;padding:9px}.map-hint{top:66px}.map-bottom{bottom:12px;left:12px;right:12px}.map-controls button{padding:6px 8px}.map-coordinate{font-size:8px;padding:8px 6px}.login-card{margin:0;width:min(408px,94vw);padding:40px 25px}.login-art{left:-35%;width:110vw;height:110vw;opacity:.23}.login-card h1{font-size:38px}.login-footer{left:22px;right:22px;font-size:7px}.brand-line{margin-bottom:35px}.dialog{padding:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}