@font-face{font-family:Mono;src:url('assets/mono.ttf') format('truetype');font-display:swap}
*{box-sizing:border-box}
html{--bg:#242933;--panel:#2e3440;--panel2:#343d4a;--border:#4c566a;--text:#d8dee9;--muted:#94a1b5;--accent:#88c0d0;--green:#a3be8c;--red:#bf616a;--gold:#ebcb8b;color-scheme:dark}
html[data-theme=gruvbox]{--veil:40 40 40;--bg:#242424;--panel:#32302f;--panel2:#3c3836;--border:#665c54;--text:#ebdbb2;--muted:#bdae93;--accent:#fabd2f;--green:#b8bb26;--red:#fb4934;--gold:#fe8019}
html[data-theme=tokyo]{--veil:22 22 30;--bg:#16161e;--panel:#1a1b26;--panel2:#24283b;--border:#414868;--text:#c0caf5;--muted:#9aa5ce;--accent:#7aa2f7;--green:#9ece6a;--red:#f7768e;--gold:#e0af68}
html[data-theme=everforest]{--veil:35 42 46;--bg:#232a2e;--panel:#2d353b;--panel2:#343f44;--border:#56635f;--text:#d3c6aa;--muted:#9da9a0;--accent:#a7c080;--green:#83c092;--red:#e67e80;--gold:#dbbc7f}
html[data-theme=catppuccin]{--bg:#1e1e2e;--panel:#313244;--panel2:#45475a;--border:#585b70;--text:#cdd6f4;--muted:#bac2de;--accent:#89b4fa;--green:#a6e3a1;--red:#f38ba8;--gold:#f9e2af;--veil:30 30 46}
html[data-theme=kanagawa]{--bg:#1f1f28;--panel:#223249;--panel2:#363646;--border:#54546d;--text:#dcd7ba;--muted:#c8c093;--accent:#dcd7ba;--green:#98bb6c;--red:#c34043;--gold:#e6c384;--veil:31 31 40}
html[data-theme=rosepine]{--bg:#faf4ed;--panel:#f2e9e1;--panel2:#dfdad9;--border:#b5aeb9;--text:#575279;--muted:#6e6a86;--accent:#43737c;--green:#286983;--red:#b4637a;--gold:#a46112;--veil:250 244 237;color-scheme:light}
html[data-theme=hackerman]{--bg:#0b0c16;--panel:#151828;--panel2:#1f253a;--border:#2d3450;--text:#ddf7ff;--muted:#b5c5db;--accent:#82fb9c;--green:#4fe88f;--red:#50f872;--ruby:#e06c75;--gold:#50f7d4;--veil:11 12 22}
body{margin:0;background:var(--bg);color:var(--text);font:12px/1.6 Mono,'Courier New',monospace}
button,a,input,select{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button:hover,a:hover{color:var(--accent)}button:focus-visible,a:focus-visible,canvas:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}button,kbd{user-select:none}button:active{transform:translateY(1px)}
.system-bar{height:38px;background:var(--panel);display:flex;align-items:center;padding:0 22px;gap:22px;border-bottom:1px solid #1d232c;position:relative}.brand-button{padding:0;display:flex}.workspaces{display:flex;gap:7px}.workspaces span{display:grid;place-items:center;width:23px;height:23px;color:var(--muted)}.workspaces .active{background:var(--accent);color:var(--bg)}.bar-title{color:var(--muted);font-size:10px}#clock{position:absolute;left:50%;transform:translateX(-50%);font-size:11px}.system-right{margin-left:auto;display:flex;align-items:center;gap:21px;font-size:10px}.system-right button{padding:0}.online{color:var(--green);font-size:9px}
main{max-width:1512px;margin:0 auto;padding:27px 40px 16px}.masthead{display:flex;align-items:center;justify-content:space-between;margin:0 0 23px}.masthead>div{display:flex;align-items:center;gap:21px}.arcade-label{font-size:10px;letter-spacing:3px;border-left:1px solid var(--border);padding-left:21px;color:var(--accent)}.masthead p{font-size:10px;text-align:right;margin:0;color:var(--muted);line-height:1.8;font-weight:400}.masthead strong{font-weight:400;color:var(--text)}
.desktop{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:15px;align-items:start}.window{border:1px solid var(--border);background:var(--panel)}.game-window{box-shadow:0 6px 0 #171d2520}.window-bar,.panel-heading{height:35px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 13px;gap:9px;font-size:10px;color:var(--muted)}.window-dot{height:6px;width:6px;background:var(--accent)}.window-right{margin-left:auto;font-size:9px;display:flex;align-items:center;gap:15px}.window-right button{font-size:16px;padding:0}
.game-screen{position:relative;background:var(--bg);overflow:hidden;isolation:isolate}canvas{display:block;width:100%;height:auto;aspect-ratio:960/500;image-rendering:pixelated;image-rendering:crisp-edges;outline:none;touch-action:none}#scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0px,#0000 3px,#00000015 3px,#00000015 4px);z-index:8;opacity:.55}
.title-screen{position:absolute;top:14%;left:5%;z-index:5;max-width:68%;text-shadow:0 2px #1b222b}.title-screen:before{content:'';position:absolute;inset:-35px -70px -35px -50px;background:linear-gradient(90deg,#202834e8,#202834a0 76%,transparent);z-index:-1}.eyebrow{color:var(--accent);font-size:clamp(7px,.8vw,10px);letter-spacing:2px;display:flex;align-items:center;gap:9px}.eyebrow>span{height:5px;width:5px;background:var(--green)}h1{font-size:clamp(27px,3.65vw,53px);line-height:1.12;font-weight:900;letter-spacing:-2px;margin:21px 0 17px;color:var(--text)}h1 span{color:var(--accent)}.title-screen p{color:#b2c0d1;font-size:clamp(9px,1vw,12px);margin:0 0 27px;line-height:1.9}
.primary{color:var(--bg);background:var(--accent);border:1px solid var(--accent);padding:12px 19px;min-width:220px;font-size:11px;letter-spacing:1px;text-shadow:none;box-shadow:4px 4px #16202b}.primary:hover{color:var(--bg);background:var(--text);border-color:var(--text)}.primary kbd{margin-left:28px;color:var(--bg);border-color:#24293360}.title-meta{margin-top:24px;font-size:8px;letter-spacing:1.5px;color:#8a99ab}.continue{display:block;color:var(--accent);font-size:10px;margin-top:12px;padding:0}.scene-caption{position:absolute;bottom:23px;left:5%;right:5%;display:flex;gap:14px;align-items:center;color:#c0cfdd;font-size:8px;letter-spacing:1px}.scene-caption>span:first-child{border:1px solid #6b8293;padding:1px 4px}.scene-caption-line{width:30px;height:1px;background:#6b8293}
.game-footer{height:36px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.7px;gap:10px;color:var(--muted)}.game-footer>span:first-child{display:flex;align-items:center;gap:6px}.game-footer button{font-size:8px;padding:0}.status-light{width:5px;height:5px;display:inline-block;background:var(--green)}#statusText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:290px}
.sidebar{display:flex;flex-direction:column;gap:14px}.panel-heading{justify-content:space-between}.mission-body{padding:18px 16px}.small-label{font-size:8px;color:var(--muted);letter-spacing:1.5px}h2{font-size:15px;line-height:1.4;font-weight:400;margin:8px 0 12px;color:var(--accent)}.mission-body p{font-size:10px;line-height:1.9;color:var(--muted);margin:0 0 19px}.route>div{display:flex;align-items:center;gap:11px;min-height:57px;border-top:1px solid #63708835;opacity:.55;font-size:10px}.route>div>span{font-size:9px;color:var(--muted)}.route small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.route b{margin-left:auto;color:var(--accent)}.route .current,.route .complete{opacity:1}.route .current>span{color:var(--accent)}.objective-note{border-left:2px solid var(--accent);padding-left:10px;margin-top:14px;font-size:8px;color:var(--muted);line-height:1.9}.controls{padding-bottom:10px}.controls .panel-heading{margin-bottom:8px}.key-row{display:flex;justify-content:space-between;align-items:center;padding:4px 15px;font-size:9px;color:var(--muted)}kbd{border:1px solid var(--border);background:#d8dee909;color:var(--text);display:inline-block;padding:0 5px;font:9px/1.8 Mono,monospace;min-width:21px;text-align:center;box-shadow:0 1px #0004}
.research-button{border:1px dashed var(--border);padding:12px 15px;text-align:left;font-size:10px}.research-button small{font-size:8px;color:var(--muted);display:block;margin-top:3px}.desktop-footer{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:8px;letter-spacing:1px;margin-top:20px;gap:12px}.desktop-footer>div{display:flex;gap:12px;letter-spacing:0}.desktop-footer button{padding:0}.unofficial{font-size:7px}
.hud{position:absolute;top:16px;left:20px;right:20px;display:flex;justify-content:space-between;z-index:3;text-shadow:2px 2px #16202b;pointer-events:none}.hud>div{background:#202834b8;padding:5px 10px}.hud small{display:block;font-size:8px;letter-spacing:.5px;color:var(--text)}.hud span{font-size:15px;letter-spacing:2px;color:var(--accent)}.hud-middle{text-align:center}.hud .hud-middle span{font-size:9px;letter-spacing:0;color:var(--green)}.hud-score{text-align:right}.hud-score b{color:var(--ruby,var(--red))}.hud .hud-score span{color:var(--gold);font-size:13px}
.context-prompt{position:absolute;bottom:21%;left:50%;transform:translateX(-50%);font-size:11px;padding:9px 15px;background:#242933ed;color:#e5e9f0;border:1px solid var(--accent);z-index:4;white-space:nowrap}.game-message{position:absolute;inset:0;background:#1b222bd9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:7;text-align:center;padding:20px}.game-message small{font-size:10px;letter-spacing:2px;color:var(--accent)}.game-message h2{font-size:clamp(20px,3vw,38px);font-weight:700;color:var(--text);margin:14px 0}.game-message p{font-size:11px;color:var(--muted);max-width:450px}.game-message button{margin-top:14px}
.touch-controls{display:none;justify-content:space-between;margin-top:14px;gap:10px;touch-action:none}.touch-controls>div{display:flex;gap:7px}.touch-controls button{border:1px solid var(--border);background:var(--panel);height:48px;min-width:48px;padding:0 12px;font-size:10px;touch-action:none}.touch-controls button.pressed{background:var(--accent);color:var(--bg)}
dialog{color:var(--text);background:var(--panel);border:1px solid var(--border);padding:0;width:min(610px,calc(100% - 30px));max-height:85vh;box-shadow:9px 9px #0005}dialog::backdrop{background:#141a24c9;backdrop-filter:blur(4px)}.modal-heading{height:49px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);border-bottom:1px solid var(--border)}.modal-heading button{font-size:9px}#modalBody{padding:22px;overflow:auto;max-height:calc(85vh - 50px)}#modalBody h3{font-size:15px;font-weight:400;color:var(--accent);margin:0 0 15px}#modalBody p{font-size:11px;color:var(--muted);line-height:1.9}#modalBody a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;min-height:45px;width:100%;text-align:left;border:0;background:transparent}.menu-item:hover,.menu-item:focus-visible{background:var(--panel2);outline:none}.menu-item small{color:var(--muted);font-size:9px}.menu-item.active{background:var(--panel2);color:var(--accent)}.swatches{display:flex;gap:3px}.swatches i{width:13px;height:13px;display:block}
.settings-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:14px 0;gap:15px;font-size:11px}.settings-row select{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:7px}.settings-row input[type=range]{width:120px;accent-color:var(--accent)}.settings-row input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.source-entry{padding:13px 0;border-top:1px solid var(--border)}.source-entry p{margin:4px 0}.source-entry a{font-size:11px}.tag{font-size:8px;color:var(--muted);display:block}.manual-grid{display:grid;grid-template-columns:130px 1fr;gap:11px;font-size:10px;margin:18px 0}.manual-grid>span{color:var(--muted)}[hidden]{display:none!important}
.game-window:fullscreen{display:flex;flex-direction:column;justify-content:center;background:var(--bg)}.game-window:fullscreen .game-screen{max-height:calc(100vh - 72px);width:100%;display:flex;justify-content:center}.game-window:fullscreen canvas{width:auto;height:min(calc(100vh - 72px),52.08vw)}.game-window:fullscreen .title-screen{left:8%}.game-window:fullscreen .game-footer{flex-shrink:0}
@media(min-width:1500px){h1{font-size:53px}}
@media(max-width:1100px){main{padding:24px}.desktop{grid-template-columns:minmax(0,1fr) 213px;gap:12px}.mission-body{padding:13px}.mission-body p{font-size:9px}.route>div{min-height:51px;font-size:9px}.route small{font-size:7px}.controls{display:none}.title-screen p{margin-bottom:17px}.title-meta{margin-top:18px}.primary{padding:10px 15px;min-width:190px}.sidebar{gap:12px}.desktop-footer{font-size:7px;letter-spacing:0}#statusText{max-width:160px}}
@media(max-width:760px){.system-bar{padding:0 15px;gap:15px}.bar-title{display:none}main{padding:19px 12px}.masthead{margin-bottom:17px}.arcade-label{font-size:8px;padding-left:12px;letter-spacing:2px}.masthead>div{gap:12px}.masthead p{font-size:8px}.desktop{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr}.mission{display:none}.research-button{padding:9px 12px;display:flex;justify-content:space-between;align-items:center}.research-button small{margin:0}.title-screen{top:12%;left:5%}h1{font-size:clamp(27px,6.5vw,48px);margin:14px 0 10px;letter-spacing:-1px}.title-screen p{font-size:9px;line-height:1.7;margin-bottom:18px}.eyebrow{font-size:7px;letter-spacing:1px}.title-meta,.scene-caption{display:none}.primary{font-size:9px;padding:9px 12px;min-width:176px}.continue{font-size:8px;margin-top:9px}.touch-controls{display:flex}.desktop-footer{margin-top:19px;flex-wrap:wrap;gap:10px}.unofficial{display:none}.hud{top:8px;left:8px;right:8px}.hud>div{padding:3px 6px}.hud small{font-size:6px}.hud span{font-size:11px}.hud .hud-middle span{font-size:7px}.context-prompt{font-size:8px;padding:5px 8px}.game-message h2{margin:9px 0}.game-message p{font-size:9px;margin:5px 0}.game-message small{font-size:8px}.game-message button{margin-top:8px}.window-bar{height:30px}.game-footer{font-size:7px;padding:0 9px;height:30px}.game-footer button{font-size:7px}.window-right{font-size:8px}.system-right{gap:12px}#statusText{max-width:140px}}
@media(max-width:420px){.masthead p,.title-screen p{display:none}.touch-controls{gap:5px}.touch-controls>div{gap:5px}.touch-controls button{font-size:8px;min-width:44px;padding:0 8px;height:46px}.title-screen{top:10%}h1{margin:10px 0 12px;font-size:25px}.primary{padding:7px 10px;min-width:165px;font-size:8px}.game-footer{font-size:6px}.hud-middle{display:none}.research-button{font-size:9px}.research-button small{font-size:7px}#statusText{max-width:102px}.manual-grid{grid-template-columns:100px 1fr}}
/* Small desktop refinements; the playfield and its proportions stay intact. */
html{--veil:32 40 52}
body{isolation:isolate}
#ambientPixels{position:fixed;inset:0;width:100%;height:100%;aspect-ratio:auto;pointer-events:none;z-index:-1;opacity:.55}
.system-bar,main{position:relative}
.desktop.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}
.window-right button{min-width:24px;min-height:24px}
#sidebarToggle{font-size:16px}
.terminal-cursor{animation:cursor-blink 1.2s steps(1,end) infinite}
@keyframes cursor-blink{0%,65%,100%{opacity:1}66%,99%{opacity:0}}
html[data-reduced=true] .terminal-cursor{animation:none}
.title-screen{text-shadow:0 2px rgb(var(--veil)/.7)}
.title-screen:before{background:linear-gradient(90deg,rgb(var(--veil)/.93),rgb(var(--veil)/.65) 76%,transparent)}
.title-screen p{color:var(--muted)}
.title-meta{color:var(--muted)}
.hud{text-shadow:1px 1px rgb(var(--veil)/.7)}
.hud>div{background:rgb(var(--veil)/.82)}
.game-message{background:rgb(var(--veil)/.95)}
.context-prompt{background:var(--panel);color:var(--text)}
.explore-strip{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:19px;padding:13px 0;border-top:1px solid var(--border);font-size:9px;color:var(--muted)}
.explore-strip>div{display:flex;gap:22px}.explore-strip a,.creator-credit{color:var(--accent)}
.explore-strip a:hover,.creator-credit:hover{text-decoration:underline;text-underline-offset:4px}
.desktop-footer{margin-top:8px}.creator-credit{letter-spacing:0}

.victory-links{display:flex;gap:18px;margin-top:17px;font-size:10px;color:var(--accent)}
.game-window:fullscreen .game-screen{flex:none;width:min(100vw,calc((100vh - 72px)*1.92));align-self:center}
.game-window:fullscreen canvas{width:100%;height:auto}
.game-window:fullscreen .title-screen{left:5%}
html[data-theme=rosepine] .primary{color:#faf4ed}
html[data-theme=rosepine] .primary:hover{background:#575279;color:#faf4ed}
html[data-theme=rosepine] .primary kbd{color:#faf4ed;border-color:#faf4ed80}
html[data-theme=rosepine] .scene-caption{color:var(--text)}
@media(pointer:coarse){.touch-controls{display:flex}.system-right button{min-height:30px}.window-right button{min-height:28px}}
@media(max-width:760px){.explore-strip{flex-wrap:wrap;font-size:8px;gap:9px;margin-top:15px;padding:11px 0}.explore-strip>div{gap:18px}.window-right{gap:8px}.victory-links{font-size:8px;margin-top:10px}}
@media(max-width:420px){.window-format{display:none}.window-right{gap:7px}.window-right button{min-width:25px}#clock{display:none}.settings-row{align-items:flex-start}.settings-row select{max-width:145px}.title-screen .primary kbd{margin-left:12px}.title-screen h1{font-size:24px}.game-message{padding:12px}}
@media(prefers-reduced-motion:reduce){html:not([data-reduced=false]) .terminal-cursor{animation:none}}
/* Unicode block runs use shared CSS cells for seam-free, font-independent geometry. */
.brand-art{display:grid;flex:none;user-select:none;--brand-columns:81;--brand-rows:19;grid-template-rows:repeat(var(--brand-rows),minmax(0,1fr))}
.brand-row{display:grid;grid-template-columns:repeat(var(--brand-columns),minmax(0,1fr));min-height:0}
.brand-row>span{display:block;min-width:0;overflow:hidden;font-size:0;line-height:0;background:var(--brand-tone)}
.wordmark{--brand-width:246px;width:var(--brand-width);height:calc(var(--brand-width)*950/4131)}
.brand-symbol{--brand-columns:15;--brand-rows:15;width:19px;height:19px}
@media(max-width:760px){.wordmark{--brand-width:168px}}
/* One scroll owner: keep the heading fixed while the content scrolls. */
/* Paint the reserved scrollbar gutter too, so the top bar reaches the edge. */
html{scrollbar-gutter:stable;background:linear-gradient(to bottom,var(--panel) 0 37px,#1d232c 37px 38px,var(--bg) 38px) no-repeat var(--bg)}
html:has(dialog[open]){overflow:hidden}
dialog{overflow:hidden;max-height:85vh;max-height:min(85dvh,calc(100dvh - 32px))}
dialog[open]{display:flex;flex-direction:column}
.modal-heading{flex:0 0 49px;min-height:49px}
#modalBody{min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--border) var(--panel);flex:1 1 auto}
/* Keep help close to the boot action and visible throughout a run. */
.title-screen{max-width:90%}
.title-actions{display:flex;align-items:stretch;gap:12px}
.title-actions>button{flex:none;white-space:nowrap}
.manual-cta{border:1px solid var(--accent);background:var(--panel2);background:color-mix(in srgb,var(--accent) 8%,var(--panel));color:var(--accent);padding:10px 15px;font-size:10px;letter-spacing:.5px;text-shadow:none}
.manual-cta:hover,.game-footer .field-manual:hover{background:var(--panel2);color:var(--text);border-color:var(--text)}
.game-footer .field-manual{flex:none;min-height:22px;padding:2px 7px;font-size:8px;font-weight:400;letter-spacing:.3px;white-space:nowrap}
.manual-note{border-left:2px solid var(--accent);padding:2px 0 2px 13px;margin:20px 0}
#modalBody .manual-note h3{font-size:12px;margin:0 0 6px}
#modalBody .manual-note p{margin:0}
@media(max-width:1100px){.title-actions{gap:10px}.manual-cta{padding:9px 12px;font-size:9px}}
@media(max-width:760px){.title-actions>button{min-height:44px}.manual-cta{font-size:8px;padding:8px 10px}.game-footer{min-height:36px;gap:7px}.game-footer .field-manual{font-size:7px;min-height:22px;padding:2px 6px}}
@media(max-width:420px){.title-actions{gap:8px}.title-actions .primary{min-width:150px}}
@media(max-width:360px){.title-screen{top:7%}.title-screen .eyebrow{font-size:6px;letter-spacing:.5px}.title-screen h1{font-size:21px;margin:7px 0 8px}.title-actions .primary{min-width:135px;padding:6px 8px}.title-actions .primary kbd{margin-left:6px}.manual-cta{padding:6px 8px;letter-spacing:0}.continue{margin-top:6px}}

/* Focus restoration must not scroll the clipped playfield on small screens. */
.game-screen{overflow:clip}
.game-window:fullscreen{--fullscreen-chrome:72px}
.game-window:fullscreen .game-screen{width:min(100%,calc((100vh - var(--fullscreen-chrome))*1.92));width:min(100%,calc((100dvh - var(--fullscreen-chrome))*1.92));max-height:calc(100dvh - var(--fullscreen-chrome))}
.game-window:fullscreen .touch-controls{flex:none;align-self:center;width:min(960px,100%);margin:0;padding:8px 12px}
@media(max-width:760px),(pointer:coarse){.game-window:fullscreen{--fullscreen-chrome:136px}}
/* Keep sound and theme controls on one line at the narrowest supported width. */
@media(max-width:420px){.system-bar{padding:0 12px;gap:10px}.system-right button{white-space:nowrap}}
/* A small readability lift for the mission route and creator signature. */
.route>div{font-size:11px;opacity:.72}
.route>div>div{min-width:0}
.route small{font-size:9px;line-height:1.6}
.route .current,.route .complete{opacity:1}
.objective-note{font-size:9px}
.creator-credit{font-size:10px}
@media(min-width:761px) and (max-width:1100px){.route>div{font-size:10px;gap:8px}.route small{font-size:8px}}
.system-right{font-size:11px;gap:18px}
.system-right button{display:inline-flex;align-items:center;gap:6px;min-height:28px;white-space:nowrap;color:var(--muted)}
.system-right .system-icon{font-size:13px;color:var(--accent)}
.system-label{font-size:10px;letter-spacing:.6px;color:var(--text)}
.system-right button:hover,.system-right button:hover .system-label{color:var(--accent)}
#soundTop[aria-pressed=false] .system-icon{color:var(--muted)}
#soundTop .system-value{min-width:3ch}
@media(max-width:760px){.system-right{gap:12px}.system-right button{gap:5px}}
@media(max-width:620px){#clock{display:none}}
@media(max-width:540px){.system-right{gap:10px}.system-right .system-value{display:none}.system-right button{gap:4px}.system-label{letter-spacing:.3px}}
/* Sharing belongs to the same compact, keyboard-friendly desktop shell. */
.share-icon{width:14px;height:14px;flex:none;color:var(--accent)}
#shareTop{border-left:1px solid var(--border);padding-left:14px}
.community-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;padding:2px 0 13px;font-size:9px;color:var(--muted)}
.community-links>span{font-size:8px;letter-spacing:.8px}.community-links a{color:var(--accent)}
.community-links a:hover{text-decoration:underline;text-underline-offset:4px}
.share-link-label{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);margin:18px 0 6px}
.share-link-row{display:flex;border:1px solid var(--border);background:var(--bg)}
.share-link-row input{min-width:0;flex:1;width:100%;border:0;padding:12px;color:var(--text);background:transparent;font-size:12px}
.share-copy{flex:none;padding:10px 13px;background:var(--panel2);color:var(--accent);border-left:1px solid var(--border);font-size:11px}
.share-copy:hover{background:var(--border);color:var(--text)}
.share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}
#modalBody .share-option{border:1px solid var(--border);font-size:11px;text-decoration:none;color:var(--text);gap:8px;padding:11px 13px;min-height:46px}
.share-option>span:last-child{color:var(--accent)}
.share-option:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
#modalBody .share-status{min-height:3.8em;color:var(--accent);margin:15px 0 0}
#modalBody .share-footnote{font-size:10px;margin:10px 0 0}
@media(max-width:900px){.bar-title{display:none}}
@media(max-width:760px){#clock{display:none}}
@media(max-width:760px){.share-link-row input{font-size:16px}}
@media(max-width:540px){#shareTop{padding-left:8px}.system-right .online{display:none}.system-bar{gap:10px;padding:0 12px}.workspaces{gap:4px}.workspaces span{width:20px}}
@media(max-width:360px){.system-right{gap:7px}.system-bar{gap:8px;padding:0 10px}.workspaces{gap:3px}.workspaces span{width:18px}.share-link-row{flex-wrap:wrap}.share-copy{width:100%;border-left:0;border-top:1px solid var(--border);min-height:42px}.share-option small{font-size:8px}#modalBody .share-option{padding:10px;gap:5px}.community-links{gap:8px 12px}.community-links>span{flex-basis:100%}}
@media(max-width:360px){#shareDiscord,#shareNative{grid-column:1/-1}}