:root{--ink:#2b2620;--ink-soft:#5a5348;--ink-faint:#8a8175;--paper:#f4ecda;--paper-deep:#e9dcc0;--panel:#faf5e8;--line:#d8c9a6;--wood:#7a4f24;--moss:#5d8a48;--water:#3e7ea0;--coin:#b8862a;--debate:#b03a3a;--philo:#6a5a9e;--trade:#9e7a2a;--night:#1c2740;--font-display:"Fraunces",Georgia,serif;--font-sans:"Manrope",system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:#101827;color:var(--ink);font-family:var(--font-sans)}.app{display:grid;grid-template-columns:1fr 372px}.scene-col{position:relative;min-width:0;background:#101827}.sky-canvas{inset:0;width:100%;height:100%;display:block}.hud,.sky-canvas{position:absolute}.hud{top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:12px 14px;pointer-events:none;z-index:5}.hud>*{pointer-events:auto}.brand h1{font-family:var(--font-display);font-weight:700;font-size:24px;margin:0;color:#f4ecda;text-shadow:0 1px 8px rgba(10,16,32,.7);letter-spacing:.01em}.brand small{display:block;font-family:var(--font-sans);font-size:11px;font-weight:600;color:#d8cfb8;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 6px rgba(10,16,32,.8)}.hud-card{background:rgba(13,20,36,.62);border:1.5px solid hsla(42,54%,91%,.35);border-radius:14px;padding:8px 12px;box-shadow:0 4px 18px rgba(10,16,32,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:12px;min-width:0;color:#f4ecda}.hud-row{gap:10px;flex-wrap:wrap}.hud-row,.hud-stat{display:flex;align-items:center}.hud-stat{gap:5px;font-weight:700;white-space:nowrap}.hud-stat span.v{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hud-sub{color:#c9c2b2;font-weight:600;font-size:11px}.beacon-bar{width:110px;height:9px;border:1.5px solid hsla(42,54%,91%,.45);border-radius:99px;background:hsla(42,54%,91%,.15);overflow:hidden}.beacon-fill{height:100%;background:#e0a83e}.hud-btns{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.chip-btn{border:1.5px solid hsla(42,54%,91%,.45);background:hsla(42,54%,91%,.12);color:#f4ecda;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700;cursor:pointer;font-family:var(--font-sans)}.chip-btn.on{background:#e0a83e;border-color:#e0a83e;color:#2b2113}.chip-btn:hover{filter:brightness(1.12)}.clock-card{text-align:right}.clock-card strong{font-family:var(--font-display);font-size:17px;color:#f4ecda}.clock-card .sub{font-size:11px;color:#c9c2b2;font-weight:600}.minimap{position:absolute;left:14px;bottom:14px;z-index:5;background:rgba(16,24,40,.78);border:1.5px solid hsla(42,54%,91%,.4);border-radius:12px;padding:8px}.minimap svg{display:block}.scene-tip{position:absolute;left:calc(50% - 190px);bottom:14px;transform:translateX(-50%);background:rgba(13,20,36,.62);border:1.5px solid hsla(42,54%,91%,.4);border-radius:99px;padding:6px 14px;font-size:12px;font-weight:700;z-index:5;color:#f4ecda;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 18px rgba(10,16,32,.4);white-space:nowrap}.scene-tip button{margin-left:8px;border:none;background:none;cursor:pointer;font-weight:700;color:#c9c2b2}.tag3d{font-family:var(--font-sans);font-size:12px;font-weight:700;background:rgba(13,20,36,.55);color:#f4ecda;border:1.5px solid hsla(42,54%,91%,.45);border-radius:999px;padding:2px 10px;white-space:nowrap;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 2px 10px rgba(10,16,32,.35)}.tag3d.sel{background:rgba(178,134,42,.78);border-color:#f2d98c}.bubble3d{font-family:var(--font-sans);font-size:12px;font-weight:600;background:rgba(13,20,36,.68);color:#f7f2e4;border:1.5px solid hsla(42,54%,91%,.45);border-radius:10px;padding:5px 10px;max-width:220px;text-align:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 2px 10px rgba(10,16,32,.4)}.app{position:relative;height:100vh;overflow:hidden}.scene-col{position:absolute;inset:0}.hud{right:400px}.side{position:absolute;top:12px;right:12px;bottom:12px;width:372px;z-index:10;background:rgba(13,20,36,.66);border:1.5px solid hsla(42,54%,91%,.28);border-radius:18px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 32px rgba(5,10,22,.5);flex-direction:column;min-height:0;overflow:hidden}.side,.tabs{display:flex}.tabs{gap:6px;padding:12px 12px 0;flex:none;flex-wrap:wrap}.tab{border:1.5px solid hsla(42,54%,91%,.25);background:hsla(42,54%,91%,.08);border-radius:999px;padding:6px 13px;font-size:12px;font-weight:700;cursor:pointer;color:#c9c2b2;font-family:var(--font-sans)}.tab.on{background:#e0a83e;border-color:#e0a83e;color:#2b2113}.side-body{flex:1 1;overflow-y:auto;padding:10px 12px 14px;background:transparent;border-top:1px solid hsla(42,54%,91%,.16);margin-top:10px}.card{border:1.5px solid hsla(42,54%,91%,.16);border-radius:14px;background:hsla(42,54%,91%,.06);padding:12px;margin-bottom:10px;color:#f4ecda}.card.sel{border-color:rgba(224,168,62,.7)}.card h3{font-family:var(--font-display);font-size:18px;margin:0 0 2px;color:#f4ecda}.card .blurb{font-size:12px;color:#c9c2b2;margin:0 0 8px;line-height:1.45}.rowline{display:flex;align-items:center;gap:8px;font-size:12px;padding:7px 8px;border-radius:9px;border:1px solid transparent;width:100%;background:none;text-align:left;cursor:pointer;font-family:var(--font-sans);color:#f4ecda}.rowline:hover{border-color:hsla(42,54%,91%,.25);background:hsla(42,54%,91%,.07)}.rowline.on{border-color:#e0a83e;background:rgba(224,168,62,.14)}.dot{width:12px;height:12px;border-radius:50%;flex:none;border:1.5px solid hsla(0,0%,100%,.3)}.job-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9a937f}.who{flex:1 1;min-width:0}.who b{display:block;font-size:13px;color:#f4ecda}.who small{color:#c9c2b2;font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bars{display:grid;grid-gap:5px;gap:5px;margin:8px 0}.bar-row{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#c9c2b2}.bar-row label{width:52px;flex:none}.bar-row span:last-child{color:#f4ecda}.bar{flex:1 1;height:8px;border:1.5px solid hsla(42,54%,91%,.35);border-radius:99px;background:hsla(42,54%,91%,.1);overflow:hidden}.bar>i{display:block;height:100%}.bar.energy>i{background:#7fae62}.bar.food>i{background:#e0a83e}.bar.social>i{background:#7fa3d9}.btn{border:1.5px solid hsla(42,54%,91%,.45);background:hsla(42,54%,91%,.1);color:#f4ecda;border-radius:10px;padding:7px 12px;font-size:12px;font-weight:700;cursor:pointer;font-family:var(--font-sans)}.btn:hover{filter:brightness(1.15)}.btn.primary{background:#e0a83e;border-color:#e0a83e;color:#2b2113}.btn-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.feed-item{font-size:12px;padding:7px 4px;border-bottom:1px solid hsla(42,54%,91%,.14);line-height:1.45;color:#e8e2d2}.feed-item:last-child{border-bottom:none}.feed-item .k{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-right:6px}.k.work{color:#9ed69a}.k.trade{color:#e8c84a}.k.talk{color:#b9aef2}.k.system{color:#8ec9e8}.market-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.market-cell{border:1.5px solid hsla(42,54%,91%,.16);border-radius:12px;padding:10px;text-align:center;background:hsla(42,54%,91%,.05)}.market-cell b{font-size:22px;display:block;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#f4ecda}.market-cell small{color:#c9c2b2;font-size:11px;font-weight:700}.guide-back{position:fixed;inset:0;background:rgba(16,24,40,.6);z-index:40;display:flex;align-items:center;justify-content:center;padding:16px}.guide{background:rgba(13,20,36,.88);border:1.5px solid hsla(42,54%,91%,.3);border-radius:18px;max-width:520px;width:100%;max-height:86vh;overflow:auto;padding:22px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.guide h2{font-family:var(--font-display);margin:0 0 6px;font-size:26px;color:#f4ecda}.guide li,.guide p{font-size:13px;line-height:1.55;color:#c9c2b2}.guide b{color:#f4ecda}.guide ol,.guide ul{padding-left:18px}.glass{color:#f4ecda}.brand-pill,.glass{background:rgba(13,20,36,.62);border:1.5px solid hsla(42,54%,91%,.3);border-radius:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 18px rgba(10,16,32,.4)}.brand-pill{position:absolute;top:12px;left:14px;z-index:6;padding:8px 14px}.brand-pill h1{font-family:var(--font-display);font-weight:700;font-size:22px;margin:0;color:#f4ecda;letter-spacing:.01em}.brand-pill .live{font-size:11px;font-weight:700;color:#c9c2b2}.brand-pill .live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7fae62;margin-right:5px}.top-center{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:6;display:flex;gap:8px;align-items:stretch}.pill{background:rgba(13,20,36,.62);border:1.5px solid hsla(42,54%,91%,.3);border-radius:14px;padding:7px 14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 18px rgba(10,16,32,.4);color:#f4ecda;font-size:12px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;white-space:nowrap}.clock-pill strong{font-family:var(--font-display);font-size:19px}.clock-pill span{font-size:11px;color:#c9c2b2}.beacon-pill{cursor:pointer}.beacon-pill:hover{border-color:#e0a83e}.beacon-pill .beacon-bar{width:90px}.top-right{top:12px;gap:6px}.feed-stack,.top-right{position:absolute;right:14px;z-index:6;display:flex}.feed-stack{top:96px;width:320px;flex-direction:column;gap:8px;cursor:pointer}.feed-card{background:rgba(13,20,36,.66);border:1.5px solid hsla(42,54%,91%,.28);border-radius:12px;padding:8px 12px;font-size:12px;line-height:1.4;color:#e8e2d2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 16px rgba(10,16,32,.4)}.feed-card:hover{border-color:#e0a83e}.res-strip{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 480px);background:rgba(13,20,36,.62);border:1.5px solid hsla(42,54%,91%,.3);border-radius:16px;padding:8px 14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 18px rgba(10,16,32,.4)}.res-count{font-family:var(--font-display);font-size:22px;font-weight:700;color:#f4ecda;flex:none}.res-chips{display:flex;gap:6px;overflow-x:auto;padding:2px;scrollbar-width:thin}.res-chip{flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:2px solid transparent;border-radius:12px;padding:4px;cursor:pointer;font-family:var(--font-sans)}.res-chip:hover{border-color:hsla(42,54%,91%,.3)}.res-chip.on{border-color:#e0a83e;background:rgba(224,168,62,.14)}.avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#101827;font-weight:700;font-size:15px;border:1.5px solid hsla(0,0%,100%,.35)}.res-name{font-size:9px;font-weight:700;color:#c9c2b2;max-width:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-mini{position:absolute;right:14px;bottom:14px;z-index:6;cursor:pointer;background:rgba(13,20,36,.62);border:1.5px solid hsla(42,54%,91%,.3);border-radius:14px;padding:8px 14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 18px rgba(10,16,32,.4);color:#f4ecda;font-size:13px;font-weight:700;text-align:right}.market-mini:hover{border-color:#e0a83e}.market-mini b{margin-left:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.market-mini b:first-child{margin-left:0}.detail-card{position:absolute;left:50%;bottom:96px;transform:translateX(-50%);z-index:7;width:min(380px,calc(100vw - 32px));max-height:46vh;overflow-y:auto;background:rgba(13,20,36,.78);border:1.5px solid hsla(42,54%,91%,.35);border-radius:16px;padding:14px 16px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 32px rgba(5,10,22,.55);color:#f4ecda}.detail-card h3{font-family:var(--font-display);font-size:19px;margin:0 24px 2px 0;color:#f4ecda}.detail-x{position:absolute;top:10px;right:10px;z-index:2;border:none;background:hsla(42,54%,91%,.12);color:#c9c2b2;width:26px;height:26px;border-radius:50%;cursor:pointer;font-weight:700}.detail-x:hover{background:hsla(42,54%,91%,.25);color:#f4ecda}.overlay-back{position:fixed;inset:0;background:rgba(8,13,26,.55);z-index:40;display:flex;align-items:center;justify-content:center;padding:16px}.overlay-panel{position:relative;width:min(560px,100%);max-height:82vh;overflow-y:auto;background:rgba(13,20,36,.88);border:1.5px solid hsla(42,54%,91%,.3);border-radius:18px;padding:20px 22px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 48px rgba(5,10,22,.6);color:#f4ecda}.overlay-panel h3{font-family:var(--font-display);font-size:22px;margin:0 30px 2px 0;color:#f4ecda}.places-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:10px}.place-cell{display:flex;align-items:center;gap:8px;text-align:left;background:hsla(42,54%,91%,.06);border:1.5px solid hsla(42,54%,91%,.16);border-radius:12px;padding:9px 11px;cursor:pointer;color:#f4ecda;font-family:var(--font-sans)}.place-cell:hover{border-color:#e0a83e}.place-cell b{display:block;font-size:13px}.place-cell small{display:block;font-size:11px;color:#c9c2b2}@media (max-width:900px){.app{display:block;height:100dvh;min-height:0;position:relative}.scene-col{position:absolute;inset:0;height:auto;min-height:0}.hud{right:0}.scene-tip{left:50%}.minimap,.side{display:none}.brand-pill{top:8px;left:8px;padding:6px 10px}.brand-pill h1{font-size:18px}.feed-stack,.top-center{display:none}.res-strip{max-width:calc(100vw - 16px);bottom:8px;padding:6px 10px;gap:8px}.avatar{width:28px;height:28px;font-size:13px}.market-mini,.res-name{display:none}.detail-card{bottom:96px}.tag3d{font-size:11px;padding:1px 8px}.bubble3d{font-size:11px;max-width:150px;padding:4px 8px}.zoom-float{position:absolute;right:10px;bottom:110px;z-index:6;display:flex;flex-direction:column;gap:6px}.zoom-float .chip-btn{width:38px;height:38px;padding:0;font-size:16px}}@media (min-width:901px){.zoom-float{display:none}}