*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:#d9c3a8;color:#3e2f1c;font-family:Microsoft YaHei,PingFang SC,sans-serif;overflow:hidden}#app{position:relative;max-width:520px;margin:0 auto;height:100vh;display:flex;flex-direction:column;gap:6px;padding:6px;background:#d9c3a8}#topbar{display:flex;align-items:center;gap:8px;background:#f0dfc4;border:1px solid #c9a877;border-radius:12px;padding:6px 10px;flex:none}.money-pill{display:flex;align-items:center;gap:5px;background:#171a20;border-radius:16px;padding:5px 12px;color:#ffd54f;font-weight:700;font-size:15px;white-space:nowrap}.turn-info{flex:1;text-align:center;line-height:1.3}.turn-info .t1{font-size:14px;font-weight:700}.turn-info .t2{font-size:11px;color:#8a7256}.cd-pill{background:#171a20;border-radius:16px;padding:5px 10px;color:#ffd54f;font-weight:700;font-size:14px;min-width:52px;text-align:center}.log-btn{border:none;background:#171a20;color:#9aa3b2;border-radius:16px;padding:5px 10px;font-size:14px;cursor:pointer}#game-container{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}#game-container canvas{display:block;border-radius:12px}#bottombar{display:flex;flex-direction:column;gap:8px;flex:none}.hand-row{display:flex;gap:8px;align-items:stretch}.me-tab{width:52px;min-height:52px;border:1px solid #3a4252;border-radius:10px;background:#171a20;color:#e6e8ee;font-size:19px;font-weight:700;font-family:inherit;cursor:pointer;flex:none}.me-tab:active{transform:scale(.95)}.hand-row .cards{flex:1;display:flex;gap:6px;overflow-x:auto}.bar{height:18px;background:#171a20;border-radius:9px;overflow:hidden;position:relative;margin:4px 0}.bar.slim{height:12px}.bar .fill{height:100%;border-radius:9px;transition:width .25s}.bar .fill.hp{background:linear-gradient(90deg,#c62828,#e53935)}.bar .fill.shield{position:absolute;top:0;left:0;background:#4fc3f780}.bar .fill.exp{background:linear-gradient(90deg,#f9a825,#fbc02d)}.bar .txt{position:absolute;top:0;right:0;bottom:0;left:0;font-size:11px;line-height:18px;text-align:center;color:#fff;text-shadow:0 1px 2px #000;font-weight:700}.bar.slim .txt{line-height:12px;font-size:9px}.me-stats{display:flex;justify-content:space-between;font-size:12px;color:#b9c2d0;margin-top:4px;padding:0 2px}.card-chip{width:52px;min-width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#f5f0e6;color:#23272f;border:1px solid #c9b8a0;border-radius:10px;font-size:24px;font-weight:700;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;cursor:pointer;transition:all .15s;user-select:none}.card-chip:active:not(.disabled):not(.empty){transform:scale(.92)}.card-chip.disabled{opacity:.4;cursor:not-allowed}.card-chip.empty{background:#ffffff40;border-color:#c9a877;cursor:default}#card-tip{position:fixed;z-index:500;max-width:250px;background:#f3e6d1;border:1.5px solid #c9a877;border-radius:10px;padding:8px 12px;font-size:13px;color:#3e2f1c;box-shadow:0 4px 18px #00000059;pointer-events:none}#card-tip b{color:#a8791a}#card-tip .tip-desc{font-size:12px;color:#8a7256;margin-top:2px}.action-row{display:flex;align-items:center;justify-content:center;gap:30px;padding:2px 0}.round-btn{width:54px;height:54px;border-radius:50%;border:none;background:#4a3826;color:#ef5350;font-size:21px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 3px 8px #00000059}.round-btn:active:not(:disabled){transform:scale(.93)}.round-btn:disabled{opacity:.35;cursor:not-allowed}.dice-btn{width:64px;height:64px;border-radius:14px;border:none;background:#8d6e63;font-size:36px;line-height:1;cursor:pointer;box-shadow:0 4px 10px #0006}.dice-btn:not(:disabled){animation:dice-bounce 1.3s ease-in-out infinite}.dice-btn:disabled{opacity:.35;cursor:not-allowed}@keyframes dice-bounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(-10deg)}}.reserve-area{height:56px}#modal-root:empty,#inspect-root:empty{display:none}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#f3e6d1;border:2px solid #c9a877;border-radius:14px;padding:14px 18px 18px;width:min(88vw,400px);max-height:calc(100% - 16px);overflow-y:auto;box-shadow:0 8px 40px #00000073}.modal h3{font-size:16px;margin-bottom:4px;color:#a8791a}.modal .sub{font-size:12px;color:#8a7256;margin-bottom:12px}.opt-list{display:flex;flex-direction:column;gap:8px}.opt{background:#e8d2ac;border:1px solid #c9a877;border-radius:10px;padding:12px 14px;cursor:pointer;transition:all .12s;font-size:14px;-webkit-user-select:none;user-select:none}.opt:active:not(.disabled){background:#ddc194}.opt.disabled{opacity:.4;cursor:not-allowed}.opt .opt-desc{font-size:11px;color:#8a7256;margin-top:2px}.opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tier-row{display:flex;gap:8px;margin-top:6px}.tier-row .opt{flex:1;text-align:center}.inspect-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;font-size:14px;margin-top:8px}.inspect-stats .k{color:#8a7256}.log-list{font-size:13px;line-height:1.9;color:#7a6248}.log-list div:first-child{color:#3e2f1c}#link-float,#arrival-float{position:fixed;top:54px;left:50%;transform:translate(-50%);z-index:90;display:flex;align-items:center;gap:10px;background:#262b36f2;border:1px solid rgba(255,213,79,.45);border-radius:10px;padding:8px 12px;font-size:12px;color:#ffe082;max-width:94%;box-shadow:0 4px 16px #0006}#link-float button,#arrival-float button{border:none;border-radius:8px;background:#394050;color:#e6e8ee;font-size:12px;padding:6px 10px;cursor:pointer;white-space:nowrap;font-family:inherit}#toast-root{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:90%;max-width:480px}.toast{background:#262b36f2;border:1px solid #414b5f;border-radius:8px;padding:8px 18px;font-size:13px;animation:toast-in .25s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gameover-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:300;flex-direction:column;gap:18px}.gameover-title{font-size:38px;font-weight:700;color:#ffd54f;text-shadow:0 4px 24px rgba(255,213,79,.4)}.gameover-mask button{padding:12px 40px;font-size:16px;border:2px solid #ffd54f;border-radius:10px;cursor:pointer;background:linear-gradient(180deg,#8a2f2a,#5c1c18);color:#ffe082;font-weight:700}.fatal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#140a0ae0;display:flex;align-items:center;justify-content:center;z-index:500;flex-direction:column;gap:14px;padding:24px;text-align:center}.fatal-title{font-size:26px;font-weight:700;color:#ff8a80}.fatal-detail{font-size:13px;color:#d0b8b8;max-width:92%;word-break:break-word}.fatal-mask button{padding:10px 32px;font-size:15px;border:none;border-radius:10px;cursor:pointer;background:#ef5350;color:#fff;font-weight:700}#start-screen{position:fixed;top:0;right:0;bottom:0;left:0;max-width:520px;margin:0 auto;z-index:400;display:flex;flex-direction:column;overflow:hidden;background:#f2ecdb}.start-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;background-size:cover;background-position:center top;background-repeat:no-repeat}.start-topbar,.start-title-wrap,.start-spacer,.start-bottom{position:relative;z-index:1}.start-topbar{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 16px 0}.start-topbar-row{display:flex;align-items:flex-start;gap:8px}.start-res-col{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.start-avatar{width:54px;height:54px;border-radius:50%;background:#efe7d2;border:2px solid #b98f2f;box-shadow:0 2px 8px #5a461e40;overflow:hidden}.start-avatar img{width:100%;height:100%;object-fit:cover}.start-icon-btn{position:relative;width:34px;height:34px;border-radius:50%;border:1px solid #b9a77e;background:#f5efe0e6;color:#5c5136;font-size:15px;cursor:pointer;box-shadow:0 1px 4px #5a461e33}.start-notice-dot{position:absolute;top:-2px;right:-2px;width:9px;height:9px;border-radius:50%;background:#e53935;border:1px solid #fff}.notice-list{max-height:52vh;overflow-y:auto;margin:6px 0 4px}.notice-item{padding:10px 2px 12px;border-bottom:1px solid #e6ddc8}.notice-item:last-child{border-bottom:none}.notice-title{font-size:15px;font-weight:700;color:#8a5a1a}.notice-date{font-size:12px;color:#a8997a;margin:2px 0 6px}.notice-body{font-size:13px;color:#4a4030;line-height:1.6;white-space:pre-wrap;word-break:break-word}.start-pill{display:flex;align-items:center;gap:6px;background:#3d4a41;border:1.5px solid #b98f2f;border-radius:16px;padding:5px 10px;font-size:14px;font-weight:700;color:#f3e6be;white-space:nowrap;box-shadow:0 2px 6px #3c321940}.start-pill-icon{width:18px;height:18px;border-radius:50%;object-fit:cover;flex:none}.start-add-btn{width:18px;height:18px;border-radius:50%;border:none;background:#b98f2f;color:#fff;font-size:12px;line-height:1;cursor:pointer}.start-energy-timer{font-size:11px;color:#7a6c4a;min-height:13px;padding-left:4px}.start-title-wrap{text-align:center;margin-top:46px}.start-title{font-size:46px;font-weight:700;color:#221d13;letter-spacing:5px;text-shadow:0 1px 0 rgba(255,253,245,.7),0 3px 12px rgba(255,253,245,.5)}.start-rank{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:10px}.start-rank-name{font-size:14px;font-weight:700;color:#5c5136;background:#f5efe0d9;border:1px solid #c7b68c;border-radius:10px;padding:2px 10px}.start-stars{font-size:20px;color:#b03a2e;letter-spacing:3px;text-shadow:0 1px 3px rgba(255,253,245,.8)}.start-spacer{flex:1}.start-bottom{display:flex;align-items:center;justify-content:center;gap:18px;padding:0 16px 30px}.start-col-buildings{display:flex;flex-direction:column;gap:14px}.start-building{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.start-building:active{transform:scale(.94)}.start-building-icon{width:52px;height:52px;border-radius:12px;background:#f7f1e0;border:1.5px solid #b9a77e;overflow:hidden;box-shadow:0 2px 8px #5a461e38}.start-building-icon img{width:100%;height:100%;object-fit:cover}.start-building-label{font-size:12px;font-weight:700;color:#4a4028;text-shadow:0 1px 0 rgba(255,253,245,.8)}.start-begin-btn{flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:13px 24px;border-radius:14px;border:2px solid #b98f2f;background:linear-gradient(180deg,#35302a,#211d16);color:#e9cf8e;font-size:19px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 6px 18px #3c301466;white-space:nowrap}.start-begin-cost{font-size:11px;font-weight:400;color:#bda878}.start-begin-btn:active{transform:scale(.96)}.start-modal-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#28201273;display:flex;align-items:center;justify-content:center}.start-modal{width:min(84%,340px);background:#f7f1e0;border:1.5px solid #b9a77e;border-radius:14px;padding:16px;box-shadow:0 10px 30px #32280f59}.start-modal h3{margin:0 0 6px;font-size:17px;color:#221d13}.start-modal .sub{font-size:12px;color:#7a6c4a;margin-bottom:10px}.start-modal-close{margin-top:12px;width:100%;padding:9px 0;border-radius:10px;border:1px solid #b9a77e;background:#efe7d2;color:#5c5136;font-weight:700;cursor:pointer}.settle-panel{background:#f7f1e0f5;border:1.5px solid #b98f2f;border-radius:14px;padding:14px 22px;display:flex;flex-direction:column;gap:10px;min-width:250px}.settle-row{font-size:15px;color:#4a4028;display:flex;align-items:center;gap:8px;justify-content:center;flex-wrap:wrap}.settle-row b{color:#a8791a;font-size:18px}.settle-stars{color:#b03a2e;letter-spacing:2px}.settle-tag{font-size:11px;color:#7a6c4a;background:#b98f2f2e;border-radius:8px;padding:1px 8px}.settle-up{color:#2e7d32;font-weight:700;font-size:13px}.settle-down{color:#b03a2e;font-weight:700;font-size:13px}.bless-modal{width:min(92%,400px);max-height:86vh;overflow-y:auto}.bless-owned-count{font-size:11px;font-weight:400;color:#7a6c4a}.bless-owned-row{display:flex;align-items:center;gap:6px;min-height:34px;margin:4px 0 6px;flex-wrap:wrap}.bless-none{font-size:12px;color:#a4977a}.bless-chip{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;font-size:16px;font-weight:700;font-family:KaiTi,STKaiti,Microsoft YaHei,serif;background:#f7f1e0;border:1.5px solid #b9a77e;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;color:#4a4028}.bless-chip-label{font-size:11px;color:#8a8f9c;margin-right:2px}.bless-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;margin:8px 0 10px}.bless-card{border-radius:10px;padding:8px 6px;text-align:center;cursor:pointer;background:#fbf7ec;border:1.5px solid #b9a77e;-webkit-user-select:none;user-select:none}.bless-card:active:not(.owned){transform:scale(.96)}.bless-card.owned{opacity:.45;cursor:default}.bless-glyph{font-size:30px;font-weight:700;font-family:KaiTi,STKaiti,Microsoft YaHei,serif;line-height:1.2}.bless-name{font-size:13px;font-weight:700;color:#221d13}.bless-q{font-size:10px;margin:2px 0}.bless-desc{font-size:10px;color:#7a6c4a;min-height:26px;line-height:1.3}.bless-price{font-size:12px;font-weight:700;color:#a8791a}.bless-common{border-color:#7d8a6f}.bless-common .bless-glyph,.bless-common .bless-q{color:#5b6b4c}.bless-rare{border-color:#4a6b9c}.bless-rare .bless-glyph,.bless-rare .bless-q{color:#3a5a8c}.bless-epic{border-color:#b03a2e}.bless-epic .bless-glyph,.bless-epic .bless-q{color:#a03325}.bless-chip.bless-common{background:#eef0e8}.bless-chip.bless-rare{background:#e8edf5}.bless-chip.bless-epic{background:#f7e9e3}.bless-actions{display:flex;gap:6px;flex-wrap:wrap}.bless-btn{flex:1;min-width:96px;padding:8px 4px;border-radius:10px;border:1px solid #b98f2f;background:#3d4a41;color:#f3e6be;font-size:12px;font-weight:700;cursor:pointer}.bless-btn:disabled{opacity:.45;cursor:default}.reserve-area{display:flex;align-items:center;justify-content:center;gap:6px}.shop-tabs{display:flex;gap:6px;margin:6px 0 10px}.shop-tab{flex:1;padding:7px 0;border-radius:10px;border:1px solid #b9a77e;background:#efe7d2;color:#5c5136;font-size:13px;font-weight:700;cursor:pointer}.shop-tab.on{background:#3d4a41;color:#f3e6be;border-color:#b98f2f}.wh-slot-tabs{display:flex;gap:4px;margin:4px 0 8px}.wh-slot-tab{flex:1;padding:5px 0;border-radius:8px;border:1px solid #c3b492;background:#f3ecd9;color:#6b5f42;font-size:13px;font-weight:700;cursor:pointer}.wh-slot-tab.on{background:#b98f2f;color:#fff;border-color:#8f6d20}.eq-white{border-color:#9aa0a6}.eq-white .bless-glyph,.eq-white .bless-q,.wh-item.eq-white .wh-item-name,.wh-slot.eq-white .wh-slot-glyph{color:#6f7276}.eq-green{border-color:#43a047}.eq-green .bless-glyph,.eq-green .bless-q,.wh-item.eq-green .wh-item-name,.wh-slot.eq-green .wh-slot-glyph{color:#2f7d33}.eq-blue{border-color:#1e88e5}.eq-blue .bless-glyph,.eq-blue .bless-q,.wh-item.eq-blue .wh-item-name,.wh-slot.eq-blue .wh-slot-glyph{color:#1565c0}.eq-purple{border-color:#8e24aa}.eq-purple .bless-glyph,.eq-purple .bless-q,.wh-item.eq-purple .wh-item-name,.wh-slot.eq-purple .wh-slot-glyph{color:#7b1fa2}.eq-gold{border-color:#c9a227}.eq-gold .bless-glyph,.eq-gold .bless-q,.wh-item.eq-gold .wh-item-name,.wh-slot.eq-gold .wh-slot-glyph{color:#a8791a}.eq-red{border-color:#d32f2f}.eq-red .bless-glyph,.eq-red .bless-q,.wh-item.eq-red .wh-item-name,.wh-slot.eq-red .wh-slot-glyph{color:#b03a2e}.bless-chip.eq-white{background:#f0f0ee}.bless-chip.eq-green{background:#eaf3ea}.bless-chip.eq-blue{background:#e8eef7}.bless-chip.eq-purple{background:#f2eaf5}.bless-chip.eq-gold{background:#f7f0dd}.bless-chip.eq-red{background:#f7e9e3}.gacha-results{margin-top:10px;min-height:46px;display:flex;flex-wrap:wrap;gap:5px;align-content:flex-start}.gacha-item{font-size:12px;font-weight:700;padding:3px 8px;border-radius:8px;border:1.5px solid;background:#fbf7ec}.gacha-item .gacha-item-name{display:block}.gacha-item .gacha-item-fx{display:block;font-size:10px;font-weight:400;color:#8a7256;margin-top:1px}.gacha-item.reveal{animation:gachaReveal .36s cubic-bezier(.2,.8,.3,1.1) both;animation-delay:calc(var(--i) * 70ms + .05s)}@keyframes gachaReveal{0%{opacity:0;transform:translateY(10px) rotateX(80deg)}to{opacity:1;transform:none}}.gacha-item.shine{position:relative;overflow:hidden}.gacha-item.shine:after{content:"";position:absolute;inset:-60% auto -60% -30%;width:24%;background:#ffffffbf;transform:skew(-24deg) translate(-80px);animation:gachaShine 1.4s ease-out 1s 2}@keyframes gachaShine{to{transform:skew(-24deg) translate(320px)}}.bless-desc.eq-effect{color:#5a6c3a}.settings-row{display:flex;align-items:center;gap:8px;margin:12px 0}.settings-label{font-size:13px;color:#4a4028;min-width:60px}.settings-row input[type=range]{flex:1;accent-color:#a8791a}.settings-num{font-size:13px;color:#a8791a;min-width:26px;text-align:right}.settings-row input[type=text]{flex:1;min-width:0;border:1px solid #c9a877;border-radius:8px;background:#fbf7ec;padding:7px 10px;font-size:13px;color:#3e2f1c}.settings-privacy{width:100%;margin-bottom:4px}.privacy-text{font-size:13px;line-height:1.8;color:#5a4a32;margin:10px 0 14px;text-align:left}.settle-frags{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;max-width:320px}.settle-miss{font-size:13px;color:#8a7256}.gacha-item.eq-white{color:#6f7276}.gacha-item.eq-green{color:#2f7d33}.gacha-item.eq-blue{color:#1565c0}.gacha-item.eq-purple{color:#7b1fa2}.gacha-item.eq-gold{color:#a8791a}.gacha-item.eq-red{color:#b03a2e}.wh-worn-row{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:6px 0 8px}.wh-slot{border:1.5px dashed #b9a77e;border-radius:10px;padding:6px 2px;text-align:center;cursor:pointer;background:#fbf7ec;-webkit-user-select:none;user-select:none}.wh-slot.eq-white,.wh-slot.eq-green,.wh-slot.eq-blue,.wh-slot.eq-purple,.wh-slot.eq-gold,.wh-slot.eq-red{border-style:solid}.wh-slot-glyph{font-size:20px;font-weight:700;font-family:KaiTi,STKaiti,Microsoft YaHei,serif;color:#a4977a}.wh-slot-name{font-size:10px;color:#7a6c4a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wh-list{display:flex;flex-direction:column;gap:6px;margin-top:8px;max-height:40vh;overflow-y:auto}.wh-item{display:flex;align-items:center;gap:8px;border:1.5px solid #b9a77e;border-radius:10px;padding:7px 10px;background:#fbf7ec}.wh-item-name{font-size:13px;font-weight:700;white-space:nowrap}.wh-item-desc{flex:1;font-size:11px;color:#7a6c4a;line-height:1.3}.wh-btn{flex:none;padding:5px 12px;border-radius:8px;border:1px solid #b98f2f;background:#3d4a41;color:#f3e6be;font-size:12px;font-weight:700;cursor:pointer}.wh-btn:disabled{opacity:.45;cursor:default}.settle-achv{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.achv-chip{position:relative;display:flex;align-items:center;gap:5px;padding:4px 8px 4px 5px;border-radius:10px;border:1.5px solid #b9a77e;background:#fffcf4eb;font-size:12px;color:#4a4130;cursor:pointer;-webkit-user-select:none;user-select:none}.achv-glyph{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1.5px solid currentColor;font-weight:700;font-size:13px;flex:none}.achv-name{white-space:nowrap;font-weight:700}.achv-badge{background:#c62828;color:#fff;font-size:9px;font-weight:700;border-radius:6px;padding:1px 4px;line-height:1.2}.achv-chip.achv-new{box-shadow:0 0 8px #ffc83cbf}.achv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;max-height:46vh;overflow-y:auto;padding:4px 2px}.achv-cell{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:10px;border:1.5px solid #c9bb99;background:#fbf7ec;cursor:pointer}.achv-cell .achv-glyph{width:30px;height:30px;font-size:17px}.achv-cell-name{font-size:11px;font-weight:700;color:#4a4130;text-align:center;line-height:1.25}.achv-cell.locked{background:#eae6dc;border-color:#cfc8b8;opacity:.75}.achv-cell.locked .achv-glyph{color:#a49c8a;border-color:#bfb7a5}.achv-cell.locked .achv-cell-name{color:#8f887a}.reserve-row{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:4px}.achv-icon{width:24px;height:24px;flex:none;object-fit:contain}.achv-cell .achv-icon{width:34px;height:34px}.gacha-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;display:flex;align-items:center;justify-content:center;pointer-events:none;--q: #cfd8dc}.gacha-stage.q-white{--q: #eceff1}.gacha-stage.q-green{--q: #66bb6a}.gacha-stage.q-blue{--q: #42a5f5}.gacha-stage.q-purple{--q: #ba68c8}.gacha-stage.q-gold{--q: #ffd54f}.gacha-stage.q-red{--q: #ef5350}.gacha-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,#14100ab8,#080604eb);animation:gachaScrimIn .28s ease-out both}@keyframes gachaScrimIn{0%{opacity:0}to{opacity:1}}.gacha-charge{position:relative;width:190px;height:190px;display:flex;align-items:center;justify-content:center}.gacha-ring{position:absolute;border-radius:50%;border:2px solid var(--q);opacity:.85;box-shadow:0 0 18px var(--q),inset 0 0 18px var(--q)}.gacha-ring.r1{top:0;right:0;bottom:0;left:0;border-style:dashed;animation:gachaSpin 2.4s linear infinite,gachaPulse .9s ease-in-out infinite}.gacha-ring.r2{top:28px;right:28px;bottom:28px;left:28px;border-style:dotted;animation:gachaSpinBack 1.6s linear infinite,gachaPulse .9s ease-in-out infinite .2s}.gacha-seal{width:84px;height:84px;border-radius:50%;border:2.5px solid var(--q);display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;font-family:KaiTi,STKaiti,Microsoft YaHei,serif;color:var(--q);text-shadow:0 0 16px var(--q);box-shadow:0 0 26px var(--q);background:#0000008c;animation:gachaPulse .75s ease-in-out infinite}@keyframes gachaSpin{to{transform:rotate(360deg)}}@keyframes gachaSpinBack{to{transform:rotate(-360deg)}}@keyframes gachaPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.07);opacity:1}}.gacha-tip{position:absolute;top:calc(50% + 130px);font-size:15px;font-weight:700;color:var(--q);text-shadow:0 0 12px var(--q),0 2px 6px #000;letter-spacing:2px;animation:gachaPulse 1.1s ease-in-out infinite}.gacha-burst-wrap{position:absolute;display:flex;align-items:center;justify-content:center;opacity:0}.gacha-burst-wrap img{width:340px;height:340px;object-fit:contain;filter:drop-shadow(0 0 24px var(--q))}.gacha-stage.burst .gacha-charge{animation:gachaSealPop .45s cubic-bezier(.3,.9,.2,1) both}@keyframes gachaSealPop{0%{transform:scale(1);opacity:1}30%{transform:scale(.72);opacity:1}to{transform:scale(2.1);opacity:0}}.gacha-stage.burst .gacha-burst-wrap{animation:gachaBurstIn .8s cubic-bezier(.2,.9,.3,1) both}@keyframes gachaBurstIn{0%{opacity:0;transform:scale(.2) rotate(-20deg)}30%{opacity:1;transform:scale(1.08) rotate(4deg)}70%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(1.18)}}.gacha-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0}.gacha-stage.burst .gacha-flash{animation:gachaFlash .42s ease-out both}@keyframes gachaFlash{0%{opacity:0}12%{opacity:.85}to{opacity:0}}.gacha-stage.q-gold.burst,.gacha-stage.q-red.burst{animation:gachaShake .42s ease-out both}@keyframes gachaShake{0%,to{transform:translate(0)}20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-4px)}60%{transform:translate(-4px,-2px)}80%{transform:translate(3px,3px)}}.gacha-stage.fade{animation:gachaStageOut .3s ease-in both}@keyframes gachaStageOut{to{opacity:0}}.achv-chip.icon-only{padding:5px;gap:0;border-radius:50%;width:44px;height:44px;justify-content:center}.achv-chip.icon-only .achv-icon,.achv-chip.icon-only .achv-glyph{width:30px;height:30px}.achv-chip.icon-only .achv-badge{position:absolute;top:-4px;right:-6px;font-size:8px;padding:1px 3px}.save-mode{align-self:center;font-size:10px;font-weight:700;padding:3px 7px;border-radius:10px;white-space:nowrap;border:1px solid transparent}.save-mode.on{background:#3d4a41d9;color:#a5d6a7;border-color:#4c6b53}.save-mode.off{background:#5a4628cc;color:#ffcc80;border-color:#8a6a35}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;overflow:hidden;transition:opacity .4s ease}#loading-screen.loading-out{opacity:0;pointer-events:none}.loading-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center top}.loading-panel{position:absolute;left:0;right:0;bottom:0;height:42%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:15%;background:linear-gradient(180deg,#f0e8d200,#f0e8d2f5,#efe7d0 24%,#efe7d0)}.loading-tip{color:#7a3b2a;font-size:21px;letter-spacing:.32em;font-weight:800;margin-bottom:16px;text-shadow:0 1px 0 rgba(255,255,255,.6)}.loading-track{position:relative;width:76%;max-width:560px;height:22px;background:#5a3c2333;border:2px solid #7a5a34;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 5px #00000047}.loading-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#b23b2e,#d98a3d 65%,#f0c869);box-shadow:0 0 8px #f0c86999;transition:width .12s linear}.loading-pct{margin-top:10px;color:#8a5a30;font-size:14px;letter-spacing:.1em}#match-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:850;overflow:hidden;transition:opacity .45s ease}#match-screen.match-out{opacity:0;pointer-events:none}.match-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.match-label{position:absolute;width:40%;text-align:center;top:63%;color:#3a2a1a;text-shadow:0 1px 0 rgba(255,255,255,.55)}.match-player{left:2%}.match-opp{right:2%}.match-label .match-name{font-size:22px;font-weight:800;letter-spacing:.04em}.match-label .match-rank{margin-top:4px;font-size:15px;color:#7a3b2a}.match-label .match-stars{margin-top:2px;font-size:14px;color:#c0392b;letter-spacing:.08em}.match-opp .match-name{color:#7a3b2a}.match-opp.revealed .match-name{animation:match-pop .4s ease}@keyframes match-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}.match-tip{position:absolute;left:0;right:0;bottom:11%;text-align:center;color:#5a3b22;font-size:16px;letter-spacing:.06em;text-shadow:0 1px 0 rgba(255,255,255,.5)}