*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background:#0b0f14;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;color:#e8edf2;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block}#ui{position:fixed;inset:0;pointer-events:none;z-index:10}#ui>*{pointer-events:auto}#rotate-hint{position:fixed;inset:0;z-index:100;background:#0b0f14;display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-size:20px;color:#9fb3c8}.rotate-icon{font-size:56px;animation:rotate-wiggle 1.6s ease-in-out infinite}@keyframes rotate-wiggle{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}@media (orientation: portrait) and (max-width: 760px){#rotate-hint{display:flex}}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#070a0ed1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade-in .25s ease-out;padding:20px;overflow-y:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.title-logo{font-size:clamp(40px,8vw,72px);font-weight:900;letter-spacing:.08em;background:linear-gradient(180deg,#ffd24a,#ff8a3c 55%,#b85c20);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 24px rgba(255,138,60,.25)}.title-sub{font-size:15px;color:#8fa3b8;letter-spacing:.35em;margin-top:-6px}.btn{border:none;border-radius:12px;padding:14px 44px;font-size:19px;font-weight:700;cursor:pointer;color:#0b0f14;background:linear-gradient(180deg,#ffd24a,#ff9a3c);box-shadow:0 4px 18px #ffa03c59,inset 0 1px #fff6;transition:transform .08s ease;font-family:inherit}.btn:active{transform:scale(.95)}.btn.secondary{background:#ffffff14;color:#cfdae6;box-shadow:inset 0 0 0 1px #ffffff2e;font-size:15px;padding:10px 28px}.stat-row{display:flex;gap:22px;font-size:13px;color:#8fa3b8}.stat-row b{color:#ffd24a;font-size:16px}.toggles{display:flex;gap:10px;margin-top:4px}.toggle{font-size:13px;padding:8px 14px;border-radius:8px;background:#ffffff0f;color:#9fb3c8;cursor:pointer;border:1px solid rgba(255,255,255,.12)}.toggle.on{color:#ffd24a;border-color:#ffd24a80}.pick-title{font-size:clamp(20px,4vw,28px);font-weight:800;color:#fff}.pick-sub{font-size:13px;color:#8fa3b8;margin-top:-8px}.card-row{display:flex;gap:clamp(8px,2vw,18px);justify-content:center;flex-wrap:nowrap;width:100%;max-width:860px}.card{flex:1 1 0;max-width:250px;min-width:0;border-radius:14px;padding:clamp(10px,2vw,18px);background:linear-gradient(180deg,#1e2834f2,#10161ef2);border:2px solid rgba(255,255,255,.14);cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .1s ease,border-color .1s ease;animation:card-in .3s ease-out backwards}.card:nth-child(2){animation-delay:.07s}.card:nth-child(3){animation-delay:.14s}@keyframes card-in{0%{opacity:0;transform:translateY(24px) scale(.92)}to{opacity:1;transform:none}}.card:active{transform:scale(.96)}.card.tier-1{border-color:#5aaaff8c}.card.tier-2{border-color:#ffc83ccc;box-shadow:0 0 22px #ffbe3240}.card .icon{font-size:clamp(28px,5vw,40px)}.card .name{font-size:clamp(14px,2.6vw,17px);font-weight:800}.card .family{font-size:11px;opacity:.95;padding:2px 10px;border-radius:99px}.card .desc{font-size:clamp(11px,2vw,13px);color:#b8c6d4;line-height:1.45}.card .tier-label{font-size:10px;letter-spacing:.2em;color:#8fa3b8}.card.tier-2 .tier-label{color:#ffd24a}.card .synergy{font-size:11px;color:#7dff9b}.pick-timer{width:min(420px,70vw);height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden}.pick-timer>div{height:100%;background:linear-gradient(90deg,#ffd24a,#ff8a3c);transition:width .1s linear}.skip-link{font-size:13px;color:#6f8398;text-decoration:underline;cursor:pointer;background:none;border:none;font-family:inherit}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;width:min(560px,86vw)}.result-cell{background:#ffffff0d;border-radius:10px;padding:10px 6px;text-align:center}.result-cell .v{font-size:20px;font-weight:800;color:#ffd24a}.result-cell .k{font-size:11px;color:#8fa3b8;margin-top:2px}.bounty-result{width:min(560px,86vw);border-radius:12px;padding:12px 16px;font-size:14px;text-align:center}.bounty-result.ok{background:#3cc86e24;color:#7dff9b;border:1px solid rgba(60,200,110,.4)}.bounty-result.fail{background:#ff503c1a;color:#f98;border:1px solid rgba(255,80,60,.3)}.unlock-banner{font-size:15px;color:#ffd24a;font-weight:700;animation:glow-pulse 1.2s ease-in-out infinite}@keyframes glow-pulse{0%,to{text-shadow:0 0 8px rgba(255,210,74,.4)}50%{text-shadow:0 0 22px rgba(255,210,74,.9)}}.armory-section{width:min(820px,94vw)}.armory-h{font-size:14px;font-weight:700;color:#9fb3c8;margin:6px 0;text-align:left}.armory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.armory-item{background:linear-gradient(180deg,#1e2834f2,#10161ef2);border:1.5px solid rgba(255,255,255,.14);border-radius:10px;padding:10px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .08s ease}.armory-item:active{transform:scale(.96)}.armory-item.owned{border-color:#7dff9b80;cursor:default}.armory-item.poor{opacity:.5;cursor:default}.ai-icon{font-size:26px}.ai-name{font-size:13.5px;font-weight:700}.ai-desc{font-size:11px;color:#b8c6d4;line-height:1.4}.ai-price{font-size:12px;color:#ffd24a;font-weight:700}.ai-swatch{width:38px;height:38px;border-radius:8px;border:2px solid rgba(255,255,255,.25)}.hud-btn{position:absolute;width:40px;height:40px;border-radius:10px;background:#0a0e148c;border:1px solid rgba(255,255,255,.18);color:#cfdae6;font-size:17px;display:flex;align-items:center;justify-content:center;cursor:pointer}#btn-pause{top:60px;right:14px}.help-text{font-size:12.5px;color:#6f8398;text-align:center;line-height:1.7;max-width:520px}