:root{color:#edf4f4;background:#0d1114;font-family:Noto Sans TC,Microsoft JhengHei,PingFang TC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(180deg,#0c1216d6,#090b0dfa),radial-gradient(circle at 20% 12%,rgba(105,145,152,.24),transparent 32%),#0b0f12}button{min-width:132px;min-height:44px;border:1px solid rgba(218,240,244,.48);border-radius:6px;padding:10px 16px;color:#061014;background:#a9edf4;font:800 16px/1.2 inherit;cursor:pointer;box-shadow:0 12px 28px #00000059}button+button{color:#edf4f4;background:#121c22d1}button:focus-visible{outline:3px solid #f2e7a3;outline-offset:3px}.shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px}.gameWrap{position:relative;width:min(1120px,calc(100vw - 32px));aspect-ratio:16 / 9;overflow:hidden;border:1px solid rgba(223,239,241,.24);border-radius:8px;background:#11181d;box-shadow:0 28px 80px #0000007a}canvas{display:block;width:100%;height:100%}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:clamp(24px,5vw,64px);background:linear-gradient(90deg,#060a0de6,#060a0d7a)}.overlay.hero{align-items:flex-start}.overlay.panel{max-width:none}.overlay.compact{align-items:center;text-align:center;background:#060a0db8}.overlay h1{max-width:760px;margin:0;font-size:clamp(34px,6vw,76px);line-height:1.02;letter-spacing:0}.overlay p{max-width:680px;margin:0;color:#d7e1e2;font-size:clamp(16px,2vw,21px);line-height:1.65}.eyebrow{color:#a9edf4;font-weight:800}.buttonRow{display:flex;flex-wrap:wrap;gap:12px}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,260px));gap:10px;max-width:680px}.controls span{min-height:42px;display:flex;align-items:center;border:1px solid rgba(226,239,242,.16);border-radius:6px;padding:10px 12px;background:#0e161bc2;color:#f3f8f8;font-weight:700}.statusBar{width:min(1120px,calc(100vw - 32px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.statusBar span{min-height:38px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(224,241,244,.15);border-radius:6px;padding:8px 10px;background:#0d1317b8;color:#dce9eb;font-size:14px;font-weight:700;text-align:center}@media(max-width:720px){.shell{justify-content:flex-start;padding:14px}.gameWrap,.statusBar{width:calc(100vw - 28px)}.overlay{padding:20px}.overlay h1{font-size:34px}.overlay p{font-size:15px}.controls,.statusBar{grid-template-columns:1fr 1fr}button{min-width:120px;font-size:15px}}