#game-root{position:relative;width:100%;height:100dvh;min-height:0;overflow:hidden;background:#081016;isolation:isolate}
#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}
.overlay{position:absolute;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:calc(var(--safe-top) + 18px) calc(var(--safe-right) + 18px) calc(var(--safe-bottom) + 18px) calc(var(--safe-left) + 18px);background:rgba(3,7,10,.91);color:white}
.overlay.visible{display:flex}
.modal{width:min(92%,520px);padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(18,27,34,.97);text-align:center}
.compact{max-width:440px}.wide-modal{max-width:680px}.scroll-modal{max-height:90%;overflow:auto;text-align:left}
.modal h1,.modal h2{margin:0 0 8px}.modal p{color:#b8c4cd}.eyebrow{margin:0 0 7px!important;color:var(--accent)!important;font-size:11px;letter-spacing:.22em}
.progress-track{height:8px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.12)}#loading-progress{height:100%;width:0;background:var(--accent);transition:width .18s ease}
.danger-modal{border-color:rgba(255,80,80,.4)}
#rotate-screen{z-index:150}
@media (orientation:portrait) and (pointer:coarse){#rotate-screen{display:flex}}