*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#211747;color:#fff;font-family:system-ui,sans-serif}
body{touch-action:none;overscroll-behavior:none}canvas{display:block;width:100%;height:100%;outline:none;-webkit-tap-highlight-color:transparent}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#access{position:fixed;left:0;top:0;z-index:5}#access button{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden;border:0}
#access button:focus-visible{opacity:1;width:auto;height:44px;white-space:nowrap;padding:8px 16px;border:2px solid #fff;border-radius:12px;background:#493689;color:white}

body{display:flex;flex-direction:column;height:100%;height:100dvh}
#game{flex:1;min-height:0;height:calc(100% - 44px - env(safe-area-inset-bottom,0px))}
.site-bar{flex:none;height:calc(44px + env(safe-area-inset-bottom,0px));padding:0 max(12px,env(safe-area-inset-right)) env(safe-area-inset-bottom,0px) max(12px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:8px;background:#20133e;border-top:1px solid #583b78;--feedback-ink:#e2d3f4;touch-action:manipulation}
.site-bar a{display:flex;align-items:center;min-height:44px;padding:0 10px;color:#e2d3f4;text-decoration:none;font-size:12px}.site-bar a:hover{color:white}.site-bar a:focus-visible{outline:2px solid #ffe389;outline-offset:-4px;border-radius:8px}
.site-bar h1{font-size:12px;font-weight:700;margin:0;color:#bca3d6}.site-bar [data-feedback-mount]{display:inline-flex}