:root { color-scheme: dark; }
    html, body { margin:0; width:100%; height:100%; overflow:hidden; background:#050609; }
    body { color:#ddd; touch-action:none; font-family:system-ui,"Microsoft YaHei",sans-serif; }
    #game { position:fixed; inset:0; display:grid; place-items:center; background:#050609; }
    #canvas { display:block; width:100%; height:100%; border:0; outline:none; }
    #game:fullscreen, #game:-webkit-full-screen { width:100vw; height:100vh; background:#050609; }
    #fullscreen-button {
      position:fixed; z-index:25;
      right:max(18px,env(safe-area-inset-right));
      bottom:max(18px,env(safe-area-inset-bottom));
      min-width:92px; padding:10px 16px;
      border:1px solid rgba(255,255,255,.35); border-radius:7px;
      color:#f3f1ec; background:rgba(8,10,15,.76);
      box-shadow:0 2px 12px rgba(0,0,0,.45);
      backdrop-filter:blur(5px); cursor:pointer;
      font:15px system-ui,"Microsoft YaHei",sans-serif;
      opacity:.82; transition:opacity .15s,background .15s;
    }
    #fullscreen-button:hover, #fullscreen-button:focus-visible {
      opacity:1; background:rgba(30,34,45,.94); outline:none;
    }
    #status { position:fixed; z-index:30; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#050609; font-size:16px; }
    #progress { width:min(480px,60vw); margin-top:16px; }
    #notice { display:none; max-width:720px; padding:18px; border:1px solid #7c3943; background:#351b22; border-radius:8px; white-space:pre-wrap; }