:root{--sky:#87a4b0;--ink:#142028;--mist:#c8d0d4;--lime:#c8e86a;--panel:#0c1216e0;--font:"IBM Plex Sans", system-ui, sans-serif;--display:Syne, sans-serif;color:var(--mist);font-family:var(--font);background:#0c1216}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}.app{width:100%;height:100%;position:relative;overflow:hidden}.canvas-wrap{position:absolute;inset:0}.skip-link{z-index:50;background:var(--lime);color:#102010;border-radius:999px;padding:.5rem .85rem;font-weight:600;text-decoration:none;position:absolute;top:-3rem;left:1rem}.skip-link:focus{top:1rem}.hud{pointer-events:none;z-index:10;position:absolute;inset:0}.hud-top{align-items:center;gap:.5rem;display:flex;position:absolute;top:.75rem;left:.75rem}.hud-badge,.hud-quest{pointer-events:auto;background:var(--panel);border:1px solid #a8b4bc59;border-radius:999px;padding:.35rem .7rem;font-size:.75rem}.hud-quest{font-family:var(--display);color:var(--lime)}.hud-ada{pointer-events:auto;background:var(--panel);border:1px solid #c8e86a59;border-radius:14px;max-width:min(22rem,100vw - 1.5rem);padding:.75rem .9rem;position:absolute;bottom:4.5rem;left:.75rem}.hud-ada strong{font-family:var(--display);color:var(--lime)}.hud-ada p{margin:.35rem 0 .55rem;font-size:.88rem;line-height:1.35}.hud-dock{pointer-events:auto;background:var(--panel);border:1px solid #a8b4bc59;border-radius:999px;gap:.4rem;padding:.35rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.dock,.chip,.primary,.lab-panel button,.hud-sheet button{font:inherit;cursor:pointer;color:var(--mist);background:#1e2830e6;border:1px solid #a8b4bc66;border-radius:999px;padding:.45rem .85rem}.dock.on,.chip.on,.primary{background:var(--lime);color:#102010;border-color:#0000;font-weight:600}.hud-sheet,.lab-panel{pointer-events:auto;background:var(--panel);border:1px solid #a8b4bc59;border-radius:14px;width:min(22rem,100vw - 1.5rem);padding:.9rem;position:absolute;top:3.5rem;right:.75rem}.hud-sheet-wide{width:min(20rem,100vw - 1.5rem)}.hud-ada .hint{opacity:.85;margin:.35rem 0 0;font-size:.75rem}.quest-log{margin:.4rem 0 .75rem;padding-left:1.1rem;font-size:.82rem;line-height:1.35}.quest-log li{margin-bottom:.55rem}.quest-log li span{color:#9aa8b0;font-size:.78rem;display:block}.quest-log li.done strong{color:var(--lime)}.village-minimap{background:#cfc4b2;border-radius:8px;margin:.35rem 0 .55rem;display:block}.move-pad{pointer-events:none;z-index:12;grid-template-rows:48px 48px;grid-template-columns:48px 48px 48px;gap:6px;width:156px;display:grid;position:absolute;bottom:5.5rem;left:1rem}.move-pad-btn{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;color:var(--lime);cursor:pointer;background:#0c1216d1;border:1px solid #c8e86a73;border-radius:12px;font-size:1.1rem}.move-pad-btn:active{color:#102010;background:#c8e86a59}.pad-n{grid-area:1/2}.pad-w{grid-area:2/1}.pad-s{grid-area:2/2}.pad-e{grid-area:2/3}.lab-panel{top:auto;bottom:4.5rem}.lab-panel-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.lab-panel-head h2,.hud-sheet h3{font-family:var(--display);color:#e8eef2;margin:0;font-size:1.05rem}.lab-panel-msg{font-size:.85rem;line-height:1.35}.lab-row{flex-wrap:wrap;gap:.4rem;display:flex}.lab-slider{flex-direction:column;gap:.35rem;margin:.65rem 0;font-size:.82rem;display:flex}.lab-slider input{width:100%}.artmap{--art-ink:#1a2228;--art-paper:#e4dccf;--art-panel:#2a343c;--art-lime:#c8e86a;color:#dce4e8;background:radial-gradient(at 20% 0,#3a484f 0%,#0000 55%),linear-gradient(160deg,#1c262c 0%,#12181c 55%,#1a2228 100%);grid-template-rows:auto 1fr auto;height:100%;display:grid}.artmap-bar{background:#0a0e108c;border-bottom:1px solid #c8e86a38;flex-wrap:wrap;align-items:end;gap:.75rem 1.25rem;padding:.85rem 1.1rem;display:flex}.artmap-brand h1{font-family:var(--display);letter-spacing:-.02em;color:#f2f5f7;margin:0;font-size:1.35rem}.artmap-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--art-lime);font-size:.7rem;display:block}.artmap-pack{text-transform:uppercase;letter-spacing:.08em;color:#9aa8b0;flex-direction:column;gap:.25rem;font-size:.72rem;display:flex}.artmap-pack select{font:inherit;text-transform:none;letter-spacing:0;color:#e8eef2;background:#1a2228;border:1px solid #a8b4bc59;border-radius:8px;padding:.35rem .55rem}.artmap-meta{color:#9aa8b0;flex:1;margin:0;font-size:.8rem}.artmap-meta a{color:var(--art-lime)}.artmap-links{gap:.65rem;display:flex}.artmap-links a{color:#c8d0d4;font-size:.8rem}.artmap-split{grid-template-columns:1fr 1fr;gap:.75rem;min-height:0;padding:.75rem;display:grid}@media (width<=900px){.artmap-split{grid-template-rows:1fr 1fr;grid-template-columns:1fr}}.artmap-pane{background:#12181cb8;border:1px solid #a8b4bc47;border-radius:12px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.artmap-pane h2{font-family:var(--display);color:#f0f4f6;margin:0;padding:.55rem .75rem .15rem;font-size:.95rem}.artmap-hint{color:#8a969e;margin:0;padding:0 .75rem .45rem;font-size:.72rem}.artmap-pane-body{background:var(--art-paper);flex:1;min-height:220px;position:relative}.artmap-pane-3d{background:#5a7380}.artmap-canvas,.artmap-r3f{display:block;inset:0;width:100%!important;height:100%!important;position:absolute!important}.artmap-legend{color:#9aa8b0;border-top:1px solid #a8b4bc2e;flex-wrap:wrap;gap:.5rem .85rem;padding:.45rem 1.1rem .7rem;font-size:.75rem;display:flex}.artmap-legend span{font-variant-numeric:tabular-nums}