html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0b0823;font-family:Arial,Helvetica,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none}
#gameWrap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0b0823}
canvas{display:block;max-width:100vw;max-height:100vh;width:auto;height:auto;aspect-ratio:16/9;background:#0b0823;box-shadow:0 0 50px rgba(0,0,0,.35)}
#loading{position:absolute;color:#fff;font-weight:900;letter-spacing:4px;font-size:24px;text-shadow:0 2px 10px #000}

#startScreen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(9,5,24,.87)}
#startScreen[hidden]{display:none}
.startPanel{text-align:center;padding:28px;color:#fff}
.startPanel h1{font-size:clamp(26px,5vw,64px);letter-spacing:5px;margin:0 0 12px;color:#ead6ff;text-shadow:0 0 25px #7b39cb}
.startPanel p{font-size:18px;color:#bbabd4;margin:0 0 30px}
#startButton{font:900 clamp(24px,3vw,36px) Arial,sans-serif;letter-spacing:4px;min-width:230px;padding:18px 40px;color:#fff;background:linear-gradient(#8a45c9,#4e237d);border:3px solid #ca8bfa;border-radius:15px;box-shadow:0 5px 0 #29123e;cursor:pointer;touch-action:manipulation}
#startButton:focus-visible{outline:4px solid #ffe582;outline-offset:5px}
#startButton:disabled{cursor:wait;opacity:.7}