@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Pixelify+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#070d14;--panel:#0e1824ed;--border:#354459;--text:#e5e9ec;--muted:#91a0ad;--mint:#b4efd8;--gold:#e7bd70;--pixel:'Pixelify Sans',monospace;--sans:'Chakra Petch',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--sans)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:5px}::selection{background:#368c87;color:white}.world{position:relative;isolation:isolate;min-height:800px;height:100svh;overflow:hidden;background:#020608}.world:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 35%,#173c4e35,transparent 70%)}.hud{position:absolute;z-index:3;top:30px;left:35px;right:35px;display:flex;justify-content:space-between;align-items:start}.brand{display:flex;align-items:center;gap:22px}.back-link{font-size:11px;color:#9baab9;border-left:1px solid #334051;padding-left:20px}.location{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;background:#0a121cd9;border:1px solid #394953;border-radius:12px;padding:12px 24px;font-size:10px;letter-spacing:1px}.location small{display:block;color:var(--gold);font:11px var(--pixel);margin-top:5px;letter-spacing:1px}.pin{font-size:25px;color:var(--gold)}.review-button{border:1px solid #46503f;background:#151b1bdc;border-radius:9px;padding:13px 16px;font-size:11px;display:flex;align-items:center;gap:11px}.review-button:hover{border-color:var(--gold)}.status-dot{width:6px;height:6px;background:var(--gold);box-shadow:0 0 10px #e7bd7077;border-radius:50%}.room-wrap{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;z-index:-1}.room{position:relative;width:max(1250px,100vw);flex-shrink:0;aspect-ratio:1672/941}.room>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:auto}.hotspot{position:absolute;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:9px;transform:translate(-50%,-50%);padding:18px}.board{left:21%;top:38%}.desk{left:51%;top:52%}.radio{left:77%;top:46%}.target{width:30px;height:30px;background:#0c1b22cc;backdrop-filter:blur(5px);border:1px solid #dcba79b0;color:var(--gold);font:22px var(--pixel);display:grid;place-items:center;box-shadow:0 0 0 5px #fbd1800c;transition:box-shadow .2s,transform .2s}.hotspot-label{background:#0a1420e8;border:1px solid #45576b;border-radius:5px;padding:7px 10px;font:10px var(--sans);letter-spacing:.7px;box-shadow:0 4px 12px #0007;white-space:nowrap}.hotspot-label small{margin-left:12px;color:var(--gold)}.hotspot:hover .target{transform:scale(1.12);box-shadow:0 0 0 8px #fbd1801a,0 0 20px #ffc76144}.hotspot:hover .hotspot-label{border-color:var(--gold)}.speech{position:absolute;left:35%;top:53%;transform:translate(-50%,-50%);border:1px solid #6b5889;background:#332445eb;box-shadow:0 5px 18px #0005;border-radius:12px;padding:12px 16px;font-size:12px;white-space:nowrap}.speech>span{position:absolute;bottom:-7px;left:50%;width:12px;height:12px;background:#332445;border-bottom:1px solid #6b5889;border-right:1px solid #6b5889;transform:rotate(45deg)}.glass{background:linear-gradient(125deg,#132130e8,#080f19ed);border:1px solid #394859;box-shadow:0 12px 40px #0005;backdrop-filter:blur(15px)}.identity{position:absolute;bottom:104px;left:35px;padding:24px 27px 18px;width:290px;border-radius:13px}.eyebrow{font:10px var(--pixel);letter-spacing:1.5px;color:var(--gold)}h1{font:600 39px var(--pixel);margin:9px 0 14px;letter-spacing:-1px}.name-cursor{color:var(--mint)}.identity-tags{display:flex;gap:6px}.identity-tags>span{font-size:9px;letter-spacing:.6px;border:1px solid #3c5264;background:#152737;padding:5px 7px;color:#c0d3de}.identity p{font-size:12px;line-height:1.7;color:#acb7c3;margin:14px 0}.profile-link{border:0;border-top:1px solid #324052;background:transparent;display:flex;justify-content:space-between;width:100%;text-align:left;font-size:11px;padding:13px 0 0;color:var(--mint)}.room-hint{position:absolute;bottom:155px;left:50%;transform:translateX(-50%);font-size:11px;color:#a7b0b8;text-shadow:0 2px 5px #000}.room-hint>span{margin-right:8px;color:var(--gold)}.dock{position:absolute;bottom:62px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:9px;border-radius:14px}.dock button{width:91px;height:74px;border-radius:8px;border:1px solid #354456;background:linear-gradient(#1c2b3a,#0c1420);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;transition:border-color .2s,background .2s}.dock button:hover{border-color:var(--gold);background:#263338}.dock button span{font-size:9px;letter-spacing:.5px}.dock svg{width:27px;height:27px;fill:none;stroke:#bed1de;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:round}footer{position:absolute;bottom:20px;left:35px;right:35px;display:flex;justify-content:space-between;font:9px var(--sans);letter-spacing:1px;color:#7c8a96}footer i{font-style:normal;margin:0 8px;color:#405362}dialog{position:fixed;inset:0 35px 0 auto;margin:auto 0;width:390px;max-width:calc(100vw - 30px);max-height:calc(100svh - 40px);padding:0;border:1px solid #536079;border-radius:16px;color:var(--text);background:linear-gradient(145deg,#172534f5,#0a121efc);box-shadow:0 25px 100px #000a;backdrop-filter:blur(24px)}dialog::backdrop{background:#02081155;backdrop-filter:blur(2px)}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid #354459}.close{width:28px;height:28px;border:1px solid #3b4c60;border-radius:5px;background:#1b2937;font-size:20px;line-height:1}.close:hover{color:var(--mint)}#panel-content{padding:24px}.panel-foot{border-top:1px solid #354459;padding:14px 22px;display:flex;justify-content:space-between;font:8px var(--sans);letter-spacing:1px;color:#8f9eab}.panel-foot>span:last-child{color:var(--gold)}h2{font:500 31px/1.15 var(--pixel);margin:0 0 12px}.muted{font-size:12px;line-height:1.6;color:#a3b2c0;margin:0 0 22px}.journal-tabs{display:flex;gap:7px}.journal-tabs button{padding:8px 15px;background:#0b1722;border:1px solid #3a4e62;border-radius:6px;color:#92a6b9;font:12px var(--pixel)}.journal-tabs button[aria-pressed=true]{color:var(--mint);border-color:#78afa4;background:#193b39}.note{padding:23px 0 25px;min-height:190px}.note>p{font-size:19px;line-height:1.65;margin:13px 0}.note-author{font:12px var(--pixel);color:var(--gold)}.sample-tag{font-size:8px;letter-spacing:.8px;color:#cbb280}.small-copy{font-size:11px;line-height:1.7;color:#95a6b6;margin:15px 0 0}.profile-quote{font:24px/1.5 var(--pixel);color:var(--mint);padding:5px 0 23px}dl{margin:0}dl>div{padding:15px 0;border-top:1px solid #304252}dt{font-size:8px;letter-spacing:1px;color:#99adbd}dd{font-size:13px;line-height:1.6;margin:7px 0 0}.action{display:flex;justify-content:space-between;padding:15px 17px;background:var(--mint);color:#113a32;font-size:13px;font-weight:600;border-radius:7px}.action:hover{background:#d7ffed}.radio-line{height:95px;display:flex;gap:7px;align-items:center;justify-content:center;margin-bottom:22px}.radio-line span{width:7px;background:#a9d7d2;height:15px;opacity:.7}.radio-line span:nth-child(2n){height:33px}.radio-line span:nth-child(3n){height:61px}.radio-line span:nth-child(4n){height:43px}.radio-line span:nth-child(6){height:80px;background:var(--gold)}.locked{margin-top:25px;border-top:1px solid #304252;padding-top:20px;display:flex;align-items:center;gap:15px;color:#b1c5d4}.locked>span{font-size:25px;color:var(--gold)}.locked p{margin:0;font-size:13px}.locked small{display:block;margin-top:5px;font-size:10px;color:#8e9dac}.proposal-copy{font-size:14px;line-height:1.7}.plan-list{margin:22px 0;border-top:1px solid #304252}.plan-list>div{display:flex;gap:15px;border-bottom:1px solid #304252;padding:13px 0}.plan-list>div>span{font:13px var(--pixel);color:var(--gold);padding-top:3px}.plan-list p{font-size:12px;line-height:1.7;margin:0}.signature{display:flex;justify-content:space-between;align-items:center;font:21px var(--pixel);margin-top:22px}.signature span{font:8px var(--sans);color:#a9bbcb;letter-spacing:1px}.question{border:1px solid #61735a;background:#25372b66;padding:16px;margin-top:23px;border-radius:6px}.question p{font-size:13px;margin:9px 0 0}.question .eyebrow{color:var(--mint)}@media(min-width:1700px){.room{max-width:1850px;width:100vw}.identity{left:5%}.hud{left:5%;right:5%}}@media(max-width:900px){.back-link{display:none}.hud{left:20px;right:20px;top:22px}.identity{left:20px;width:250px;bottom:112px;padding:20px}.identity h1{font-size:33px}.room-hint{display:none}.dock{left:auto;right:20px;transform:none;bottom:112px}.dock button{width:70px}.room{width:1250px}.speech{top:56%;left:43%}.board{left:33%;top:37%}.radio{left:65%;top:43%}.desk{top:58%;left:55%}footer{left:20px;right:20px;font-size:8px}.location{padding:10px 15px}.location small{font-size:9px}}@media(max-width:600px){.world{min-height:760px;height:100svh}.hud{top:19px;left:18px;right:18px;align-items:center}.location{top:75px;left:0;transform:none;background:#0d1720c9;padding:8px 13px;border-radius:7px;font-size:8px;gap:9px}.pin{font-size:20px}.review-button{font-size:10px;padding:10px 11px;gap:8px}.room-wrap{align-items:start;padding-top:65px}.room{width:950px;transform:translateX(-13px)}.board{left:39%;top:34%}.desk{left:52%;top:54%}.radio{left:63%;top:42%}.hotspot{padding:10px;gap:7px}.target{width:26px;height:26px;font-size:20px}.hotspot-label{font-size:8px;padding:6px}.hotspot-label small{margin-left:6px}.speech{left:48%;top:73%;font-size:10px;padding:10px 13px}.identity{left:18px;right:18px;width:auto;bottom:155px;padding:17px 20px 12px;background:#0e1827ed;border-radius:10px}.identity .eyebrow{font-size:8px}.identity h1{font-size:31px;margin:7px 0 10px}.identity-tags{position:absolute;right:16px;top:39px;flex-direction:column;align-items:end;gap:4px}.identity-tags>span{font-size:7px;padding:3px 5px}.identity p{font-size:11px;line-height:1.6;margin:9px 0}.identity p br{display:none}.profile-link{font-size:10px;padding-top:10px}.dock{bottom:58px;left:50%;right:auto;transform:translateX(-50%);padding:7px;gap:7px;border-radius:10px}.dock button{width:85px;height:65px}.dock svg{width:23px;height:23px}.dock button span{font-size:8px}footer{bottom:14px;left:18px;right:18px;flex-direction:column;align-items:center;gap:7px;font-size:7px;letter-spacing:.7px}dialog{inset:0;margin:auto;width:calc(100% - 30px)}#panel-content{padding:22px}.panel-head{padding:14px 20px}.note>p{font-size:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.city-logo{display:block;width:150px;height:auto;max-height:65px;object-fit:contain}@media(max-width:600px){.city-logo{width:115px;max-height:48px}}
/* The notebook opens over the room; only its pages scroll. */
body{overflow:hidden}.world{height:100svh;min-height:0}.room-hint{border:0;background:none;padding:10px;bottom:175px}.now-card{position:absolute;right:35px;bottom:180px;width:275px;padding:23px;border-radius:12px}.now-card h2{font-size:25px;margin:12px 0 10px}.now-card p{font-size:13px;line-height:1.65;color:#bfccd4}.signal{font-size:10px;color:var(--gold);display:block;line-height:1.5}.signal[data-fresh=true]{color:var(--mint)}.signal:before{content:'●';margin-right:7px;font-size:8px}.notebook-dialog{inset:0;margin:auto;width:860px;max-width:calc(100vw - 40px);border-radius:11px;border-color:#645e4d;background:#18221f;max-height:calc(100svh - 44px)}.notebook-dialog #panel-content{padding:0}.notebook-dialog .panel-head{background:#111c20;border-color:#485043}.notebook-dialog .panel-foot{background:#111c20;border-color:#485043}.notebook{display:grid;grid-template-columns:240px 1fr;min-height:430px}.notebook-index{padding:30px 24px;background:linear-gradient(100deg,#1a2b29,#162320);border-right:1px solid #070e0d}.notebook-index h2{font-size:28px;margin:15px 0 9px}.notebook-index>.eyebrow{font-size:8px}.notebook-index>p{font-size:11px;color:#9caeaa;margin-bottom:24px}#entry-index{display:flex;flex-direction:column;gap:5px;max-height:230px;overflow:auto}#entry-index button{background:none;border:0;border-left:2px solid transparent;text-align:left;padding:10px 12px;color:#b9c6bf;font-size:12px;line-height:1.5}#entry-index button[aria-current=true]{border-color:var(--gold);background:#304139;color:#f1d69e}#entry-index button:hover{background:#2b3b33}#refresh-diary{border:0;background:none;color:#a8bdb2;font-size:10px;padding:14px 0;margin-top:18px}#refresh-diary:disabled{opacity:.4}.notebook-page{position:relative;padding:28px 40px 20px;color:#273a36;background:linear-gradient(90deg,#c5baa0 0,#ece3cd 4%,#eee6d2 96%,#d5c9ad 100%);box-shadow:inset 8px 0 14px #403c2820;display:flex;flex-direction:column;min-width:0}.page-top{display:flex;justify-content:space-between;border-bottom:1px solid #9a9b8570;padding-bottom:16px;font:10px var(--pixel);letter-spacing:1.5px;color:#657466}#notebook-entry{padding:27px 0 16px;min-height:235px;max-height:calc(100svh - 320px);overflow:auto;overflow-wrap:anywhere}#notebook-entry time{font:10px var(--sans);color:#6c776c}#notebook-entry h3{font:32px/1.15 var(--pixel);margin:17px 0 22px;color:#253e36}#notebook-entry p{font:17px/1.9 var(--sans);margin:0}#notebook-entry a{display:inline-block;margin-top:18px;font-size:12px;text-decoration:underline;color:#355f50}.page-signature{font:17px var(--pixel);color:#6a7664;padding-bottom:24px;margin-top:auto}.page-controls{display:flex;justify-content:space-between;border-top:1px solid #9a9b8570;padding-top:14px}.page-controls button{font-size:11px;background:none;border:0;padding:8px 0;color:#2a5143}.page-controls button:disabled{opacity:.3;cursor:default}.notebook-page :focus-visible{outline-color:#254b3f}.mobile-entry-picker{display:none}@media(max-width:1100px) and (min-width:601px){.now-card{right:20px;width:240px;bottom:240px}.notebook-dialog{width:760px}.notebook{grid-template-columns:215px 1fr}}@media(max-width:600px){.world{min-height:0;height:100svh}.identity{bottom:235px;padding:13px 17px 10px}.identity p{margin:7px 0}.identity h1{font-size:27px;margin:6px 0}.identity-tags{top:27px}.now-card{left:18px;right:18px;bottom:120px;width:auto;padding:12px 17px;background:#0e1827ed}.now-card h2{font-size:21px;margin:5px 0}.now-card p{font-size:11px;margin:5px 0;line-height:1.4}.signal{font-size:8px}.review-button{font-size:9px}.dock{bottom:34px}.dock button{height:58px}footer{bottom:10px;font-size:6px}footer>span:last-child{display:none}.speech{top:63%}.notebook-dialog{max-width:calc(100vw - 24px);max-height:calc(100svh - 24px)}.notebook{grid-template-columns:1fr;min-height:0}.notebook-index{padding:16px 20px 12px;border-right:0;border-bottom:1px solid #344c40}.notebook-index h2{font-size:24px;margin:8px 0 12px}.notebook-index>p,#entry-index,.notebook-index>.eyebrow{display:none}.mobile-entry-picker{display:block;font-size:9px;color:#aec2b5}.mobile-entry-picker select{display:block;width:100%;margin-top:6px;border:1px solid #617261;background:#25382e;color:#e9ecd5;padding:9px;font:12px var(--sans);border-radius:4px}#refresh-diary{margin-top:3px;padding:9px 0 0;font-size:9px}.notebook-page{padding:19px 24px 12px}.page-top{font-size:9px;padding-bottom:11px}#notebook-entry{padding:18px 0 15px;min-height:155px;max-height:calc(100svh - 360px)}#notebook-entry h3{font-size:27px;margin:10px 0 15px}#notebook-entry p{font-size:14px;line-height:1.8}.page-signature{font-size:15px;padding-bottom:15px}.page-controls{padding-top:8px}.notebook-dialog .panel-foot{display:none}}@media(max-height:700px) and (min-width:601px){.notebook{min-height:0}.notebook-index{padding:20px}#entry-index{max-height:160px}#notebook-entry{min-height:140px}.identity{bottom:65px}.now-card{bottom:140px}}@media(max-height:700px) and (max-width:600px){.identity{bottom:220px}.identity p,.profile-link{display:none}.identity{min-height:90px}.now-card{bottom:107px}.dock{bottom:24px}.location{top:55px}.speech{display:none}.room-wrap{padding-top:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Quiet room atmosphere; coordinates follow the original 1672 × 941 artwork. */
.atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.window-rain{position:absolute;left:32.4%;top:12.1%;width:37.6%;height:28.7%;opacity:.65;image-rendering:pixelated;mask-image:linear-gradient(to right,#000 0 11%,transparent 11% 12.5%,#000 12.5% 44%,transparent 44% 46%,#000 46% 76%,transparent 76% 78%,#000 78% 100%)}
.ambient-glow{position:absolute;mix-blend-mode:screen;opacity:.3;animation:lamp-breathe 8s ease-in-out infinite}
.lamp-glow{left:52%;top:40%;width:15%;height:23%;background:radial-gradient(ellipse at 50% 45%,#ffbd553b,transparent 68%)}
.monitor-glow{left:44%;top:40%;width:13%;height:20%;background:radial-gradient(ellipse,#48dce942,transparent 65%);animation:monitor-breathe 6.7s ease-in-out infinite}
.radio-glow{left:71%;top:40%;width:11%;height:15%;background:radial-gradient(ellipse,#ffb84233,transparent 65%);animation-duration:11s;animation-delay:-4s}
.city-shimmer{position:absolute;left:35%;top:14%;width:33%;height:24%;background:radial-gradient(ellipse at 22% 60%,#26becc18,transparent 27%),radial-gradient(ellipse at 67% 25%,#bc6edb18,transparent 22%);mix-blend-mode:screen;animation:monitor-breathe 13s ease-in-out infinite;animation-delay:-3s}
@keyframes lamp-breathe{0%,100%{opacity:.25}42%{opacity:.65}63%{opacity:.5}78%{opacity:.6}}
@keyframes monitor-breathe{0%,100%{opacity:.2}38%{opacity:.7}70%{opacity:.4}}
.atmosphere-paused .ambient-glow,.atmosphere-paused .city-shimmer{animation-play-state:paused;opacity:.25}
.motion-toggle{position:absolute;right:35px;bottom:65px;padding:8px 11px;border:1px solid #354459;border-radius:6px;background:#0a1420cc;color:#91a0ad;font-size:9px;letter-spacing:.4px}
.motion-toggle:hover{border-color:var(--gold);color:var(--text)}
@media(max-width:900px){.motion-toggle{right:20px;bottom:65px}}
@media(max-width:600px){.motion-toggle{top:82px;right:18px;bottom:auto;font-size:8px;padding:7px 9px}}
@media(max-height:700px) and (max-width:600px){.motion-toggle{top:74px}}
@media(prefers-reduced-motion:reduce){.ambient-glow,.city-shimmer{animation:none!important}}

/* A shared control language for the room, dock, and notebook. */
.room-controls{position:absolute;right:35px;bottom:65px;display:flex;gap:6px;padding:5px;border:1px solid #354459;border-radius:8px;background:#0a1420dc}
.room-controls button{position:static;padding:8px 10px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted);font:10px var(--pixel);letter-spacing:.3px}
.room-controls button[aria-pressed=true]{color:var(--gold);background:#e7bd700b;border-color:#e7bd7025}
.room-controls button:hover{color:var(--text);border-color:var(--gold)}
.hotspot:focus-visible .target,.hotspot:hover .target,.hotspot.is-selected .target{background:#30473b;border-color:var(--mint);color:var(--mint)}
.dock button.is-selected{border-color:var(--mint);background:#223c35}
.hotspot-label{font-family:var(--pixel);font-size:11px;letter-spacing:1px}
.room:has(.desk:hover) .monitor-glow,.room:has(.desk:focus-visible) .monitor-glow{animation:none;opacity:1}
.room:has(.radio:hover) .radio-glow,.room:has(.radio:focus-visible) .radio-glow{animation:none;opacity:1}
.room>img{transition:filter 1.2s ease}
.room.lamp-off>img{filter:brightness(.68) saturate(.8)}
.room.lamp-off .lamp-glow{opacity:0;animation:none}
.room.lamp-off .monitor-glow{opacity:.85}
.citizen-portrait{float:right;width:85px;height:85px;object-fit:cover;border:1px solid #586055;border-radius:8px;margin:0 0 14px 15px;image-rendering:pixelated}
.wire-dispatch{border-left:2px solid var(--gold);padding:4px 0 4px 17px;margin:24px 0;color:#cad7d9}
.wire-dispatch time{font:10px var(--pixel);color:var(--gold)}
.wire-dispatch h3{display:none}.wire-dispatch p{font-size:14px;line-height:1.8}
.wire-dispatch a{font:11px var(--pixel);color:var(--mint);text-decoration:underline}
.radio-line{height:40px;margin:18px 0;gap:5px}.radio-line span{max-height:36px;animation:wire-pulse 2.6s ease-in-out infinite alternate}.radio-line span:nth-child(2n){animation-delay:-.8s}.radio-line span:nth-child(3n){animation-delay:-1.7s}
@keyframes wire-pulse{from{transform:scaleY(.35);opacity:.35}to{transform:scaleY(1);opacity:.8}}
dialog[open]{animation:desk-open .2s ease-out}
@keyframes desk-open{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:900px){.room-controls{right:20px;bottom:65px}.dock{gap:5px}.dock button{width:60px}}
@media(max-width:600px){.room-controls{top:80px;right:18px;bottom:auto;gap:1px;padding:3px}.room-controls button{font-size:8px;padding:6px}.dock button{width:68px}.hotspot-label{font-size:9px}.citizen-portrait{width:70px;height:70px}.identity p{max-width:235px;line-height:1.7}.identity p br{display:initial}}
@media(max-height:700px) and (max-width:600px){.room-controls{top:74px}.room-controls button{font-size:7px;padding:5px}}
@media(prefers-reduced-motion:reduce){dialog[open],.radio-line span{animation:none}.room>img{transition:none}}
@media(max-height:700px) and (max-width:600px){.desk{top:50%}.desk .hotspot-label{display:none}}

/* Midnight City direction: near-black/navy surfaces, blue light, fine steel borders. */
:root{--mint:#85ceff;--border:#34465d}
.glass{background:linear-gradient(125deg,#132238f2,#080f1cf5);border-color:#34465d;border-radius:8px}
.location,.review-button,.room-controls,.hotspot-label{background:#0b1523ed;border-color:#34465d;border-radius:5px}
.identity-tags>span{background:#152a41;border-color:#385777;color:#bddafa}.profile-link{color:#85ceff}
.dock button{background:linear-gradient(#1a2b42,#0b1525);border-radius:4px;border-color:#34465d}.dock button:hover,.dock button.is-selected{background:#163451;border-color:#85ceff}.dock svg{stroke:#bcd9ef}
.hotspot:focus-visible .target,.hotspot:hover .target,.hotspot.is-selected .target{background:#163451;border-color:#85ceff;color:#bce4ff}
.speech,.speech>span{background:#14263b;border-color:#536f90}.speech{border-radius:6px;color:#d8e8f6}
.room-controls button[aria-pressed=true]{color:#a8daff;background:#17345180;border-color:#365779}
/* Keep the shared centered popup layout; every page uses the same blue desk UI. */
dialog:not(.notebook-dialog){inset:0;margin:auto;width:560px;max-width:calc(100vw - 40px);max-height:calc(100svh - 44px);border-radius:8px;border-color:#435c78;background:#0c1626;overflow:hidden}
dialog:not(.notebook-dialog)[open]{display:flex;flex-direction:column}
.panel-head,.panel-foot,.notebook-dialog .panel-head,.notebook-dialog .panel-foot{background:#080f1b;border-color:#34465d;color:#8fa8c0;flex-shrink:0}
.close{background:#14263b;border-color:#435c78;border-radius:3px;color:#dce9f6}.close:hover{background:#234361;color:white}
dialog:not(.notebook-dialog) #panel-content{background:linear-gradient(120deg,#132339,#0c1626);padding:32px 38px;overflow-y:auto;min-height:0;scrollbar-color:#435c78 #0c1626;overflow-wrap:anywhere}
dialog:not(.notebook-dialog) h2{font-size:34px;color:#e6eef7}
dialog:not(.notebook-dialog) .profile-quote{color:#9ed8ff;border-top:1px solid #34465d;border-bottom:1px solid #34465d;padding:20px 0;margin:18px 0;font-size:26px}
dialog:not(.notebook-dialog) dl>div{border-color:#34465d;padding:13px 0}dialog:not(.notebook-dialog) dl>div:first-child{border-top:0}dialog:not(.notebook-dialog) dt{font-family:var(--pixel);font-size:10px;color:#91afcb}
.citizen-portrait{padding:4px;background:#0a1422;border:1px solid #435c78;border-radius:3px;box-shadow:2px 3px 0 #0003}
.action{background:#234f77;border:1px solid #4d85b4;color:#edf6ff;border-radius:4px;font-family:var(--pixel);font-size:16px}.action:hover{background:#2d648f}
.wire-dispatch{border-color:#518ebc;color:#cadbea}.wire-dispatch time{color:#91afcb}.wire-dispatch a{color:#85ceff}
.radio-line span{background:#76b9ea}.radio-line span:nth-child(6){background:var(--gold)}
.notebook-dialog{background:#0c1626;border-color:#435c78;border-radius:8px}.notebook-index{background:linear-gradient(110deg,#101e31,#0a1422);border-color:#34465d}.notebook-index>p{color:#91a9be}
#entry-index button{color:#a8bfd3}#entry-index button[aria-current=true]{background:#19344f;color:#bde5ff;border-color:#85ceff}#entry-index button:hover{background:#1c3048}#refresh-diary{color:#9ebed8}
.notebook-page{background:linear-gradient(110deg,#182b43,#102035);color:#dce8f3;box-shadow:inset 7px 0 12px #0002}.page-top{color:#8eaecb;border-color:#38516b}#notebook-entry time{color:#90aac3}#notebook-entry h3{color:#edf5fc}#notebook-entry a{color:#85ceff}.page-signature{color:#94b9d7}.page-controls{border-color:#38516b}.page-controls button{color:#a4d7fa}.notebook-page :focus-visible{outline-color:#85ceff}
.mobile-entry-picker{color:#a4bdd4}.mobile-entry-picker select{background:#152940;border-color:#435c78;color:#e4eef7}
@media(max-width:600px){dialog:not(.notebook-dialog){max-width:calc(100vw - 24px);max-height:calc(100svh - 24px)}dialog:not(.notebook-dialog) #panel-content{padding:24px}dialog:not(.notebook-dialog) h2{font-size:30px}dialog:not(.notebook-dialog) .profile-quote{font-size:24px;padding:16px 0}.panel-foot{font-size:7px;padding:12px 20px}.notebook-index{border-color:#34465d}}