*{box-sizing:border-box}html,body{margin:0;overflow:hidden;background:#0c1226;color:#f1ead8;font-family:Arial,"Microsoft YaHei",sans-serif}canvas{display:block;touch-action:none}[hidden]{display:none!important}button{cursor:pointer;color:inherit;font:inherit;border:1px solid #ffffff30;background:#15203a;border-radius:9px;padding:10px 14px}button:hover{border-color:#e9c46a}button:focus-visible{outline:2px solid #8ab6d6;outline-offset:3px}button[aria-pressed=true],#start{background:#e9c46a;color:#0c1226;border-color:#e9c46a}#intro{position:fixed;inset:0;z-index:10;display:flex;align-items:center;padding:8vw;background:linear-gradient(90deg,#0c1226 8%,#0c1226dd 44%,transparent 80%)}.intro-copy{max-width:600px}.eyebrow{font-size:12px;letter-spacing:3px;color:#e9c46a}h1{font-size:clamp(40px,6vw,80px);font-weight:500;letter-spacing:4px;margin:28px 0}h1 span{display:block;font-size:clamp(20px,3vw,34px);letter-spacing:1px;margin-top:16px}p{line-height:1.9;color:#b5c1d6}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.actions button{padding:15px 22px}#boot{font-size:12px;max-width:440px}#tools{position:fixed;z-index:3;top:22px;left:26px;right:26px;pointer-events:none}.brand{letter-spacing:3px;margin-bottom:18px}.brand small{font-size:9px;letter-spacing:2px;color:#8ab6d6;margin-left:12px}.buttons{display:flex;gap:7px;flex-wrap:wrap;pointer-events:auto;width:fit-content}.buttons button{font-size:12px;background:#15203ae8}.buttons button[aria-pressed=true]{background:#e9c46a}kbd{opacity:.6;font-size:10px;margin-left:5px}.divider{width:8px}.hint{font-size:11px;text-shadow:0 1px 5px #000}#status{position:fixed;left:26px;right:26px;bottom:16px;font-size:12px;color:#b5c1d6;pointer-events:none}@media(max-width:640px){#tools{top:16px;left:16px;right:16px}.brand{margin-bottom:10px}.buttons{gap:5px}.buttons button{padding:8px 10px}.divider{display:none}#intro{padding:7vw;background:#0c1226c9}.hint{font-size:10px}#status{left:16px;font-size:11px}}

/* Softer floating tools, with the canvas visible behind them. */
#intro{background:linear-gradient(90deg,rgba(8,14,32,.92) 0%,rgba(8,14,32,.65) 42%,rgba(8,14,32,.06) 85%)}
.buttons{padding:7px;border:1px solid #b4cee51c;border-radius:16px;background:#0b1424a6;backdrop-filter:blur(16px)}
.buttons button{background:transparent;border-color:transparent;border-radius:10px}.buttons button:hover{background:#c9dff012}.buttons button[aria-pressed=true]{background:#d8c59f;color:#141e30}
.brand{color:#e6e9ed}.brand small{color:#a0b4cc}.hint{color:#a9b9ce;padding-left:8px}#start{background:#d8c59f;border-color:#d8c59f}#status{color:#98acc5}