:root{font-family:Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;color:#254b58;background:#eaf6f2}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 82% 6%,#d3eee3,transparent 37%),#f3faf6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #e7af4f;outline-offset:3px}.welcome-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px max(4vw,22px);border-bottom:1px solid #bddbd6;background:#f9fffbdd}.welcome-brand{font-weight:800;font-size:18px;color:#1e5a64}.welcome-brand:first-letter{color:#329e99}.welcome-header nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700}.welcome-header nav a:hover{color:#178c87}.welcome-header nav span{color:#1d9289}main{width:min(1400px,calc(100% - 36px));margin:auto}.welcome-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:34px 0 20px}.eyebrow{font:800 12px monospace;letter-spacing:.14em;color:#1b9189}.welcome-heading h1{font-size:clamp(30px,4vw,52px);margin:8px 0;color:#194e5c}.welcome-heading p{max-width:760px;line-height:1.75;margin:0;color:#517783}.welcome-heading button,.dialog-actions button{background:#fff;border:1px solid #94c8bf;border-radius:12px;color:#205b64;padding:10px 16px;font-weight:700;white-space:nowrap}.game-wrap{position:relative;border:7px solid #4b6574;box-shadow:0 0 0 4px #c3dfdc,0 20px 44px #325f6440;background:#d7eeec;aspect-ratio:1280/540}.game{width:100%;height:100%}.game canvas{display:block}.game-top-label,.game-bottom-label{position:absolute;left:14px;color:#eafff5;background:#183c47dc;padding:6px 10px;font:12px monospace;pointer-events:none}.game-top-label{top:13px}.game-bottom-label{bottom:13px}.welcome-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:25px 0;color:#4d737c}.welcome-actions a,.dialog-actions a{display:inline-block;border:1px solid #338c89;border-bottom-width:4px;border-radius:12px;padding:10px 17px;background:linear-gradient(#9ce5d7,#63bdb5);color:#184a58;font-weight:800;white-space:nowrap}footer{padding:18px max(4vw,22px);border-top:1px solid #c4dfd8;color:#68888d;font-size:13px}.dialog-backdrop{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:20px;background:#102d3bbd}.dialog-backdrop[hidden]{display:none}.dialog{position:relative;width:min(520px,100%);padding:30px;background:#f7fff9;border:2px solid #67aaa6;border-radius:17px;box-shadow:0 24px 65px #102d3b88}.dialog h2{color:#194e5c}.dialog p{line-height:1.75}.close-dialog{position:absolute;right:14px;top:10px;border:0;background:none;color:#336977;font-size:30px}.dialog-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}@media(max-width:700px){.welcome-header{align-items:start}.welcome-brand{font-size:15px}.welcome-header nav{gap:10px;font-size:12px;flex-wrap:wrap;justify-content:end}.welcome-heading{display:block;padding-top:24px}.welcome-heading button{margin-top:16px}.game-wrap{min-height:300px;aspect-ratio:auto}.game-top-label,.game-bottom-label{font-size:10px}.welcome-actions{align-items:start;flex-direction:column}}