@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#271e17;--panel:#372c22;--ink:#ede5d4;--muted:#b8aea5;--gold:#e6bf8a;--line:#4f4237;--sage:#acbd92;font:13px Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:transparent;min-height:44px}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:hover:not(:disabled){color:var(--gold)}[hidden]{display:none!important}.topbar{max-width:1320px;margin:auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.identity{display:flex;align-items:center;gap:12px}.identity img{image-rendering:pixelated}h1{font-size:15px;font-weight:600;line-height:1.4;margin:0}.identity span{display:block;margin-top:4px;font-size:10px;color:var(--muted)}.top-actions{display:flex;gap:22px;align-items:center;font-size:11px}.top-actions button{padding:0}.square{min-width:44px;font-size:19px}#journal-dot{display:inline-block;width:5px;height:5px;background:var(--gold);margin-left:4px}.game-wrap{width:min(calc(100% - 48px),1080px,calc((100dvh - 216px) * 1.5));min-width:min(100% - 48px,580px);margin:auto}#stage{aspect-ratio:3/2;width:100%;position:relative;isolation:isolate;background:#443b33;border:3px solid #524840;box-shadow:0 0 0 1px #241a12;overflow:hidden;container-type:inline-size}#world{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none;cursor:default}#stage.arranging #world{cursor:grab}#stage.dragging #world{cursor:grabbing}.hud{position:absolute;inset:14px 16px auto;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;font-size:11px;color:#f0e7d2;text-shadow:0 1px 1px #111}.location{background:#32271dc9;padding:7px 9px;max-width:45%}.location small{display:block;font-size:9px;margin:4px 0 0 9px;color:#cdc7c1}.dot{display:inline-block;width:4px;height:4px;background:var(--sage);vertical-align:middle}.weather-actions{display:flex;gap:5px;pointer-events:auto}.weather-actions button{background:#32271dcc;padding:0 10px;font-size:12px;min-height:34px}.weather-actions span{font-size:10px;margin-left:5px}.stage-bottom{position:absolute;bottom:9px;left:12px;right:12px;display:flex;justify-content:space-between;gap:10px;pointer-events:none;font-size:9px;color:#eee4d0bd}.hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;pointer-events:none;min-height:0;border:0;padding:0;color:transparent;transform:translate(-50%,-100%)}.hotspot:focus-visible{outline:1px dashed var(--gold);outline-offset:3px;background:#e6bf8a0a}#hover-label,#bubble{position:absolute;pointer-events:none;z-index:5;transform:translate(-50%,-100%);font-size:11px;background:#2e2319ed;border:1px solid #9d92715c;padding:7px 10px;white-space:nowrap;max-width:90%}#bubble{color:var(--gold);background:#31251ae8;white-space:normal;text-align:center;min-width:55px}#arrange-hint{position:absolute;top:65px;left:50%;transform:translateX(-50%);white-space:nowrap;max-width:95%;padding:7px 12px;background:#32271ddf;color:#d4dbbe;font-size:10px;pointer-events:none}.context{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:0 2px;color:var(--muted);font-size:10px}.context>span{line-height:1.5}.context button{font-size:11px;white-space:nowrap;color:var(--muted);padding:0 5px}.dock{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-block:1px solid var(--line)}.music-block{display:flex;gap:12px;align-items:center}.play{width:44px;min-width:44px;height:44px;background:var(--gold);color:#372c22!important;font-size:17px}.music-block strong{display:block;font-size:12px;font-weight:600}.music-block span{display:block;color:var(--muted);font-size:9px;line-height:1.5;margin-top:4px}.dock-actions{display:flex;gap:8px;align-items:center}.dock-actions>button{font-size:11px;padding:0 10px;white-space:nowrap}.dock-actions>button[aria-pressed=true],.dock-actions>button[aria-expanded=true]{background:#493d32;color:var(--gold)}.dock-actions .square{font-size:21px;padding:0;min-width:38px}.glyph{font-size:19px;vertical-align:-2px;margin-right:5px}.footnote{display:flex;justify-content:space-between;font-size:9px;color:#a0958b;gap:20px;margin:14px 0 20px;line-height:1.6}.cabinet,.mixer{background:var(--panel);border:1px solid var(--line);padding:14px;margin-top:12px}.panel-heading{display:flex;gap:12px;align-items:center;margin-bottom:12px}.panel-heading>span{font-weight:600}.panel-heading small{color:var(--muted);font-size:10px}.panel-heading>button{margin-left:auto;font-size:22px;width:35px;min-height:30px}#inventory{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.inventory-item{min-width:0;border:1px solid var(--line);padding:7px 3px;background:#2f241a;position:relative}.inventory-item canvas{width:42px;height:42px;image-rendering:pixelated;display:block;margin:auto}.inventory-item span{display:block;font-size:9px;margin-top:3px}.inventory-item.selected{border-color:var(--gold)}.inventory-item.stored{opacity:.55}.inventory-item:disabled{opacity:.35}.inventory-item small{position:absolute;top:3px;right:4px;font-size:9px;color:var(--gold)}#inspector{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:10px;margin-top:12px;font-size:11px}#inspector span{color:var(--muted);font-size:10px;flex:1}#inspector button{padding:0 12px;border:1px solid var(--line);font-size:10px}.mixer{display:flex;align-items:center;gap:25px}.mixer label{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:11px;flex:1}input[type=range]{min-width:60px;width:100%;height:28px;accent-color:var(--gold)}.mixer>button{font-size:24px}#toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,10px);opacity:0;pointer-events:none;transition:opacity var(--mo-base,200ms) steps(3),transform var(--mo-base,200ms) steps(3);z-index:20;max-width:min(90vw,520px);background:#ead7b4;color:#3e3228;padding:13px 20px;line-height:1.6;font-size:12px;box-shadow:0 5px 35px #0004}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{background:#392d22;border:1px solid #746b63;color:var(--ink);max-width:490px;width:calc(100% - 32px);max-height:90dvh;padding:32px;box-shadow:0 20px 90px #0008}dialog::backdrop{background:#1e150dcc;backdrop-filter:blur(3px)}dialog .close{position:absolute;right:8px;top:8px;width:44px;font-size:25px}.kicker{font-size:10px;color:var(--gold)}h2{font-size:25px;font-weight:500;line-height:1.4;margin:12px 0 16px}dialog p{color:#d1cac4;font-size:12px;line-height:1.85}dialog dl{font-size:11px;line-height:1.8}dialog dt{color:var(--gold);margin-top:14px}dialog dd{margin:4px 0 0;color:#cac1b9}.primary{padding:0 18px;background:var(--gold);color:#392d22!important;font-size:12px;margin-top:15px}.muted{font-size:11px!important;color:var(--muted)!important}.setting{display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:1px solid var(--line);gap:15px;padding:12px 0;text-align:left;font-size:12px}.setting b{font-size:10px;color:var(--gold);font-weight:400}a.setting{cursor:pointer;color:inherit;text-decoration:none}a.setting:hover{color:var(--gold)}.old-link{font-size:11px;color:var(--muted)}.moment{padding:13px 0;border-bottom:1px solid var(--line)}.moment strong{font-size:12px;font-weight:500;color:var(--gold)}.moment p{font-size:11px;margin:4px 0}.moment.locked{opacity:.45}#app:fullscreen{overflow:auto;background:var(--bg)}#app:fullscreen .game-wrap{width:min(calc(100% - 40px),calc((100dvh - 200px) * 1.5));max-width:none}.reduced *{transition:none!important}
@media(min-width:1100px){.topbar{padding-inline:40px}.game-wrap{min-width:660px}}@media(max-height:650px) and (min-width:700px){.topbar{padding-block:10px}.game-wrap{min-width:520px}.dock{padding:7px 0}.footnote{display:none}}
@media(max-width:700px){.topbar{padding:16px;gap:8px}.identity{gap:8px}.identity img{width:24px;height:24px}h1{font-size:12px}.identity span{font-size:8px}.top-actions{gap:10px;font-size:10px}.top-actions .square{min-width:28px;font-size:16px}#support-btn{display:block;min-width:28px;font-size:17px}#support-btn span{display:none}.game-wrap{width:100%;min-width:0}#stage{border-inline:0;border-width:2px}.hud{inset:9px 9px auto;font-size:9px}.location{padding:5px 6px}.location small{font-size:8px}.weather-actions button{padding:0 8px;min-height:32px;font-size:12px}.weather-actions span{display:none}.stage-bottom{left:9px;right:9px;font-size:8px}.stage-bottom #save-state{max-width:45%;text-align:right}.context{padding:5px 14px;min-height:50px;font-size:10px}.context button span{display:none}.context button{min-width:38px;font-size:20px}.dock{margin:0 14px;padding:12px 0;gap:10px;flex-wrap:wrap}.music-block{flex:1}.music-block strong{font-size:12px}.music-block span{font-size:9px}.dock-actions{gap:3px}.dock-actions>button{font-size:10px;padding:0 8px}.dock-actions .square{min-width:32px;font-size:19px}.dock-actions #fullscreen{display:none}.glyph{font-size:17px;margin-right:3px}.footnote{margin:12px 16px;display:block}.footnote span{display:block;margin-top:3px}.cabinet,.mixer{margin:12px 14px;padding:12px}.panel-heading small{display:none}#inventory{grid-template-columns:repeat(4,1fr)}.inventory-item canvas{width:40px;height:40px}#inspector{flex-wrap:wrap;gap:7px}#inspector span{min-width:50%}#inspector button{min-height:40px}.mixer{flex-wrap:wrap;gap:12px}.mixer label{min-width:40%}.mixer input{max-width:100px}#arrange-hint{top:49px;font-size:8px;white-space:normal;width:90%;text-align:center}#hover-label,#bubble{font-size:9px;padding:5px 7px}dialog{padding:28px 22px}.setting{font-size:11px}}
@media(max-width:430px){.dock-actions{width:100%;justify-content:space-between;border-top:1px solid var(--line);margin-top:3px;padding-top:8px}.music-block{justify-content:flex-start}.music-block>div{flex:1}.dock{gap:8px}.top-actions{gap:4px}.top-actions #journal-btn{font-size:9px}.topbar h1{font-size:11px}.identity{gap:6px}}
/* Frame is painted over the scene, preserving a precise 3:2 pixel canvas. */
#stage{border:0;box-shadow:none}#stage::after{content:'';position:absolute;inset:0;border:3px solid #524840;pointer-events:none;z-index:6}@media(max-width:700px){#stage::after{border-width:2px 0}}
/* The room leads. Controls use the same blue, lilac and sea-glass palette. */
:root{--bg:#34281e;--panel:#45372a;--ink:#ebe2da;--muted:#b4a597;--gold:#d5c6b8;--line:#5d4c3e;--sage:#a4cfc3}
body{background:radial-gradient(ellipse at 50% 30%,#463b32 0%,#34281e 75%)}
.topbar{max-width:1110px;padding:15px 24px}.identity{gap:10px}.identity h1{font-size:13px;letter-spacing:.02em}.identity .city-name{font-size:10px;margin:0 0 0 14px;color:#bcab9c}.top-actions{font-size:10px;gap:20px}
.game-wrap{width:min(calc(100% - 48px),1080px,calc((100dvh - 158px) * 1.5));min-width:min(calc(100% - 48px),660px)}
#stage{box-shadow:0 15px 55px #241a1266;border-radius:4px}#stage::after{border:1px solid #af9c8c4d;border-radius:4px}
.hud{inset:12px 12px auto;justify-content:flex-end}.weather-actions{gap:3px}.weather-actions button{background:#48382a8c;backdrop-filter:blur(4px);color:#e8ded5;font-size:12px;border-radius:3px;padding:0 9px;min-height:30px}.weather-actions span{font-size:9px}
.dock{padding:14px 2px;border-top:0;border-bottom:1px solid #8e7b6b33;margin:0;gap:15px}.music-block{gap:11px;min-width:240px}.play{background:#bfc3ad;color:#48392c!important;border-radius:50%;width:39px;min-width:39px;height:39px;min-height:39px;font-size:14px;padding-left:3px}.track-info{min-width:124px}.music-block span{margin:0 0 4px;font-size:9px;letter-spacing:.04em}.music-block strong{font-size:12px;color:#ebe5df}.next{font-size:15px;color:#bdaea1;min-width:30px}.dock-actions{gap:3px}.dock-actions>button{font-size:10px;padding:0 9px;color:#cfc2b7}.dock-actions>button[aria-pressed=true],.dock-actions>button[aria-expanded=true]{background:#655343;color:#e2e5d4;border-radius:4px}.dock-actions .square{min-width:34px}.glyph{font-size:16px}
#hover-label{background:#47382aeb;color:#eee4dc;border:1px solid #b6a39355;font-size:10px;padding:5px 8px;border-radius:3px}#arrange-hint{top:auto;bottom:12px;background:#4a3727de;color:#dee0d0;font-size:10px;border-radius:3px}#toast{background:#dbd0c7;color:#493a2c;font-size:11px;border-radius:4px}
.cabinet,.mixer{border-radius:5px;background:#443527e8;margin-top:7px}.panel-heading{margin-bottom:6px}.panel-heading>span{font-size:11px;color:#cebeb0}.panel-heading>button{min-height:24px}#inventory{grid-template-columns:repeat(10,1fr)}.inventory-item{border-color:#67584b80;background:#47382b;border-radius:3px}.inventory-item canvas{width:46px;height:46px}.inventory-item.selected{background:#5a4839;border-color:#c4b09f}#inspector strong{flex:1}#inspector button{border-radius:3px}
.mixer{gap:20px;flex-wrap:wrap}.mixer label{gap:10px;min-width:120px}.mixer .track-picker{min-width:200px;flex:1.3}.track-picker select{font:inherit;min-height:36px;width:100%;background:#3f3022;color:#ece3db;border:1px solid #786555;border-radius:3px;padding:0 10px}dialog{background:#48392c;border-color:#8b7766;border-radius:6px}h2{font-size:23px;color:#ebe2da}dialog .primary{border-radius:4px;background:#c9ccb7}.scene-setting{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;font-size:11px;display:flex;flex-direction:column;gap:8px}.scene-setting>span{color:#c6b5a7}.scene-setting button{background:#594839;border-radius:3px;text-align:left;padding:0 12px}.scene-setting small{font-size:10px;color:#b9a89a;line-height:1.6}.hotspot:focus-visible{outline-color:#dce0c9;background:#e7ebd608}
@media(min-width:1100px){.topbar{padding-inline:24px}.game-wrap{min-width:660px}}
@media(max-width:700px){.topbar{padding:10px 14px}.identity .city-name{display:none}.identity h1{font-size:12px}.identity img{width:21px;height:21px}.top-actions{gap:10px}.game-wrap{width:100%;min-width:0}#stage,#stage::after{border-radius:0}.hud{inset:8px 8px auto}.dock{margin:0 14px;padding:12px 0;gap:8px}.music-block{min-width:210px}.dock-actions{gap:2px}.dock-actions>button{padding:0 7px}.dock-actions .square{min-width:33px}.cabinet,.mixer{margin:8px 14px}.inventory-item canvas{width:44px;height:44px}#inventory{grid-template-columns:repeat(5,1fr)}.mixer .track-picker{min-width:90%;flex-basis:90%}.mixer label{min-width:110px}.mixer input{max-width:none}.mixer>button{margin-left:auto}#arrange-hint{width:auto;white-space:nowrap;font-size:9px;top:auto;bottom:9px}.weather-actions button{min-height:30px}.track-info{min-width:115px}.dock-actions #fullscreen{display:none}}
@media(max-width:430px){.dock-actions{width:100%;justify-content:space-between;margin-top:4px;padding-top:7px;border-top:1px solid #8e7b6b33}.music-block{width:100%}.music-block .next{margin-left:auto}.music-block>div{flex:1}.topbar .identity h1{font-size:12px}.top-actions #journal-btn{font-size:10px}.dock-actions .square{min-width:40px}.topbar{gap:6px}.top-actions{gap:8px}}
@media(max-height:650px) and (min-width:700px){.game-wrap{min-width:560px}.dock{padding-block:8px}.topbar{padding-block:8px}}
/* A small collection of playable cassettes. */
.radio-library{margin:12px 0 28px;padding:24px;background:#443527;border:1px solid #68594b;border-radius:6px}.radio-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.radio-kicker{font-size:8px;letter-spacing:.16em;color:#c0afa1}.radio-heading h2{margin:4px 0 0;font-size:25px;letter-spacing:-.03em}.radio-heading>button{font-size:26px;width:40px}.tape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 16px}.tape-card{position:relative;min-width:0}.tape-play{display:block;text-align:left;width:100%;padding:0 0 3px}.tape-art{display:block;position:relative;aspect-ratio:1.75;background:var(--tape-color);box-shadow:inset 0 0 0 2px #ffffff15,0 4px 0 #2d201488;border-radius:5px;transition:transform var(--mo-fast,133ms) steps(2)}.tape-play:hover .tape-art{transform:translateY(-3px)}.tape-play[aria-pressed=true] .tape-art{outline:2px solid #dcd2c9;outline-offset:3px}.tape-mark{position:absolute;left:9%;top:10%;font:6px ui-monospace,monospace;letter-spacing:.15em;color:#453628;opacity:.8}.tape-label{position:absolute;bottom:13%;left:9%;right:9%;font:9px ui-monospace,monospace;text-align:center;color:#453628;background:var(--tape-ink);padding:4px 2px;border-top:2px solid #45362877}.tape-reels{position:absolute;left:21%;right:21%;top:28%;height:29%;background:#45372b;display:flex;justify-content:space-between;align-items:center;border-radius:20px;padding:0 5%;box-shadow:0 0 0 3px #ffffff22}.tape-reels i{height:75%;aspect-ratio:1;border:2px dashed #dedad6;border-radius:50%;background:#786555}.is-playing .tape-reels i{animation:spool 4s steps(8) infinite}.tape-art::before,.tape-art::after{content:'';position:absolute;width:3px;height:3px;border-radius:50%;background:#45372a88;bottom:6%}.tape-art::before{left:4%}.tape-art::after{right:4%}.tape-play strong{font-size:11px;display:block;color:#ede4dd;font-weight:600;margin:12px 28px 4px 0}.tape-play small{font-size:9px;color:#c0afa0;display:block}.tape-heart{position:absolute;right:0;bottom:1px;width:30px;height:40px;font-size:20px;color:#cdbbac}.tape-heart[aria-pressed=true]{color:#d9a6bc}.now-playing{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:14px;border-top:1px solid #68594b;font-size:9px;color:#c8b7a9}.now-playing progress{appearance:none;flex:1;width:60px;height:3px;border:0;border-radius:2px;background:#756455}.now-playing progress::-webkit-progress-bar{background:#756455}.now-playing progress::-webkit-progress-value{background:#c7cbb5}#song-section{min-width:70px}#song-time{font-variant-numeric:tabular-nums;white-space:nowrap}#repeat-track{font-size:21px;width:30px}#repeat-track[aria-pressed=true]{color:#e1c1d7;background:#695646;border-radius:4px}.song-credit{margin:0 0 16px;font-size:9px;color:#c1afa0;line-height:1.6}.radio-sliders{display:flex;gap:28px}.radio-sliders label{display:flex;align-items:center;gap:12px;flex:1;min-width:0;font-size:10px;white-space:nowrap;color:#d7cbc1}.radio-sliders input{width:100%;min-width:25px}.sound-details{margin-top:8px}.sound-details summary{cursor:pointer;font-size:10px;color:#beab9a;min-height:36px;padding-top:12px}.sound-details .radio-sliders{padding-top:10px}.radio-footer{margin-top:17px;padding-top:15px;border-top:1px solid #68594b;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px}.radio-footer label{display:flex;gap:10px;align-items:center;color:#bfb0a2}.radio-footer select{font:inherit;color:#e1d4c9;background:#473729;border:1px solid #786555;border-radius:3px;min-height:36px;padding:0 7px}.radio-footer button{border:1px solid #786555;border-radius:3px;padding:0 12px;font-size:10px;color:#d6d8c8}.download-status{display:block;font-size:10px;color:#cbbcaf;margin-top:8px;min-height:12px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.reduced .tape-reels i{animation:none}@keyframes spool{to{transform:rotate(360deg)}}
@media(max-width:700px){.radio-library{margin:10px 14px 24px;padding:18px 14px}.tape-grid{gap:18px 13px}.tape-label{font-size:7px;padding:3px 1px}.tape-mark{font-size:5px}.tape-play strong{font-size:10px}.tape-play small{font-size:8px}.radio-sliders{gap:14px}.radio-sliders label{font-size:9px;gap:7px}.radio-footer{flex-wrap:wrap}.sound-details .radio-sliders{flex-wrap:wrap}.sound-details .radio-sliders label{min-width:40%}}
@media(max-width:480px){.tape-grid{grid-template-columns:repeat(2,1fr)}.tape-label{font-size:8px}.tape-mark{font-size:6px}.now-playing{gap:7px;font-size:8px}#song-section{min-width:56px}.radio-footer label{width:100%;justify-content:space-between}.radio-footer button{width:100%}.radio-sliders{gap:12px;flex-wrap:wrap}.radio-sliders label{min-width:42%}.sound-details .radio-sliders label{min-width:90%}}
@media(prefers-reduced-motion:reduce){.tape-reels i{animation:none}.tape-art{transition:none}}
.radio-footer a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #786555;border-radius:3px;padding:0 18px;font-size:10px;color:#d6d8c8;text-decoration:none}.radio-footer a:hover{background:#594737}.mix-export{font-size:10px;color:#c4b2a2;margin-top:6px;padding:0}.mix-export:hover{color:#f0e8e1}#postcard-preview{max-width:680px;padding:24px}#postcard-preview h2{font-size:18px;margin:6px 0 18px}#postcard-image{display:block;width:100%;height:auto;image-rendering:pixelated}#postcard-save{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;margin-top:15px}@media(max-width:480px){.radio-footer a{width:100%}}
.mix-save{display:inline-flex;align-items:center;min-height:44px;color:#c5dedc;font-size:11px;text-underline-offset:3px}

.hud{justify-content:space-between}.exterior-toggle{pointer-events:auto;background:#48382aa8;color:#e8ded5;border:1px solid #b1a79e2b;border-radius:3px;min-height:30px;padding:0 10px;font-size:10px;backdrop-filter:blur(4px)}.exterior-toggle[aria-pressed=true]{background:#563e50d9;color:#f3d2d9;border-color:#b3808b70}

/* Objects are the interface. */
.game-wrap{width:min(calc(100% - 48px),1160px,calc((100dvh - 108px) * 1.5));min-width:min(calc(100% - 48px),660px);margin-bottom:24px}
.object-dialog{margin:auto;max-height:calc(100dvh - 32px);overscroll-behavior:contain;box-shadow:0 22px 100px #261a10b3;animation:object-in var(--mo-base,200ms) steps(3)}.object-dialog::backdrop{background:#2b1e12b8;backdrop-filter:blur(5px)}.object-dialog .close{z-index:2;color:inherit}.object-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:20px;padding-top:12px;border-top:1px solid #a6948533;font-size:10px;color:#c4b5a8}.object-bottom button{min-height:36px;padding:0 5px}.object-dialog button:focus-visible{outline-color:#80b3ab}.object-kicker{font-size:9px;letter-spacing:.13em;color:#c7b8aa}.keepsake{max-width:430px;text-align:center;padding:32px;background:#4e3f31}.keepsake h2{font:30px Georgia,serif;margin:12px 0 18px}.object-portrait{background:radial-gradient(ellipse at 50% 85%,#8c907b3d 0%,#68554555 48%,transparent 70%);position:relative;margin:0 auto;width:224px;height:194px}.object-portrait canvas{width:192px;height:192px;image-rendering:pixelated}.keepsake[data-object=cat] .object-portrait{border-radius:50% 50% 12px 12px;background:repeating-linear-gradient(0deg,#9db8ad12 0 2px,transparent 2px 5px),#6d594855}.keepsake[data-object=mug] .object-portrait::after{content:'\223F';position:absolute;top:20px;left:45%;font-size:44px;color:#dee1d08c;animation:steam 3s steps(12) infinite}.keepsake[data-object=lamp].light-off .object-portrait{background:#3e302455}.keepsake #object-copy{font:15px/1.8 Georgia,serif;color:#dacfc6;text-wrap:pretty;margin:16px 0 21px}.object-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.object-actions button{border:1px solid #a3948760;border-radius:5px;background:#5a4a3c;padding:0 15px;font-size:11px;box-shadow:0 3px 0 #392b1f}.object-actions button:first-child{background:#aacac3;color:#373b25;box-shadow:0 3px 0 #648580;border-color:#b8d7cc}.object-response{font:italic 13px/1.6 Georgia,serif!important;min-height:22px;color:#bac9c8!important;margin:17px 0 0}.keepsake .object-bottom{margin-top:12px}
/* The receiver has a speaker, frequency glass and mechanical transport keys. */
dialog.receiver{max-width:760px;width:calc(100% - 32px);padding:30px;background:linear-gradient(90deg,#5d5360 0 9px,#4d513b 9px calc(100% - 9px),#5d5360 calc(100% - 9px));border:2px solid #8e9795;border-bottom:8px solid #3a3027;border-radius:14px 14px 7px 7px;color:#dbe5df;overflow:auto}.receiver-handle{width:38%;height:15px;border:4px solid #7d8b8b;border-bottom:0;border-radius:10px 10px 0 0;margin:0 auto 8px;opacity:.65}.receiver-brand{display:flex;align-items:center;justify-content:space-between;padding:5px 24px 16px 0}.receiver-brand h2{margin:0;font:italic 24px Georgia,serif;color:#dbe6d9}.receiver-brand>span{font:8px ui-monospace,monospace;letter-spacing:.2em;color:#a8bcb7}.receiver-face{display:grid;grid-template-columns:1fr 1.5fr;gap:22px;padding:18px;background:#3c3229;border:2px solid #697e7d;border-radius:7px;box-shadow:inset 0 3px 8px #2a2017a6}.speaker-grille{min-height:158px;border-radius:5px;background:radial-gradient(circle,#271c13 1.2px,transparent 1.5px) 0 0/5px 5px,#687e7c;border:3px solid #353827;box-shadow:inset 0 0 18px #2a2017;position:relative}.speaker-grille::after{content:'';position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle,#2a201966 0 60%,transparent 63%)}.frequency-glass{background:#a6bdae;color:#393c2b;padding:12px 13px 10px;border:4px solid #2c2f1e;border-radius:3px;box-shadow:inset 2px 3px 8px #2d301b55}.frequency-marks{display:flex;justify-content:space-between;font:9px ui-monospace,monospace;padding:0 5px 5px;border-bottom:9px solid transparent;border-image:repeating-linear-gradient(90deg,#464a35 0 1px,transparent 1px 5px) 9}.tuning-label{display:block;font-size:0!important}.tuning-label input{appearance:none;display:block;height:14px;background:transparent;accent-color:#994e65;cursor:ew-resize;margin:0}.tuning-label input::-webkit-slider-thumb{appearance:none;width:3px;height:24px;background:#9a4e63;box-shadow:0 0 0 1px #fff3}.frequency-glass .track-info{min-width:0;min-height:47px;margin-top:10px}.frequency-glass #music-label{display:block;font:8px/1.5 ui-monospace,monospace;color:#41605b;margin-bottom:4px}.frequency-glass #track-title{display:block;font:14px/1.4 ui-monospace,monospace;color:#223c3b}.frequency-glass #track-line{display:block;margin-top:5px;font:9px/1.45 ui-monospace,monospace;color:#35554f;overflow-wrap:anywhere}.frequency-glass #track-line[hidden]{display:none}.receiver-keys{display:flex;align-items:center;gap:8px;padding-top:12px}.receiver-keys .play,.receiver-keys .next{border-radius:3px;background:#a7bab6;color:#3c402a!important;box-shadow:0 4px 0 #697e7c,inset 0 1px 0 #e0e6d9;min-width:44px;height:36px;min-height:36px;font-size:14px}.receiver-keys .play[aria-pressed=true]{box-shadow:0 1px 0 #697e7c;transform:translateY(3px)}.receiver-led{width:5px;height:5px;border-radius:50%;background:#263e3b;margin-left:auto;box-shadow:0 0 0 2px #2d241c}.is-on .receiver-led{background:#c4e1a3;box-shadow:0 0 5px #b2dba4}.key-caption{font:6px ui-monospace,monospace;letter-spacing:.1em;color:#9eada9}.cassette-compartment{margin-top:24px;padding:0 16px 16px;background:#41352b;border:1px solid #6c807b;border-radius:4px;box-shadow:inset 0 3px 5px #372b20}.cassette-compartment summary{cursor:pointer;padding:16px 0 0;min-height:44px;font-size:12px;color:#c5d3cc}.cassette-compartment summary span{float:right;font:9px ui-monospace,monospace;color:#98b0ac}.cassette-compartment[open] summary{margin-bottom:20px}.receiver .now-playing{margin-top:16px;border-color:#80968b55}.receiver .song-credit{font-size:9px;margin-top:6px}.receiver .radio-sliders{padding:8px 0}.receiver .radio-sliders input{accent-color:#c1d6ba}.receiver .radio-footer{border-color:#80968b55}.receiver .radio-footer select{background:#473a2e}.receiver .radio-footer a{border-color:#8ca398;color:#d0ddd5}.receiver .sound-details summary{color:#b7c9c0}.receiver .object-bottom{color:#b0c4ba}.receiver .tape-play strong{color:#d7e0d7}
/* A clothbound notebook with an illustrated verso and a reading page. */
dialog.notebook{max-width:850px;width:calc(100% - 32px);padding:0 0 12px;background:#777583;border:0;border-radius:7px;color:#594e44;box-shadow:0 10px 0 #554b43,0 13px 0 #beb6b8,0 28px 80px #261a0fbb;overflow:auto}.notebook>.close{top:9px;right:9px;color:#63584f}.book-spread{display:grid;grid-template-columns:.95fr 1.05fr;margin:8px 8px 0;min-height:430px;border-radius:3px;overflow:hidden}.book-page{padding:44px 36px 30px;background:#e7e1d9;position:relative}.book-left{display:flex;flex-direction:column;background:linear-gradient(90deg,#e3ddd6 93%,#b5afb4 100%);border-right:1px solid #a5a0a8}.notebook-imprint{font:9px ui-monospace,monospace;letter-spacing:.2em;color:#68736e}.book-left h2{font:35px/1.16 Georgia,serif;letter-spacing:-.025em;color:#67584a;margin:24px 0 10px}.book-left canvas{width:100%;max-width:250px;height:auto;image-rendering:pixelated;margin:12px auto 3px;mix-blend-mode:multiply}.book-left #book-aside{font:italic 13px/1.6 Georgia,serif;color:#66746d;text-align:center;margin:6px 0 20px}.book-colophon{margin-top:auto;padding-top:12px;max-width:210px;font:9px/1.65 ui-monospace,monospace;color:#7c797c}.book-right{background:linear-gradient(90deg,#c5bfc0 0,#eee8e0 7%,#e8e2da 100%);padding-top:61px;padding-bottom:50px}.book-place{font:9px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em;color:#917581}.book-right h3{font:28px/1.2 Georgia,serif;color:#605144;margin:18px 0}.book-right #book-text{font:18px/1.85 Georgia,serif;color:#645b54;margin:0;text-wrap:pretty}.page-number{position:absolute;bottom:21px;right:32px;font:10px ui-monospace,monospace;color:#8c8288}.ribbon{position:absolute;right:57px;top:0;background:#cfa5ae;width:28px;height:43px;min-height:43px;color:#704657;clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%);font-size:17px;padding:0 0 5px}.ribbon[aria-pressed=true]{background:#ae6e88;color:#fff1e3}.book-nav{display:flex;align-items:center;justify-content:space-between;background:#e4ded7;margin:0 8px;padding:8px 23px;border-top:1px solid #ccc1c5;font:11px Georgia,serif}.book-nav button{padding:0 8px;color:#716255}.notebook .object-bottom{margin:0 8px;background:#e4ded7;border-top:1px solid #cbc1c6;padding:0 30px;color:#847887}.notebook .object-bottom button{font:10px Georgia,serif}.book-bookmarks{margin:0 8px;background:#ded8d3;display:flex;flex-wrap:wrap;padding:10px 28px;gap:4px 16px}.book-bookmarks button{color:#76576b;font:12px Georgia,serif;text-decoration:underline;text-underline-offset:3px}.book-bookmarks p{font:12px/1.7 Georgia,serif;color:#736d77}.notebook button:hover{color:#934d6a!important}
/* Window latch and the cupboard stay in the room, too. */
dialog.window-view{max-width:650px;padding:26px;background:#5e5043;border:6px solid #998f87;border-bottom-color:#817264}.window-view h2{font:25px Georgia,serif;margin:0 0 19px;color:#e6ddd6}.window-closeup{border:5px solid #49392b;box-shadow:0 2px 0 #b3aaa2;overflow:hidden;background:#957c66}.window-closeup canvas{display:block;width:100%;image-rendering:pixelated}.window-latch{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #a7958544}.window-latch button{background:linear-gradient(#d7d0c9,#b4a699);color:#524132;border:2px solid #887564;border-radius:5px;padding:0 17px;box-shadow:0 3px 0 #503d2c;font-size:11px}.window-latch span{font:italic 12px Georgia,serif;color:#cdbeb1}.window-weather{display:flex;gap:12px;align-items:center;padding-top:12px;font-size:11px}.window-weather>button{background:#766455;border-radius:4px;padding:0 12px}.window-weather>button[aria-pressed=true]{color:#d4e3de;background:#847364}.window-weather label{display:flex;align-items:center;gap:12px;margin-left:auto;max-width:180px;color:#d9cdc2;font-size:10px}.window-weather input{width:100%;min-width:30px}.window-view .scene-setting{margin-top:10px;padding-top:12px}.window-view .scene-setting button{background:#675b51;color:#d8c5d1}.window-view .scene-setting small{color:#c7b9ad;font-size:9px}.cabinet.object-dialog{max-width:690px;width:calc(100% - 32px);padding:28px;background:repeating-linear-gradient(0deg,#62574e0a 0 3px,transparent 3px 7px),#6b6158;border:8px solid #71667a;border-bottom-width:15px}.cabinet h2{font:25px Georgia,serif;margin:0 0 24px;color:#e0d8e1}.cabinet #inventory{grid-template-columns:repeat(5,1fr);gap:18px 9px}.cabinet .inventory-item{background:#574a3e;border:0;border-bottom:4px solid #b0a2b3;box-shadow:0 4px 0 #44393077;padding:7px 3px 10px}.cabinet .inventory-item.selected{background:#745f4d}.cabinet .inventory-item canvas{width:64px;height:64px}.cabinet .object-bottom{color:#dacbd7}.cabinet #inspector{color:#e1d7df}.cabinet #inspector button{background:#665648;color:#e7e4e2}.reduced .object-dialog,.reduced .object-portrait::after{animation:none}
@keyframes object-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes steam{50%{transform:translateY(-6px);opacity:.3}}
@media(max-width:700px){.game-wrap{width:100%;min-width:0;margin-top:6px}.receiver .tape-grid{grid-template-columns:repeat(3,1fr)}dialog.receiver{padding:23px 20px}.receiver-face{gap:14px;padding:12px;grid-template-columns:1fr 1.6fr}.speaker-grille{min-height:148px}.key-caption{display:none}.receiver-brand{padding-right:20px}.book-page{padding:32px 25px}.book-right{padding-top:56px}.book-left h2{font-size:29px}.book-right #book-text{font-size:17px}.cabinet #inventory{grid-template-columns:repeat(5,1fr)}.cabinet .inventory-item canvas{width:44px;height:44px}}
@media(max-width:550px){dialog.receiver{padding:23px 17px;width:calc(100% - 18px)}.receiver-face{grid-template-columns:70px 1fr;gap:11px;padding:10px}.receiver-handle{height:11px}.receiver-brand h2{font-size:23px}.frequency-glass{padding:10px 8px}.frequency-glass #track-title{font-size:12px}.speaker-grille{background-size:4px 4px}.receiver .tape-grid{grid-template-columns:repeat(2,1fr)}.receiver .radio-sliders label{min-width:100%}.receiver .radio-footer label{flex-wrap:wrap}.receiver .radio-footer a{width:100%}.notebook .book-spread{display:block;min-height:0}.book-left{padding:22px 24px 14px;border:0;background:#e1dbd6;min-height:160px}.book-left h2{font-size:26px;margin:12px 0 6px;width:62%}.book-left canvas{position:absolute;right:12px;top:36px;width:120px;margin:0;max-width:34%}.book-left #book-aside{display:none}.book-colophon{max-width:70%;padding-top:8px;font-size:8px}.notebook-imprint{font-size:8px}.book-right{padding:35px 27px 46px;background:linear-gradient(#c7bfc3 0,#eee8e0 12px,#e8e2da 100%)}.book-right h3{font-size:25px;margin:12px 0}.book-right #book-text{font-size:17px;line-height:1.75}.notebook>.close{top:8px;right:10px}.ribbon{right:20px}.book-nav{padding:3px 12px;font-size:11px}.notebook .object-bottom{padding:0 20px}.book-page-number{font-size:9px}.window-view{padding:21px 16px!important}.window-weather{flex-wrap:wrap}.window-weather label{max-width:none;width:100%;margin:0}.window-latch{gap:10px}.window-latch span{font-size:11px}.cabinet.object-dialog{padding:23px 14px}.cabinet #inventory{grid-template-columns:repeat(3,1fr)}.keepsake{padding:29px 23px;width:calc(100% - 24px)}.object-portrait{height:176px}.object-portrait canvas{width:176px;height:176px}.top-actions{gap:11px}.top-actions #settings-btn{font-size:16px;min-width:26px}}
@media(prefers-reduced-motion:reduce){.object-dialog,.object-portrait::after{animation:none}}
.postcard-support{margin-top:15px;padding:0 15px;font-size:11px;color:#c6dbd0;border-bottom:1px solid #819b9966}.notebook #journal-btn{font:10px Georgia,serif;color:#775c72}.notebook #journal-dot{background:#a46e86}.top-actions{gap:12px}
/* Touchable objects, with room for a thrown ball and a cat that steps aside. */
.object-portrait{width:300px;max-width:100%;height:auto;aspect-ratio:15/11;overflow:hidden;margin-inline:auto}.object-portrait canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none;cursor:pointer;border-radius:8px}.object-portrait canvas:focus-visible{outline:1px dashed #a6c9c4;outline-offset:-3px}.object-hint{font:11px/1.6 Manrope,system-ui,sans-serif!important;color:#b5cfcb!important;min-height:35px;margin:9px 0 0!important}.keepsake #object-copy{font-size:13px;margin:10px 0 17px}.keepsake[data-object=yarn] .object-portrait{background:linear-gradient(transparent 91%,#988b8033 91%);border-bottom:2px solid #aa9e9366}.keepsake[data-object=mug] .object-portrait::after{display:none}.window-weather{flex-wrap:wrap}.window-weather label{flex:1 1 160px;max-width:none;margin-left:0}.window-weather label input{width:100%}@media(max-width:550px){.object-portrait{height:auto;max-width:100%}.object-portrait canvas{width:100%;height:100%}.keepsake{padding:27px 20px}.keepsake h2{font-size:27px;margin-bottom:12px}.keepsake #object-copy{font-size:13px}.object-hint{font-size:10px!important}.window-weather label{flex-basis:100%}}

/* Literary notes sit in the illustrated margin; the source is part of the page. */
.book-quote{margin:16px 0 20px;padding:13px 0 0;border-top:1px solid #958d8e55;text-align:left}
.book-quote blockquote{margin:0 0 10px;font:italic 17px/1.55 Georgia,serif;white-space:pre-line;color:#64564a}
.book-quote figcaption{display:flex;flex-direction:column;gap:4px;font:11px/1.5 system-ui,sans-serif;color:#686271}
.book-quote a{color:#6a6e59;text-underline-offset:3px;font-size:10px}
.book-quote a:hover{color:#4c4137}.book-quote a:focus-visible{outline:2px solid #757a5d;outline-offset:3px}
.window-repair{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #c9baad33;padding:12px 0;font-size:12px;color:#d6cdc6}
.window-repair[hidden],.book-quote[hidden]{display:none}.window-repair button{font-size:12px;white-space:nowrap;background:#7d6f63;color:#eff2ed;padding:10px 13px}
@media(max-width:600px){.book-quote{margin-bottom:10px}.book-quote blockquote{font-size:15px}.window-repair{flex-wrap:wrap}}
a.primary{display:inline-flex;align-items:center;text-decoration:none}

/* Radio stations: marks sit on the tuning scale at their frequency. */
.receiver .frequency-marks{position:relative;display:block;height:34px;padding:0}.receiver .frequency-marks span:nth-child(even){top:10px}.receiver .frequency-marks span:nth-child(odd)::after{height:16px}.receiver .frequency-marks span{position:absolute;top:0;transform:translateX(-50%);font:8px ui-monospace,monospace;color:#3b5857;white-space:nowrap}.receiver .frequency-marks span::after{content:'';display:block;width:2px;height:6px;margin:2px auto 0;background:var(--mark,#464a35)}.receiver .frequency-marks span.on{color:#8e3f55;font-weight:700}.receiver .tuning-label input{width:100%}.receiver-keys .seek{min-width:34px;font-size:12px}
@media(max-width:550px){.receiver .frequency-marks span{font-size:6px}.receiver-keys .seek{min-width:30px}}
.notes{list-style:none;margin:0 0 8px;padding:0;max-height:46dvh;overflow:auto}.note{padding:11px 0;border-bottom:1px solid var(--line)}.note time{display:block;font-size:9px;letter-spacing:.04em;color:var(--muted)}.note p{margin:3px 0 0;font-size:12px;line-height:1.7}.note a{display:inline-block;margin-top:3px;font-size:11px;color:var(--gold);text-decoration:none;border-bottom:1px solid #e6bf8a55}.note a:hover{border-bottom-color:var(--gold)}.note-empty{font-size:11px!important;color:var(--muted)!important}.moments-title{font-size:11px;font-weight:500;color:var(--muted);margin:18px 0 0;letter-spacing:.04em}
/* Ефір band: a second band on the receiver, clearly apart from our own stations */
.band-switch{display:flex;gap:0;margin:0 0 8px;border:2px solid #2c2f1e;border-radius:3px;width:max-content;overflow:hidden}
.band-switch button{min-height:26px;padding:3px 12px;border:0;border-radius:0;background:#505340;color:#b7c9c0;font:9px/1 ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;box-shadow:none}
.band-switch button[aria-pressed=true]{background:#a7bab6;color:#223c3b;font-weight:700}
.band-switch button+button{border-left:2px solid #2c2f1e}
.receiver.band-live .frequency-glass{background:#b9ad93}
.receiver.band-live .frequency-marks,.receiver.band-live .tuning-label,.receiver.band-live .cassette-compartment,.receiver.band-live .sound-details,.receiver.band-live #download-track,.receiver.band-live #repeat-track,.receiver.band-live #render-mix{display:none}
.receiver.band-live.live-silent .receiver-led{background:#c9795f;box-shadow:0 0 5px #c9795f}
.live-panel{margin-top:14px;padding:12px;border:1px solid #80968b55;border-radius:5px;background:#414432}
.live-note{margin:0 0 10px;font-size:10px;line-height:1.5;color:#b0c4ba}
.live-note a{color:#dbe6d9}
.live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.live-station{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:44px;padding:6px 8px;border:1px solid #697e7d;border-radius:3px;background:#3c3229;color:#dbe5df;text-align:left;box-shadow:none}
.live-station strong{font-size:11px;font-weight:600}
.live-station small{font-size:9px;color:#9fb3ab}
.live-station[aria-pressed=true]{background:#a7bab6;color:#223c3b;border-color:#dbe6d9}
.live-station[aria-pressed=true] small{color:#3b5857}
.live-station.external{border-style:dashed}
.live-heading{margin:14px 0 6px;font:italic 14px Georgia,serif;color:#dbe6d9}
.live-heading span,.live-search summary span{font:9px ui-monospace,monospace;letter-spacing:.08em;color:#9fb3ab;font-style:normal;margin-left:6px}
.cloud-slot{margin-top:8px}
.cloud-frame{display:block;width:100%;height:120px;border:0;border-radius:3px;background:#2f261e}
.live-search{margin-top:14px}
.live-search summary{cursor:pointer;color:#b7c9c0;font-size:11px}
.live-search-form{display:flex;gap:8px;align-items:flex-end;margin:0 0 8px;flex-wrap:wrap}
.live-search-form label{display:flex;flex-direction:column;gap:3px;font-size:10px;color:#b0c4ba;flex:1 1 160px}
.live-search-form input{min-height:32px;padding:4px 8px;border:1px solid #697e7d;border-radius:3px;background:#3c3229;color:#dbe5df;font:inherit;font-size:12px}
.live-search-form button{min-height:32px}
.external-badge{display:inline-block;padding:0 5px;margin-right:2px;border:1px solid #c9a36a;border-radius:2px;color:#e3c48f;font:8px/1.6 ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}
.song-credit a{color:inherit}
@media(max-width:480px){.live-grid{grid-template-columns:1fr 1fr}.live-panel{padding:8px}}
.live-search-form button{padding:4px 14px;border:1px solid #8ca398;border-radius:3px;background:#505340;color:#dbe5df}

/* Phones held upright: the 3:2 room is centred in the free height instead of sitting under the
   header with half the screen empty below, and a quiet line says turning the phone makes it bigger. */
@media(max-width:700px) and (orientation:portrait){#app{min-height:100dvh;display:flex;flex-direction:column}#app>.topbar{margin:0;width:100%;box-sizing:border-box;align-self:stretch}#app>.game-wrap{margin:auto 0}#app>.game-wrap::after{content:'Поверніть телефон - кімната стане більшою.';display:block;text-align:center;font-size:12px;color:#a99c90;padding:14px 16px 0}}

/* Alert status in the top bar: real data only says «тривога»; no data says so plainly (alerts.mjs hudStatus). */
.identity .alert-status{font-size:10px;margin-left:12px;padding:2px 7px;border-radius:3px;color:#bcab9c;text-decoration:none;border:1px solid #4f423799;white-space:nowrap}
.identity .alert-status:hover,.identity .alert-status:focus-visible{color:var(--ink);border-color:#a6998d}
.identity .alert-status[data-kind=alert]{color:#f0c4c9;border-color:#b45a6399;background:#3a2530aa}
.identity .alert-status[data-kind=quiet]{color:#b9c9b0}
@media(max-width:700px){.identity .alert-status{font-size:9px;margin-left:6px;padding:1px 5px;max-width:52vw;overflow:hidden;text-overflow:ellipsis}}
.window-weather>#weather-live{flex:1 1 100%;justify-content:flex-start}