.evening-page{background:#121114;overflow:hidden}
.evening-page .nav{height:54px;padding:7px 20px;background:#181619;border-bottom:1px solid #ffffff0c;gap:14px}
.evening-page .logo{font-size:22px;gap:9px}.evening-page .logo svg{width:27px;height:27px}.evening-page .logo small{display:none}
.evening-page .nav .links{padding:3px;border-radius:9px;background:#ffffff03;border-color:#ffffff0b}
.evening-page .nav .links a{padding:6px 9px;font-size:11.5px;border-radius:6px}.evening-page .nav .links a small{display:none}
#atlas-evening-map{--em-ink:#f1e8e1;--em-soft:#a99fa5;--em-warm:#edba91;--em-edge:#ffffff12;--em-panel:#1c191d;height:100dvh;max-width:2400px;margin:auto;padding:54px 0 0;color:var(--em-ink);display:flex;flex-direction:column;color-scheme:dark}
#atlas-evening-map [hidden]{display:none!important}#atlas-evening-map button{cursor:pointer}#atlas-evening-map button:disabled{cursor:default;opacity:.42}
#atlas-evening-map button:focus-visible,#atlas-evening-map a:focus-visible,#atlas-evening-map textarea:focus-visible{outline:2px solid var(--em-warm);outline-offset:3px}
.em-head{display:flex;align-items:center;gap:30px;flex:none;min-height:78px;padding:12px 24px;border-bottom:1px solid var(--em-edge);background:#1d1a1e}
.em-name{min-width:205px}.em-name .kicker{font-size:9px;letter-spacing:.14em;color:#a69a9c}.em-name h1{font:600 28px/1.15 var(--sans);margin-top:4px;letter-spacing:-.05em}
.em-orientation{flex:1;min-width:150px;display:flex;flex-direction:column;gap:3px;font-size:11px;color:#9e9399}.em-orientation strong{color:#d3c9cf;font-weight:600;font-size:12px}.em-orientation b{font-weight:500;color:#b5a8ad}
.em-resources{display:flex;gap:24px;font-variant-numeric:tabular-nums}.em-resources div{display:flex;flex-direction:column;white-space:nowrap}.em-resources small{font-size:9.5px;color:#a79aa1}.em-resources b{font-size:16px;font-weight:650;color:#eee1d9}
.em-quiet{background:transparent;border:1px solid transparent;padding:8px 10px;color:#b5a8af;border-radius:8px;font:500 11px var(--sans);white-space:nowrap}.em-quiet:hover{background:#ffffff08;color:#f1e8e1}#em-back{border-left:1px solid var(--em-edge);border-radius:0;padding-left:20px}
.em-workspace{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) clamp(320px,26vw,410px)}
.em-map-section{display:flex;flex-direction:column;min-height:0;min-width:0;background:#141216}
.em-map-toolbar{display:flex;align-items:center;gap:12px;min-height:54px;padding:8px 16px;flex:none;border-bottom:1px solid #ffffff04}
.em-view-tabs{display:flex;padding:3px;border:1px solid var(--em-edge);border-radius:10px;flex:none;background:#ffffff02}.em-view-tabs button{font:600 11px var(--sans);background:transparent;border:0;border-radius:7px;padding:9px 12px;color:#9f929c}.em-view-tabs button[aria-pressed="true"]{background:#cba38c21;color:#edcdb5}
#em-count{font-size:9px;color:#8c828d;white-space:nowrap}#em-expand{font-size:10px;padding:8px}.em-atmosphere{margin-left:auto;font-size:10px;border-color:var(--em-edge)}
.em-stage{position:relative;min-height:0;flex:1;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 30% 30%,#ac7d6120,transparent 65%),radial-gradient(ellipse at 80% 75%,#72547815,transparent 55%),#141216}
.em-backdrop{position:absolute;inset:0;pointer-events:none;z-index:-2;opacity:.29;transition:opacity 1s ease}.em-backdrop img{width:100%;height:100%;object-fit:cover;filter:saturate(.5) brightness(.7);animation:emFrame 1.8s ease-out}.em-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse,transparent,#141216c9),linear-gradient(0deg,#141216,transparent 28%,#14121699)}.em-no-scene .em-backdrop{opacity:0}
.em-field{position:absolute;inset:0;overflow:hidden;touch-action:none}.em-map-status{position:absolute;left:20px;right:148px;bottom:13px;pointer-events:none;display:flex;gap:15px;align-items:center;font-size:9px;color:#aca0a7;text-shadow:0 1px 5px #000}#em-image-status{color:#8f818d;font-size:9px}#em-image-status.is-waiting:before{content:"";display:inline-block;width:4px;height:4px;margin-right:6px;border-radius:50%;background:var(--em-warm);animation:emPulse 1.5s infinite}
.em-tools{position:absolute;right:16px;bottom:9px;display:flex;gap:2px;border:1px solid #ffffff1b;border-radius:10px;background:#211c24eb;padding:2px}.em-tools button{border:0;background:transparent;color:#c2b3c4;min-width:32px;height:32px;font:500 19px var(--sans);border-radius:7px}.em-tools button:hover{background:#ffffff0b;color:#fff}
.em-sidebar{display:flex;flex-direction:column;min-height:0;min-width:0;border-left:1px solid #ffffff13;background:linear-gradient(145deg,#262024,#1c191f 65%)}
.em-scene{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px 25px 16px;scrollbar-width:thin}.em-scene-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:#aa99a5;letter-spacing:.015em}.em-scene-top span:first-child{color:var(--branch-color,var(--em-warm));font-weight:600}.em-scene-top span:first-child:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;margin-right:7px}
.em-scene h2{font:500 clamp(25px,2.3vw,35px)/1.22 var(--sans);letter-spacing:-.055em;margin:18px 0 18px}.em-scene p{font:400 11.5px/1.8 var(--sans);color:#bdadb8;margin:0 0 16px}.em-scene .em-context{font-size:11px;color:#9f8d9b;padding-left:12px;border-left:1px solid #c5a08a55}
.em-options{display:grid;gap:9px;margin:19px 0}.em-choice{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;background:#17151b55;border:1px solid #ffffff13;border-left:2px solid var(--branch-color,var(--em-warm));border-radius:11px;padding:15px 12px;transition:border-color .2s,background .2s;position:relative}.em-choice:hover:not(:disabled){background:#ffffff05;border-top-color:#ffffff26;border-right-color:#ffffff26;border-bottom-color:#ffffff26}
.em-choice-num{display:grid;place-items:center;flex:none;font:600 9px var(--sans);width:23px;height:23px;border:1px solid color-mix(in srgb,var(--branch-color) 35%,transparent);border-radius:6px;color:var(--branch-color);margin-top:1px}.em-choice-body{display:block;min-width:0;flex:1}.em-choice-body strong{display:block;font:600 12px/1.7 var(--sans);color:#e2d7df}.em-choice-hint{display:block;font:400 10px/1.6 var(--sans);color:#ad9ca8;margin-top:6px}.em-choice-cost{display:block;font:500 10px/1.6 var(--sans);color:#d0ad91;margin-top:6px}.em-choice small{display:block;border-top:1px solid #ffffff0b;padding-top:7px;margin-top:9px;font:400 9px/1.5 var(--sans);color:#93828f}.em-choice-arrow{color:#897784;font-size:11px;margin-top:4px}
.em-own{border-top:1px solid var(--em-edge);padding-top:18px;margin-top:24px}.em-own label{display:block;font-size:11px;color:#d8b59f;margin-bottom:10px}.em-own textarea{display:block;resize:vertical;width:100%;min-height:76px;max-height:220px;border:1px solid #ffffff1b;background:#14121673;border-radius:9px;color:#f0e4e8;padding:10px 12px;font:400 12px/1.65 var(--sans)}.em-own textarea::placeholder{color:#897c88}.em-own .btn{font-size:10.5px;padding:9px 12px;border-radius:8px;margin-top:10px}.em-ai-status{font:400 10px/1.7 var(--sans);color:#93838f;margin-top:11px}.em-ai-status b{display:block;color:#d9b6a4}.em-ai-status button{margin-top:10px}.em-next-label{font-size:10px;color:#c6adc6;margin-top:8px}.em-reflection{border-left:2px solid #ae8faf;padding-left:12px}
.em-consider{border-top:1px solid var(--em-edge);margin-top:24px;padding-top:17px;color:#ad9da8;font-size:10px}.em-consider summary{cursor:pointer;list-style:none;font-weight:600;display:flex;align-items:center;justify-content:space-between}.em-consider summary::-webkit-details-marker{display:none}.em-consider summary span{font-size:18px;font-weight:400}.em-consider[open] summary span{transform:rotate(45deg)}.em-consider h3{font:600 10.5px var(--sans);margin:16px 0 8px;color:#d5c4d0}.em-consider ul{padding-left:16px;margin:0;line-height:1.8}.em-consider li+li{margin-top:5px}.em-scene .em-note{margin:25px 0 0;color:#877a87;font-size:9px;line-height:1.7}
.em-save-area{flex:none;border-top:1px solid var(--em-edge);background:#1b181e;padding:13px 24px 12px}#em-save{width:100%;justify-content:center;border-radius:8px;font-size:11px;padding:10px;background:#c69c7b19;color:#e6bea1;border-color:#cfa28042}#em-save:hover{background:#c69c7b2a}.em-secondary{display:flex;gap:12px;justify-content:space-between;margin-top:8px;font-size:9px;color:#9d8798}.em-secondary button{padding:3px 0;font-size:9px}.em-storage{font-size:8px;line-height:1.5;color:#827380;margin:5px 0 0;min-height:12px}.em-storage.is-error{color:#f3ae98}
.em-history{display:flex;align-items:center;gap:5px;overflow-x:auto;flex:none;min-height:41px;padding:6px 17px;scrollbar-width:thin;border-top:1px solid #ffffff05}.em-history button{font:500 9px var(--sans);padding:7px 9px;border:1px solid #ffffff0d;border-radius:5px;background:#ffffff03;color:#958692;white-space:nowrap}.em-history button[aria-current="step"]{opacity:1!important;border-color:color-mix(in srgb,var(--branch-color) 25%,transparent);background:color-mix(in srgb,var(--branch-color) 12%,transparent);color:var(--branch-color)}
.em-map-footer{padding:9px 18px 10px;flex:none;border-top:1px solid #ffffff0e}.em-legend{display:flex;flex-wrap:wrap;gap:7px 13px;font-size:8.5px;color:#9d8e9c}.em-legend span{display:flex;align-items:center;gap:6px}.em-legend i{width:6px;height:6px;flex:none;background:var(--branch-color);border-radius:50%}.em-map-footer p{font-size:8px;color:#746675;margin:6px 0 0}
#atlas-evening-map.em-expanded{position:fixed;inset:0;z-index:40;max-width:none;padding-top:0;background:#141216}.em-expanded .em-workspace{grid-template-columns:1fr}.em-expanded .em-sidebar{display:none}.em-expanded .em-head{min-height:65px}.em-expanded .em-stage{min-height:0}
@keyframes emFrame{from{opacity:0}to{opacity:1}}@keyframes emPulse{50%{opacity:.3}}
@media(min-width:1800px){.em-scene{padding:30px}.em-scene p{font-size:13px}.em-choice-body strong{font-size:14px}.em-choice-hint{font-size:11px}.em-legend{font-size:10px}.em-map-footer p{font-size:9px}.em-map-toolbar{min-height:59px}#em-count{font-size:11px}}
@media(max-width:1200px){.em-head{gap:18px;padding:12px 18px}.em-resources{gap:18px}.em-orientation{min-width:125px}.em-map-toolbar{gap:6px;padding:7px 10px}#em-expand{max-width:95px;white-space:normal;font-size:9px}.em-view-tabs button{padding:8px 9px;font-size:10px}.em-scene{padding:21px}.em-atmosphere{font-size:9px;padding:8px}}
@media(max-width:1000px){.evening-page .nav .links{overflow-x:auto}.evening-page .logo span{display:none}.em-orientation{display:none}.em-name{flex:1}.em-resources{gap:15px}.em-workspace{grid-template-columns:minmax(0,1fr) 310px}#em-count{display:none}.em-scene h2{font-size:27px}}
@media(max-width:760px){.evening-page{overflow:auto}.evening-page .nav{padding:7px 12px}.evening-page .nav .links{max-width:calc(100vw - 62px)}.evening-page .nav .links a{font-size:11px;min-height:30px}#atlas-evening-map{height:auto;min-height:100dvh}.em-head{gap:12px;flex-wrap:wrap;padding:14px 16px}.em-name{min-width:150px}.em-name h1{font-size:25px}.em-name .kicker{font-size:8px}.em-resources{order:3;flex-basis:100%;justify-content:space-between;gap:10px}.em-resources div{flex-direction:row;align-items:center;gap:8px}.em-resources b{font-size:13px}.em-resources small{font-size:9px}.em-workspace{display:flex;flex-direction:column}.em-map-section{display:block}.em-stage{height:430px;min-height:360px}.em-map-toolbar{min-height:53px}.em-sidebar{border-top:1px solid var(--em-edge);border-left:0;min-height:0}.em-scene{overflow:visible;padding:24px}.em-scene h2{font-size:30px;max-width:500px}.em-scene p{font-size:12px}.em-choice-body strong{font-size:13px}.em-choice-hint{font-size:11px}.em-save-area{padding:16px 24px}.em-map-status{left:14px;right:115px;display:block;font-size:8px}#em-image-status{display:block;font-size:8px}.em-tools{right:10px}.em-legend{font-size:8px;gap:6px 10px}.em-history{padding:6px 12px}.em-map-footer{padding:9px 12px}#atlas-evening-map.em-expanded{height:100dvh;overflow:hidden}.em-expanded .em-workspace{display:flex;flex:1;min-height:0}.em-expanded .em-map-section{display:flex;flex:1;min-height:0}.em-expanded .em-stage{height:auto;flex:1;min-height:0}.em-expanded .em-resources{display:none}.em-expanded .em-sidebar{display:none}}
@media(prefers-reduced-motion:reduce){.em-backdrop img,#em-image-status.is-waiting:before{animation:none!important}#atlas-evening-map *{scroll-behavior:auto!important;transition:none!important}}
.em-map-footer{position:relative;padding-right:120px}.em-feedback-slot{position:absolute;right:14px;top:12px}.evening-page .em-feedback-slot .fb-link{font:500 8px var(--sans);color:#988795;border:0;padding:3px;background:transparent;border-radius:3px}.evening-page .em-feedback-slot .fb-link i{width:4px;height:4px;opacity:.5}.em-secondary button{background:transparent;border:0;color:inherit;font-family:var(--sans)}
.em-reveal .em-options{animation:emBranchesReveal .6s 1.05s both}.em-reveal h2{animation:emThoughtTitle .6s ease-out both}@keyframes emBranchesReveal{from{opacity:0;visibility:hidden;transform:translateY(7px)}to{opacity:1;visibility:visible;transform:translateY(0)}}@keyframes emThoughtTitle{from{opacity:.35}to{opacity:1}}@media(prefers-reduced-motion:reduce){.em-reveal .em-options,.em-reveal h2{animation:none!important}}
.em-name h1{letter-spacing:-.035em}.em-scene h2{letter-spacing:-.035em}