:root{color-scheme:dark;font-family:system-ui,"Microsoft Yahei",sans-serif;color:#e9eee3;background:#111c27}*{box-sizing:border-box}body{margin:0}main{max-width:460px;min-height:100dvh;margin:auto;background:linear-gradient(#203746,#101d29);padding:20px 16px}header small{letter-spacing:2px;color:#94acac;font-size:10px}h1{font-size:30px;margin:8px 0;color:#f4d596}header p,.note{font-size:12px;color:#a7bbc0;line-height:1.7}header{border-bottom:1px solid #526461;padding-bottom:8px;margin-bottom:20px}.intro{padding:24px 20px;border:1px solid #879170;background:linear-gradient(135deg,#283e46,#182c36);box-shadow:7px 7px 0 #0e1c26}.eyebrow{font-size:12px;letter-spacing:3px;color:#d0b571}h2{font-size:28px;line-height:1.4}p{line-height:1.8;font-size:14px}button{font:inherit;font-weight:650;padding:14px 10px;background:#233f4c;color:#e6ecdf;border:1px solid #71878c;min-height:48px;cursor:pointer;border-radius:3px}button:disabled{opacity:.5;cursor:default}.primary{background:#dfbc70;color:#1a2a31;border-color:#f9e1a4}#home button,#result button{width:100%;margin-top:12px}#stats{font-size:14px;line-height:2;margin:16px 0;color:#f6d995}.crew{line-height:2;padding:24px 0;color:#b4c5bf;font-size:14px}canvas{width:100%;height:auto;display:block;image-rendering:pixelated;border:1px solid #70877e}#hud{display:flex;justify-content:space-between;font-size:12px;padding:12px 4px;color:#f7d993}.controls{display:flex;gap:10px;margin-top:12px}.controls button{flex:1}dialog{width:min(90vw,390px);background:#213943;color:#eceddd;border:2px solid #d7bd7d;padding:24px}dialog::backdrop{background:#09131ce0}dialog button{display:block;width:100%;margin-top:12px}footer{font-size:11px;color:#778f99;text-align:center;padding:24px 0}#result{padding:22px;background:#243b43;border:1px solid #d6bc7e}[hidden]{display:none!important}