:root{--mc-green: #5b8c3e;--mc-green-dark: #3d6428;--mc-dirt: #6b4f2a;--mc-stone: #4a4a52;--mc-stone-dark: #2b2b31;--mc-panel: #1f1f26;--mc-panel-2: #2a2a33;--mc-gold: #f2c14e;--mc-red: #d9534f;--mc-blue: #4ea3f2;--mc-purple: #9b6cf2;--mc-text: #e8e8e8;--mc-text-dim: #9a9aa5}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:#0d0d12;color:var(--mc-text);font-family:Segoe UI,PingFang SC,Microsoft YaHei,monospace;overflow:hidden;user-select:none}#app{position:relative;width:100vw;height:100vh;height:100dvh}#game-root{position:absolute;inset:0}#game-root canvas{display:block;image-rendering:pixelated}#ui-root{position:absolute;inset:0;pointer-events:none;overflow:hidden}#ui-root .panel{pointer-events:auto}#ui-game{position:absolute;left:0;top:0;width:1280px;height:720px;transform-origin:top left}#ui-overlay{pointer-events:none}.panel{background:var(--mc-panel);border:3px solid var(--mc-stone-dark);border-radius:4px;box-shadow:inset 0 0 0 2px var(--mc-stone),0 4px 12px #00000080}.topbar{position:absolute;top:10px;left:50%;transform:translate(-50%);width:1230px;max-width:1230px;height:56px;display:flex;align-items:center;gap:14px;padding:0 16px}.stat{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600;white-space:nowrap}.stat .icon{width:16px;height:16px;display:inline-block;border-radius:2px}.icon-health{background:var(--mc-red)}.icon-gold{background:var(--mc-gold)}.icon-round{background:var(--mc-blue)}.stat .value{color:#fff}.level-wrap{display:flex;align-items:center;gap:8px;margin-left:4px}.level-badge{background:var(--mc-purple);color:#fff;font-weight:700;font-size:13px;padding:2px 8px;border-radius:3px}.xp-bar{width:120px;height:12px;background:#14141a;border:2px solid var(--mc-stone-dark);border-radius:3px;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,var(--mc-purple),#c9a6ff);width:0%;transition:width .2s}.prep-timer{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:130px;max-width:260px}.prep-timer.hidden{display:none}.prep-timer-label{font-size:13px;font-weight:700;color:#9fd8ff;white-space:nowrap}.prep-timer-track{flex:1;height:12px;background:#14141a;border:2px solid var(--mc-stone-dark);border-radius:3px;overflow:hidden}.prep-timer-fill{height:100%;width:100%;background:linear-gradient(90deg,#4f9de0,#9fd8ff);transition:width .1s linear}.prep-timer.urgent .prep-timer-label{color:#ff9a9a}.prep-timer.urgent .prep-timer-fill{background:linear-gradient(90deg,#e05656,#ff9a9a)}.phase-tag{margin-left:auto;padding:4px 12px;border-radius:3px;font-weight:700;font-size:13px;background:var(--mc-green-dark);color:#dfffd0}.phase-tag.combat{background:#7a2f2f;color:#ffd9d9}#ui-difficulty{margin-left:auto;background:#33334a;color:#d8d8ff;letter-spacing:0}#ui-phase{margin-left:8px}.synergy-panel{position:absolute;left:10px;top:78px;width:232px;max-height:250px;overflow-y:auto;padding:10px}.equip-panel{position:absolute;left:10px;top:340px;width:232px;max-height:270px;overflow-y:auto;padding:10px}.equip-panel h3{font-size:13px;letter-spacing:1px;color:var(--mc-text-dim);margin-bottom:8px;text-transform:uppercase}.equip-unit{font-size:12px;color:var(--mc-text-dim);margin-bottom:6px}.equip-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:8px}.equip-slot{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:var(--mc-panel-2);border:2px dashed var(--mc-stone-dark);border-radius:3px;cursor:pointer;overflow:hidden}.equip-slot.filled{border-style:solid;border-color:var(--mc-gold)}.equip-slot:hover{border-color:var(--mc-green)}.equip-slot img{width:100%;height:100%;image-rendering:pixelated}.equip-slot .slot-label{font-size:10px;color:#6f6f7a;text-align:center;line-height:1.1}.equip-inventory{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;min-height:40px}.equip-item{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:#14141a;border:2px solid var(--mc-stone-dark);border-radius:3px;cursor:grab;overflow:hidden}.equip-item:hover{border-color:var(--mc-green)}.equip-item.selected{border-color:var(--mc-gold);box-shadow:0 0 0 2px #f2c14e59}.equip-item img{width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.equip-empty{grid-column:1 / -1;font-size:11px;color:#6f6f7a;line-height:1.5}.summary-drops{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-bottom:16px}.summary-drops-title{font-size:12px;color:var(--mc-text-dim)}.drop-chip{padding:3px 8px;font-size:12px;font-weight:600;color:#ffe9a8;background:#f2c14e1f;border:1px solid var(--mc-gold);border-radius:3px}.summary-reward{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-bottom:16px}.reward-chip{padding:3px 8px;font-size:12px;font-weight:600;color:#c8f0a8;background:#78c85a24;border:1px solid #78c85a;border-radius:3px}.reward-boss{color:#ffd0a8;background:#d96a3a2e;border-color:#d96a3a}.synergy-panel h3,.shop-panel h3{font-size:13px;letter-spacing:1px;color:var(--mc-text-dim);margin-bottom:8px;text-transform:uppercase}.synergy-item{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:5px 6px;border-radius:3px;margin-bottom:4px;background:var(--mc-panel-2);border-left:3px solid var(--mc-stone)}.synergy-item.active{border-left-color:var(--mc-green)}.synergy-item.active.tier-2{border-left-color:var(--mc-gold)}.synergy-item.active.tier-3{border-left-color:var(--mc-purple)}.synergy-count{font-weight:700;font-size:13px;min-width:34px;color:var(--mc-text-dim)}.synergy-item.active .synergy-count{color:#fff}.synergy-name{font-size:13px;font-weight:600}.synergy-desc{width:100%;font-size:11px;color:var(--mc-text-dim);margin-top:2px;line-height:1.3}.shop-panel{position:absolute;right:10px;top:78px;width:420px;padding:10px}.shop-list{display:grid;grid-template-columns:1fr;gap:6px}.shop-card{display:flex;align-items:center;gap:10px;padding:7px 8px;background:var(--mc-panel-2);border:2px solid var(--mc-stone-dark);border-radius:4px;cursor:pointer;transition:transform .08s,border-color .12s,background .12s}.shop-card:hover{border-color:var(--mc-green);background:#34343f}.shop-card:active{transform:scale(.98)}.shop-card.cost-1{border-left:4px solid #9a9aa5}.shop-card.cost-2{border-left:4px solid var(--mc-green)}.shop-card.cost-3{border-left:4px solid var(--mc-blue)}.shop-card.cost-4{border-left:4px solid var(--mc-purple)}.shop-card.owned{border-color:var(--mc-gold)}.shop-card.disabled{opacity:.45;cursor:not-allowed}.shop-card img{width:44px;height:44px;image-rendering:pixelated;background:#14141a;border-radius:3px}.shop-info{flex:1;min-width:0}.shop-name{font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px}.shop-cost{color:var(--mc-gold);font-size:13px;font-weight:700;margin-left:auto}.shop-traits{font-size:11px;color:var(--mc-text-dim);margin-top:2px}.stars{color:var(--mc-gold);font-size:11px;letter-spacing:-1px}.action-row{display:flex;gap:8px;margin-top:8px}.btn{flex:1;padding:9px 6px;background:var(--mc-stone);color:#fff;border:2px solid var(--mc-stone-dark);border-radius:4px;font-size:13px;font-weight:700;cursor:pointer;transition:background .12s,transform .08s;font-family:inherit}.btn:hover:not(:disabled){background:var(--mc-green)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--mc-green-dark);border-color:#2c4a1c}.btn-danger{background:#7a2f2f}.btn-menu{flex:0 0 auto;padding:5px 12px;font-size:12px;background:#5a4632;border-color:#2f2418}.btn-speed{background:#2f4a5a;border-color:#16262f}.battle-panel{position:absolute;right:10px;top:78px;width:420px;padding:14px}.battle-panel h2{font-size:18px;margin-bottom:8px}.battle-result-win{color:#8ee06a}.battle-result-lose{color:#ff7a7a}.battle-result-draw{color:var(--mc-gold)}.battle-log{font-size:12px;color:var(--mc-text-dim);line-height:1.7;max-height:300px;overflow-y:auto}.center-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#08080cc7;pointer-events:auto}.result-card{width:460px;padding:26px;text-align:center;display:flex;flex-direction:column;gap:10px}.result-card .btn{flex:0 0 auto;width:100%}.result-card h1{font-size:30px;margin-bottom:10px}.result-card p{color:var(--mc-text-dim);font-size:14px;line-height:1.8;margin-bottom:18px}.codex-panel{width:980px;max-width:94vw;padding:18px 20px;display:flex;flex-direction:column;overflow:hidden}.codex-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.codex-head h1{font-size:24px;color:#f2c14e}.codex-head .btn{flex:0 0 auto;padding:7px 20px}.codex-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;overflow-y:auto;max-height:70vh;padding-right:4px}.codex-card{background:var(--mc-panel-2);border:2px solid var(--mc-stone-dark);border-left-width:4px;border-radius:5px;padding:10px;text-align:left}.codex-card.cost-1{border-left-color:#9a9aa5}.codex-card.cost-2{border-left-color:#5fbf6a}.codex-card.cost-3{border-left-color:#5f8fdd}.codex-card.cost-4{border-left-color:#d98a2a}.codex-card img{width:64px;height:64px;image-rendering:pixelated;float:right;margin:0 0 6px 8px}.codex-name{font-size:16px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px}.codex-cost{font-size:12px;color:var(--mc-gold);font-weight:700}.codex-meta{font-size:11px;color:var(--mc-text-dim);margin:2px 0 4px}.codex-stats{font-size:11px;color:#c8c8d0;line-height:1.5}.codex-ability{font-size:11px;color:#ffd76a;margin-top:5px;line-height:1.5}.codex-ult{font-size:11px;color:#ff8a8a;font-weight:600;margin-top:3px;line-height:1.5}.codex-single{grid-template-columns:1fr}.codex-section-title{font-size:14px;font-weight:700;color:#f2c14e;margin-top:4px}.eq-mat-row{display:flex;flex-wrap:wrap;gap:8px}.eq-mat-chip{padding:5px 10px;font-size:12px;font-weight:600;color:#e8e8f0;background:var(--mc-panel-2);border:1px solid var(--mc-stone-dark);border-left:4px solid #9a9aa5;border-radius:4px}.eq-mat-chip.tier-1{border-left-color:#9a6b3f}.eq-mat-chip.tier-2{border-left-color:#a8a8b0}.eq-mat-chip.tier-3{border-left-color:#d8d8d8}.eq-mat-chip.tier-4{border-left-color:#f2c94c}.eq-mat-chip.tier-5{border-left-color:#4fe0d0}.eq-mat-chip.tier-6{border-left-color:#6a5a62}.eq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.codex-eq-card{background:var(--mc-panel-2);border:2px solid var(--mc-stone-dark);border-radius:5px;padding:10px}.codex-eq-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.codex-eq-head img{width:40px;height:40px;image-rendering:pixelated}.codex-eq-mats{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:6px;border-bottom:1px solid #3a3a44;margin-bottom:6px}.eq-mat{display:flex;flex-direction:column;align-items:center;width:38px}.eq-mat img{width:28px;height:28px;image-rendering:pixelated}.eq-mat em{font-size:10px;font-style:normal;color:var(--mc-text-dim)}.codex-eq-stats{display:flex;flex-direction:column;gap:2px}.eq-stat-line{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#c8c8d0}.eq-stat-line b{color:var(--mc-gold);font-weight:600}.menu-hint{position:absolute;left:10px;bottom:10px;width:270px;padding:12px;font-size:12px;color:var(--mc-text-dim);line-height:1.7}.menu-hint b{color:var(--mc-text)}.toast-wrap{position:absolute;top:78px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{padding:8px 18px;background:#14141af2;border:2px solid var(--mc-gold);border-radius:4px;font-size:13px;font-weight:600;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.hidden{display:none!important}.tooltip{position:fixed;z-index:50;max-width:280px;padding:8px 10px;background:#14141af7;border:2px solid var(--mc-gold);border-radius:4px;font-size:12px;line-height:1.5;color:var(--mc-text);pointer-events:none!important;box-shadow:0 6px 18px #0000008c}.tooltip .tip-title{font-size:13px;font-weight:700;color:#fff;margin-bottom:3px}.tooltip .tip-stars{color:var(--mc-gold)}.tooltip .tip-meta{color:var(--mc-text-dim);font-size:11px}.tooltip .tip-stats{color:#c8c8d0;margin-top:2px}.tooltip .tip-ability{color:#ffd76a;margin-top:4px}.tooltip .tip-ultimate{color:#ff8a8a;margin-top:3px;font-weight:600}.tooltip .tip-sub{color:var(--mc-text-dim);font-size:11px;margin-top:6px;padding-top:4px;border-top:1px solid #3a3a44}.tooltip .tip-equip{color:#cfc4ff;font-size:11px}.tooltip .tip-hint{color:var(--mc-text-dim);font-size:11px;margin-top:5px;padding-top:4px;border-top:1px solid #3a3a44}#game-root canvas{touch-action:none}#ui-rotate{display:none}@media (orientation: portrait) and (max-width: 900px){#ui-rotate{display:flex;position:fixed;inset:0;z-index:200;align-items:center;justify-content:center;background:#08080cf5;pointer-events:auto}}.rotate-box{text-align:center;color:var(--mc-gold)}.rotate-box p{font-size:22px;font-weight:700;margin:14px 0 6px}.rotate-box span{font-size:13px;color:var(--mc-text-dim)}.rotate-phone{width:46px;height:78px;margin:0 auto;border:4px solid var(--mc-gold);border-radius:8px;animation:rotate-hint 1.8s ease-in-out infinite}@keyframes rotate-hint{0%,40%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}@media (max-height: 520px){.result-card{width:min(560px,72vw);padding:16px}.result-card h1{font-size:24px}.result-card p{font-size:12px;margin-bottom:12px}.stat{font-size:18px}.level-badge,.phase-tag,.equip-panel h3{font-size:15px}.equip-unit{font-size:14px}.btn{font-size:15px}.shop-name{font-size:16px}.shop-traits{font-size:13px}.synergy-name{font-size:15px}.synergy-desc{font-size:12px}.menu-hint{font-size:14px}.codex-panel{width:min(800px,94vw)}.codex-grid{grid-template-columns:repeat(2,1fr);max-height:64vh}.codex-grid.codex-single,.eq-grid{grid-template-columns:1fr}.prep-timer{min-width:90px;max-width:150px}.prep-timer-label{font-size:14px}}.three-preview{position:fixed;inset:0;z-index:40;background:#0d0f14}.three-preview.hidden{display:none}.three-canvas{display:block;width:100%;height:100%}.three-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;padding:10px 16px;background:linear-gradient(180deg,#0a0c12eb,#0a0c1200);pointer-events:none}.three-bar button{pointer-events:auto;cursor:pointer}.three-title{font-size:15px;font-weight:700;color:var(--mc-gold);white-space:nowrap}.three-mobs{display:flex;gap:6px;flex:1 1 auto;min-width:0;flex-wrap:wrap}.three-mob{padding:5px 10px;font-size:13px;font-weight:600;color:#d8d8e0;background:#23232c;border:2px solid #3a3a44;border-radius:4px}.three-mob:hover{background:#31313c}.three-mob.active{background:#5a3d7a;border-color:#8159ab;color:#fff}.three-clips{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}.three-clip{padding:5px 10px;font-size:13px;font-weight:600;color:#d8d8e0;background:#23232c;border:2px solid #3a3a44;border-radius:4px}.three-clip:hover{background:#31313c}.three-clip.active{background:#3d6428;border-color:#5b8c3e;color:#fff}.three-back{padding:7px 14px;font-size:14px;font-weight:700;color:#fff;background:#2f4a7a;border:2px solid #16262f;border-radius:4px;white-space:nowrap}.three-back:hover{background:#40679f}.three-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:12px;color:#7a7a86}.three-armor-bar{top:auto;bottom:36px;align-items:center;background:linear-gradient(0deg,#0a0c12eb,#0a0c1200)}.three-armor-bar.disabled{opacity:.35}.three-armor-bar.disabled button{pointer-events:none;cursor:default}.three-armor-label{font-size:13px;font-weight:700;color:var(--mc-gold);white-space:nowrap}.three-armor-mats,.three-armor-slots{display:flex;gap:6px;flex-wrap:wrap}.three-armor-slots{margin-left:auto}.three-armor-mat,.three-armor-slot{padding:5px 10px;font-size:13px;font-weight:600;color:#d8d8e0;background:#23232c;border:2px solid #3a3a44;border-radius:4px}.three-armor-mat:hover,.three-armor-slot:hover{background:#31313c}.three-armor-mat.active{background:#6b4a2b;border-color:#9a7442;color:#fff}.three-armor-slot.active{background:#2f4a7a;border-color:#40679f;color:#fff}.three-armor-clear{padding:5px 12px;font-size:13px;font-weight:700;color:#fff;background:#4a2f2f;border:2px solid #2f1616;border-radius:4px;white-space:nowrap}.three-armor-clear:hover{background:#6a3f3f}