*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#181a1b;color:#fff;font-family:system-ui,"Hiragino Kaku Gothic ProN",sans-serif}#stage{position:relative;width:100vw;height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 34%,#39413e,#171b1c 75%)}#viewport{position:absolute;inset:0;touch-action:none}canvas{display:block;width:100%;height:100%}#hud{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(96vw,650px);display:flex;justify-content:space-between;gap:8px;pointer-events:none;text-shadow:0 2px 4px #000;font-weight:900;font-size:clamp(18px,4vw,27px)}#medals{color:#ffe55b}#message{position:absolute;top:max(43px,calc(env(safe-area-inset-top) + 40px));left:50%;transform:translateX(-50%);width:96%;text-align:center;font-weight:900;font-size:clamp(16px,3vw,20px);color:#fff4bf;text-shadow:0 2px 5px #000;pointer-events:none}#actions{position:absolute;bottom:max(8px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(96vw,650px);display:flex;justify-content:space-between;gap:10px}button{background:#f6c72d;border:3px solid #765212;border-radius:12px;box-shadow:0 4px 0 #765212;color:#211c11;font-weight:900;font-size:clamp(16px,4vw,22px);padding:8px 13px;cursor:pointer}button[hidden]{display:none}#error{position:absolute;inset:20%;display:grid;place-items:center;text-align:center;font-size:24px;background:#331b1b;border:3px solid #f66;padding:24px}#error[hidden]{display:none}