:root{--ink: #f4eedb;--ink-soft: rgba(244, 238, 219, .78);--panel: rgba(17, 27, 31, .84);--panel-strong: rgba(12, 20, 24, .92);--border: rgba(229, 196, 126, .28);--accent: #efc875;--shadow: rgba(0, 0, 0, .34)}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{background:linear-gradient(180deg,#bfcfd8,#59715f);color:var(--ink);font-family:Alegreya Sans,Trebuchet MS,sans-serif}#app{position:fixed;top:0;right:0;bottom:0;left:0}.planner-canvas,.labels-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.planner-canvas{cursor:crosshair}.planner-ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.panel{position:absolute;pointer-events:auto;background:linear-gradient(180deg,#141f24f0,#0b1216e6),radial-gradient(circle at top right,rgba(239,200,117,.14),transparent 36%);border:1px solid var(--border);border-radius:1.1rem;box-shadow:0 18px 42px var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.1rem}.panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.panel__heading{min-width:0;flex:1}.panel__header .panel__title{margin-bottom:0}.panel__content{margin-top:.85rem}.panel__toggle{border:1px solid rgba(242,210,142,.2);border-radius:.7rem;background:#ffffff0a;color:var(--ink);padding:.36rem .72rem;min-width:2.5rem;font:inherit;font-weight:700;line-height:1;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}.panel__toggle:hover{background:#efc8751f;border-color:#efc87580;transform:translateY(-1px)}.panel.is-collapsed .panel__content{display:none}.panel--status{top:1rem;left:1rem;width:min(52rem,calc(100vw - 19rem));padding:.82rem 1rem;display:grid;grid-template-columns:minmax(10rem,auto) minmax(0,1fr);align-items:center;gap:.8rem 1rem}.panel--legend{left:1rem;bottom:1rem;width:min(22rem,calc(100vw - 2rem))}.panel--radar{left:1rem;bottom:1rem;width:min(14.4rem,calc(100vw - 2rem));padding:.82rem .88rem}.panel--objectives{top:12.8rem;left:1rem;width:min(28rem,calc(100vw - 2rem))}.panel--combat{top:12.8rem;right:1rem;width:min(24rem,calc(100vw - 2rem))}.panel--suspicion{top:31.2rem;right:1rem;width:min(24rem,calc(100vw - 2rem))}.panel--info{right:1rem;bottom:1rem;width:min(26rem,calc(100vw - 2rem))}.panel__eyebrow{display:block;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.panel__title{margin:.32rem 0 .4rem;font-family:Baskerville,Times New Roman,serif;font-size:clamp(1.12rem,2vw,1.8rem);line-height:1.15}.hud-status__brand{min-width:0}.hud-status__title{margin:.18rem 0 0;font-family:Baskerville,Times New Roman,serif;font-size:clamp(1rem,1.6vw,1.45rem);line-height:1.1}.panel__hint,.panel__body p,.legend-list span,.teleport-button span,.search-field span{margin:0;color:var(--ink-soft);line-height:1.5}.panel__subheading{display:block;margin-bottom:.42rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.2rem,1fr));gap:.75rem;margin-top:.9rem}.status-grid--compact{grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem .75rem;margin-top:0}.status-grid span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent)}.status-grid strong{display:block;margin-top:.22rem;font-size:.98rem}.suspicion-meter{margin-bottom:.85rem}.guard-response{margin-bottom:.85rem;border:1px solid rgba(242,210,142,.18);border-radius:.95rem;padding:.78rem .86rem;background:#ffffff0a}.guard-response strong{display:block;margin-bottom:.22rem}.guard-response p{margin-top:.36rem}.guard-response--caution{border-color:#d0ab6657;background:#d0ab6617}.guard-response--challenge{border-color:#d67b5357;background:#d67b5317}.guard-response--denied{border-color:#b559426b;background:#b559421c}.guard-response--passage{border-color:#79ad6c5c;background:#79ad6c1a}.guard-response--threat-alert{border-color:#d2995966;background:#d299591f}.guard-response--threat-pursuit{border-color:#d0664a70;background:#d0664a24}.guard-response--threat-pushback{border-color:#b5594280;background:#b559422e}.combat-status{margin-bottom:.85rem;border:1px solid rgba(239,200,117,.18);border-radius:.95rem;padding:.78rem .86rem;background:#ffffff0a}.combat-status strong{display:block;margin-bottom:.18rem}.combat-status p{margin-top:.34rem}.combat-status--alert{border-color:#d2995961;background:#d299591a}.combat-status--pursuit{border-color:#d0664a6b;background:#d0664a1f}.combat-status--pushback{border-color:#b559427a;background:#b5594229}.suspicion-meter__track{height:.72rem;border-radius:999px;background:#ffffff14;overflow:hidden;border:1px solid rgba(242,210,142,.15)}.suspicion-meter__fill{height:100%;border-radius:inherit;transition:width .14s ease,background .14s ease}.suspicion-meter__fill.is-clear{background:linear-gradient(90deg,#547f4f,#7fb86d)}.suspicion-meter__fill.is-low{background:linear-gradient(90deg,#7f8c4e,#c8ad5a)}.suspicion-meter__fill.is-medium{background:linear-gradient(90deg,#b67d44,#d8925c)}.suspicion-meter__fill.is-high{background:linear-gradient(90deg,#b25942,#d16f58)}.suspicion-meter__labels{display:flex;align-items:center;justify-content:space-between;margin-top:.42rem;font-size:.88rem}.suspicion-meter__labels span{color:var(--ink-soft)}.mode-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin-bottom:.9rem}.debug-speed-group{margin-bottom:.85rem}.speed-row{margin-bottom:0}.mode-row button,.teleport-button{border:1px solid rgba(242,210,142,.2);border-radius:.85rem;background:#ffffff0a;color:var(--ink);transition:background .12s ease,border-color .12s ease,transform .12s ease}.mode-row button{padding:.7rem .5rem;font:inherit}.mode-row button:hover,.teleport-button:hover,.mode-row button.is-active{background:#efc8751f;border-color:#efc87580;transform:translateY(-1px)}.search-field{display:block;margin-bottom:.8rem}.search-field input{width:100%;margin-top:.35rem;border:1px solid rgba(236,217,175,.18);border-radius:.8rem;background:#ffffff0d;color:var(--ink);padding:.72rem .85rem;font:inherit}.search-field input::placeholder{color:#f4eedb73}.teleport-list{display:grid;gap:.55rem;max-height:17rem;overflow:auto;padding-right:.15rem}.teleport-button{display:grid;gap:.18rem;padding:.72rem .85rem;text-align:left;font:inherit}.teleport-button strong{font-size:.95rem;font-weight:700}.legend-list{display:grid;gap:.45rem;margin:.95rem 0}.legend-list div{display:flex;align-items:center;gap:.55rem}.swatch{width:2.2rem;height:.26rem;border-radius:999px;background:#fff;display:inline-block}.swatch--wall{background:#f8f6ef}.swatch--building{background:repeating-linear-gradient(90deg,#effde3 0 9px,transparent 9px 14px)}.swatch--road{background:linear-gradient(90deg,#fef9f0,#fef9f0)}.swatch--patrol{background:repeating-linear-gradient(90deg,#eea14f 0 9px,transparent 9px 14px)}.swatch--water{background:#8fc7ff}.swatch--danger{background:repeating-linear-gradient(90deg,#ff6f64 0,#ff6f64 8px,#f8f6ef 8px,#f8f6ef 14px)}.swatch--secret{background:repeating-linear-gradient(90deg,#c58cff 0 4px,transparent 4px 10px)}.swatch--future{background:repeating-linear-gradient(90deg,#f4d57f 0 8px,transparent 8px 14px)}.scale-card{margin-top:.95rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.08)}.scale-bar{width:100%;max-width:10rem;height:.45rem;border-radius:999px;background:linear-gradient(90deg,#f5d48a 0,#f5d48a 50%,#f5d48a47 50%,#f5d48a47)}.scale-card p{margin:.4rem 0 0;color:var(--ink-soft)}.scale-card span{margin-left:1.1rem}.radar-layout{display:grid;grid-template-columns:1fr;justify-items:center;gap:.6rem}.radar-canvas{width:100%;max-width:11.25rem;aspect-ratio:1;display:block;border-radius:50%;border:1px solid rgba(239,200,117,.14);background:#050a0d6b}.radar-copy{display:grid;gap:.3rem;min-width:0;width:100%;text-align:center}.radar-summary,.radar-detail,.radar-legend{margin:0;line-height:1.5;color:var(--ink-soft)}.radar-summary{color:var(--ink);font-weight:700;font-size:.94rem}.radar-legend{font-size:.82rem}.hud-menu{position:absolute;top:1rem;right:1rem;width:min(28rem,calc(100vw - 2rem));display:grid;justify-items:end;gap:.7rem;pointer-events:auto}.hud-menu__dock{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.hud-menu__button,.hud-drawer__close{border:1px solid rgba(242,210,142,.2);border-radius:999px;background:#0c1418e0;color:var(--ink);padding:.58rem .9rem;font:inherit;font-weight:700;line-height:1;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}.hud-menu__button:hover,.hud-drawer__close:hover,.hud-menu__button.is-active{background:#efc8751f;border-color:#efc87580;transform:translateY(-1px)}.hud-drawer{display:none;width:100%;max-height:calc(100vh - 6.5rem);overflow:auto;background:linear-gradient(180deg,#141f24f2,#0b1216eb),radial-gradient(circle at top right,rgba(239,200,117,.14),transparent 36%);border:1px solid var(--border);border-radius:1.1rem;box-shadow:0 18px 42px var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-drawer.is-open{display:block}.hud-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;padding:.95rem 1rem .8rem;border-bottom:1px solid rgba(255,255,255,.08)}.hud-drawer__title-stack{min-width:0}.hud-drawer__title{margin:.24rem 0 0;font-family:Baskerville,Times New Roman,serif;font-size:clamp(1rem,1.8vw,1.45rem);line-height:1.1}.hud-drawer__body{display:grid;gap:.8rem;padding:.85rem}.hud-drawer__section{display:none;gap:.8rem}.hud-drawer__section.is-active{display:grid}.hud-drawer .panel{position:static;inset:auto;width:auto;margin:0;padding:.88rem .98rem;box-shadow:none;background:linear-gradient(180deg,#ffffff0a,#ffffff05),#0a10148f;-webkit-backdrop-filter:none;backdrop-filter:none}.hud-drawer .panel__toggle{display:none}.hud-drawer .panel__content{display:block!important;margin-top:.62rem}.hud-drawer .panel__title{font-size:1.16rem}.hud-drawer .teleport-list{max-height:none}.hud-drawer .layer-panel{position:static;top:auto;right:auto;margin:0}.hud-drawer .lil-gui{width:100%!important}.north-arrow{letter-spacing:.2em;color:var(--accent)}.panel__body p{margin-bottom:.5rem}.mission-notice{margin-bottom:.8rem;padding:.7rem .82rem;border:1px solid rgba(239,200,117,.22);border-radius:.8rem;background:#efc87514;color:var(--ink)}.layer-panel{position:absolute;top:1rem;right:calc(min(22rem,calc(100vw - 2rem)) + 1.5rem);pointer-events:auto}.lil-gui{--background-color: rgba(11, 18, 22, .9);--widget-color: rgba(255, 255, 255, .06);--title-background-color: rgba(239, 200, 117, .14);--text-color: #f4eedb;--number-color: #efc875;--padding: 8px;border:1px solid rgba(229,196,126,.24);border-radius:.95rem;overflow:hidden}.hover-tooltip{position:absolute;top:0;left:0;background:#080e12e6;border:1px solid rgba(239,200,117,.32);border-radius:999px;padding:.38rem .68rem;font-size:.85rem;color:var(--ink);opacity:0;pointer-events:none;transition:opacity .1s ease}.plan-label{border-radius:999px;padding:.18rem .48rem .22rem;background:#0c1216bd;border:1px solid rgba(255,255,255,.08);white-space:nowrap;color:#fff;font-size:.74rem;transform:translate(-50%,-50%)}.plan-label--zone{color:#f1cd7d;font-size:.84rem}.plan-label--building{color:#f7f7f2}.plan-label--danger{color:#ff8f89}.plan-label--water{color:#94c7ff}.plan-label--historical{color:#efc875}.plan-label--fictional{color:#d1a5ff}.plan-label--route{color:#f7dc8d}.plan-label--coordinate{color:#f4eedbb8;background:#0e14188f;font-size:.68rem}.plan-label.is-highlighted{border-color:#ffdc7ce6;box-shadow:0 0 0 1px #ffdc7c29}kbd{background:#ffffff14;border-radius:.35rem;padding:.08rem .35rem;font-size:.82rem}.encounter-prompt,.encounter-card{position:absolute;left:50%;transform:translate(-50%) translateY(.6rem);opacity:0;transition:opacity .14s ease,transform .14s ease;pointer-events:none}.encounter-prompt.is-visible,.encounter-card.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.encounter-prompt{bottom:1.5rem;min-width:min(34rem,calc(100vw - 2rem));max-width:calc(100vw - 2rem);text-align:center;padding:.9rem 1rem;border:1px solid rgba(239,200,117,.34);border-radius:1rem;background:linear-gradient(180deg,#121c21f5,#0b1216eb),radial-gradient(circle at top center,rgba(239,200,117,.16),transparent 46%);box-shadow:0 18px 42px #00000057;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.encounter-prompt__title{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.encounter-prompt__text{margin-top:.3rem;color:var(--ink);font-size:.98rem}.encounter-card{bottom:6.8rem;width:min(28rem,calc(100vw - 2rem));padding:1rem 1.05rem;border:1px solid rgba(239,200,117,.26);border-radius:1rem;background:linear-gradient(180deg,#111a1ff2,#0a1115eb),radial-gradient(circle at top right,rgba(239,200,117,.14),transparent 36%);box-shadow:0 18px 42px #00000057;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.encounter-card__eyebrow{display:block;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}.encounter-card__title{margin:.35rem 0 .5rem;font-family:Baskerville,Times New Roman,serif;font-size:clamp(1.04rem,1.8vw,1.34rem);line-height:1.2}.encounter-card__body p{margin:.45rem 0 0;color:var(--ink-soft);line-height:1.5}@media (max-width: 1280px){.panel--status{width:min(46rem,calc(100vw - 16rem))}}@media (max-width: 900px){.panel--status{top:.75rem;left:.75rem;width:calc(100vw - 1.5rem);grid-template-columns:1fr;gap:.75rem}.status-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.hud-menu{top:auto;right:.75rem;left:.75rem;bottom:.75rem;width:auto;justify-items:stretch}.hud-menu__dock{justify-content:flex-start}.hud-drawer{max-height:min(58vh,calc(100vh - 12rem))}.panel--radar{left:.75rem;bottom:4.1rem;width:min(12.8rem,calc(100vw - 1.5rem))}.encounter-card{width:calc(100vw - 2rem);bottom:7rem}.encounter-prompt{width:calc(100vw - 2rem)}}