:root{font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#fff;background:#111827}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#284d72,#111827 70%)}.shell{max-width:1100px;margin:auto;padding:18px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.brand{font-size:24px;font-weight:800}.hint{color:#b7cce3;font-size:14px}.panel{min-height:590px;border:2px solid #416684;border-radius:18px;padding:70px 9%;display:flex;flex-direction:column;justify-content:center;gap:32px;background:linear-gradient(#193454cc,#0d1c2dcc),linear-gradient(135deg,#2b6e9a,#17233c);box-shadow:0 20px 60px #0005}.panel h1{font-size:clamp(34px,6vw,66px);margin:0;color:#ffe27a;text-shadow:4px 4px #9b493b}.panel p{font-size:20px;color:#d4e5ef}.customize{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.upload{background:#274b68;border:1px solid #6a9abb;border-radius:10px;padding:13px 18px;cursor:pointer}.upload input{display:none}.avatars{display:flex;gap:10px}.avatar{background:#1a3047;border:2px solid transparent;color:white;border-radius:12px;padding:8px 11px;font-size:27px;cursor:pointer}.avatar span{display:block;font-size:11px}.avatar.active{border-color:#ffdc65;background:#38526c}.primary{border:0;border-radius:12px;padding:14px 30px;background:#ef6a4d;color:#fff;font-size:18px;font-weight:800;cursor:pointer;box-shadow:0 5px #a33e35}.primary:active{transform:translateY(3px);box-shadow:0 2px #a33e35}.game-wrap{display:none;position:relative;border-radius:14px;overflow:hidden;border:2px solid #416684}.game-wrap canvas{display:block;width:100%;height:auto}.hud{position:absolute;top:10px;left:14px;right:14px;display:flex;gap:25px;font-weight:700;text-shadow:2px 2px #132233;pointer-events:none}.touch-controls{display:none;position:absolute;inset:0;pointer-events:none}.touch-controls button{pointer-events:auto;width:58px;height:58px;border:2px solid #ffffff88;border-radius:16px;background:#17324dcc;color:#fff;font-size:26px;font-weight:900;touch-action:none;user-select:none}.touch-left{position:absolute;left:14px;bottom:14px;display:flex;gap:8px}.touch-jump{position:absolute;right:18px;bottom:16px;border-radius:50%!important;background:#bf564dcc!important}.message{position:fixed;inset:0;display:grid;place-items:center;background:#06101bbd;z-index:5}.message.hidden{display:none}.card{padding:38px 52px;background:#203a53;border:2px solid #76a9c6;border-radius:18px;text-align:center;box-shadow:0 15px 50px #0008}.card h2{color:#ffe27a;font-size:34px;margin:0 0 8px}.card p{color:#d6e7ef;margin-bottom:24px}@media(max-width:800px),(pointer:coarse){.touch-controls{display:block}}@media(max-width:650px){.shell{padding:10px}.hint{display:none}.panel{min-height:580px;padding:35px 8%}.customize{display:block}.avatars{margin-top:16px}.game-wrap{margin:0 -10px}}