/* Keep the desktop, tools and feedback together. */
.site-header{min-height:108px;padding-block:16px 20px}
.intro{padding:25px 0 24px}
.intro-actions{display:flex;align-items:center;gap:18px;margin-top:18px;flex-wrap:wrap}
.start-breaking{display:flex;align-items:center;gap:10px;padding:10px 16px;min-height:46px;background:var(--orange);color:#253129;border:1px solid #ffd8b6;border-bottom:3px solid #9a6543;border-radius:5px;font-size:15px;font-weight:800}
.start-breaking svg{width:25px;height:25px}.start-breaking:hover{filter:brightness(1.1)}
.explore-desktop{background:none;border:0;border-bottom:1px solid var(--muted);padding:8px 0;color:var(--cream);font-size:13px}
.monitor{scroll-margin-top:12px}.play-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;background:#17271f;border:1px solid var(--line);border-radius:6px;margin:10px 12px 0}
.play-toolbar .stats{gap:20px}.play-toolbar .stats small{color:#bacbb2;font-size:10px}.play-toolbar .stats b{font-size:18px}.play-toolbar .rank-stat{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.play-toolbar .rank-stat b{font-size:12px}
.console{margin-top:10px;border-top:1px solid var(--line);border-radius:8px;padding:16px 18px}
.console-heading{gap:12px}.console-label{font-size:12px;letter-spacing:1px}
.arsenal-expand{border:1px solid var(--line);background:#20372b;color:var(--mint);border-radius:4px;padding:8px 12px;min-height:36px;font-size:12px;font-weight:700;white-space:nowrap}
.arsenal-expand:hover{border-color:var(--mint)}
.console:not(.arsenal-expanded) .tool:not([data-quick-tool]):not(.active){display:none}
.console:not(.arsenal-expanded)[data-extra-selected=true] .tool[data-tool=water]{display:none}
.console .tool{min-height:106px;padding:10px 5px;gap:5px}
.console .tool>span{font-size:12px}.console .tool small{font-size:11px;opacity:1;color:#c2d0bc}.console .tool.active small{color:#35583b}
.console .tool kbd{opacity:1;color:#baceb1;font-size:11px;top:6px;right:6px}.console .tool.active kbd{color:#35583b}
.keyboard-label{font:12px/1.5 'Courier New',monospace;color:#bfd0b7;margin:12px 0 6px}
.tool-help{font-size:12px;max-width:none;color:#bed1b8}.game-bottom{margin-top:4px;min-height:36px}
.console .action-buttons{display:none}.session-bar .stats{display:none}
.challenge-deck{margin:20px 12px 0}.challenge-deck [data-challenge-status],.challenge-goal,.probation-hint,.probation-record{font-size:12px;line-height:1.5;color:#c2d1bc}
.challenge-deck select,.challenge-deck [data-challenge-start]{font-size:12px;min-height:40px}
.game>.purpose-note{margin:24px 12px}.notepad-save-status{font:11px/1.4 Tahoma,Arial,sans-serif;color:#263b30;margin:0;padding:5px 8px;background:#e4e5d9;min-height:25px}.notepad-save-status:empty{display:none}
.mobile-inventory .console:not(.arsenal-expanded) .tool:not([data-quick-tool]):not(.active),.mobile-inventory .console:not(.arsenal-expanded)[data-extra-selected=true] .tool[data-tool=water]{display:flex}
.mobile-inventory .arsenal-expand{display:none}.mobile-inventory .action-buttons{display:flex}.mobile-inventory .keyboard-label{display:none}
body[data-mobile-play] .play-toolbar,body[data-mobile-play] .game>.purpose-note{display:none}
@media(min-width:960px){.desktop{height:clamp(360px,48vh,460px)}}
@media(max-width:850px){.play-toolbar .stats{gap:12px}.play-toolbar .rank-stat{display:none}.play-toolbar{padding:10px}.console .tool small{font-size:11px}.console .tool>span{font-size:11px}}
@media(max-width:580px){.intro{padding:20px 3px}.intro-actions{gap:10px}.start-breaking{font-size:14px}.play-toolbar{margin-inline:3px;flex-wrap:wrap}.play-toolbar .action-buttons{margin-left:auto}.play-toolbar .stats b{font-size:16px}.console{padding:12px 9px}.console-heading{flex-wrap:wrap}.console-label{font-size:11px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.console .tool{min-height:88px}.console .tool>span{font-size:12px}.console .tool small{display:none}.challenge-deck{margin-inline:3px}.keyboard-label{display:none}.mobile-inventory .console .tool{min-height:88px}.mobile-inventory .console .tool>span{font-size:11px}.mobile-inventory .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.start-breaking{transition:none}}

.keyboard-shortcuts{font:12px/1.5 'Courier New',monospace;color:#b9cdb1;margin:0 0 8px}.mobile-inventory .keyboard-shortcuts{display:none}html[data-ui-theme] .console .tool.active small{color:#35583b}
@media(max-width:580px){.keyboard-shortcuts{display:none}}

.play-challenge{display:flex;align-items:center;gap:12px;max-width:420px;padding:8px 12px;color:var(--mint);background:#294232;border:1px solid #6b8864;border-radius:5px;font-size:12px;text-align:left}.play-challenge[hidden]{display:none}.play-challenge strong{font:700 17px/1.2 'Courier New',monospace;white-space:nowrap}.play-challenge[data-state=failed]{border-color:#cb906d}.play-toolbar{flex-wrap:wrap}.play-toolbar>.action-buttons{margin-left:auto}@media(max-width:850px){.play-challenge{max-width:300px;font-size:11px}.play-challenge strong{font-size:14px}}
/* Readable supporting copy and comfortable control targets. */
.play-toolbar .stats small{font-size:11px}.play-toolbar .rank-stat b{font-size:13px}
.play-challenge{min-height:44px;font-size:13px}.play-challenge[data-state=ready]{color:#e6efd2;border-color:#91a57c}
.play-challenge:focus-visible,.arsenal-expand:focus-visible{outline:3px solid #f5cc90;outline-offset:3px}
.keyboard-label,.keyboard-shortcuts,.tool-help,.challenge-deck [data-challenge-status],.challenge-goal,.probation-hint,.probation-record,.probation-practice{font-size:13px;line-height:1.5}
.console .tool small,.console .tool kbd{font-size:12px}.console .tool>span{font-size:13px}
.arsenal-expand,.challenge-deck select,.challenge-deck [data-challenge-start]{min-height:44px;font-size:13px}
.probation-practice{min-height:44px}.probation-practice input{width:20px;height:20px}
.notepad-save-status{font-size:12px}.office-postcard .office-postcard-hint{font-size:12px;line-height:1.5}
.mobile-inventory .challenge-goal,.mobile-inventory [data-challenge-status],.mobile-inventory .tool-help{font-size:12px;line-height:1.5}
.mobile-inventory .challenge-deck select,.mobile-inventory .challenge-deck [data-challenge-start]{font-size:12px;min-height:44px}
.mobile-inventory .fly-toggle{min-height:44px}.mobile-arsenal [data-mobile-close]{min-width:44px;min-height:44px}
.office-boss-button{min-height:44px;font-size:11px}.office-work-cover .office-sheet-header button{min-height:44px;font-size:13px}
body[data-mobile-play] .monitor-top{height:49px;flex-basis:49px}
body[data-mobile-play] .office-boss-button{min-height:44px;min-width:44px;font-size:10px}
body[data-mobile-play] .desktop-mode-tabs button,body[data-mobile-play] .icon-button{min-height:44px}
@media(max-width:580px){.console .tool>span{font-size:12px}.play-challenge{max-width:100%;font-size:12px}.play-toolbar .stats{gap:14px}}

/* A quiet release history, available without opening another screen. */
.site-changelog{margin:4px 3px 0;border-top:1px solid var(--line);color:var(--muted);font:13px/1.6 Arial,Helvetica,sans-serif}
.site-changelog summary{display:flex;align-items:center;gap:8px 20px;min-height:48px;padding:10px 0;cursor:pointer;list-style:none}
.site-changelog summary::-webkit-details-marker{display:none}
.site-changelog summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px;border-radius:2px}
.site-changelog summary:hover .changelog-label{color:var(--mint)}
.changelog-label{color:var(--cream);font-weight:700}
.changelog-latest{display:flex;flex-wrap:wrap;gap:0 6px;margin-left:auto;font-size:12px}
.site-changelog time{font-family:'Courier New',monospace;font-variant-numeric:tabular-nums;white-space:nowrap}
.changelog-chevron{align-self:center;color:var(--mint);font-size:20px;line-height:1;transform:translateY(-2px)}
.site-changelog[open] .changelog-chevron{transform:rotate(180deg)}
.changelog-entries{list-style:none;margin:0;padding:2px 0 12px;max-width:860px;text-align:left}
.changelog-entries li{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;padding:14px 0;border-top:1px solid var(--line)}
.changelog-entries li>time{padding-top:1px;font-size:12px}
.changelog-entries h3{margin:0;color:var(--cream);font-size:13px;line-height:1.6}
.changelog-entries p{margin:4px 0 0;line-height:1.65}
@media(max-width:580px){.site-changelog summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px}.changelog-latest{grid-column:1;margin-left:0}.changelog-chevron{grid-column:2;grid-row:1/3}.changelog-entries li{grid-template-columns:1fr;gap:4px}}