/* Tab Arcade Hextris adaptation, modified 2026-10-17. GPL-3.0-or-later. */
@font-face {font-family:Exo;src:url('fonts/ibm-plex-sans-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face {font-family:Exo;src:url('fonts/ibm-plex-sans-semibold.ttf') format('truetype');font-weight:600 800;font-display:swap}
:root {--ink:#2c3e50;--paper:#ecf0f1;--focus:#087c75}
html,body {width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
body {font-family:Exo,'Trebuchet MS',sans-serif;touch-action:none}
button {font-family:inherit}
button:focus-visible,img[role="button"]:focus-visible,a:focus-visible,canvas:focus-visible {outline:3px solid var(--focus);outline-offset:3px}
button:active,img[role="button"]:active {transform:scale(.96)}
button:hover,img[role="button"]:hover {filter:brightness(.92)}
button:disabled {opacity:.45;cursor:wait}
[hidden] {display:none!important}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.source-link {position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:4000;color:var(--ink);font-size:11px;text-underline-offset:3px;padding:12px;min-height:20px;display:flex;align-items:center}
.source-link:hover {color:var(--focus)}
#restart {left:50%;bottom:55px;width:60px;height:60px}
#buttonCont {pointer-events:none;bottom:24px;height:1px}
#inst_main_body {width:min(76%,430px);max-height:calc(100% - 100px);overflow:auto;line-height:1.45}
#helpScreen {padding-top:0}
.centeredHeader {font-size:clamp(24px,5vw,42px);line-height:1.3}
.status-note {position:fixed;z-index:5000;left:76px;right:76px;bottom:4px;text-align:center;color:var(--ink);background:var(--paper);font-size:10px}
#game-error,.noscript-note {position:fixed;inset:0;z-index:100000000;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}
#game-error h1 {font-size:24px}
#game-error button {background:var(--ink);color:var(--paper);padding:12px 24px;min-height:44px;border-radius:4px;cursor:pointer}
@media(max-width:600px) {#openSideBar,#pauseBtn,#restartBtn{width:48px;height:48px}#highScoreInGameText{top:8px;font-size:12px}#currentHighScore{font-size:22px}.source-link{font-size:10px}#cScore{font-size:44px}.GOTitle{font-size:18px}}
@media(max-height:400px) {#openSideBar,#pauseBtn,#restartBtn{width:44px;height:44px}.source-link{bottom:0}#restart{bottom:35px;width:44px;height:44px}#highScoreInGameText{font-size:9px}#currentHighScore{font-size:18px}.GOTitle{font-size:16px}#cScore{font-size:32px}}
@media(prefers-reduced-motion:reduce) {*{transition:none!important}}