:root{color:#f6e6c4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#342a2a;font-family:Courier New,monospace}body{margin:0}main{width:100%;height:100svh;position:relative;overflow:hidden}.station{pointer-events:none;background:#24201de8;border-left:3px solid #c69a65;padding:10px 15px 11px;position:absolute;bottom:clamp(18px,4vh,40px);left:clamp(16px,3vw,44px)}.station span{color:#d9ad77;letter-spacing:.19em;font-size:10px}.station h1{letter-spacing:-.045em;margin:4px 0 0;font-size:clamp(16px,2vw,23px);line-height:1.05}.fallback{padding:1rem}.scene-controls{background:#24201df0;border:1px solid #876747;gap:6px;padding:7px 9px;font-size:11px;display:grid;position:absolute;top:clamp(12px,2vh,22px);right:clamp(12px,2vw,30px)}.scene-controls label{align-items:center;gap:5px;display:flex}.scene-controls select{font:inherit;color:inherit;background:#38302a;border:1px solid #886d54;padding:4px}.room-controls,.radio-panel{position:absolute;right:clamp(16px,3vw,44px)}.room-controls{gap:6px;display:flex;bottom:clamp(18px,4vh,40px)}.room-controls button,.radio-panel button{min-height:36px;color:inherit;font:inherit;cursor:pointer;background:#24201d;border:1px solid #876747;padding:6px 10px}.room-controls button{font-size:11px}.room-controls button:hover,.radio-panel button:hover{background:#483629}.room-controls button:focus-visible,.radio-panel :focus-visible{outline-offset:2px;outline:2px solid #e1b784}.radio-panel{box-sizing:border-box;background:#2c231e;border:1px solid #9c7955;width:min(300px,100% - 32px);max-height:calc(100% - 112px);padding:10px;font-size:12px;bottom:calc(clamp(18px,4vh,40px) + 46px);overflow:auto;box-shadow:4px 4px #181513}.radio-panel-header,.radio-options{justify-content:space-between;align-items:center;gap:8px;display:flex}.radio-panel-header h2{color:#e6c29a;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:12px}.radio-panel-header button{min-width:36px;font-size:18px;line-height:1}.radio-display{color:#d4d8a2;background:#1b241c;border:1px solid #535644;gap:3px;margin:7px 0 9px;padding:8px 9px;display:grid}.radio-display span{color:#bbc290;font-size:11px}.radio-display strong{overflow-wrap:anywhere;font-size:17px}.radio-transport{grid-template-columns:1fr 2fr 1fr;gap:5px;display:grid}.radio-options{margin-top:8px}.radio-options label{align-items:center;gap:4px;display:flex}.radio-options input{accent-color:#ddb180}.radio-options input[type=range]{width:64px}.radio-error{color:#f6c99c;margin:8px 0 0}.radio-mutes{border-top:1px solid #66503c;grid-template-columns:auto repeat(3,1fr);align-items:center;gap:5px;margin-top:8px;padding-top:8px;display:grid}.radio-mutes span{color:#d8b68c;margin-right:4px;font-size:11px}.radio-mutes button{padding-inline:5px}.radio-mutes button[aria-pressed=true]{color:#241c17;background:#bd976c}.radio-progress{color:#e0bd95;font-variant-numeric:tabular-nums;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;margin:4px 0 9px;font-size:11px;display:grid}.radio-progress input{accent-color:#ddb180;width:100%;margin:0}.world-modes,.world-options,.world-source{justify-content:space-between;align-items:center;gap:8px;display:flex}.world-modes button{flex:1}.scene-controls button{min-height:28px;color:inherit;font:inherit;cursor:pointer;background:#38302a;border:1px solid #886d54;padding:3px 7px}.scene-controls button:hover{background:#483629}.scene-controls button[aria-pressed=true]{color:#241c17;background:#bd976c}.world-status{gap:3px;display:grid}.world-source a{color:#d8b68c}.radio-order{gap:3px;display:grid}.notes-overlay{z-index:2;top:var(--notes-visible-top,0px);left:var(--notes-visible-left,0px);width:var(--notes-visible-width,100%);height:var(--notes-visible-height,100%);box-sizing:border-box;pointer-events:none;place-items:center;padding:14px;display:grid;position:absolute}.notes-panel{box-sizing:border-box;pointer-events:auto;color:#3f2c1d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;overscroll-behavior:contain;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.62' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23755b35' opacity='.16' filter='url(%23g)' d='M0 0h96v96H0z'/%3E%3C/svg%3E"),linear-gradient(155deg,#f5e3aa,#ead094);border:1px solid #aa8850;width:min(100%,410px);min-height:0;max-height:100%;padding:clamp(16px,4vw,25px);font-size:15px;line-height:1.35;animation:.16s ease-out both notes-unfold;overflow:auto;box-shadow:0 2px #ad8c59,4px 8px #20171466,0 15px 30px #1a100d52}@keyframes notes-unfold{0%{opacity:0;transform:translateY(5px)rotate(-.8deg)scale(.985)}}@media (prefers-reduced-motion:reduce){.notes-panel{animation:none}}.notes-header,.notes-footer,.notes-entry,.notes-list li{align-items:center;gap:6px;display:flex}.notes-header,.notes-footer,.notes-list li{justify-content:space-between}.notes-header h2{margin:2px 0 0;font:italic 700 clamp(27px,6vw,33px)/1.06 Georgia,serif}.notes-stamp{color:#754d30;letter-spacing:.18em;font-size:10px;font-weight:700}.notes-panel button,.notes-entry input{box-sizing:border-box;min-height:40px;color:inherit;font:inherit;background:#fff2cd66;border:1px solid #92723e;border-radius:0;padding:4px 8px}.notes-panel button:not(:disabled){cursor:pointer}.notes-panel button:hover:not(:disabled){background:#f8e8bd}.notes-panel button:disabled{opacity:.6}.notes-panel :focus-visible{outline-offset:1px;outline:2px solid #5d3a21}.notes-header button,.notes-list button{background:0 0;border-color:#0000;min-width:40px;font-size:20px}.notes-entry{margin:17px 0 11px}.notes-entry input{flex:1;min-width:0;font-size:16px}.notes-entry input::placeholder{color:#71573c}.notes-list{margin:0;padding:0;list-style:none}.notes-list li{border-bottom:1px solid #a3814d66;min-height:43px}.notes-list label{cursor:pointer;overflow-wrap:anywhere;align-items:center;gap:9px;min-width:0;padding:3px 0;display:flex}.notes-list input{accent-color:#6a4a27;flex:none;width:16px;height:16px;margin:0}.notes-list input:checked+.notes-task-text span{color:#674c34;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 8'%3E%3Cpath d='M0 4 10 3.6 19 5.1 30 3.7 43 4.8 54 2.7 63 4.4 76 3.3 90 4M12 5.6 30 5.5 42 6.2 61 4.8 75 5.4' fill='none' stroke='%2381422d' stroke-opacity='.8' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 0/90px 8px repeat-x}.notes-empty,.notes-message{margin:9px 0}.notes-footer{margin-top:13px;font-size:13px}@media (width<=540px) and (orientation:portrait){.notes-panel{flex-direction:column;max-height:min(100%,clamp(280px,34svh,310px));padding-block:12px;display:flex}.notes-header,.notes-entry,.notes-footer{flex-shrink:0}.notes-entry{margin-block:10px 4px}.notes-list{overscroll-behavior:contain;min-height:42px;overflow:auto}.notes-list li{min-height:37px}.notes-list button{min-height:36px}.notes-footer{margin-top:7px}}@media (width<=400px){.room-controls{bottom:calc(clamp(18px,4vh,40px) + 64px)}.radio-panel{max-height:calc(100% - 164px);bottom:calc(clamp(18px,4vh,40px) + 110px)}}
