:root {color-scheme:light;font-family:Verdana,Arial,sans-serif;background:#000;color:#eee}
* {box-sizing:border-box}
html,body {margin:0;min-height:100%;overscroll-behavior:none}
body {display:flex;justify-content:center;align-items:center;padding:10px;background:#000}
.app {width:min(100%,620px)}
.screen-wrap {position:relative;width:100%;background:#000}
.screen {width:100%;aspect-ratio:11/8;position:relative;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.screen>svg {display:block;width:100%;height:100%;touch-action:none;user-select:none}
.screen.playing:not(.dragging), .screen.playing:not(.dragging) * {cursor:crosshair!important}
.screen.playing.dragging, .screen.playing.dragging * {cursor:none!important}
.loading {position:absolute;inset:0;display:grid;place-items:center;color:#000;font-weight:700}
.more-games {position: relative;display:block;margin:-60px auto 0;min-height:38px;padding:8px 20px;border:2px solid #00ffff;border-radius:2px;background:#000;color:#00ffff;font:700 12px Verdana,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;cursor:pointer;touch-action:manipulation}
.more-games:hover {background:#00ffff;color:#000}
.more-games:focus-visible {outline:2px solid #fff;outline-offset:3px}
.more-games[hidden] {display:none!important}
@media(max-width:600px){
 body{padding:3px;align-items:flex-start;padding-top:max(3px,env(safe-area-inset-top))}
 .app{width:100%}
 .more-games{min-height:42px;font-size:12px;margin-top:10px}
}