@import url("./window-controls.css?v=b259134ca6558a88cce77ebf1f96042785982de5");
/* Shared OS chrome. Title controls deliberately do not inherit toolbar icon sizing. */
:root{--os-face:#b8bda2;--os-hi:#d5d7bd;--os-lo:#475e4e;--os-frame:#7f8974;--os-title:#526e67;--os-ink:#34483b}
.welcome,.application-card,.play-view .box-frame,dialog{border:3px solid #c0c4aa;border-right-color:#344738;border-bottom-color:#344738;background:var(--os-frame);padding:3px;box-shadow:6px 6px #16271f}
.window-title,.welcome header,dialog header{height:32px;min-height:32px;padding:3px 6px;display:flex;align-items:center;justify-content:space-between;gap:6px;background:var(--os-title);color:#e3e2c8;border-bottom:2px solid #354d45;letter-spacing:0;flex:none}
.window-title::before{display:none}.window-title>span:first-child,.welcome header>span,dialog header h2{min-width:0;flex:1;margin:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.window-controls,.drawer-tools{display:flex;align-items:center;gap:3px;flex:none;margin:0}
.window-controls button,.launch-close,.welcome header button,dialog header button,dialog header .icon-button{box-sizing:border-box;position:relative;display:grid;place-items:center;flex:0 0 24px;width:24px;min-width:24px;max-width:24px;height:24px;min-height:24px;max-height:24px;padding:0;margin:0;background:var(--os-face);color:var(--os-ink);border:2px solid var(--os-hi);border-right-color:var(--os-lo);border-bottom-color:var(--os-lo);box-shadow:none;line-height:1;text-decoration:none}
.window-controls button:active,.launch-close:active,.welcome header button:active,dialog header button:active{border-color:var(--os-lo) var(--os-hi) var(--os-hi) var(--os-lo)}
dialog header .pixel-icon{position:relative;width:24px;height:20px;transform:scale(.5);transform-origin:center;margin:0}dialog header .icon-button::after{display:none}
.window-glyph{display:block;position:relative;width:10px;height:10px;flex:none}.glyph-close::before{content:'';position:absolute;top:0;left:0;width:2px;height:2px;background:currentColor;box-shadow:8px 0,2px 2px,6px 2px,4px 4px,2px 6px,6px 6px,0 8px,8px 8px}
.welcome-body,#drawerContent,.window-story .record,.result-panel{border:2px solid #506348;border-right-color:#c1c8a9;border-bottom-color:#c1c8a9;box-shadow:inset 1px 1px #1f2d22}
dialog footer{display:flex;align-items:center;justify-content:space-between;background:var(--os-face);border-top:2px solid var(--os-hi);padding:4px;margin:0}dialog footer button{width:32px;height:32px;min-height:32px;padding:0;background:var(--os-face);color:var(--os-ink);border:2px solid var(--os-hi);border-right-color:var(--os-lo);border-bottom-color:var(--os-lo)}dialog footer button:active:not(:disabled){border-color:var(--os-lo) var(--os-hi) var(--os-hi) var(--os-lo)}
.window-story .record{overflow:auto}
dialog .drawer-tools button.icon-button{background:var(--os-face);border:2px solid var(--os-hi);border-right-color:var(--os-lo);border-bottom-color:var(--os-lo)}dialog .drawer-tools button.icon-button:active{border-color:var(--os-lo) var(--os-hi) var(--os-hi) var(--os-lo)}dialog .drawer-tools .pixel-icon{transform:scale(.5)}.window-story .record{align-self:stretch;width:100%}

/* One pressed-button grammar for command buttons. Menu/tab controls remain flat. */
#game button{position:relative;border-style:solid;border-width:2px;border-top-color:var(--os-hi);border-left-color:var(--os-hi);border-right-color:var(--os-lo);border-bottom-color:var(--os-lo);box-shadow:1px 1px 0 #1b2a20;transform:translate(0,0);transition:none}
#game button:active:not(:disabled){border-color:var(--os-lo) var(--os-hi) var(--os-hi) var(--os-lo);box-shadow:none;transform:translate(1px,1px)}
#game button:disabled{box-shadow:none}
/* Sound stays a flat toolbar indicator rather than a mechanical command button. */
#game #soundBtn,#game #soundBtn:active:not(:disabled){border:0;box-shadow:none;transform:none}
/* Menus and tab strips are selectors, not mechanical command buttons. Restore their original flat treatment. */
#game #drawerTabs button,#game #drawerTabs button:active:not(:disabled){border:0;border-bottom:2px solid transparent;box-shadow:none;transform:none}
#game #drawerTabs button[aria-pressed=true]{border-bottom-color:#526a45}
#game dialog:focus{outline:none}
#game .launch-close{box-shadow:1px 1px 0 #1b2a20;transform:translate(0,0)}
#game .launch-close:active{box-shadow:none;transform:translate(1px,1px)}