html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.language-picker select{height:36px;max-width:62px;border:1px solid #7b9480;border-radius:8px;background:#f2eedf;color:#193b36;font:inherit}header{min-height:64px;padding-left:68px!important}header .brand{display:none}header button{min-width:44px;min-height:44px}dialog{max-height:88dvh;overflow:auto}button,canvas{touch-action:none}.brand span{color:#a7ff19}
.edition{margin-left:0}header .language-picker{margin-left:auto}header{padding-top:max(6px,env(safe-area-inset-top));padding-right:max(6px,env(safe-area-inset-right))}body.playing{height:100dvh;overflow:hidden}body.playing main{height:100%;display:flex;flex-direction:column;padding:4px max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))}body.playing header,body.playing .dashboard,body.playing .control-panel{flex-shrink:0}body.playing .cabinet{flex:1;min-height:0}body.playing canvas{width:100%;height:100%;aspect-ratio:auto}body.playing .control-panel{padding:8px;margin-top:4px}body.playing .control-copy{display:none}body.playing .network-keys{max-width:none}body.playing .network-keys button{min-height:52px}body.playing #panic{height:112px}#overlay{overflow:auto}#overlay article{margin:auto}
@media(orientation:landscape) and (max-height:600px){body.playing main{display:grid;grid-template-columns:minmax(0,1fr) 210px;grid-template-rows:64px 48px minmax(0,1fr);gap:4px}body.playing header{grid-column:1/-1;margin:0;padding-bottom:4px}body.playing .dashboard{grid-column:1;grid-row:2;border-radius:8px;padding:4px 12px}body.playing .dashboard b{font-size:15px}body.playing .cabinet{grid-column:1;grid-row:3;border:0;border-radius:8px}body.playing .control-panel{grid-column:2;grid-row:2/4;flex-direction:column;margin:0;padding:6px;gap:6px}body.playing .network-keys{width:100%;flex:1}body.playing .network-keys button{min-height:44px;font-size:10px}body.playing .network-keys small{margin-bottom:0}body.playing #panic{width:100%;height:64px;min-height:64px;font-size:18px}body.playing #panic strong{margin:0;font-size:11px}#overlay{position:fixed;z-index:50;padding:8px}#overlay article{padding:16px;max-width:510px}#overlay h2{font-size:24px;margin:4px}#overlay .instructions{margin:8px 0}#overlay article p{margin:6px 0}#overlay #play{padding:10px}}

.keyboard-guide{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;margin-top:6px;padding:8px 12px;font-size:12px;line-height:1.5;color:#213d42;background:#e1e8d9;border:1px solid #bac9b7;border-radius:10px;flex-shrink:0}.keyboard-guide strong{width:100%;text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:1px}@media(pointer:coarse){.keyboard-guide{display:none}}