*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#070d14;overscroll-behavior:none}body{font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;color:#e8eef4;user-select:none;-webkit-user-select:none}#app{position:fixed;left:0;top:0;transform-origin:0 0;overflow:hidden}#cv{position:absolute;left:0;top:0;touch-action:none;display:block}#ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui>*{pointer-events:auto}button{font:inherit;color:inherit;border:0;cursor:pointer}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:12px max(18px,env(safe-area-inset-right)) 14px max(18px,env(safe-area-inset-left));background:#070d14d6;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.bar{display:flex;align-items:center;gap:12px;flex:none}.bar .grow{flex:1}.bar h2{margin:0;font-size:18px;font-weight:700}.pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:99px;background:#ffffff14;font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}.coin{width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe89a,#e0a21a 70%);box-shadow:inset 0 0 0 1.5px #b77b0c;flex:none}.icon{width:36px;height:36px;border-radius:10px;background:#ffffff14;font-size:15px}.me{display:flex;align-items:center;gap:10px}.me .avatar{width:38px;height:38px;border-radius:50%;background:#1f6f8f;display:grid;place-items:center;font-weight:700;box-shadow:0 0 0 2px #f0c040}.me b{display:block;font-size:14px}.me small{color:#8ea2b6;font-size:11px}.home-body{flex:1;display:flex;align-items:center;gap:26px;min-height:0}.brand{flex:1;text-align:center}.brand .eight{width:78px;height:78px;margin:0 auto 8px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#5a5a5a,#0c0c0c 62%);display:grid;place-items:center;box-shadow:0 8px 18px #00000080}.brand .eight i{width:36px;height:36px;border-radius:50%;background:#f4f2ea;color:#111;font:900 24px Arial,sans-serif;display:grid;place-items:center;font-style:normal}.brand h1{margin:0;font-size:32px;letter-spacing:4px}.brand p{margin:6px 0 0;color:#8ea2b6;font-size:12px}.menu{flex:1.2;display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:420px}.menu button{padding:14px 12px;border-radius:14px;text-align:left;font-size:16px;font-weight:700;background:linear-gradient(160deg,#1d8f79,#136152);box-shadow:0 4px #00000059}.menu button:nth-child(2){background:linear-gradient(160deg,#2b6fc2,#1c4a86)}.menu button:nth-child(3){background:linear-gradient(160deg,#8a55c7,#5b3590)}.menu button:nth-child(4){background:linear-gradient(160deg,#c98a2b,#8f5d14)}.menu button small{display:block;margin-top:3px;font-size:11px;font-weight:500;opacity:.8}.menu button:active,.card:active,.btn:active{transform:translateY(2px)}.scroll{flex:1;min-height:0;overflow-x:auto;overflow-y:hidden;display:flex;gap:12px;align-items:center;padding:10px 2px;scrollbar-width:none}.scroll::-webkit-scrollbar{display:none}.card{flex:none;width:150px;padding:14px 12px;border-radius:16px;background:linear-gradient(170deg,#1d2c3c,#121c27);box-shadow:inset 0 0 0 1px #ffffff14;text-align:center}.card h3{margin:0 0 10px;font-size:16px}.card .row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#9fb0c2;margin:5px 0}.card .row b{color:#f0c040;display:inline-flex;gap:5px;align-items:center;font-variant-numeric:tabular-nums}.card.locked{opacity:.45}.btn{display:block;width:100%;margin-top:10px;padding:9px;border-radius:10px;background:#1d8f79;font-weight:700;font-size:14px}.btn.gold{background:#c98a2b}.btn.ghost{background:#ffffff1a}.btn:disabled{opacity:.45;cursor:default}.cue{width:190px}.cue .stick{height:9px;border-radius:5px;margin:4px 0 12px;box-shadow:0 2px 4px #0006}.stat{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;font-size:11px;color:#9fb0c2;margin:4px 0;text-align:left}.stat u{display:block;height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden}.stat u s{display:block;height:100%;background:#3ddc84;border-radius:3px}.center{align-items:center;justify-content:center;text-align:center;gap:12px}.center h2{margin:0;font-size:30px;letter-spacing:3px}.center h2.win{color:#f0c040}.center p{margin:0;color:#9fb0c2;font-size:14px}.center .delta{font-size:20px;font-weight:800;display:inline-flex;gap:8px;align-items:center}.center .acts{display:flex;gap:12px;margin-top:6px}.center .acts .btn{width:140px;margin:0}.center input{width:200px;padding:11px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#00000059;color:#fff;font:700 20px/1 inherit;text-align:center;letter-spacing:4px;outline:none}.spinner{width:38px;height:38px;border-radius:50%;border:4px solid rgba(255,255,255,.15);border-top-color:#3ddc84;animation:sp .9s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.note{position:absolute;left:50%;bottom:14px;transform:translate(-50%);padding:8px 16px;border-radius:99px;background:#f0c04029;color:#f0c040;font-size:13px;font-weight:600;white-space:nowrap}