:root{color-scheme:dark;--bg:#0b1618;--panel:#111d1f;--line:rgba(182,203,198,.12);--white:#eff2eb;--muted:#879e9c;--accent:#e68b50;--teal:#a0cfb7;--warn:#f08c60;--mono:'SFMono-Regular',Consolas,monospace;--sans:'Inter','Aptos','Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:var(--sans);background:#0a1416;color:var(--white);overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e9ac72;outline-offset:2px}#application{display:flex;height:100dvh;min-height:500px;width:100vw}.sidebar{flex:0 0 330px;width:330px;background:#0e191a;display:flex;flex-direction:column;border-right:1px solid #32413d;z-index:7}.brand{height:80px;display:flex;gap:13px;align-items:center;padding:0 26px;border-bottom:1px solid var(--line)}.brand-mark{height:40px;width:39px;background:#e78d51;color:#152326;display:flex;align-items:center;justify-content:center;font-size:27px;font-weight:800;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.brand-title{font-weight:860;letter-spacing:.11em;font-size:18px;line-height:1.3}.brand-dot{color:#ed9b63}.brand-sub{font-size:8px;letter-spacing:.17em;color:#95aaa4;font-weight:700;margin-top:4px}.brand-sub span{color:#6e8280}.sidebar-scroll{overflow:auto;padding:25px 23px 30px;scrollbar-width:thin;scrollbar-color:#344944 transparent}.eyebrow,.mini-label{font-family:var(--mono);font-size:9px;letter-spacing:.15em;color:#dba67e;font-weight:700}.sidebar h1{font-size:33px;font-weight:720;letter-spacing:-.045em;line-height:1.05;margin:13px 0}.sidebar h1 em,.viewport-heading h2 em{font-style:normal;color:#e4a176}.intro{font-size:12px;line-height:1.75;color:#a8b4ac;margin:13px 0 19px;max-width:245px}.scope{background:linear-gradient(120deg,#1f302e,#172626);padding:14px 13px;display:flex;align-items:center;gap:12px;border:1px solid #2e4540;border-radius:5px}.scope-icon{border:1px solid #44605b;font-size:18px;padding:5px;color:#d2d6cb}.scope strong{font-size:10px;letter-spacing:.045em;display:block}.scope small{display:block;font-size:10px;color:#92a9a0;margin-top:5px}.scope-arrow{margin-left:auto;color:#d4a47c}.section{padding:25px 0 20px;border-bottom:1px solid var(--line)}.section:last-of-type{border:0}.section-title{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:10px;white-space:nowrap;color:#c7d1c8;letter-spacing:.075em;font-weight:700;margin:0 0 17px}.section-line{height:1px;background:#35413e;flex:1}.select{width:100%;background:#1e2d2c;border:1px solid #39504a;color:#e5ece4;padding:12px 13px;font-size:12px;border-radius:4px;outline:0}.subtle{font-size:11px;line-height:1.6;color:#829a93;margin:10px 0 12px}.row-actions{display:flex;gap:8px}.btn{border-radius:4px;font-size:11px;font-weight:750;letter-spacing:.01em;padding:11px 12px;transition:.18s background,border-color:.18s}.btn:hover{filter:brightness(1.2)}.subtle-btn{border:1px solid #40514c;background:#233330;color:#d4e4d7;flex:1}.icon-btn{width:40px;background:#233330;border:1px solid #40514c;color:#d7ded7;font-size:19px}.primary{background:#de8d5a;color:#15211f;border:1px solid #ec9b64;flex:1}.control-item{margin:15px 0 19px}.control-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#c4d3c8;margin:0 0 8px}.control-label output{font-family:var(--mono);font-size:11px;font-weight:700;color:#e5b385}input[type=range]{appearance:none;width:100%;height:4px;border-radius:12px;background:linear-gradient(90deg,#d78348 0 35%,#40534d 35% 100%);cursor:pointer;vertical-align:middle;margin:4px 0 2px}input[type=range]::-webkit-slider-thumb{appearance:none;height:12px;width:12px;border-radius:50%;background:#f8cc9c;border:2px solid #af713e;box-shadow:0 0 0 4px rgba(220,151,94,.13)}input[type=range]::-moz-range-thumb{height:11px;width:11px;background:#f1b784;border:0;border-radius:50%}.range-label{display:flex;justify-content:space-between;margin-top:9px;font-size:9px;color:#617f79}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tool{min-height:75px;text-align:left;display:flex;flex-direction:column;gap:4px;align-items:flex-start;border:1px solid #344640;border-radius:4px;background:#1a2a29;color:#b4c7ba;padding:11px 11px;transition:.18s}.tool span{font-size:20px;line-height:1;color:#e2b98e}.tool strong{font-size:11px}.tool small{font-size:9px;color:#78988e}.tool:hover{background:#2b3d36}.tool.active{background:#36382f;border-color:#e4a273;box-shadow:inset 0 0 0 1px #aa7652;color:#ffe9d0}.tool.caution span{color:#f0715b}.sidebar-foot{margin-top:auto;padding:18px 24px;border-top:1px solid var(--line);color:#718d83;font:9px var(--mono);letter-spacing:.055em;white-space:nowrap}.sidebar-foot span:nth-of-type(2){padding:0 5px}.status-pulse{display:inline-block;height:6px;width:6px;background:#80ce9d;border-radius:50%;box-shadow:0 0 10px #76cc9e;margin-right:6px}.main{min-width:0;flex:1;display:flex;flex-direction:column;background:#1d3437}.topbar{flex:0 0 63px;height:63px;display:flex;align-items:center;justify-content:space-between;padding:0 29px;background:#101c1d;border-bottom:1px solid #31413e;z-index:3;gap:10px}.breadcrumb{display:flex;gap:12px;align-items:center;white-space:nowrap;font:10px var(--mono);letter-spacing:.055em;color:#708a85}.breadcrumb strong{font-weight:750;color:#c4d8ca}.slash{color:#41534e}.top-actions{display:flex;align-items:center;gap:14px}.live-tag{display:flex;align-items:center;white-space:nowrap;gap:8px;border:1px solid #295445;padding:8px 10px;border-radius:4px;color:#a5ddbd;font:10px var(--mono);letter-spacing:.05em}.live-tag i{display:inline-block;width:7px;height:7px;background:#77c996;border-radius:50%;box-shadow:0 0 0 3px #214938}.live-tag.paused{color:#efb47c;border-color:#815739}.live-tag.paused i{background:#efb47c;box-shadow:0 0 0 3px #4a3227}.top-divider{height:20px;width:1px;background:#33413d}.top-button{background:none;color:#d1d9ce;border:0;font:10px var(--mono);font-weight:700;white-space:nowrap}.top-button:hover{color:#f4b080}.top-button.circle{border:1px solid #394e48;border-radius:50%;width:27px;height:27px;font-size:12px}.viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 45% 50%,#779a9c,#244b50)}#worldCanvas{position:absolute;inset:0;height:100%;width:100%;display:block;cursor:grab;touch-action:none}#worldCanvas:active{cursor:grabbing}.viewport-gradient{position:absolute;left:0;right:0;top:0;height:225px;background:linear-gradient(to bottom,rgba(8,22,23,.53),transparent);pointer-events:none}.viewport-heading{position:absolute;left:36px;top:35px;pointer-events:none;text-shadow:0 2px 20px #14282980}.mini-label{letter-spacing:.11em;color:#edd4b7}.viewport-heading h2{font-size:37px;letter-spacing:-.045em;line-height:1.1;font-weight:700;margin:12px 0}.heading-meta{display:flex;align-items:center;gap:10px;font:10px var(--mono);font-weight:700;color:#d4e3d6;letter-spacing:.1em}.heading-meta span{width:3px;height:3px;border-radius:50%;background:#e7ac7a}.view-switch{position:absolute;top:38px;right:27px;background:rgba(14,28,30,.88);border:1px solid #52635d;box-shadow:0 12px 35px #132b2d55;padding:5px;display:flex;align-items:center;gap:4px;z-index:2;border-radius:4px}.view-switch>span{font:9px var(--mono);color:#829c90;letter-spacing:.1em;padding:0 9px}.view-switch button{background:none;border:0;color:#a2b5ad;font:9px var(--mono);font-weight:700;letter-spacing:.05em;padding:9px 9px;border-radius:3px}.view-switch button.selected{background:#d6a577;color:#10201f}.view-switch button:hover:not(.selected){background:#344942;color:#f4e4ce}.view-switch .view-icon{font-size:17px;border-left:1px solid #40504a;border-radius:0;padding:4px 10px}.coords{position:absolute;left:36px;top:180px;font:10px var(--mono);color:#e1e8df;letter-spacing:.05em;text-shadow:0 2px 8px #112525}.selection-card{position:absolute;left:35px;top:218px;width:220px;border:1px solid #64796a;padding:13px;background:rgba(12,30,31,.9);border-radius:4px;box-shadow:0 10px 30px #0004;font-size:10px;color:#c1d4c9}.selection-card strong{font-size:10px;color:#e9b98c;letter-spacing:.07em}.selection-card p{font-family:var(--mono);color:white;margin:8px 0}.selection-card div{line-height:1.8}.hidden{display:none!important}.right-stack{position:absolute;right:27px;top:99px;width:272px;display:flex;flex-direction:column;gap:11px;z-index:2}.hud-card{background:rgba(11,26,28,.87);border:1px solid #506962a6;box-shadow:0 10px 34px #0002;border-radius:4px;backdrop-filter:blur(10px)}.hud-title{padding:15px 16px;border-bottom:1px solid #3b544b;display:flex;align-items:center;gap:8px;font:10px var(--mono);font-weight:700;color:#e5eee2;letter-spacing:.035em}.hud-title>span{font-size:17px;color:#e4a575}.hud-title small{margin-left:auto;color:#84b29a;font-size:9px;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:1fr 1fr}.metric{min-height:98px;padding:13px;border-right:1px solid #39524b;border-bottom:1px solid #39524b}.metric:nth-child(even){border-right:0}.metric:nth-child(n+3){border-bottom:0}.metric>small{font-size:8px;letter-spacing:.04em;font-weight:700;color:#a3b6a8;white-space:nowrap}.metric>strong{display:block;color:#fff;font-size:29px;letter-spacing:-.04em;margin:7px 0}.metric strong em{font:11px var(--mono);color:#b9c4b7;font-style:normal}.smalltag{font:8px var(--mono);font-weight:700;letter-spacing:.02em}.danger{color:#f2a373}.muted{color:#81978b}.mint{color:#9bd7a9}.logs-panel .hud-title{padding:13px 15px}.event-list{max-height:190px;overflow:auto;scrollbar-width:thin;scrollbar-color:#566b60 transparent}.event-row{display:flex;padding:11px 13px;border-bottom:1px solid #31433e;gap:9px;font-size:10px;line-height:1.5;color:#d5dfd5}.event-row:last-child{border:0}.event-symbol{flex:0 0 19px;height:19px;width:19px;border-radius:50%;border:1px solid #61736a;text-align:center;color:#e7b287;font-size:10px;padding-top:1px}.event-row .event-text{flex:1}.event-row .event-time{font:9px var(--mono);color:#8aa095;margin-top:3px}.world-map{position:absolute;left:35px;bottom:133px;background:rgba(12,30,32,.87);border:1px solid #65807891;width:236px;padding:12px;border-radius:4px;z-index:2;box-shadow:0 10px 40px #0002}.map-title{display:flex;justify-content:space-between;font:10px var(--mono);font-weight:700;letter-spacing:.04em;color:#d6ded3;margin-bottom:9px}.map-title span{font-size:9px;color:#8ea597}#miniMap{display:block;width:100%;height:auto;image-rendering:pixelated;background:#31443c;border:1px solid #587266}.map-legend{display:flex;gap:9px;margin-top:10px;align-items:center;color:#b0c2b6;font:8px var(--mono);white-space:nowrap}.map-legend span{display:flex;gap:4px;align-items:center}.map-legend i{display:inline-block;width:6px;height:6px;border-radius:50%}.firekey{background:#f08042}.waterkey{background:#5dcbdb}.basekey{background:#d5dab1}.terrain-info{position:absolute;bottom:118px;right:30px;display:flex;gap:9px;align-items:center;color:#c4d5c9;font:9px var(--mono);text-shadow:0 0 10px #123439}.terrain-info .point{color:#eac398}.timeline{position:absolute;bottom:0;left:0;right:0;background:rgba(11,24,25,.97);height:106px;z-index:3;border-top:1px solid #52665c;display:flex;align-items:center;gap:16px;padding:15px 28px}.time-control{display:flex;gap:7px}.transport{border:1px solid #557066;background:#263c38;border-radius:4px;color:#e4c19c;height:39px;width:39px;font-size:15px}.transport:hover{background:#395349}.timeline-body{flex:1;min-width:60px}.timeline-upper{display:flex;justify-content:space-between;gap:10px;align-items:center}.timeline-label{color:#bacabe;font:10px var(--mono);font-weight:700;white-space:nowrap}.timeline-mini{color:#7a9687}.timeline-stats{display:flex;gap:10px;align-items:center;font:12px var(--mono);color:#fff}.replay-badge{font-size:9px;background:#275541;color:#addec1;padding:4px 6px;border-radius:2px}.replay-badge.replay{background:#675034;color:#f1c593}.timeline-body input{margin-top:13px}.timeline-ticks{display:flex;justify-content:space-between;font:9px var(--mono);color:#83978b;margin-top:8px}.timeline-right{border-left:1px solid #44544c;padding-left:16px;display:flex;gap:10px;align-items:center}.compass-icon{font-size:25px;color:#dca375}.timeline-right small{display:block;color:#90a99a;font:9px var(--mono);margin-bottom:5px}.timeline-right strong{font:11px var(--mono);white-space:nowrap}.toast{position:absolute;left:50%;top:21%;transform:translate(-50%,-15px);background:rgba(11,29,31,.93);border:1px solid #e49f70;border-radius:4px;padding:12px 18px;box-shadow:0 12px 32px #0004;color:#f4e8d5;font:11px var(--mono);pointer-events:none;opacity:0;transition:.3s;z-index:20}.toast.show{transform:translate(-50%,0);opacity:1}.modal{position:fixed;z-index:99;inset:0;background:#030b0ca8;display:grid;place-items:center;padding:30px}.modal-box{position:relative;max-width:570px;background:#172725;border:1px solid #63786d;padding:35px;box-shadow:0 25px 90px #0009}.modal h3{font-size:29px;letter-spacing:-.04em;margin:10px 0}.modal p{font-size:13px;color:#b5c6b9;line-height:1.75}.modal-close{position:absolute;right:15px;top:14px;background:none;color:#e4c5aa;border:0;font-size:17px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:11px;color:#d5e2d5;padding-top:12px}.help-grid kbd{display:inline-block;background:#364943;border:1px solid #51685d;border-radius:3px;padding:5px 7px;color:#ffc597;margin-right:6px;font:10px var(--mono)}.disclaimer{border-top:1px solid #456056;margin-top:20px;padding-top:12px!important;color:#dda68d!important}.fatal{position:absolute;z-index:33;inset:0;background:#0d1d20ef;display:grid;place-content:center;padding:30px;text-align:center}.fatal h2{font-size:30px;color:#f4b181}.fatal p{max-width:480px;font-size:14px;line-height:1.6}
@media (min-width:1750px){.sidebar{flex-basis:370px;width:370px}.sidebar-scroll{padding-left:31px;padding-right:31px}.right-stack{width:310px}.world-map{width:270px}.viewport-heading h2{font-size:46px}}
@media (max-width:1250px){.sidebar{width:284px;flex-basis:284px}.sidebar-scroll{padding:21px 17px}.brand{padding:0 18px}.viewport-heading h2{font-size:28px}.right-stack{width:242px;right:16px}.view-switch{right:15px}.view-switch button{padding:8px 6px}.metric>strong{font-size:23px}.world-map{left:19px;width:205px}.timeline{padding:10px 14px;gap:8px}.timeline-right{display:none}.viewport-heading{left:20px}.coords{left:20px}.terrain-info{right:17px;font-size:8px}}
@media (max-width:960px){.sidebar{flex-basis:235px;width:235px}.sidebar h1{font-size:26px}.intro{font-size:11px}.brand-title{font-size:16px}.brand-sub{font-size:7px}.breadcrumb{font-size:9px}.breadcrumb>span:last-child{display:none}.right-stack{width:207px;top:88px}.hud-title{font-size:9px;padding:10px}.hud-title small{font-size:8px}.metric{padding:8px;min-height:86px}.metric>small{font-size:7px}.metric>strong{font-size:21px}.smalltag{font-size:7px}.logs-panel{display:none}.world-map{width:180px}.viewport-heading h2{font-size:24px}.view-switch{top:18px;right:12px}.view-switch>span{display:none}.viewport-heading{top:22px}.coords{top:150px}.timeline-mini{display:none}}
@media (max-width:690px){#application{display:block;overflow-y:auto}.sidebar{width:100%;height:auto;max-height:300px}.brand{height:65px}.sidebar-scroll{padding:12px 17px}.sidebar-scroll>.eyebrow,.sidebar-scroll h1,.intro,.scope{display:none}.section{padding:10px 0}.section:nth-of-type(2){display:none}.section:nth-of-type(3){padding-bottom:10px}.section-title{margin-bottom:8px}.tool-grid{grid-template-columns:repeat(4,1fr)}.tool{min-height:65px;padding:7px}.tool small{display:none}.sidebar-foot{display:none}.main{height:calc(100dvh - 300px);min-height:420px}.topbar{height:44px;flex-basis:44px;padding:0 12px}.top-button span,.breadcrumb>span{display:none}.breadcrumb strong{font-size:9px}.live-tag{font-size:8px;padding:6px}.viewport-heading{display:none}.coords{top:57px;left:11px}.view-switch{top:10px}.right-stack{right:10px;top:59px;width:162px}.metric-grid{grid-template-columns:1fr 1fr}.metric{min-height:62px;padding:6px}.metric>strong{font-size:18px;margin:4px 0}.metric>small,.smalltag{font-size:6px}.world-map{bottom:115px;left:10px;width:150px}.terrain-info{display:none}.timeline{height:105px}.timeline-label{font-size:9px}.timeline-right{display:none}}