/* Shared cabinet header. IDs intentionally override older Coffee Run toolbar styles. */
#arcade-game-header{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:6px 12px;flex:none;background:#1a231c;border-bottom:1px solid #323b31;color:#eeeede;font:12px/1.4 'Courier New',monospace;position:relative;z-index:10;min-width:0}
#arcade-game-header *{box-sizing:border-box}
#arcade-game-header .game-brand{font:bold 18px/1.2 'Courier New',monospace;letter-spacing:-.5px;color:#eeeede;text-decoration:none;white-space:nowrap}
#arcade-game-header .game-brand span{color:#ffac43}
#arcade-game-header .game-toolbar{display:flex;align-items:center;flex-wrap:nowrap;gap:14px;min-height:40px;height:auto;padding:0;border:0;background:none;min-width:0;font:inherit}
#arcade-game-header .toolbar-actions{display:flex;align-items:center;gap:6px;margin:0;width:auto}
#arcade-game-header .level-label{display:flex;align-items:center;margin:0}
#arcade-game-header .score-display{color:#c0f977;white-space:nowrap;font:12px/1.4 'Courier New',monospace}
#arcade-game-header .score-display strong{font:bold 14px/1.4 'Courier New',monospace;margin-left:6px}
#arcade-game-header #level-label{font:10px/1.4 'Courier New',monospace;white-space:nowrap;color:#c0f977}
#arcade-game-header button,#arcade-game-header summary{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-height:40px;margin:0;padding:5px;border:0;border-radius:0;box-shadow:none;background:transparent;color:#bbc2b0;font:11px/1.4 'Courier New',monospace;letter-spacing:0;white-space:nowrap;cursor:pointer}
#arcade-game-header button:disabled{opacity:.4;cursor:default}
#arcade-game-header [hidden]{display:none!important}
#arcade-game-header #sound::before{content:none}
#arcade-game-header #sound-state{font:inherit;color:inherit}
#arcade-game-header #fullscreen{min-width:32px}
#arcade-game-header .arcade-home-logo{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;background:none}
#arcade-game-header .arcade-home-logo img{display:block;width:100%;height:100%;object-fit:contain}
#arcade-game-header .game-header-menu{position:relative}
#arcade-game-header summary{list-style:none;min-width:32px;font-size:19px}
#arcade-game-header summary::-webkit-details-marker{display:none}
#arcade-game-header nav{position:absolute;top:100%;right:0;min-width:160px;padding:8px;background:#1a231c;border:1px solid #536047;box-shadow:0 8px 20px #0008}
#arcade-game-header nav a,#arcade-game-header nav button{display:flex;width:100%;min-height:44px;align-items:center;justify-content:flex-start;padding:10px;color:#eeeede;text-decoration:none;font:11px/1.4 'Courier New',monospace}
#arcade-game-header :is(button,a,summary):focus-visible{outline:2px solid #c0f977;outline-offset:1px}
@media(max-width:900px){
 #arcade-game-header{grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:4px 10px}
 #arcade-game-header .game-brand{grid-column:1;grid-row:1;font-size:18px}
 #arcade-game-header>.arcade-home-logo{grid-column:2;grid-row:1;width:36px;height:36px}
 #arcade-game-header .game-toolbar{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:6px}
 #arcade-game-header .toolbar-actions{gap:3px}
}
@media(max-width:650px),(pointer:coarse){#arcade-game-header #fullscreen{display:none}}
@media(max-width:400px){#arcade-game-header{padding-inline:6px}#arcade-game-header .score-display{font-size:10px}#arcade-game-header .score-display strong{font-size:12px;margin-left:3px}#arcade-game-header button{font-size:10px;padding:3px}#arcade-game-header #level-label{font-size:9px}#arcade-game-header .toolbar-actions{gap:1px}}
@media(max-height:500px) and (min-width:600px){
 #arcade-game-header{grid-template-columns:minmax(0,1fr) auto auto;gap:6px;padding:3px 8px}
 #arcade-game-header .game-brand{font-size:16px}
 #arcade-game-header .game-toolbar{grid-column:2;grid-row:1}
 #arcade-game-header>.arcade-home-logo{grid-column:3;grid-row:1;width:34px;height:34px}
}
/* Override legacy phone rules that hid the sound label. */
#arcade-game-header #sound{font:11px/1.4 'Courier New',monospace}
@media(max-width:400px){#arcade-game-header #sound{font-size:10px}}