:root{--ink:#e8dec6;--muted:#879187;--gold:#d7b765;--panel:rgba(10,17,16,.94);--line:rgba(218,191,126,.23);--bg:#07100f;--sans:Inter,Segoe UI,sans-serif;--serif:Georgia,serif}*{box-sizing:border-box}html,body,.app{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ink);background:var(--bg);font-family:var(--sans)}button{font:inherit}.topbar{position:fixed;z-index:20;inset:0 0 auto 0;height:64px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#0a1211}.brand{align-self:stretch;width:210px;border:0;border-right:1px solid var(--line);color:var(--gold);background:none;cursor:pointer}.brand b,.brand span{display:block}.brand b{font:700 20px var(--serif);letter-spacing:.12em}.brand span{margin-top:2px;color:var(--muted);font-size:8px;letter-spacing:.25em}.breadcrumbs{display:flex;align-items:center;gap:6px;min-width:0;padding:0 20px}.crumb{border:0;color:#aaa990;background:none;cursor:pointer}.crumb:last-child{color:#f3dda0}.crumb+.crumb:before{content:'›';margin-right:10px;color:#62695f}.top-actions{margin-left:auto;display:flex;align-items:center;gap:14px;padding-right:18px}.scale-readout{color:#b7a876;font:12px var(--serif)}.language-toggle{display:flex;padding:3px;border:1px solid var(--line);background:#111a18}.language-toggle span{padding:7px 10px;color:#737c73;font-size:10px}.language-toggle .active{color:#17150f;background:var(--gold)}.map-shell{height:100%;padding-top:64px;padding-right:292px}.viewport{position:relative;width:100%;height:100%;overflow:hidden;cursor:grab;background:radial-gradient(circle at 46% 42%,#243e37 0,#102724 40%,#071311 82%);touch-action:none}.viewport.dragging{cursor:grabbing}.map-stage{position:absolute;left:50%;top:50%;width:1600px;height:900px;transform-origin:center;will-change:transform;box-shadow:0 30px 80px #000}.map-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:linear-gradient(145deg,#273f38,#102b2a 45%,#4a4631);filter:saturate(.82) contrast(1.08)}.map-stage.is-fallback .map-image{opacity:.18}.map-stage.is-fallback:before{content:'';position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(25deg,transparent 0 60px,rgba(218,191,126,.05) 61px 62px),repeating-linear-gradient(115deg,transparent 0 80px,rgba(218,191,126,.04) 81px 82px)}.fallback{position:absolute;z-index:8;left:50%;top:43%;max-width:420px;padding:18px 24px;transform:translate(-50%,-50%);text-align:center;border:1px solid var(--line);background:rgba(8,15,14,.9);pointer-events:none}.fallback b,.fallback span{display:block}.fallback b{color:var(--gold);font:14px var(--serif);letter-spacing:.08em}.fallback span{margin-top:7px;color:var(--muted);font-size:11px;line-height:1.5}.map-labels,.map-layer{position:absolute;z-index:3;inset:0;pointer-events:none}.map-label{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:0;color:#f0dfb3;background:rgba(6,12,10,.72);text-shadow:0 2px 4px #000;font:600 14px var(--serif);white-space:nowrap;pointer-events:auto;cursor:pointer}.map-label.has-child:before{content:'';display:block;width:15px;height:15px;margin:0 auto 4px;transform:rotate(45deg);border:2px solid var(--gold);background:#312916;box-shadow:0 0 12px #000}.map-label:hover{color:#fff2bd}.map-layer[hidden]{display:none}.marker{position:absolute;left:var(--x);top:var(--y);display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;transform:translate(-50%,-50%);border:1px solid currentColor;border-radius:50%;color:#d7b765;background:#13201b;box-shadow:0 0 0 3px rgba(4,9,8,.55);font-size:10px}.marker:after{content:attr(data-label);position:absolute;top:25px;white-space:nowrap;color:#e7dcc1;text-shadow:0 1px 3px #000;font:11px var(--serif)}[data-layer=activities] .marker{color:#d8774f}[data-layer=players] .marker{color:#72bd91}[data-layer=resources] .marker{color:#a6b8da}.self-player{position:absolute;z-index:7;left:54%;top:62%;display:grid;place-items:center;width:34px;height:34px;transform:translate(-50%,-50%);border:2px solid #ffe08a;border-radius:50%;color:#fff4c4;background:#285137;box-shadow:0 0 0 5px rgba(4,11,8,.72),0 0 20px #d6b758}.self-player span{font-size:9px;font-weight:800}.zoom-tools{position:absolute;z-index:9;left:18px;bottom:18px;display:flex;border:1px solid var(--line);background:var(--panel)}.zoom-tools button{width:40px;height:38px;border:0;border-right:1px solid var(--line);color:var(--ink);background:none;cursor:pointer}.zoom-tools button:last-child{border:0}.back-button{position:absolute;z-index:9;left:18px;top:18px;padding:10px 14px;border:1px solid var(--line);color:var(--gold);background:var(--panel);cursor:pointer;font-size:10px;letter-spacing:.12em}.zoom-hint{position:absolute;z-index:9;left:50%;bottom:18px;transform:translateX(-50%);padding:8px 12px;color:#a79d82;background:rgba(7,13,12,.78);font-size:10px}.layers-panel{position:fixed;z-index:15;right:0;top:64px;bottom:0;width:292px;padding:24px 20px;border-left:1px solid var(--line);background:var(--panel)}.layers-panel>small,.level-info small{color:var(--muted);font-size:8px;letter-spacing:.18em}.layers-panel h2{margin:5px 0 18px;color:var(--gold);font:18px var(--serif)}.layer-list>*{min-height:43px;display:grid;grid-template-columns:26px 1fr auto;align-items:center;border-top:1px solid rgba(218,191,126,.1);font-size:12px}.layer-list label{cursor:pointer}.layer-list input{position:absolute;opacity:0}.layer-list i{width:29px;height:16px;border:1px solid #58605a;border-radius:12px;background:#19201e}.layer-list i:after{content:'';display:block;width:10px;height:10px;margin:2px;border-radius:50%;background:#68706a;transition:.2s}.layer-list input:checked+i{border-color:#a88d4e;background:#5b4b26}.layer-list input:checked+i:after{margin-left:15px;background:#f0cf76}.layer-fixed em{color:#776e57;font-size:7px;font-style:normal}.level-info{position:absolute;left:20px;right:20px;bottom:25px;padding-top:15px;border-top:1px solid var(--line)}.level-info b,.level-info p{display:block}.level-info b{margin-top:5px;color:#e7d59e;font:16px var(--serif)}.level-info p{color:var(--muted);font-size:10px;line-height:1.5}@media(max-width:780px){.topbar{height:56px}.brand{width:145px}.brand b{font-size:15px}.breadcrumbs{padding:0 8px;font-size:11px}.scale-readout{display:none}.map-shell{padding-top:56px;padding-right:0}.layers-panel{top:auto;left:0;width:100%;height:150px;padding:12px 14px;overflow:auto;border-left:0;border-top:1px solid var(--line)}.layers-panel>small,.layers-panel h2,.level-info{display:none}.layer-list{display:flex;gap:18px}.layer-list>*{flex:0 0 132px;grid-template-columns:22px 1fr auto}.viewport{height:calc(100% - 150px)}.zoom-hint{display:none}}