:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#c7d0d2;background:#0a1720;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:240px}main{width:min(1160px,calc(100% - 64px));min-height:100svh;margin:auto;padding:30px 0 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}header{margin:0;text-align:center}h1{font-size:18px;font-weight:400;letter-spacing:.19em;color:#acb9b9;margin:0 0 8px;padding-left:.19em;line-height:1.5}.hero{width:min(100%,calc(max(180px,100svh - 220px)*1672/940));margin:auto}.scene{aspect-ratio:1672/940;background:radial-gradient(ellipse,#193443 0%,#0a1720 74%);position:relative}canvas,img{display:block;width:100%;height:auto;image-rendering:pixelated}.scene canvas{display:none}.ready .scene canvas{display:block}.ready .scene img{display:none}.sound-controls{min-height:44px;text-align:center;max-width:100%}button{font:inherit;font-size:12px;letter-spacing:.06em;min-height:36px;min-width:112px;padding:8px 16px;color:#a8b9bd;background:#0c1b25cc;border:1px solid #36505c;border-radius:20px;cursor:pointer}button:hover:enabled{background:#18313c;color:#e2d6ba}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #dac18e;outline-offset:5px}button[aria-pressed="true"]{border-color:#99835e;color:#d2bd94}p{font-size:12px;line-height:1.8;color:#91a6af;margin:10px 0 0}footer{width:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;line-height:1.8;font-size:11px;color:#768e99;margin:0;padding:0;border:0}a{color:inherit;text-decoration:none;text-underline-offset:4px}a:hover{text-decoration:underline;color:#ccb98e}.credits{max-width:620px;align-items:stretch;justify-content:flex-start;padding-block:54px;gap:22px}.credits header{text-align:left}.credits h1{font-size:17px;text-align:left;letter-spacing:.08em}.credits h2{font-size:13px;font-weight:500;color:#d2c4a6;margin:0 0 8px}.credits p{margin:0 0 12px}.credits a{text-decoration:underline}.credits .back{font-size:12px;color:#92a8b2;width:fit-content}@media(max-width:800px){main{width:calc(100% - 28px);padding:24px 0;gap:12px}.hero{width:100%}h1{font-size:16px}footer{gap:8px 14px}}@media(max-height:520px){main{min-height:100svh}.hero{width:min(100%,820px)}}