:root{color-scheme:dark;--ink: #10232b;--ink-deep: #08161b;--water: #315b61;--paper: #eee3c8;--paper-deep: #d6c7a4;--paper-ink: #2b3838;--gold: #d8b55f;--gold-soft: #f4dda0;--mist: #bfd2ca;--coral: #e56f5d;--shadow: rgba(3, 12, 15, .42);--border: rgba(244, 221, 160, .28);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--ink-deep);color:#f8f2e3}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink-deep)}body{min-height:100vh;background:radial-gradient(circle at 72% 10%,rgba(99,146,144,.18),transparent 34rem),linear-gradient(155deg,#071419,#10232b 46%,#193942)}button,select{font:inherit}button{color:inherit}button:focus-visible,select:focus-visible{outline:3px solid var(--gold-soft);outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}.app-shell{width:min(1760px,100%);margin:0 auto;padding:18px clamp(12px,2vw,30px) 14px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 2px 16px}.title-lockup{display:flex;align-items:end;gap:24px;min-width:0}.title-lockup>div{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}h1{margin:0;font-family:Georgia,serif;font-size:clamp(2.15rem,4vw,4rem);letter-spacing:-.045em;line-height:.92;color:#fff6df;text-shadow:0 4px 22px rgba(0,0,0,.38)}.chapter-title{margin:0;color:var(--mist);font-family:Georgia,serif;font-style:italic;font-size:clamp(1rem,1.4vw,1.28rem)}.eyebrow,.chapter-kicker{margin:0;color:var(--gold-soft);font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.topbar-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ghost-button{border:1px solid var(--border);border-radius:999px;background:#08161b8f;padding:9px 13px;color:#efe8d7;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.ghost-button:hover{background:#315b6175;border-color:#f4dda094;transform:translateY(-1px)}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,470px);gap:clamp(14px,2vw,26px);align-items:stretch}.world-column{position:relative;min-width:0}.game-frame{position:relative;overflow:hidden;width:100%;aspect-ratio:1024 / 650;min-height:430px;border:1px solid rgba(191,210,202,.24);border-radius:28px;background:#10232b;box-shadow:0 30px 70px var(--shadow),inset 0 0 0 1px #ffffff09}.game-frame canvas{display:block}.objective-chip{position:absolute;z-index:10;top:18px;left:18px;max-width:min(70%,580px);border:1px solid rgba(244,221,160,.3);border-radius:14px;padding:9px 13px;background:#071419b8;backdrop-filter:blur(10px);box-shadow:0 8px 30px #00000038;pointer-events:none}.objective-chip span{display:block;color:var(--gold-soft);font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.objective-chip strong{display:block;margin-top:2px;color:#fff7e7;font-family:Georgia,serif;font-size:.98rem;font-weight:600}.memory-toast{position:absolute;left:50%;bottom:86px;z-index:20;transform:translate(-50%,18px);opacity:0;pointer-events:none;border:1px solid rgba(244,221,160,.42);border-radius:999px;background:#08161beb;padding:10px 16px;color:#fff2ce;box-shadow:0 12px 32px #00000057;transition:opacity .2s ease,transform .2s ease}.memory-toast.visible{opacity:1;transform:translate(-50%)}.legend{display:flex;gap:18px;flex-wrap:wrap;padding:11px 8px 0;color:#efe8d7c2;font-size:.78rem}.legend span{display:inline-flex;align-items:center;gap:7px}.legend-mark{width:20px;height:9px;display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain}.legend-mark.current{background-image:url(/games/dream-map/play/assets/ui/map-stamp.svg);height:18px;width:18px}.legend-mark.route{background-image:url(/games/dream-map/play/assets/ui/bridge-ribbon.svg)}.legend-mark.anchored{background-image:url(/games/dream-map/play/assets/ui/anchor-seal.svg);height:18px;width:18px}.notebook{min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:24px 10px;color:var(--paper-ink);background:linear-gradient(90deg,rgba(96,72,39,.08) 1px,transparent 1px) 0 0 / 28px 28px,linear-gradient(rgba(96,72,39,.07) 1px,transparent 1px) 0 0 / 28px 28px,var(--paper);box-shadow:0 30px 70px var(--shadow),inset 9px 0 20px #573e1b1f;border:1px solid rgba(255,255,255,.22)}.chapter-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:14px 14px 10px;border-bottom:1px solid rgba(77,59,35,.18)}.chapter-step{min-width:0;border:1px solid rgba(69,57,39,.18);border-radius:12px;background:#ffffff47;color:#42504d;padding:7px 5px;cursor:pointer;text-align:left}.chapter-step span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#405f60;color:#fff8e8;font-weight:800;font-size:.72rem}.chapter-step small{display:block;overflow:hidden;margin-top:5px;text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,serif;font-size:.72rem}.chapter-step.active{border-color:#8f6d2e;background:#d8b55f3b;box-shadow:inset 0 0 0 1px #8f6d2e2e}.chapter-step.complete span{background:#8f6d2e}.chapter-step:disabled{filter:grayscale(.6)}.notebook-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(77,59,35,.22)}.tab{min-height:48px;border:0;border-right:1px solid rgba(77,59,35,.14);background:#ffffff1f;color:#52615d;font-weight:800;font-size:.78rem;cursor:pointer}.tab:last-child{border-right:0}.tab.active{color:#273d3d;background:#ffffff70;box-shadow:inset 0 -3px #8f6d2e}.panel{display:none;overflow-y:auto;padding:20px clamp(17px,2vw,26px) 26px;scrollbar-color:rgba(91,74,48,.36) transparent}.panel.active{display:block}.panel h2{margin:5px 0 9px;font-family:Georgia,serif;font-size:clamp(1.45rem,2vw,2rem);line-height:1.05;color:#263b3b}.panel h3{color:#344a47}.objective-copy,.panel-intro,.preview-copy,.quiet-copy{color:#5a625c;line-height:1.54}.landmark-card,.resident-card,.memory-card,.rest-block,.memory-promise{border:1px solid rgba(90,69,39,.19);background:#fffbed8f;box-shadow:0 10px 24px #4e371b14}.landmark-card{margin-top:17px;border-radius:16px;padding:15px}.landmark-heading{display:flex;align-items:center;gap:11px}.landmark-heading p,.resident-card p:first-child,.memory-card p:first-child{margin:0;color:#73766c;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.landmark-heading h3,.resident-card h3,.memory-card h3{margin:1px 0 0;font-family:Georgia,serif;color:#263b3b}.landmark-swatch{width:18px;height:42px;border-radius:9px 3px;background:var(--accent);box-shadow:inset 0 0 0 2px #ffffff5c}.anchor-button,.pin-button,.paper-button,.rest-button{border:1px solid rgba(75,59,35,.28);border-radius:10px;background:#345e5e;color:#fff8e7;padding:10px 13px;font-weight:800;cursor:pointer;box-shadow:0 5px #254747;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.anchor-button:hover,.pin-button:hover,.paper-button:hover,.rest-button:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px #254747}.anchor-button:active,.pin-button:active,.paper-button:active,.rest-button:active{transform:translateY(3px);box-shadow:0 2px #254747}.anchor-button:disabled{box-shadow:none;background:#87938a}.resident-card{display:flex;gap:13px;align-items:flex-start;margin-top:12px;padding:12px;border-radius:14px}.resident-card img{width:74px;height:88px;object-fit:cover;border-radius:10px;background:#d0c2a2}.resident-card blockquote{margin:7px 0 0;font-family:Georgia,serif;font-style:italic;line-height:1.42;color:#43514d}.tag-list{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.tag{border:1px dashed rgba(80,66,44,.33);border-radius:999px;padding:6px 9px;color:#8b8b7f;font-family:Georgia,serif;font-size:.78rem}.tag.recorded{border-style:solid;border-color:#345e5e66;background:#345e5e1f;color:#315655}.paper-button{background:#8f6d2e;box-shadow:0 5px #6f5321}.hint-copy{min-height:2.8em;color:#5e604f;font-family:Georgia,serif;font-style:italic;line-height:1.45}.memory-list{display:grid;gap:12px}.memory-card{display:grid;grid-template-columns:86px 1fr;gap:13px;border-radius:15px;padding:12px}.memory-card.pinned{border-color:#8f6d2e;box-shadow:inset 0 0 0 2px #d8b55f3d,0 10px 24px #4e371b14}.memory-card img{width:86px;height:104px;object-fit:cover;border-radius:10px;background:#d0c2a2}.memory-card h3{font-size:1.1rem}.memory-quote{margin:7px 0;color:#495651;font-family:Georgia,serif;font-style:italic;line-height:1.42}.remembered-road{color:#775e2d;font-size:.78rem;font-weight:800}.pin-button{padding:7px 10px;font-size:.76rem}.tool-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0}.tool-button{border:1px solid rgba(71,59,41,.24);border-radius:10px;background:#ffffff59;color:#58625e;padding:9px 6px;font-size:.76rem;font-weight:800;cursor:pointer}.tool-button.active{background:#345e5e;border-color:#345e5e;color:#fff7e5}.edit-list{display:grid;gap:8px;min-height:62px}.edit-option{display:flex;gap:10px;align-items:flex-start;border:1px solid rgba(77,59,35,.18);border-radius:11px;padding:10px;background:#ffffff4d;cursor:pointer;line-height:1.35}.edit-option input{margin-top:3px;accent-color:#345e5e}.memory-promise{display:flex;gap:11px;align-items:center;border-radius:12px;padding:10px;color:#4c5147}.memory-promise img{width:58px;height:70px;object-fit:cover;border-radius:9px}.rest-block{display:grid;gap:8px;margin-top:15px;border-radius:15px;padding:14px}.rest-block label{font-size:.7rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#6c6b5f}.rest-block select{width:100%;border:1px solid rgba(77,59,35,.25);border-radius:9px;background:#fffaf0;color:#31413e;padding:9px 10px}.rest-button{background:#8f6d2e;box-shadow:0 5px #6f5321}.preview-map{overflow:hidden;margin-top:15px;border:1px solid rgba(77,59,35,.2);border-radius:14px;background:#ffffff57}.preview-map svg{display:block;width:100%;height:auto;min-height:250px}.preview-map .preview-ribbon{transform-box:fill-box;transform-origin:center}.preview-map .dream-ribbon{opacity:.36;filter:grayscale(.4) saturate(.65)}.preview-map .certain{opacity:.96;filter:drop-shadow(0 0 4px rgba(216,181,95,.45))}.preview-map image{opacity:.84}.preview-map image.anchored-node{filter:sepia(1) saturate(2.2) brightness(1.08);opacity:1}.preview-map text{text-anchor:middle;font-family:Georgia,serif;font-size:11px;fill:#3d504d}.statusbar{display:flex;justify-content:space-between;gap:18px;padding:12px 5px 0;color:#efe8d7b3;font-size:.76rem}.statusbar p{margin:0}.touch-controls{display:none;align-items:center;justify-content:center;gap:12px;padding:12px 0 0}.touch-dpad{display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(3,38px);gap:4px}.touch-dpad button,.touch-action{border:1px solid rgba(244,221,160,.31);border-radius:10px;background:#08161bc7;color:#fff3d2;font-weight:800;touch-action:manipulation}.touch-dpad button:nth-child(1){grid-column:2;grid-row:1}.touch-dpad button:nth-child(2){grid-column:1;grid-row:2}.touch-dpad button:nth-child(3){grid-column:3;grid-row:2}.touch-dpad button:nth-child(4){grid-column:2;grid-row:3}.touch-action{min-height:46px;padding:0 14px}.completion{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:#040e12b8;backdrop-filter:blur(11px)}.completion[hidden]{display:none}.completion-card{width:min(560px,100%);border:1px solid rgba(244,221,160,.38);border-radius:24px 10px;padding:clamp(24px,5vw,46px);background:linear-gradient(145deg,#efe4c8,#d8c7a1);color:#2d3e3b;box-shadow:0 42px 110px #00000085}.completion-card h2{margin:9px 0 12px;font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.4rem);line-height:.98}.completion-card p:not(.eyebrow){line-height:1.6;color:#4b5752}.completion-card .eyebrow{color:#7b5e25}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media(max-width:1180px){.topbar{align-items:flex-start;flex-direction:column}.topbar-actions{justify-content:flex-start}.play-layout{grid-template-columns:1fr}.game-frame{min-height:0}.notebook{max-height:none}.panel{max-height:620px}}@media(max-width:760px){.app-shell{padding:10px 8px 12px}.title-lockup{align-items:flex-start;flex-direction:column;gap:6px}.title-lockup>div{gap:8px}.topbar-actions{width:100%;display:grid;grid-template-columns:repeat(2,1fr)}.ghost-button{border-radius:10px;padding:9px 8px;font-size:.73rem}.game-frame{border-radius:18px}.objective-chip{max-width:calc(100% - 28px);top:12px;left:12px;padding:7px 10px}.objective-chip strong{font-size:.82rem}.memory-toast{width:calc(100% - 28px);text-align:center;bottom:14px;border-radius:12px}.legend{justify-content:center}.touch-controls{display:flex}.notebook{border-radius:18px 7px}.chapter-step small{display:none}.notebook-tabs{overflow-x:auto;grid-template-columns:repeat(4,minmax(88px,1fr))}.panel{padding:17px 14px 22px}.memory-card{grid-template-columns:68px 1fr}.memory-card img{width:68px;height:86px}.tool-switch{grid-template-columns:1fr}.statusbar{display:block;text-align:center;line-height:1.5}.statusbar p+p{margin-top:5px}}@media(hover:none),(pointer:coarse){.touch-controls{display:flex}}body[data-region="2"]{--paper: #efe5c8;--paper-deep: #cfbd91;--red: #c95145;background:radial-gradient(circle at 18% 0%,#344c32,#111b12 54%,#090e09)}body[data-region="2"] .topbar{background:linear-gradient(180deg,#101e10f5,#101e10d1)}body[data-region="2"] .game-frame{background:#172718}body[data-region="2"] .notebook{background:linear-gradient(100deg,#bca875 0 4%,#efe5c8 5% 96%,#bca875 97% 100%)}body[data-region="2"] .tab.active{box-shadow:inset 0 4px #65804e}body[data-region="2"] .chapter-kicker{color:#6f7b43}body[data-region="2"] .tool-button.active,body[data-region="2"] .rest-button,body[data-region="2"] .anchor-button{background:#61794f}.notebook-tabs{grid-template-columns:repeat(5,1fr)}.orientation-copy{color:#665947}.rotate-option img{width:34px;height:34px;transform:rotate(-8deg)}.stamp-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.stamp-heading img{width:110px;height:80px;object-fit:contain}.stamp-grid{display:grid;gap:10px}.stamp-card{display:grid;grid-template-columns:88px 1fr;gap:12px;padding:12px;border:1px dashed rgba(77,58,36,.35);border-radius:13px;filter:grayscale(1);opacity:.58}.stamp-card.collected{filter:none;opacity:1;background:#fff6;border-style:solid}.stamp-card img{width:88px;height:88px;object-fit:contain}.preview-map{position:relative;min-height:310px;overflow:hidden;border-radius:14px;background:#ffffff57 url(/games/dream-map/play/assets/ui/preview-paper.svg) center/cover}.preview-passage{position:absolute;height:22px;object-fit:fill;z-index:1}.preview-landmark{position:absolute;transform:translate(-50%,-55%);z-index:2;width:74px;margin:0;text-align:center}.preview-landmark img{width:74px;height:60px;object-fit:contain}.preview-landmark figcaption{color:#4b4a3f;font:700 10px Georgia,serif}.drawer[hidden],.ending[hidden]{display:none}.drawer{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#040c0ec7}.drawer-card{width:min(900px,100%);max-height:90vh;overflow:auto;padding:28px;border-radius:22px;color:#26383a;background:linear-gradient(110deg,#f3e9cf,#d9c7a1)}.region-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.region-group{padding:16px;border-radius:15px;background:#ffffff5c}.chapter-choice{width:100%;display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;margin:6px 0;padding:9px;border:1px solid rgba(70,54,37,.17);border-radius:10px;background:#ffffff7a;color:#334447;text-align:left}.chapter-choice.current{box-shadow:inset 0 0 0 2px #b65b4b}@media(max-width:700px){.notebook-tabs{overflow-x:auto;grid-template-columns:repeat(5,minmax(88px,1fr))}.region-list{grid-template-columns:1fr}}body[data-region="3"]{--region-ink: #243844;--region-accent: #4f7fc4;--region-paper: #eee6d2;background:#142631}body[data-region="3"] .game-frame{box-shadow:inset 0 0 0 1px #749ec66b,0 18px 50px #09161e5c}body[data-region="3"] .notebook{background-image:linear-gradient(#f5efd9f7,#e1d8c2fa),repeating-linear-gradient(0deg,transparent 0 28px,rgba(65,103,142,.08) 29px 30px)}body[data-region="3"] .chapter-kicker,body[data-region="3"] .eyebrow{color:#365f8b}body[data-region="3"] .rest-button,body[data-region="3"] .atlas-button{background:linear-gradient(135deg,#315f98,#4f7fc4);color:#fff}body[data-region="3"] .orientation-copy{border-left:4px solid #4f7fc4;background:#4f7fc41a}body:not([data-region="3"]) .paper-only{display:none}body[data-region="3"] .legend span:nth-child(3){display:none}body[data-region="3"] .preview-map{background-image:url(/games/dream-map/play/assets/ui/layer-shadow.svg),linear-gradient(#e9e1cf,#ddd2ba);background-position:center,center;background-repeat:no-repeat;background-size:72% 72%,cover}body[data-region="3"] .tag.recorded{border-color:#4f7fc4;color:#294f79}body[data-region="3"] .stamp-card.collected{box-shadow:inset 0 0 0 2px #4f7fc459}.settings-card{max-width:680px}.settings-intro,.settings-note{color:#675f55;line-height:1.55}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.setting-row{min-height:58px;padding:12px 15px;border:1px solid rgba(58,58,52,.24);border-radius:12px;background:#f2ead7;color:#24333a;font:600 .95rem/1.2 system-ui,sans-serif;text-align:left;cursor:pointer}.setting-row:hover,.setting-row:focus-visible{border-color:#4f7fc4;outline:3px solid rgba(79,127,196,.24);outline-offset:2px}.setting-row[aria-pressed=true]{box-shadow:inset 4px 0 #4f7fc4;background:#e7edf1}body.large-text{font-size:118%}body.large-text .notebook{font-size:1rem}body.high-contrast{--contrast-outline:#fff}body.high-contrast .game-frame,body.high-contrast .notebook,body.high-contrast .drawer-card{border:2px solid #fff}body.high-contrast button:focus-visible,body.high-contrast select:focus-visible,body.high-contrast input:focus-visible{outline:4px solid #ffea75!important;outline-offset:3px}body.high-contrast .statusbar,body.high-contrast .topbar{color:#fff}body.hide-input-hints .input-hints{display:none}@media(max-width:720px){.settings-grid{grid-template-columns:1fr}}