.dwo-atlas{display:flex;flex-direction:column;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:14px 0;color:var(--ink)}.dwo-atlas [hidden]{display:none}.dwo-atlas-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid var(--line)}.dwo-atlas-top>div{text-align:right;min-width:0}.dwo-atlas-top h2{font:600 clamp(14px,4vw,20px)/1.3 var(--serif);letter-spacing:.04em;margin:0;overflow-wrap:anywhere}.dwo-atlas-top span{color:var(--gold);font-size:10px;letter-spacing:.04em}.dwo-atlas button{min-width:44px;min-height:44px;touch-action:manipulation;flex-shrink:0}.dwo-atlas-viewport{position:relative;height:clamp(300px,53dvh,620px);min-height:300px;background:radial-gradient(ellipse at center,var(--surf2),var(--bg));overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:contain;outline-offset:-3px}.dwo-atlas-viewport:focus-visible{outline:2px solid var(--gold)}.dwo-atlas-art{position:absolute;left:50%;top:50%;transform-origin:center;will-change:transform;touch-action:none}.dwo-atlas-art img{display:block;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;object-fit:contain}.dwo-atlas .dwo-atlas-pin{position:absolute;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid var(--gold);border-radius:50%;background:#111820e8;color:var(--gold);font-size:19px;box-shadow:0 2px 10px #0009,0 0 0 3px #11182066;z-index:2}.dwo-atlas .dwo-atlas-pin[aria-pressed=true]{background:var(--gold);color:var(--bg);box-shadow:0 0 0 5px #c49a5833,0 0 16px #c49a5855}.dwo-atlas-controls{position:absolute;right:10px;top:12px;display:grid;gap:6px;z-index:3}.dwo-atlas-controls button{width:44px;height:44px;padding:0;background:#111820eb;border:1px solid var(--line);font-size:23px;border-radius:10px}.dwo-atlas-map-note{position:absolute;left:10px;right:10px;bottom:8px;text-align:center;font-size:10px;color:var(--ink);margin:0;pointer-events:none;text-shadow:0 1px 5px #000;background:#111820b8;border-radius:6px;padding:4px}.dwo-atlas-regions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:12px;background:var(--surf2);border-top:1px solid var(--line)}.dwo-atlas-regions button{min-width:0;padding:7px 5px;border:1px solid var(--line);font-size:12px;border-radius:12px;background:var(--bg);color:var(--blue);overflow-wrap:anywhere}.dwo-atlas-regions button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--bg)}.dwo-atlas-details{padding:4px 16px 12px;background:var(--surf2);font-size:14px;line-height:1.55;overflow-wrap:anywhere}.dwo-atlas-details h3{font:600 22px/1.3 var(--serif);margin:0 0 8px}.dwo-atlas-details p{margin:6px 0 10px}.dwo-atlas-details .dwo-atlas-status{font-size:10px;letter-spacing:.04em;color:var(--gold)}.dwo-atlas-details small{font-size:11px;color:var(--blue)}.dwo-atlas-warning{font-size:11px;line-height:1.6;color:var(--blue);padding:12px 16px;margin:0;border-top:1px solid var(--line)}.dwo-atlas-load-error{position:absolute;top:30%;left:12px;right:65px;background:var(--bg);color:var(--ink);border:1px solid var(--earth);border-radius:10px;padding:14px;z-index:3;font-size:14px}@media (max-width:380px){.dwo-atlas-regions{grid-template-columns:repeat(2,minmax(0,1fr))}.dwo-atlas-top{gap:6px;padding:10px}}:root{--bg:#111820;--surf:#243C35;--surf2:#1a2b2b;--gold:#C49A58;--blue:#8CAFC1;--ink:#E9E2D4;--earth:#A85D49;--line:rgba(140,175,193,.22);--serif:Georgia,"Iowan Old Style",Palatino,serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--sans);overflow-x:hidden}body{background:radial-gradient(900px 400px at 80% -10%,rgba(140,175,193,.1),transparent 60%),var(--bg)}.app{max-width:760px;margin:0 auto;padding:calc(14px + env(safe-area-inset-top,0px)) 16px calc(96px + env(safe-area-inset-bottom,0px))}header{padding:8px 0 4px}h1{font:600 clamp(28px,8vw,40px)/1.1 var(--serif);letter-spacing:.04em;margin:0;color:var(--ink)}h2{font:600 26px/1.2 var(--serif);margin:.4em 0 .2em}h3{font:600 18px var(--serif);margin:.2em 0}.eyebrow{font:600 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.lead{font:italic 20px/1.4 var(--serif);color:var(--blue);margin:10px 0 16px}.quiet,.meta{color:var(--blue);opacity:.85;font-size:14px}.quiet{margin:.2em 0 .8em}button,select,input,textarea,.btn{font:inherit;color:var(--ink)}button,.btn{min-height:44px;padding:8px 16px;border-radius:12px;border:1px solid var(--line);background:var(--surf2);cursor:pointer;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:6px}button.p{background:var(--gold);color:#111820;border-color:var(--gold);font-weight:600}button.danger{color:#e3a592;border-color:var(--earth)}button:disabled{opacity:.45}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.wide{width:100%;margin:6px 0 14px}input,select,textarea{width:100%;min-height:44px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--bg)}label{display:block;font-size:13px;color:var(--blue);margin:10px 0 4px}label>input,label>select,label>textarea{margin-top:4px}.row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.between{justify-content:space-between;align-items:center}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{display:block;text-align:left;background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:14px;min-height:0;box-shadow:0 6px 18px #00000047;transition:transform .15s}.card:active{transform:scale(.98)}.card p{margin:.2em 0 .6em;color:#e9e2d4c7;font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.badge{font:600 11px var(--sans);letter-spacing:.06em;padding:2px 9px;border-radius:99px;border:1px solid var(--line);color:var(--blue)}.badge.st{color:var(--gold);border-color:#c49a5880}.tags{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--blue)}.tags i{font-style:normal}.tags b{color:var(--gold);font-weight:600}.box{background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:14px;margin:12px 0}.box.spark{border-color:var(--gold)}.empty{padding:26px;text-align:center;color:var(--blue);border:1px dashed var(--line);border-radius:16px;margin:12px 0}.note{color:var(--gold);font-size:14px}.idea{background:var(--surf2);padding:8px 12px;border-radius:10px;margin:6px 0}.steps{display:flex;flex-wrap:wrap;gap:4px 0;margin:8px 0;font-size:14px}.steps span+span:before{content:"↓";display:inline;margin:0 8px;color:var(--gold)}nav{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--bg);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));z-index:5}nav button{flex:1;flex-direction:column;gap:0;border:0;background:none;font-size:12px;color:var(--blue);min-height:52px;padding:4px 2px}nav button span{font-size:18px}nav button.on{color:var(--gold)}.ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#05090c9e;z-index:20;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:640px;max-height:92vh;overflow:auto;background:var(--surf2);border-top:2px solid var(--gold);border-radius:20px 20px 0 0;padding:16px 16px calc(24px + env(safe-area-inset-bottom,0px));animation:up .25s ease}.sh-top{display:flex;align-items:center;gap:10px}.sh-top h2{flex:1;margin:0}.x{width:44px;padding:0}.boot{display:grid;place-items:center;height:100vh;color:var(--blue);font-family:var(--serif)}@keyframes up{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.live-head{padding:4px 0 8px}.live-head .row{margin:0 0 5px}.live-hint{font-size:12px;letter-spacing:.03em;color:var(--blue);margin:0}.live-tabs{position:sticky;top:-16px;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surf2);border-bottom:1px solid var(--line);gap:2px;margin:14px -4px 0;padding:4px 0}.live-tabs button{border:0;border-radius:8px 8px 0 0;background:transparent;color:var(--blue);font-size:13px;min-width:0;padding:10px 2px}.live-tabs button.active{color:var(--ink);font-weight:600;box-shadow:inset 0 -3px 0 var(--gold)}.live-body{min-height:180px;padding:14px 0}.live-summary{font:17px/1.65 var(--serif);white-space:pre-wrap;margin:4px 0 16px}.live-summary-stats{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.live-summary-stats span{border:1px solid var(--line);border-radius:10px;padding:8px 12px;color:var(--blue);font-size:13px}.live-summary-stats strong{color:var(--gold);margin-left:8px}.live-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.live-link-open{flex:1;text-align:left;justify-content:flex-start;color:var(--ink)}.compass-insight{background:var(--surf);border:1px solid rgba(196,154,88,.4);border-radius:14px;padding:12px;margin:12px 0}.compass-insight p{margin:8px 0}.subtle-action{background:transparent;border:none;color:var(--blue);text-decoration:underline}.trail-preview{background:var(--surf);border:1px solid var(--line);border-radius:12px;padding:10px;margin:8px 0}.trail-open{width:100%;justify-content:space-between;background:transparent;border:none;padding:4px;text-align:left;color:var(--ink)}@media (max-width:360px){.live-tabs button{font-size:12px}.live-body .row button{flex:1}}.card,.box,.sheet,.live-link,.idea{overflow-wrap:anywhere;min-width:0}.row>*{max-width:100%}.sheet{max-height:92dvh}button,.btn{touch-action:manipulation}.error-banner{border:1px solid var(--earth);background:var(--surf2);padding:12px;border-radius:12px;margin:12px 0}.error-banner p{margin:0 0 8px}.sheet h2{min-width:0;overflow-wrap:anywhere}.grid{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr))}.error-banner{position:fixed;top:calc(8px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);width:min(94vw,720px);max-height:35dvh;overflow:auto;z-index:50}