:root{--bg-0:#0a0c12;--bg-1:#11141d;--bg-2:#1a1f2e;--bg-3:#232a3d;--line:#2e3650;--text:#e8ecf5;--text-dim:#9aa3bd;--text-faint:#5e6580;--gold:#e0b243;--cyan:#3fc7d4;--red:#d94f4f;--blue:#4f9fd9;--purple:#b06fd9;--green:#4f9d6c;--erosion:#c0392b;--eco:#3fc7d4;color:var(--text);background:var(--bg-0);font-family:Pretendard,-apple-system,Segoe UI,Malgun Gothic,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(1200px 600px at 50% -10%, #15223a 0%, transparent 60%), var(--bg-0);-webkit-font-smoothing:antialiased}button{cursor:pointer;color:var(--text);border:none;font-family:inherit;transition:all .15s}button:disabled{opacity:.4;cursor:not-allowed}.app-shell{flex-direction:column;max-width:1100px;min-height:100vh;margin:0 auto;display:flex}.btn{background:var(--bg-3);border:1px solid var(--line);border-radius:10px;padding:12px 22px;font-size:15px;font-weight:700}.btn:hover:not(:disabled){background:#2c344c;border-color:#3c4566}.btn-primary{background:linear-gradient(135deg, var(--gold), #c79224);color:#1a1300;border:none}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-cyan{background:linear-gradient(135deg, var(--cyan), #2a9aa6);color:#022;border:none}.btn-ghost{border:1px solid var(--line);background:0 0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#0a0c12b3;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.topbar .brand{letter-spacing:3px;color:var(--gold);font-size:18px;font-weight:900}.topbar .brand small{color:var(--text-dim);letter-spacing:1px;font-weight:600}.currency{background:var(--bg-2);border:1px solid var(--line);border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-weight:700;display:flex}.currency .ico{color:var(--cyan)}@media (width<=600px){.topbar{gap:8px;padding:10px 12px}.topbar .brand{letter-spacing:1.5px;font-size:15px}.commander-name{display:none}.currency{gap:5px;padding:6px 10px;font-weight:800}.currency>span:last-child{display:none}}@media (width<=400px){.topbar .brand{letter-spacing:1px;font-size:13px}.currency{padding:5px 8px;font-size:13px}}.screen{flex:1;padding:24px 20px 60px}.screen h2{letter-spacing:1px;margin-bottom:4px;font-size:22px}.screen .sub{color:var(--text-dim);margin-bottom:20px;font-size:14px}.back-btn{color:var(--text-dim);background:0 0;margin-bottom:14px;padding:6px 0;font-size:14px;font-weight:600}.back-btn:hover{color:var(--text)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;display:grid}.filter-panel{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;margin-bottom:18px;padding:12px 14px;display:flex}.filter-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-label{color:var(--text-dim);flex:0 0 32px;width:32px;font-size:12px;font-weight:800}.fchip{background:var(--bg-1);border:1px solid var(--line);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700;transition:border-color .12s,color .12s,background .12s}.fchip:hover{border-color:var(--text-dim);color:var(--text)}.fchip.on{background:var(--cyan);color:#022;border-color:var(--cyan)}.char-card{border:1px solid var(--line);background:var(--bg-2);aspect-ratio:3/4;cursor:pointer;border-radius:14px;flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.char-card:hover{transform:translateY(-4px)}.char-card.selected{outline:2px solid var(--cyan);outline-offset:1px}.char-card.locked{opacity:.35;filter:grayscale(.7);cursor:default}.char-card.locked:hover{transform:none}.char-card.locked.viewable{opacity:.6;cursor:pointer}.char-card.locked.viewable:hover{filter:grayscale(.3);transform:translateY(-3px)}.char-card .lock-badge{z-index:2;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;display:flex;position:absolute;top:6px;left:6px}.char-card .art{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.char-card .art-img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block;position:absolute;inset:0}.char-card .initial{letter-spacing:1px;color:#ffffffe6;text-shadow:0 2px 12px #00000080;font-size:42px;font-weight:900}.char-card .info{background:#080a10d9;border-top:1px solid #ffffff0f;padding:8px 10px}.char-card .cname{letter-spacing:.5px;font-size:13px;font-weight:800}.char-card .crole{color:var(--text-dim);margin-top:2px;font-size:11px}.char-card .stars{z-index:2;color:var(--gold);text-shadow:0 1px 3px #000;letter-spacing:-1px;background:#080a108c;border-radius:9px;padding:1px 6px;font-size:11px;font-weight:700;position:absolute;top:8px;left:8px}.char-card .rolebadge{z-index:2;background:#00000080;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:800;position:absolute;top:8px;right:8px}.char-card .teamno{background:var(--cyan);color:#022;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:flex;position:absolute;bottom:46px;right:8px}.badge{background:var(--bg-3);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.char-card .break-badge{z-index:2;letter-spacing:.3px;color:#1a1206;background:linear-gradient(135deg, var(--gold), #b8862b);border-radius:8px;padding:1px 6px;font-size:10px;font-weight:900;position:absolute;bottom:6px;left:6px;box-shadow:0 0 6px #e8943a8c}.char-card .break-badge.max{color:#04161a;background:linear-gradient(135deg, #fff0c0, var(--gold));box-shadow:0 0 9px #e8943ae6}.menu-hero{text-align:center;padding:50px 20px 30px}.menu-hero .logo{letter-spacing:8px;background:linear-gradient(135deg, #fff, var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:46px;font-weight:900}.menu-hero .tag{color:var(--text-dim);letter-spacing:2px;margin-top:8px;font-size:13px}.menu-grid{grid-template-columns:repeat(2,1fr);gap:14px;max-width:560px;margin:24px auto 0;display:grid}.menu-tile{text-align:left;background:linear-gradient(160deg, var(--bg-2), var(--bg-1));border:1px solid var(--line);border-radius:16px;padding:26px 18px}.menu-tile:hover{border-color:var(--gold);transform:translateY(-3px)}.menu-tile .t-title{font-size:18px;font-weight:800}.menu-tile .t-desc{color:var(--text-dim);margin-top:6px;font-size:13px}.menu-tile .t-ico{margin-bottom:10px;font-size:26px}.modal-backdrop{z-index:100;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-1);border:1px solid var(--line);border-radius:16px;width:100%;max-width:440px;max-height:90vh;padding:24px;overflow-y:auto}.run-toast{z-index:150;white-space:nowrap;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:800;animation:.25s toastIn,.4s 2s forwards toastOut;position:fixed;top:64px;left:50%;transform:translate(-50%);box-shadow:0 6px 22px #00000080}.run-toast.win{color:#d9ffe2;background:linear-gradient(135deg,#2e6b3a,#1c4326);border:1px solid #78e0a899}.run-toast.lose{color:#ffdada;background:linear-gradient(135deg,#6b2e2e,#431c1c);border:1px solid #ff8c8c99}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@keyframes toastOut{to{opacity:0;transform:translate(-50%,-10px)}}.reward-card.boss{box-shadow:0 0 16px #e0b24347}.reward-card.boss:hover{box-shadow:0 0 22px #e0b24373}.deep-progress{background:linear-gradient(160deg, var(--bg-2), var(--bg-1));border:1px solid var(--line);text-align:center;border-radius:16px;max-width:460px;margin:22px auto 0;padding:16px 18px}.deep-progress .dp-act{letter-spacing:.5px;font-size:20px;font-weight:900}.deep-progress .dp-act span{color:var(--text-dim);font-size:14px;font-weight:700}.deep-progress .dp-stats{color:var(--text-dim);flex-wrap:wrap;justify-content:center;gap:7px 14px;margin-top:12px;font-size:12px;display:flex}.deep-progress .dp-stats b{color:var(--text);font-weight:800}.deep-progress .dp-empty{color:var(--text-dim);padding:6px 0;font-size:14px;font-weight:700}.shop-tabs{gap:8px;margin:6px 0 16px;display:flex}.shop-tab{border:1px solid var(--line);background:var(--bg-2);color:var(--text-dim);cursor:pointer;border-radius:999px;flex:none;padding:9px 18px;font-size:14px;font-weight:800}.shop-tab.on{border-color:var(--cyan);color:var(--cyan);background:#5aa9ff14}.cosmetic-shop{flex-direction:column;gap:16px;display:flex}.set-banner{border:1px dashed var(--line);background:linear-gradient(135deg,#c9a0ff1a,#5aa9ff0f);border-radius:16px;align-items:center;gap:14px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.set-banner .sb-tag{letter-spacing:1px;color:#c9a0ff;border:1px solid #c9a0ff80;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:900}.set-banner .sb-main{flex:1;min-width:0}.set-banner .sb-title{font-size:18px;font-weight:900}.set-banner .sb-sub{color:var(--text-dim);margin-top:2px;font-size:12px}.set-banner .sb-soon{color:var(--text-faint);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:800}.set-banner.img{border:1px solid var(--line);aspect-ratio:16/6;background-position:50%;background-size:cover;border-style:solid;padding:0;display:block}.cos-subtabs{gap:8px;display:flex}.cos-subtab{border:1px solid var(--line);background:var(--bg-2);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:800}.cos-subtab.on{border-color:var(--cyan);color:var(--cyan);background:#5aa9ff14}.cos-empty{text-align:center;border:1px dashed var(--line);background:var(--bg-1);border-radius:14px;padding:48px 16px}.cos-empty .ce-title{color:var(--text-dim);font-size:14px;font-weight:800}.cos-empty .ce-sub{color:var(--text-faint);margin-top:4px;font-size:12px}.skin-bal{align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.skin-bal b{color:#c9a0ff}.set-banner-btn{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:0;display:block}.set-banner-btn:disabled{cursor:default}.set-banner-btn:hover .set-banner:not(.img){border-color:var(--cyan)}.set-cap{color:var(--cyan);text-align:center;margin-top:7px;font-size:12px;font-weight:700;display:block}.set-carousel{flex-direction:column;gap:8px;display:flex}.sc-viewport{border-radius:16px;overflow:hidden}.sc-track{transition:transform .45s cubic-bezier(.4,0,.2,1);display:flex}.sc-slide{flex:0 0 100%;min-width:0}.set-dots{justify-content:center;gap:7px;display:flex}.set-dot{cursor:pointer;background:var(--line);border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.set-dot.on{background:var(--cyan);border-radius:999px;width:20px}.skin-searchbar{border:1px solid var(--line);background:var(--bg-2);border-radius:999px;align-items:center;gap:6px;width:min(260px,100%);margin:0 0 8px auto;padding:6px 12px;display:flex}.skin-searchbar:focus-within{border-color:var(--cyan)}.sks-ico{opacity:.6;font-size:12px;line-height:1}.skin-search{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:13px;font-weight:600}.skin-search::placeholder{color:var(--text-dim);font-weight:600}.sks-clear{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:12px;line-height:1}.sks-clear:hover{color:var(--text)}.skin-grid.paged{grid-template-columns:repeat(6,minmax(0,1fr))}@media (width<=900px){.skin-grid.paged{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=560px){.skin-grid.paged{grid-template-columns:repeat(3,minmax(0,1fr))}}.skin-pager{justify-content:center;align-items:center;gap:14px;margin-top:14px;display:flex}.skin-pager button{border:1px solid var(--line);background:var(--bg-2);width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:9px;font-size:16px;font-weight:800}.skin-pager button:disabled{opacity:.35;cursor:default}.skin-pager span{color:var(--text-dim);text-align:center;min-width:48px;font-size:13px;font-weight:800}.skin-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.skin-card{border:1px solid var(--line);background:var(--bg-1);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.skin-card.owned{opacity:.75}.sk-preview{aspect-ratio:3/4;background:linear-gradient(160deg, var(--bg-2), #0c0f16);justify-content:center;align-items:flex-end;display:flex;overflow:hidden}.sk-preview.wide{aspect-ratio:16/9}.sk-preview img{object-fit:cover;object-position:top center;width:100%;height:100%}.sk-preview.wide img{object-position:center}.skin-grid.bg{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.sk-preview .sk-ph{color:var(--text-faint);align-self:center;font-size:38px;font-weight:900}.sk-meta{padding:8px 10px 2px}.sk-name{font-size:13px;font-weight:800;line-height:1.3}.sk-btn{border:1px solid var(--line);background:var(--bg-2);color:#c9a0ff;cursor:pointer;text-align:center;border-radius:9px;margin:auto 10px 10px;padding:8px;font-size:13px;font-weight:800}.sk-btn:disabled{color:var(--text-faint);cursor:not-allowed;opacity:.6}.sk-btn.owned{color:var(--text-dim);cursor:default}.set-modal-overlay{z-index:200;background:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.set-modal{background:var(--bg-1);border:1px solid var(--line);border-radius:18px;flex-direction:column;width:100%;max-width:720px;max-height:90vh;display:flex;overflow:hidden}.sm-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;font-size:18px;font-weight:800;display:flex}.sm-head small{color:var(--text-dim);font-size:14px;font-weight:600}.sm-head button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:20px}.sm-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:14px;padding:18px 20px;display:grid;overflow-y:auto}.sm-item{color:var(--text-dim);flex-direction:column;align-items:center;gap:4px;font-size:11px;display:flex}.sm-item.owned{opacity:.55}.sm-prev{aspect-ratio:3/4;background:var(--bg-2);border-radius:8px;justify-content:center;align-items:flex-end;width:100%;display:flex;position:relative;overflow:hidden}.sm-prev img{object-fit:cover;object-position:top center;width:100%;height:100%}.sm-prev span{color:var(--text-faint);align-self:center;font-weight:900}.sm-own{background:#000000b3;border-radius:5px;padding:2px 5px;font-size:9px;position:absolute;top:4px;right:4px}.sm-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.sm-price{flex-direction:column;gap:1px;display:flex}.sm-was{color:var(--text-faint);font-size:11px;text-decoration:line-through}.sm-now{color:#c9a0ff;font-size:16px;font-weight:900}.sm-off{color:var(--gold);font-size:11px;font-weight:800}.sm-buy{border:1px solid var(--cyan);color:var(--cyan);cursor:pointer;white-space:nowrap;background:#5aa9ff1f;border-radius:10px;padding:11px 20px;font-size:14px;font-weight:800}.sm-buy:disabled{border-color:var(--line);color:var(--text-faint);background:var(--bg-2);cursor:not-allowed}.buy-confirm{background:var(--bg-1);border:1px solid var(--line);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:320px;padding:20px;display:flex}.buy-confirm .bc-prev{aspect-ratio:3/4;background:var(--bg-2);border-radius:10px;justify-content:center;align-items:flex-end;width:96px;display:flex;overflow:hidden}.buy-confirm .bc-prev.wide{aspect-ratio:16/9;width:100%}.buy-confirm .bc-prev.wide img{object-position:center}.buy-confirm .bc-prev img{object-fit:cover;object-position:top center;width:100%;height:100%}.buy-confirm .bc-prev span{color:var(--text-faint);align-self:center;font-size:32px;font-weight:900}.buy-confirm .bc-title{font-size:16px;font-weight:900}.buy-confirm .bc-body{color:var(--text-dim);font-size:14px}.buy-confirm .bc-body b{color:#c9a0ff}.buy-confirm .bc-actions{gap:10px;width:100%;margin-top:6px;display:flex}.buy-confirm .bc-actions .btn{flex:1}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-top:14px;display:grid}.codex-card{background:linear-gradient(160deg, var(--bg-2), var(--bg-1));border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:6px;min-height:78px;padding:12px 13px;display:flex}.codex-card.locked{opacity:.5;filter:grayscale(.6);border-style:dashed}.codex-card .cc-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.codex-card .cc-name{font-size:14px;font-weight:800}.codex-card .cc-tag{color:var(--text-dim);white-space:nowrap;font-size:11px;font-weight:700}.codex-card .cc-desc{color:var(--text-dim);font-size:12px;line-height:1.45}.reddot{vertical-align:middle;background:#ff4d4d;border-radius:50%;width:8px;height:8px;margin-left:5px;display:inline-block;box-shadow:0 0 6px #ff4d4db3}.codex-card.claimable{cursor:pointer;border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset, 0 0 14px #e0b24340;position:relative}.codex-card.claimable:hover{background:linear-gradient(160deg, #e0b2431f, var(--bg-1))}.codex-card .cc-claim{color:#1a1300;background:var(--gold);border-radius:6px;padding:2px 6px;font-size:10px;font-weight:900;position:absolute;top:6px;right:6px}.codex-claimall{border:1px solid var(--gold);width:100%;color:var(--gold);cursor:pointer;background:#e0b2431f;border-radius:12px;margin-top:18px;padding:13px;font-size:14px;font-weight:800;display:block}.codex-claimall:disabled{border-color:var(--line);background:var(--bg-2);color:var(--text-faint);cursor:default}.cc-name.rar-common{color:#cdd5e0}.cc-name.rar-rare{color:#5aa9ff}.cc-name.rar-epic{color:#c9a0ff}.cc-name.rar-unique{color:#ffcf6b;text-shadow:0 0 10px #ffcf6b40}.codex-card.rar-rare{border-color:#5aa9ff66}.codex-card.rar-epic{border-color:#c9a0ff66}.codex-card.rar-unique{border-color:#ffcf6b73}.deep-actions{flex-direction:column;gap:14px;max-width:460px;margin:26px auto 0;display:flex}.deep-patch{background:var(--bg-1);border:1px solid var(--line);border-radius:14px;max-width:460px;margin:28px auto 0;padding:14px 18px}.deep-patch .dp-title{color:var(--text-dim);margin-bottom:8px;font-size:13px;font-weight:800}.deep-patch ul{flex-direction:column;gap:7px;margin:0;padding-left:18px;display:flex}.deep-patch li{color:var(--text-dim);font-size:12px;line-height:1.5}.deep-patch li b{color:var(--text);font-weight:700}.deep-opt{cursor:pointer;border:1px solid var(--line);background:var(--bg-2);width:100%;color:var(--text);border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:14px;line-height:1.35;transition:transform .12s,border-color .12s;display:flex}.deep-opt:hover{transform:translateY(-2px)}.deep-opt>span{font-size:15px;font-weight:800}.deep-opt small{opacity:.85;white-space:normal;text-align:center;font-size:11.5px;font-weight:600}.deep-opt small b{color:var(--cyan);font-weight:800}.deep-opt.primary{background:linear-gradient(135deg, var(--gold), #b07f1f);color:#1a1300;border:none}.deep-opt.primary small{opacity:.9}.deep-opt.cyan{border-color:var(--cyan)}.deep-opt.cyan:hover{background:var(--bg-3)}.deep-opt.danger{border-color:#a82020}.deep-opt.danger:hover{background:#c8282826}.gacha-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.gacha-hist-btn{white-space:nowrap;border-radius:9px;padding:6px 12px;font-size:12px;font-weight:700}.pull-history{max-width:420px}.pull-history .ph-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.pull-history .ph-title{font-size:18px;font-weight:900}.pull-history .ph-summary{color:var(--text-dim);margin-bottom:12px;font-size:12px}.pull-history .ph-summary b{color:var(--text)}.pull-history .ph-list{flex-direction:column;gap:3px;max-height:60vh;display:flex;overflow-y:auto}.pull-history .ph-row{background:var(--bg-2);border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:6px 10px;font-size:13px;display:flex}.pull-history .ph-row.hi{border-color:var(--line);background:var(--bg-3)}.pull-history .ph-stars{letter-spacing:-1px;flex:none;font-size:11px}.pull-history .ph-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.pull-history .ph-time{color:var(--text-faint);flex:none;font-size:11px}.apology-modal{max-width:440px}.apology-modal .ap-title{text-align:center;margin-bottom:12px;font-size:19px;font-weight:900}.apology-modal .ap-body{color:var(--text);font-size:13px;line-height:1.7}.apology-modal .ap-body p{margin:0 0 10px}.apology-modal .ap-body ul{flex-direction:column;gap:6px;margin:0 0 12px;padding-left:18px;display:flex}.apology-modal .ap-body li{color:var(--text-dim)}.apology-modal .ap-body li b{color:var(--text)}.apology-modal .ap-gift{text-align:center;color:var(--text);font-size:14px}.apology-modal .ap-gift b{color:var(--cyan);font-weight:900}.apology-modal .ap-claim{width:100%;margin-top:8px;font-weight:800}.skill-row{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:8px;padding:10px;display:flex}.skill-row .sk-name{font-size:14px;font-weight:700}.skill-row .sk-desc{color:var(--text-dim);margin-top:3px;font-size:12px}.skill-row .sk-tags{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.tag-chip{background:var(--bg-3);color:var(--text-dim);border-radius:8px;padding:2px 7px;font-size:10px;font-weight:600}.tag-chip.atk{color:#ff9b9b}.tag-chip.heal{color:#8fe0a8}.tag-chip.ero-up{color:#ff7a6b}.tag-chip.ero-down{color:#6fd0d8}.tag-chip.ult{background:linear-gradient(135deg, var(--gold), #b07f1f);color:#1a1300}.tag-chip.buffed{color:#fff;background:#78e0a838;font-weight:800;box-shadow:inset 0 0 0 1px #78e0a88c}.tag-chip.atk.buffed{background:#ff9b9b38;box-shadow:inset 0 0 0 1px #ff9b9b8c}.empty-note{text-align:center;color:var(--text-dim);border:1px dashed var(--line);border-radius:14px;padding:50px 20px}.battle{grid-template:"head""stage"1fr"side"/1fr;gap:6px;height:100dvh;min-height:0;padding:8px;display:grid;position:relative;overflow:hidden}@media (width>=760px){.battle{grid-template:"head head""stage side"1fr/minmax(0,1.15fr) minmax(0,1fr);gap:8px;padding:10px}}.b-head{flex-direction:column;grid-area:head;gap:5px;min-width:0;display:flex}.b-stage{background:var(--bg-1);border:1px solid var(--line);border-radius:12px;flex-direction:column;grid-area:stage;gap:6px;min-height:0;padding:8px;display:flex;overflow:hidden}.b-side{flex-direction:column;grid-area:side;gap:6px;min-width:0;min-height:0;display:flex}.b-ults{flex-wrap:wrap;flex:none;gap:6px;min-width:0;display:flex}.b-hand{flex:none;min-width:0;height:116px}.b-actions{flex:none;gap:8px;display:flex}.b-infobtn{background:var(--bg-2);border:1px solid var(--line);height:28px;color:var(--text-dim);cursor:pointer;white-space:nowrap;border-radius:8px;flex:none;padding:0 9px;font-size:11px;font-weight:800}.b-infobtn:hover{border-color:var(--gold);color:var(--gold)}.b-info{display:none}.b-info.open{z-index:70;background:var(--bg-1);border:1px dashed var(--line);border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;min-height:50dvh;max-height:80dvh;padding:12px;display:flex;position:absolute;top:48px;left:8px;right:8px;overflow:auto;box-shadow:0 10px 30px #00000080}@media (width>=760px){.b-infobtn{display:none}.b-info,.b-info.open{background:var(--bg-1);border:1px dashed var(--line);min-height:0;box-shadow:none;border-radius:12px;flex-direction:column;flex:auto;justify-content:flex-start;align-items:stretch;gap:8px;padding:10px;display:flex;position:static;overflow:auto}}.bi-sec{flex-direction:column;gap:6px;display:flex}.bi-title{color:var(--text-dim);font-size:12px;font-weight:800}.bi-syn{background:var(--bg-2);border:1px solid var(--line);border-radius:9px;flex-direction:column;gap:2px;padding:6px 9px;display:flex}.bi-syn-name{font-size:12px;font-weight:900}.bi-syn-eff{color:var(--text-dim);font-size:11px;line-height:1.4}.bi-empty{color:var(--text-faint);padding:4px 0;font-size:11px}.bi-soon{color:var(--text-faint);border-top:1px dashed var(--line);margin-top:auto;padding-top:6px;font-size:11px;font-weight:700}.b-actions .btn{flex:1}.b-actions .btn-ghost{flex:none}.b-res{align-items:center;gap:8px;display:flex}.gauge{background:var(--bg-2);border:1px solid var(--line);border-radius:9px;flex:1;align-items:center;gap:6px;min-width:0;padding:4px 9px;display:flex}.gauge .g-label{color:var(--text-dim);flex:none;font-size:11px;font-weight:800}.gauge .g-bar{background:#0c0e16;border-radius:5px;flex:1;min-width:24px;height:7px;overflow:hidden}.gauge .g-bar>span{border-radius:5px;height:100%;transition:width .3s;display:block}.gauge .g-bar.erosion>span{background:linear-gradient(90deg,#8e2a20,#d94f4f)}.gauge .g-bar.eco>span{background:linear-gradient(90deg,#2a9aa6,#3fc7d4)}.gauge .g-val{flex:none;font-size:11px;font-weight:800}.gauge .g-val i{color:var(--text-faint);font-style:normal;font-weight:600}.b-turn{color:var(--text-dim);white-space:nowrap;flex:none;font-size:11px;font-weight:800}.b-logbtn{background:var(--bg-2);border:1px solid var(--line);width:28px;height:28px;color:var(--text-dim);cursor:pointer;border-radius:8px;flex:none;font-size:15px;font-weight:900}.b-logbtn:hover{border-color:var(--gold);color:var(--gold)}.b-chips{flex-wrap:wrap;gap:4px;display:flex}.bchip{background:var(--bg-2);border:1px solid var(--line);white-space:nowrap;border-radius:8px;padding:2px 7px;font-size:10px;font-weight:700}.bchip.warn{color:#e0a3c2;background:#d98fb01f;border-color:#d98fb052}.bchip.fall{color:#ff8f9a;background:#d9505a29;border-color:#d9505a73}.bchip.cool{color:#7fd0c0;background:#5fb3a81f;border-color:#5fb3a866}.bchip.buff{color:#9fd0f5;background:#4f9fd929;border-color:#4f9fd973}.bchip.intent{color:#ffc4c4;background:#d94f4f24;border-color:#d94f4f66}.roster-strip{border-top:1px dashed var(--line);flex:none;align-items:stretch;gap:6px;padding-top:6px;display:flex}.rs-member{background:var(--bg-2);border:1px solid var(--line);border-radius:9px;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;padding:4px;display:flex}.rs-member.down{opacity:.5}.rs-member.pickable{cursor:pointer;border-color:var(--cyan)}.rs-member.down.pickable{opacity:.95;border-color:#8fe3a8;box-shadow:0 0 0 2px #8fe3a866}.rs-member.down.pickable .rs-portrait img{filter:grayscale(.4)brightness(.85)}.rs-member.picked{outline:2px solid var(--cyan);outline-offset:1px}.rs-portrait{background:#0c0e16;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:relative;overflow:hidden}.rs-portrait img{object-fit:cover;object-position:top center;width:100%;height:100%}.rs-member.down .rs-portrait img{filter:grayscale()brightness(.6)}.rs-portrait span{color:#ffffffd9;font-size:15px;font-weight:900}.rs-down{background:#080a1080;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.rs-hpbar{background:#0c0e16;border-radius:3px;width:100%;height:5px;overflow:hidden}.rs-hpbar>span{background:linear-gradient(90deg,#4f9d6c,#6fd08c);height:100%;transition:width .3s;display:block}.rs-member.down .rs-hpbar>span{background:#5a2a2a}.rs-hp{color:var(--text-dim);font-size:10px;font-weight:800}.rs-shield{color:#9fd0f5;background:#4f9fd929;border:1px solid #4f9fd980;border-radius:8px;flex:none;align-self:center;padding:3px 7px;font-size:11px;font-weight:800}.enemy-zone{flex-wrap:wrap;flex:1;place-content:center;gap:8px;min-height:0;display:flex;overflow:auto}.enemy{background:var(--bg-2);border:1px solid var(--line);text-align:center;cursor:pointer;border-radius:10px;width:116px;padding:7px;transition:all .15s;position:relative}.enemy.target{outline:2px solid var(--red);outline-offset:1px}.enemy.dead{opacity:.22;filter:grayscale();cursor:default}.enemy .e-face{font-size:24px}.enemy .e-name{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.enemy .e-hpbar{background:#0c0e16;border-radius:4px;height:6px;margin:4px 0 3px;overflow:hidden}.enemy .e-hpbar>span{background:linear-gradient(90deg,#8e2a20,#d94f4f);height:100%;transition:width .3s;display:block}.enemy .e-stat{color:var(--text-dim);font-size:10px}.enemy .e-shieldbox{z-index:3;color:#04121f;background:linear-gradient(135deg,#b8e0ff,#5b9fd9);border:1px solid #ffffff8c;border-radius:7px;padding:1px 6px;font-size:9px;font-weight:900;position:absolute;top:-7px;right:-4px;box-shadow:0 0 7px #4f9fd9b3}.enemy .e-intent{color:#ffcaa0;background:#e0783c1f;border:1px solid #e0783c4d;border-radius:6px;flex-direction:column;gap:1px;margin-top:4px;padding:2px 4px;font-size:10px;line-height:1.35;display:flex}.enemy .e-intent b{color:#ffd9b0;font-weight:800}.enemy .e-intent.incap{color:#b9c2ff;background:#788cff24;border-color:#788cff4d}.enemy .e-intent .ei-ero{color:#ff8f7a}.enemy .e-intent .ei-tag{color:#ffd27a;font-weight:700}.enemy .e-eff{flex-wrap:wrap;justify-content:center;gap:3px;margin-top:4px;display:flex}.enemy .e-eff span{background:var(--bg-3);color:var(--text-dim);border-radius:5px;padding:1px 5px;font-size:10px;font-weight:700}.enemy .e-eff .ef-cc{color:#b9c2ff;background:#788cff29}.enemy .e-eff .ef-down{color:#cbd2e6}.enemy .e-eff .ef-vuln{color:#ff9b9b;background:#d94f4f2e}.enemy .e-eff .ef-dot{color:#ffb877;background:#e08c3c29}.enemy .e-eff .ef-imm{color:#ffd27a;background:#ffc85a1f}.ult-btn{background:linear-gradient(135deg, var(--gold), #b07f1f);color:#1a1300;cursor:pointer;text-align:left;border-radius:9px;flex-direction:column;flex:1;gap:1px;min-width:0;padding:5px 8px;display:flex}.ult-btn:disabled{background:var(--bg-3);color:var(--text-dim);cursor:not-allowed}.ult-btn.ready{box-shadow:0 0 0 2px #e0b2438c,0 0 12px #e0b24373}.ult-btn.awk{background:linear-gradient(150deg,#4a3a10,#2a2008);border:1px solid #ffd25ab3}.ult-btn.awk .ub-uname,.ult-btn.awk .ub-char{color:#ffe08a;opacity:1}.ult-btn.awk.ready{box-shadow:0 0 0 2px #ffd25ab3,0 0 16px #ffc84699}.ult-btn .ub-top{justify-content:space-between;align-items:center;gap:5px;display:flex}.ult-btn .ub-char{letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:900;overflow:hidden}.ult-btn .ub-cost{opacity:.85;flex:none;font-size:10px;font-weight:900}.ult-btn .ub-uname{opacity:.92;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:800;overflow:hidden}.ult-btn .ub-brief{opacity:.72;white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:700;overflow:hidden}.bi-eqeff{color:var(--text-faint);font-weight:600}.b-hand{background:var(--bg-1);border:1px solid var(--line);border-radius:12px;justify-content:center;align-items:stretch;gap:6px;padding:6px;display:flex;overflow:hidden}.play-card{background:linear-gradient(160deg, var(--bg-3), var(--bg-2));border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;flex:1 1 0;align-self:stretch;gap:3px;min-width:0;max-width:130px;min-height:0;padding:7px;transition:transform .12s,border-color .12s;display:flex;overflow:hidden}.play-card:hover:not(:disabled){border-color:var(--gold);transform:translateY(-4px)}.play-card.selected{outline:2px solid var(--gold);transform:translateY(-4px)}.play-card .pc-char{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:700;overflow:hidden}.play-card .pc-name{font-size:12px;font-weight:800;line-height:1.15}.play-card .pc-foot{flex-wrap:wrap;gap:3px;margin-top:auto;display:flex}.b-log-overlay{z-index:80;background:#00000080;justify-content:center;align-items:flex-start;padding-top:56px;display:flex;position:absolute;inset:0}.b-log-panel{background:var(--bg-1);border:1px solid var(--line);border-radius:12px;flex-direction:column;width:min(440px,92%);max-height:60%;display:flex;overflow:hidden}.b-log-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:800;display:flex}.b-log-head button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:16px}.b-log-list{color:var(--text-dim);padding:10px 14px;font-size:12px;overflow-y:auto}.b-log-list div{padding:2px 0}.target-hint.heal{color:#6fd08c}.target-hint.revive{color:#8fe3a8;justify-content:center;align-items:center;gap:8px;display:flex}.revive-cancel{border:1px solid var(--line);background:var(--bg-2);color:var(--text-dim);cursor:pointer;border-radius:6px;padding:2px 9px;font-size:11px;font-weight:800}.revive-cancel:hover{color:var(--text);border-color:var(--text-dim)}.synergy-bar{flex-wrap:wrap;gap:8px;display:flex}.syn-chip{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:4px 10px;font-size:11px;font-weight:600}.syn-chip b{font-weight:800}.result-overlay{z-index:200;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.result-overlay .r-title{letter-spacing:4px;font-size:44px;font-weight:900}.result-overlay .r-win{color:var(--gold)}.result-overlay .r-lose{color:var(--red)}.result-overlay .r-reward{color:var(--cyan);font-size:18px;font-weight:700}.enemy .e-eff .immune{color:#ffd27a;background:#ffc85a1f}.target-hint{text-align:center;color:#ff9b9b;padding:2px 0;font-size:12px;font-weight:700}.target-hint.aoe{color:var(--cyan)}.play-card.is-aoe{border-color:#3fc7d48c}.play-card.is-suppressant{background:linear-gradient(165deg, #5fb3a82e, var(--bg-2));border-color:#5fb3a8}.play-card.is-suppressant .pc-char{color:#7fd0c0}.play-card.downed{opacity:.4;filter:grayscale(.9);cursor:not-allowed}.play-card.downed:hover{border-color:var(--line);transform:none}.downed-ribbon{color:#ff9b9b;background:#080a10b3;border-radius:8px;padding:1px 6px;font-size:9px;font-weight:800;position:absolute;top:6px;right:6px}.play-card{position:relative}.aoe-ribbon{background:linear-gradient(135deg, var(--cyan), #2a9aa6);color:#022;letter-spacing:.5px;border-radius:8px;padding:2px 7px;font-size:9px;font-weight:900;position:absolute;top:6px;right:6px}.card-hover{position:relative}.card-tip{z-index:60;background:var(--bg-1);border:1px solid var(--gold);opacity:0;visibility:hidden;pointer-events:none;border-radius:12px;width:230px;padding:12px;transition:opacity .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0009}.card-hover:hover .card-tip{opacity:1;visibility:visible}.card-tip .ct-name{font-size:14px;font-weight:800}.card-tip .ct-sub{color:var(--text-dim);margin:2px 0 8px;font-size:11px}.card-tip .ct-skill{margin-top:6px;font-size:12px}.card-tip .ct-skill b{color:var(--text)}.card-tip .ct-skill.ult b{color:var(--gold)}.card-tip .ct-skill span{color:var(--text-dim)}.deploy-team{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.deploy-slot{width:92px}.char-card.card-hover{overflow:visible}.char-card.card-hover .art{border-radius:13px 13px 0 0}.char-card.card-hover .info{border-radius:0 0 13px 13px}.run-screen{flex-direction:column;gap:14px;display:flex}.run-toprow{align-items:center;gap:12px;display:flex}.run-head{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:10px 14px;display:flex}.run-progress{align-items:center;gap:4px;display:flex}.rp-dot{background:#ffffff24;border-radius:50%;width:10px;height:10px}.rp-dot.done{background:var(--cyan)}.rp-dot.cur{background:var(--gold);box-shadow:0 0 7px var(--gold)}.rp-boss{margin-left:6px;font-size:14px}.rp-label{color:var(--text-dim);margin-left:6px;font-size:12px;font-weight:800}.run-team{gap:8px;display:flex}.rt-mem{flex-direction:column;align-items:center;gap:2px;width:42px;display:flex}.rt-mem.down{opacity:.45}.rt-pic{background:#0c0e16;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:900;display:flex;position:relative;overflow:hidden}.rt-pic img{object-fit:cover;object-position:top center;width:100%;height:100%}.rt-hp{background:#0c0e16;border-radius:3px;width:100%;height:5px;overflow:hidden}.rt-hp>span{background:linear-gradient(90deg,#4f9d6c,#6fd08c);height:100%;display:block}.rt-num{color:var(--text-dim);font-size:10px;font-weight:800}.run-res{background:var(--bg-2);border:1px solid var(--line);cursor:pointer;color:var(--text);border-radius:999px;align-items:center;gap:10px;margin-left:auto;padding:6px 12px;font-size:13px;font-weight:800;display:flex}.run-res:hover{border-color:var(--cyan)}.run-res .rr-coin{color:#c9a0ff}.run-res .rr-eng{color:var(--cyan)}.run-res .rr-rel{color:var(--gold)}.run-res .rr-info{color:var(--text-dim);font-size:12px;font-weight:700}.run-info-overlay{z-index:200;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.run-info-sheet{background:var(--bg-1);border:1px solid var(--line);border-radius:18px 18px 0 0;flex-direction:column;width:100%;max-width:520px;max-height:82vh;display:flex;overflow:hidden}@media (width>=620px){.run-info-overlay{align-items:center}.run-info-sheet{border-radius:16px}}.ri-head{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;padding:14px 16px;font-size:15px;font-weight:800;display:flex}.ri-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:18px}.ri-res{color:var(--text-dim);border-bottom:1px solid var(--line);padding:10px 16px;font-size:12px;font-weight:700}.ri-body{flex-direction:column;gap:16px;padding:14px 16px;display:flex;overflow-y:auto}.run-body{flex-direction:column;align-items:center;gap:16px;padding:8px 0;display:flex}.run-h{font-size:18px;font-weight:900}.run-p{color:var(--text-dim);text-align:center;max-width:520px;line-height:1.6}.run-h .shop-coin{color:#c9a0ff;margin-left:8px;font-size:13px}.fork-cards{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.fork-card{background:linear-gradient(165deg, var(--bg-3), var(--bg-2));border:1px solid var(--line);cursor:pointer;text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:7px;width:192px;min-height:180px;padding:16px;transition:transform .15s,border-color .15s;display:flex}.fork-card:hover{border-color:var(--gold);transform:translateY(-6px)}.fork-card .fc-icon{font-size:38px}.fork-card .fc-type{font-size:18px;font-weight:900}.fork-card .fc-desc{color:var(--text-dim);font-size:12px;line-height:1.5}.fork-card .fc-stage{color:var(--text-faint);margin-top:auto;font-size:11px}.fork-card .fc-reward{border-radius:8px;padding:2px 9px;font-size:11px;font-weight:800}.fc-reward.q-normal{color:#cdd5e0;background:#cdd5e01f}.fc-reward.q-elite{color:#c9a0ff;background:#b06fd92e}.fc-reward.q-relic{color:var(--gold);background:#e0b24329}.reward-card.r-relic{border-color:var(--gold);background:linear-gradient(165deg, #e0b2431f, var(--bg-2))}.reward-card.r-relic .rc-rarity{color:var(--gold)}.reward-cards{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.reward-card{background:var(--bg-2);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:14px;flex-direction:column;gap:6px;width:180px;min-height:130px;padding:14px;transition:transform .15s,border-color .15s;display:flex}.reward-card:hover{border-color:var(--cyan);transform:translateY(-5px)}.reward-card.r-rare{background:linear-gradient(165deg, #b06fd924, var(--bg-2));border-color:#b06fd999}.reward-card .rc-rarity{color:var(--text-faint);font-size:10px;font-weight:800}.reward-card.r-rare .rc-rarity{color:#c9a0ff}.reward-card .rc-name{font-size:15px;font-weight:900}.reward-card .rc-desc{color:var(--text-dim);font-size:12px;line-height:1.5}.event-choices{flex-direction:column;gap:10px;width:min(460px,92%);display:flex}.event-choice{background:var(--bg-2);border:1px solid var(--line);color:var(--text);cursor:pointer;text-align:left;border-radius:12px;padding:14px 16px;font-size:14px;font-weight:700}.event-choice:hover:not(:disabled){border-color:var(--gold)}.event-choice:disabled{opacity:.45;cursor:not-allowed}.event-choice.locked{filter:grayscale(.85);opacity:.4}.event-choice .ec-cost{color:#c9a0ff;font-weight:800}.event-choice .ec-no{color:var(--red);font-size:12px}.shop-offers{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;width:min(620px,96%);display:grid}.shop-offer{background:var(--bg-2);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;gap:5px;padding:12px;display:flex}.shop-offer:hover:not(:disabled){border-color:var(--gold);transform:translateY(-3px)}.shop-offer:disabled{opacity:.5;cursor:not-allowed}.shop-offer.bought{opacity:.4}.shop-offer.locked{filter:grayscale(.85);opacity:.4}.coupon-row{gap:8px;display:flex}.coupon-input{text-transform:uppercase;letter-spacing:1px;flex:1}.coupon-btn{cursor:pointer;border:1px solid var(--cyan);color:var(--cyan);background:#00e0e01f;border-radius:10px;flex:none;padding:0 18px;font-size:14px;font-weight:800}.coupon-btn:not(:disabled):hover{background:#00e0e038}.coupon-btn:disabled{opacity:.4;cursor:default}.coupon-msg{border-radius:10px;margin-top:10px;padding:9px 12px;font-size:13px;font-weight:700}.coupon-msg.ok{color:#8fe3a8;background:#8fe3a81f;border:1px solid #8fe3a859}.coupon-msg.no{color:#ff9a9a;background:#ff5a5a1a;border:1px solid #ff5a5a4d}.code-xfer{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}@media (width<=560px){.code-xfer{grid-template-columns:1fr}}.cx-col{border:1px solid var(--line);background:var(--bg-2);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.cx-cap{color:var(--text-dim);font-size:13px;font-weight:800}.cx-code{text-align:center;letter-spacing:8px;color:var(--cyan);border:1px dashed var(--cyan);background:#00e0e014;border-radius:10px;padding:10px;font-size:30px;font-weight:900}.cx-code small{letter-spacing:0;color:var(--text-dim);margin-top:4px;font-size:11px;font-weight:700;display:block}.cx-code.expired{color:var(--text-dim);border-color:var(--line);background:0 0}.shop-offer .so-tag{color:var(--text-faint);font-size:10px;font-weight:800}.shop-offer .so-name{font-size:14px;font-weight:900}.shop-offer .so-desc{color:var(--text-dim);flex:1;font-size:11px;line-height:1.4}.shop-offer .so-cost{color:#c9a0ff;font-size:13px;font-weight:900}.run-result{gap:12px;padding:40px 0}.run-result .rr-title{letter-spacing:4px;font-size:46px;font-weight:900}.run-result .rr-title.win{color:var(--gold)}.run-result .rr-title.lose{color:var(--red)}.run-result .rr-sub{color:var(--text-dim)}.run-result .rr-meta{color:var(--cyan);margin:8px 0;font-size:18px;font-weight:800}.bi-mod{color:var(--text-dim);padding:3px 0;font-size:11px;line-height:1.4}.bi-mod b{color:var(--cyan)}.bi-mod.relic b{color:var(--gold)}.reward-card.r-unique{border-color:var(--gold);background:linear-gradient(165deg, #e0b2432e, #b06fd91a, var(--bg-2));box-shadow:0 0 14px #e0b24373}.reward-card.r-unique .rc-rarity{color:var(--gold);font-weight:900}.reward-card.r-unique .rc-name{color:#ffe9a8}.shop-offer.unique{border-color:var(--gold);box-shadow:0 0 10px #e0b24366}.shop-offer.unique .so-tag,.bi-mod.unique b{color:var(--gold)}.bi-mod.unique{text-shadow:0 0 6px #e0b2434d}.rt-eq{color:#1a1206;border:1px solid var(--bg-1);background:linear-gradient(135deg,#9fd0f5,#6fa8d8);border-radius:7px;justify-content:center;align-items:center;min-width:13px;height:13px;padding:0 3px;font-size:9px;font-weight:900;display:flex;position:absolute;bottom:1px;right:1px}.rt-eq.t2{background:linear-gradient(135deg,#c9a0ff,#9a6fd8)}.rt-eq.t3{background:linear-gradient(135deg, #fff0c0, var(--gold));box-shadow:0 0 6px #e0b243b3}.reward-card.eq-t1{border-color:#9fd0f580}.reward-card.eq-t2{background:linear-gradient(165deg, #b06fd91f, var(--bg-2));border-color:#b06fd98c}.reward-card.eq-t3{border-color:var(--gold);background:linear-gradient(165deg, #e0b2432e, #b06fd91a, var(--bg-2));box-shadow:0 0 14px #e0b24373}.reward-card.eq-t3 .rc-rarity{color:var(--gold);font-weight:900}.reward-card.eq-t3 .rc-name{color:#ffe9a8}.equip-targets{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.equip-target{background:var(--bg-2);border:1px solid var(--line);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:6px;width:130px;padding:12px;display:flex}.equip-target:hover{border-color:var(--cyan);transform:translateY(-4px)}.equip-target .et-pic{background:#0c0e16;border-radius:10px;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:900;display:flex;overflow:hidden}.equip-target .et-pic img{object-fit:cover;object-position:top center;width:100%;height:100%}.equip-target .et-name{font-size:13px;font-weight:800}.equip-target .et-cur{color:var(--text-faint);font-size:11px}.equip-target .et-cur.replace{color:#ff9b9b}.run-act{letter-spacing:.5px;color:var(--gold);white-space:nowrap;background:#e0b2431f;border:1px solid #e0b24359;border-radius:9px;padding:3px 10px;font-size:12px;font-weight:900}.daily-timer{color:var(--text-dim);background:var(--bg-2);border:1px solid var(--line);border-radius:10px;margin-bottom:18px;padding:8px 14px;font-size:14px;font-weight:700;display:inline-block}.daily-timer b{color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:1px}.daily-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.daily-card{text-align:left;cursor:pointer;background:linear-gradient(160deg, var(--bg-2), var(--bg-1));border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:6px;padding:20px 18px;transition:transform .15s;display:flex}.daily-card:hover:not(:disabled){transform:translateY(-4px)}.daily-card.done{opacity:.72}.daily-card .dc-diff{letter-spacing:1px;font-size:12px;font-weight:900}.daily-card .dc-squad{font-size:20px;font-weight:900}.daily-card .dc-desc{color:var(--text-dim);font-size:12px}.daily-card .dc-rew{color:var(--cyan);margin-top:4px;font-size:13px;font-weight:700}.daily-card .dc-done{color:var(--green);font-size:12px;font-weight:800}.enemy .e-face .e-portrait{object-fit:cover;object-position:top center;border-radius:10px;width:46px;height:46px}.enemy .e-face{justify-content:center;align-items:center;min-height:28px;display:flex}.banner-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.banner-tab{background:var(--bg-2);border:1px solid var(--line);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:800}.banner-tab.on{background:var(--bg-3)}.banner-tab:hover{color:var(--text)}.banner-hero{border:1px solid var(--line);background:linear-gradient(160deg, var(--bg-2), var(--bg-1));border-radius:18px;gap:18px;display:flex;overflow:hidden}.bh-art{flex:0 0 220px;justify-content:center;align-items:center;min-height:260px;display:flex;position:relative}.bh-art img{object-fit:cover;object-position:top center;width:100%;height:100%}.bh-art .bh-init{color:#ffffffd9;font-size:80px;font-weight:900}.bh-pickup{letter-spacing:1px;color:#0a0c12;border-radius:8px;padding:3px 10px;font-size:11px;font-weight:900;position:absolute;top:12px;left:12px}.bh-info{flex-direction:column;flex:1;gap:4px;min-width:0;padding:20px 22px 20px 4px;display:flex}.bh-stars{letter-spacing:1px;font-size:15px}.bh-name{letter-spacing:1px;font-size:30px;font-weight:900}.bh-sub{color:var(--text-dim);font-size:13px}.bh-tag{margin-top:6px;font-size:13px;font-style:italic}.bh-rate{color:var(--text-dim);margin-top:10px;font-size:13px}.banner-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.banner-actions .btn{flex:1 1 0;min-width:140px}@media (width<=600px){.banner-hero{flex-direction:column}.bh-art{flex-basis:auto;min-height:220px}.bh-info{padding:16px}}.banner-img{background:0 0;border:none;border-radius:14px;width:100%;line-height:0;overflow:hidden}.banner-img img{width:100%;height:auto;display:block}.banner-img-fallback{aspect-ratio:16/9;justify-content:center;align-items:center;width:100%;line-height:1;display:flex}.banner-img-fallback .bh-init{color:#ffffffd9;font-size:80px;font-weight:900}.summon-overlay{z-index:300;background:radial-gradient(circle at 50% 42%,#0c1224,#05060a 75%);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow:auto}.summon-charge{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;min-height:70vh;display:flex;position:relative}.sc-orb{background:radial-gradient(circle at 50% 38%, #fff, var(--c) 55%, transparent 78%);width:120px;height:120px;box-shadow:0 0 70px 24px var(--c);border-radius:50%;animation:.85s ease-in-out infinite orbPulse}@keyframes orbPulse{0%{transform:scale(.82)}50%{filter:brightness(1.25);transform:scale(1.12)}to{transform:scale(.86)}}.sc-rays{opacity:.2;background:conic-gradient(from 0deg, transparent 0 18deg, var(--c) 20deg, transparent 42deg 90deg, var(--c) 110deg, transparent 132deg 200deg, var(--c) 220deg, transparent 242deg 310deg, var(--c) 330deg, transparent 352deg);filter:blur(3px);border-radius:50%;width:460px;max-width:90vw;height:460px;max-height:90vw;animation:7s linear infinite raySpin;position:absolute}@keyframes raySpin{to{transform:rotate(360deg)}}.sc-hint{color:var(--text-dim);letter-spacing:1px;font-size:15px;position:relative}.sc-skip{border:1px solid var(--line);color:var(--text-dim);background:0 0;border-radius:999px;padding:8px 18px;font-weight:700;position:absolute;bottom:30px}.summon-reveal{flex-direction:column;align-items:center;gap:22px;max-width:880px;margin:auto;display:flex;position:relative}.sr-flashscreen{pointer-events:none;background:#fff;animation:.45s ease-out forwards whiteFlash;position:fixed;inset:0}@keyframes whiteFlash{0%{opacity:.85}to{opacity:0}}.sr-grid{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.sr-grid.single .sr-card{width:200px}.sr-grid.multi .sr-card{width:130px}.sr-card{opacity:0;cursor:pointer;animation:.5s cubic-bezier(.2,.8,.3,1.25) forwards cardIn;animation-delay:var(--d);position:relative}@keyframes cardIn{0%{opacity:0;transform:scale(.5)translateY(18px)}60%{transform:scale(1.07)}to{opacity:1;transform:scale(1)}}.sr-burst{border:3px solid var(--c);box-shadow:0 0 26px var(--c);opacity:0;pointer-events:none;animation:.7s ease-out forwards burst;animation-delay:var(--d);border-radius:16px;position:absolute;inset:-5px}@keyframes burst{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.7)}}.sr-card.rank-5 .char-card,.sr-card.rank-6 .char-card{box-shadow:0 0 18px var(--c)}.sr-card.pickup .char-card{outline:2px solid var(--c);outline-offset:1px}.sr-stars{white-space:nowrap;color:var(--c);text-shadow:0 0 10px var(--c);opacity:0;animation:.9s ease-out forwards starPop;animation-delay:var(--d);font-size:14px;font-weight:900;position:absolute;top:-16px;left:50%}@keyframes starPop{0%{opacity:0;transform:translate(-50%)scale(0)}50%{opacity:1;transform:translate(-50%)scale(1.3)}to{opacity:1;transform:translate(-50%)scale(1)}}.sr-pickup{background:var(--c);color:#0a0c12;letter-spacing:.5px;opacity:0;animation:.9s ease-out forwards starPop;animation-delay:var(--d);border-radius:8px;padding:2px 8px;font-size:10px;font-weight:900;position:absolute;bottom:38px;left:50%}.summon-confirm{opacity:0;min-width:160px;animation:.4s .75s forwards fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sr-guide{color:var(--text-dim);font-size:14px;font-weight:700}.summon-actions{gap:10px;display:flex}.sr-grid.multi .sr-flipcard{width:130px}.sr-grid.single .sr-flipcard{width:200px}.sr-flipcard{aspect-ratio:3/4;opacity:0;perspective:900px;animation:.5s cubic-bezier(.2,.8,.3,1.25) forwards cardIn;animation-delay:var(--d);position:relative}.sr-flipinner{transform-style:preserve-3d;cursor:pointer;transition:transform .55s cubic-bezier(.2,.8,.3,1.1);position:absolute;inset:0}.sr-flipcard.open .sr-flipinner{transform:rotateY(180deg)}.sr-face{backface-visibility:hidden;border-radius:14px;position:absolute;inset:0;overflow:hidden}.sr-back{background:radial-gradient(circle at 50% 30%, #ffffff47, transparent 60%), linear-gradient(160deg, var(--c), #0b0d15);border:2px solid var(--c);box-shadow:0 0 16px var(--c);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.sr-back .sb-emblem{color:#fff;text-shadow:0 0 14px var(--c);font-size:40px}.sr-back .sb-stars{color:#fff;letter-spacing:-1px;text-shadow:0 0 8px var(--c);font-size:13px;font-weight:900}.sr-front{transform:rotateY(180deg)}.sr-front .char-card{width:100%;height:100%}.sr-front .char-card:hover{transform:none}.sr-flipcard.rank-5 .sr-front .char-card,.sr-flipcard.rank-6 .sr-front .char-card{box-shadow:0 0 18px var(--c)}.pity-gauge{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:10px 14px}.pity-gauge .pg-top{color:var(--text-dim);justify-content:space-between;align-items:center;margin-bottom:7px;font-size:12px;font-weight:700;display:flex}.pity-gauge .pg-bar{background:#0c0e16;border-radius:5px;height:8px;overflow:hidden}.pity-gauge .pg-bar>span{border-radius:5px;height:100%;transition:width .4s;display:block}.commander-name{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.commander-name b{color:var(--cyan);font-weight:800}.nick-overlay{z-index:400;background:radial-gradient(circle at 50% 35%,#14203a,#05060a 75%);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.nick-card{background:var(--bg-1);border:1px solid var(--line);text-align:center;border-radius:18px;flex-direction:column;gap:10px;width:min(420px,100%);padding:32px 26px;display:flex;box-shadow:0 20px 60px #00000080}.nick-card .nick-logo{letter-spacing:6px;background:linear-gradient(135deg, #fff, var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:34px;font-weight:900}.nick-card .nick-title{margin-top:6px;font-size:18px;font-weight:900}.nick-card .nick-desc{color:var(--text-dim);margin-bottom:8px;font-size:13px;line-height:1.6}.nick-input{background:var(--bg-2);border:1px solid var(--line);width:100%;color:var(--text);text-align:center;border-radius:12px;padding:13px 15px;font-size:16px;font-weight:700}.nick-input:focus{border-color:var(--cyan);outline:none}.nick-go{margin-top:6px}.event-banner{background:linear-gradient(135deg,#e0b24329,#3fc7d41a);border:1px solid #e0b24373;border-radius:14px;align-items:center;gap:14px;max-width:560px;margin:22px auto 0;padding:16px 18px;display:flex}.event-banner .eb-text{flex:1;min-width:0}.event-banner .eb-title{font-size:14px;font-weight:900}.event-banner .eb-desc{color:var(--text-dim);margin-top:3px;font-size:13px}.event-banner .eb-desc b{color:var(--gold)}.event-banner .eb-btn{flex:none;padding:10px 20px}.daily-cleared-note{color:var(--green);background:#4f9d6c1f;border:1px solid #4f9d6c66;border-radius:10px;margin-bottom:14px;padding:9px 14px;font-size:13px;font-weight:800}.daily-card.disabled{opacity:.4;filter:grayscale(.6)}.daily-card .dc-locked{color:var(--text-faint);font-size:12px;font-weight:700}.b-actions .b-reroll{white-space:nowrap;flex:none;padding:12px 14px;font-weight:800}.b-actions .b-reroll:not(:disabled){color:var(--cyan);border-color:#3fc7d480}.roster-strip{margin-top:10px}.roster-strip .rs-member{position:relative}.rs-shieldbox{z-index:3;color:#04121f;letter-spacing:.2px;white-space:nowrap;background:linear-gradient(135deg,#b8e0ff,#5b9fd9);border:1px solid #ffffff8c;border-radius:7px;padding:1px 6px;font-size:9px;font-weight:900;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 0 7px #4f9fd9b3}.rs-moth{z-index:4;filter:drop-shadow(0 0 4px #c878ffe6);pointer-events:none;font-size:13px;position:absolute;top:-7px;right:-2px}.moth-pick{text-align:center;max-width:420px}.moth-pick .mp-title{margin-bottom:8px;font-size:18px;font-weight:900}.moth-pick .mp-sub{color:var(--text-dim);margin-bottom:16px;font-size:13px;line-height:1.6}.moth-pick .mp-sub b{color:#c886ff}.moth-pick .mp-list{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.moth-pick .mp-ally{cursor:pointer;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;flex-direction:column;align-items:center;gap:6px;min-width:78px;padding:10px 8px;transition:transform .12s,border-color .12s;display:flex}.moth-pick .mp-ally:hover{border-color:#c886ff;transform:translateY(-3px);box-shadow:0 0 12px #c878ff59}.moth-pick .mp-ava{background:var(--bg-3);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:18px;font-weight:800;display:flex;overflow:hidden}.moth-pick .mp-ava img{object-fit:cover;object-position:top center;width:100%;height:100%}.moth-pick .mp-name{font-size:12px;font-weight:700}.b-buffs{flex-wrap:wrap;flex:none;justify-content:center;gap:4px;display:flex}@media (width>=1320px){.app-zoom{zoom:1.2;min-height:83.3333vh}.app-zoom .battle{height:83.3333dvh}}.battle-tip{z-index:300;pointer-events:none;color:var(--text);border:1px solid var(--gold);white-space:normal;background:#06080f;border-radius:10px;width:max-content;max-width:240px;padding:8px 12px;font-size:12px;font-weight:600;line-height:1.5;position:fixed;transform:translate(-50%,calc(-100% - 8px));box-shadow:0 10px 30px #000000a6}.enemy.hit,.rs-member.hit{animation:.4s hitShake}.enemy.hit:after,.rs-member.hit:after{content:"";pointer-events:none;z-index:4;background:#ff37378c;border-radius:10px;animation:.42s forwards hitRed;position:absolute;inset:0}.enemy.hit:before{content:"💥";z-index:5;pointer-events:none;font-size:30px;animation:.45s ease-out forwards impactPop;position:absolute;top:38%;left:50%}@keyframes hitRed{0%{opacity:.85}to{opacity:0}}@keyframes hitShake{0%,to{transform:translate(0)}20%{transform:translate(-5px,2px)}40%{transform:translate(5px,-2px)}60%{transform:translate(-3px,1px)}80%{transform:translate(3px,-1px)}}@keyframes impactPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-12deg)}40%{opacity:1;transform:translate(-50%,-50%)scale(1.45)rotate(6deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1.1)rotate(0)}}.lobby-screen{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-height:0;padding:12px;display:flex;overflow:auto}.lobby{aspect-ratio:16/9;border:1px solid var(--line);background:linear-gradient(#16213b,#0a0c12 70%);border-radius:16px;flex:none;width:100%;max-width:min(960px,106.667vh);position:relative;overflow:hidden}.lobby-bg{z-index:1;background:radial-gradient(80% 55% at 50% 22%,#25406a,#0000 70%),repeating-linear-gradient(45deg,#ffffff05 0 18px,#0000 18px 36px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lobby-bg .ph-label{color:#fff6;border:1px dashed #ffffff38;border-radius:8px;padding:4px 12px;font-size:12px}.lobby-stage{z-index:2;pointer-events:none;justify-content:center;align-items:flex-end;padding:0 5%;display:flex;position:absolute;inset:0}.lobby-stage.duo{justify-content:space-between;padding:0 3%}.lobby-stage .stand-img{object-fit:contain;object-position:bottom;filter:drop-shadow(0 8px 22px #0009);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:58%;height:94%;display:block;position:absolute;bottom:0}.lobby-stage.editing{pointer-events:auto}.lobby-stage.editing .stand-img{outline-offset:-2px;touch-action:none;border-radius:6px;outline:2px dashed #5aa9ffb3}.lobby-stage.editing .stand-img:active{cursor:grabbing}.stand-ph{color:#ffffff73;border:1px dashed #ffffff40;border-radius:10px;align-self:center;padding:6px 14px;font-size:12px;font-weight:700}.lobby-decorate{z-index:5;border:1px solid var(--line);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800;position:absolute;bottom:12px;right:12px}.lobby-decorate:hover{border-color:var(--cyan)}.lobby-editbar{z-index:6;border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:94%;padding:8px 10px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.lobby-editbar .le-hint{color:var(--text-dim);padding:0 4px;font-size:11px}.lobby-editbar button{background:var(--bg-2);border:1px solid var(--line);color:#fff;cursor:pointer;white-space:nowrap;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.lobby-editbar .le-done{border-color:var(--cyan);color:var(--cyan)}.lobby-editbar .le-size{color:var(--text-dim);background:var(--bg-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:4px;padding:3px 6px 3px 9px;font-size:11px;font-weight:700;display:inline-flex}.lobby-editbar .le-size button{padding:3px 9px;font-size:14px;line-height:1}.lobby-skinpick{z-index:7;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.lsp-sheet{background:var(--bg-1);border:1px solid var(--line);border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-width:520px;max-height:76%;display:flex;overflow:hidden}.lsp-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;font-weight:800;display:flex}.lsp-head button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:17px}.lsp-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;padding:14px 16px;display:grid;overflow-y:auto}.lsp-item{border:1px solid var(--line);background:var(--bg-2);color:var(--text-dim);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:6px;font-size:11px;display:flex}.lsp-item.on{border-color:var(--cyan);color:var(--cyan)}.lsp-item img{aspect-ratio:3/4;object-fit:cover;object-position:top center;border-radius:6px;width:100%}.lsp-item.none{justify-content:center;min-height:60px}.lsp-empty{text-align:center;color:var(--text-faint);padding:24px 16px;font-size:12px}.lsp-grid.bg{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.lsp-grid.bg .lsp-item img{aspect-ratio:16/9}.lsp-foot{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px 14px;display:flex}.lsp-upload{background:var(--bg-2);border:1px solid var(--cyan);color:var(--cyan);cursor:pointer;white-space:nowrap;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:800}.lsp-note{color:var(--text-faint);font-size:11px}.lobby-head{z-index:4;justify-content:space-between;align-items:center;display:flex;position:absolute;top:12px;left:14px;right:14px}.lobby-greet{color:#fff;text-shadow:0 1px 5px #000;font-size:14px;font-weight:800}.lobby-greet b{color:var(--cyan)}.lobby-event{background:linear-gradient(135deg, var(--gold), #c79224);color:#1a1300;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800;box-shadow:0 0 10px #e0b24380}.lobby-actions{flex:none;gap:8px;width:100%;max-width:min(960px,106.667vh);display:flex}.lobby-btn{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;flex-direction:column;flex:1 1 0;align-items:center;gap:4px;min-width:0;padding:12px 4px;transition:transform .12s,border-color .12s;display:flex}.lobby-btn:hover{border-color:var(--gold);transform:translateY(-3px)}.lobby-btn .lb-head{color:#fff;white-space:nowrap;font-size:15px;font-weight:800}.lobby-btn .lb-sub{color:var(--text-dim);white-space:nowrap;font-size:11px;font-weight:600}.lobby-event-banner{cursor:pointer;background:linear-gradient(135deg,#e0b2432e,#c792241a);border:1px solid #e0b24399;border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:3px;width:100%;max-width:min(960px,106.667vh);padding:11px 16px;animation:2.2s ease-in-out infinite eventPulse;display:flex;box-shadow:0 0 16px #e0b24340}.lobby-event-banner:hover{border-color:var(--gold);box-shadow:0 0 22px #e0b24373}.lobby-event-banner .leb-title{color:var(--gold);letter-spacing:.3px;font-size:14px;font-weight:900}.lobby-event-banner .leb-sub{color:#ffe9a8;font-size:12px;font-weight:700}.lobby-event-banner .leb-sub b{color:#fff;font-size:14px}@keyframes eventPulse{0%,to{box-shadow:0 0 14px #e0b24333}50%{box-shadow:0 0 22px #e0b24373}}.lobby-dev{opacity:.6;border:1px solid var(--line);color:var(--text-dim);background:#0006;border-radius:8px;flex:none;padding:4px 12px;font-size:11px}.lobby-bg.has-img{background-position:50%;background-repeat:no-repeat;background-size:cover}.commander-chip{align-items:center;gap:7px;min-width:0;display:inline-flex}.cmd-ava{object-fit:cover;object-position:top center;border:1.5px solid var(--cyan);border-radius:50%;flex:none;width:28px;height:28px;box-shadow:0 0 8px #0006}.cmd-ava.ph{background:var(--bg-3);color:var(--cyan);justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.settings-btn{background:var(--bg-2);border:1px solid var(--line);width:34px;height:34px;color:var(--text-dim);cursor:pointer;border-radius:10px;flex:none;font-size:17px;line-height:1;transition:all .15s}.settings-btn:hover{color:#fff;border-color:var(--cyan);background:var(--bg-3)}.settings-modal{max-width:480px;padding:16px}.settings-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.settings-tabs{gap:6px;display:flex}.st-tab{background:var(--bg-2);border:1px solid var(--line);color:var(--text-dim);cursor:pointer;border-radius:9px;padding:7px 14px;font-size:13px;font-weight:700}.st-tab.on{background:var(--bg-3);color:#fff;border-color:var(--cyan)}.settings-body{flex-direction:column;gap:8px;display:flex}.st-name-input{border:1px solid var(--line);background:var(--bg-2);width:100%;color:var(--text);border-radius:10px;padding:10px 12px;font-size:15px;font-weight:700}.st-name-input:focus{border-color:var(--cyan);outline:none}.st-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-top:6px;font-size:12px;font-weight:800}.st-label .st-sub{text-transform:none;letter-spacing:0;opacity:.7;margin-left:6px;font-weight:600}.st-up{letter-spacing:0;text-transform:none;cursor:pointer;color:var(--cyan);background:var(--bg-2);border:1px solid var(--cyan);border-radius:8px;margin-left:auto;padding:3px 9px;font-size:11px;font-weight:800}.st-up:hover{background:var(--bg-3)}.st-label{align-items:center;display:flex}.st-empty{color:var(--text-dim);text-align:center;border:1px dashed var(--line);border-radius:10px;padding:12px;font-size:12px}.st-note{color:var(--text-dim);background:var(--bg-2);border:1px solid var(--line);border-radius:10px;margin-top:10px;padding:10px;font-size:11.5px;line-height:1.6}.st-note b{color:var(--cyan)}.data-actions{flex-wrap:wrap;gap:10px;margin:4px 0;display:flex}.data-actions .btn{flex:1 1 0;min-width:150px}.confirm-layer{z-index:200}.confirm-overwrite{text-align:center;max-width:400px}.confirm-overwrite .co-title{color:#ff9b9b;margin-bottom:12px;font-size:17px;font-weight:900}.confirm-overwrite .co-body{color:var(--text);font-size:13px;line-height:1.7}.confirm-overwrite .co-body b{color:#ff9b9b}.confirm-overwrite .co-cur{background:var(--bg-2);border:1px solid var(--line);color:var(--text-dim);border-radius:10px;margin:12px 0 8px;padding:10px;font-size:12px}.confirm-overwrite .co-cur b{color:var(--cyan)}.confirm-overwrite .co-file{color:var(--text-dim);word-break:break-all;font-size:11px}.confirm-overwrite .co-actions{gap:10px;margin-top:16px;display:flex}.confirm-overwrite .co-actions .btn{flex:1 1 0}.co-danger{color:#fff;background:linear-gradient(135deg,#e23b3b,#a82020);border:none;font-weight:800}.co-danger:disabled{opacity:.6}.st-grid{flex-wrap:wrap;gap:8px;display:flex}.st-thumb{cursor:pointer;border:2px solid var(--line);background:var(--bg-2);border-radius:10px;width:92px;padding:0;position:relative;overflow:hidden}.st-thumb img{object-fit:cover;width:100%;height:64px;display:block}.st-thumb span{color:var(--text-dim);text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:4px 6px;font-size:11px;font-weight:700;display:block;overflow:hidden}.st-thumb.on{border-color:var(--cyan);box-shadow:0 0 0 2px #00e0e040}.st-del{cursor:pointer;color:#fff;background:#c82828d9;border:none;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;padding:0;font-size:14px;font-weight:800;line-height:1;display:flex;position:absolute;top:3px;right:3px}.st-del:hover{background:#e23b3b}.st-thumb.on span{color:#fff}.st-thumb.none{width:92px;height:92px;color:var(--text-dim);justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.st-grid.stand .st-thumb img{object-fit:contain;background:var(--bg-0);height:92px}.st-grid.avatar{gap:9px}.st-ava{cursor:pointer;border:2px solid var(--line);background:var(--bg-2);width:52px;height:52px;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:800;display:flex;overflow:hidden}.st-ava img{object-fit:cover;object-position:top center;width:100%;height:100%}.st-ava.on{border-color:var(--cyan);box-shadow:0 0 0 2px #00e0e040}.skin-btn{cursor:pointer;border:1px solid var(--line);background:var(--bg-2);width:110px;color:var(--text-dim);letter-spacing:-.2px;border-radius:8px;padding:5px 0;font-size:12px;font-weight:800;transition:border-color .12s,color .12s,background .12s}.skin-btn:hover{border-color:var(--cyan);color:var(--text)}.skin-btn.active{border-color:var(--cyan);color:var(--cyan);background:#00e0e014}.skin-btn.muted{opacity:.5}.skin-pick-modal{background:var(--bg-1);border:1px solid var(--line);border-radius:16px;width:100%;max-width:460px;max-height:86vh;padding:18px 18px 20px;overflow-y:auto}.spm-head{align-items:center;gap:8px;margin-bottom:14px;display:flex}.spm-head b{font-size:16px}.spm-head span{color:var(--text-dim);font-size:13px}.spm-x{color:var(--text-dim);cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:18px}.spm-x:hover{color:var(--text)}.spm-empty{color:var(--text-faint);text-align:center;padding:24px 6px;font-size:13px}.spm-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.spm-card{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:stretch;gap:6px;padding:0;display:flex}.spm-card.locked{cursor:default}.spm-art{aspect-ratio:3/4;border:2px solid var(--line);background:var(--bg-2);color:var(--text-faint);border-radius:10px;justify-content:center;align-items:center;font-size:24px;font-weight:800;transition:border-color .12s;display:flex;position:relative;overflow:hidden}.spm-card:not(.locked):hover .spm-art{border-color:var(--cyan)}.spm-card.on .spm-art{border-color:var(--cyan);box-shadow:0 0 0 2px #00e0e04d}.spm-art img{object-fit:cover;object-position:top center;width:100%;height:100%}.spm-card.locked .spm-art img{filter:grayscale(.85)brightness(.5)}.spm-lock{justify-content:center;align-items:center;font-size:22px;display:flex;position:absolute;inset:0}.spm-name{text-align:center;color:var(--text-dim);font-size:12px;font-weight:800}.spm-card.on .spm-name{color:var(--cyan)}.diff-panel{background:var(--bg-1);border:1px solid var(--line);border-radius:16px;width:100%;max-width:480px;max-height:88vh;padding:18px 18px 20px;overflow-y:auto}.dfp-head{align-items:flex-start;gap:8px;margin-bottom:14px;display:flex}.dfp-head b{font-size:16px;display:block}.dfp-head small{color:var(--text-dim);margin-top:3px;font-size:11.5px;display:block}.dfp-axes{flex-direction:column;gap:8px;display:flex}.dfp-axis{border:1px solid var(--line);background:var(--bg-2);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .12s,background .12s;display:flex}.dfp-axis.on{border-color:var(--red);background:#ff50500f}.dfp-axis-info{flex:1;min-width:0}.dfp-axis-name{font-size:13.5px;font-weight:800}.dfp-threat{color:var(--text-faint);margin-left:4px;font-size:10.5px;font-weight:700}.dfp-axis-eff{color:var(--text-dim);margin-top:2px;font-size:11.5px}.dfp-axis.on .dfp-axis-eff{color:#ff9a9a}.dfp-stepper{flex-shrink:0;align-items:center;gap:6px;display:flex}.dfp-stepper button{border:1px solid var(--line);background:var(--bg-1);width:28px;height:28px;color:var(--text);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;font-size:16px;font-weight:800;line-height:1;display:flex}.dfp-stepper button:disabled{opacity:.3;cursor:default}.dfp-stepper button:not(:disabled):hover{border-color:var(--cyan);color:var(--cyan)}.dfp-lv{text-align:center;min-width:34px;color:var(--text-dim);font-size:12.5px;font-weight:800}.dfp-summary{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;align-items:stretch;gap:12px;margin:14px 0;padding:12px;display:flex}.dfp-threat-total{border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;padding:0 14px;display:flex}.dfp-threat-total span{color:var(--text-dim);font-size:11px}.dfp-threat-total b{color:var(--red);font-size:30px;line-height:1.1}.dfp-threat-total small{color:var(--text-faint);font-size:10px}.dfp-reward{flex-direction:column;flex:1;justify-content:center;gap:4px;display:flex}.dfp-rw-row{color:var(--text-dim);justify-content:space-between;align-items:baseline;font-size:12.5px;display:flex}.dfp-rw-row b{color:var(--cyan);font-size:15px}.dfp-rw-row.bounty b{color:var(--gold)}.dfp-rw-row small{opacity:.7;font-size:10px}.dfp-rw-note{color:var(--text-faint);margin-top:4px;font-size:10.5px;line-height:1.4}.dfp-actions{gap:10px;display:flex}.dfp-actions .btn{flex:1}.dfp-actions .btn-ghost{flex:none;padding:0 16px}.dp-threat{color:var(--red);margin-left:8px;font-size:12px;font-weight:800}.rr-bounty{color:var(--gold);margin-top:4px;font-size:13px;font-weight:800}.dfp-rw-row.remnant b{color:#ff7a5c}.dfp-rw-row.frag b{color:#c9a0ff}.cur-info-btn{border:1px solid var(--line);background:var(--bg-2);width:22px;height:22px;color:var(--text-dim);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;line-height:1;display:flex}.cur-info-btn:hover{border-color:var(--cyan);color:var(--cyan)}.cur-info-modal{background:var(--bg-1);border:1px solid var(--line);border-radius:16px;width:100%;max-width:440px;max-height:86vh;padding:18px;overflow-y:auto}.cim-head{align-items:center;margin-bottom:14px;display:flex}.cim-head b{font-size:16px}.cim-head .spm-x{margin-left:auto}.cim-list{flex-direction:column;gap:12px;display:flex}.cim-row{background:var(--bg-2);border:1px solid var(--line);border-radius:11px;padding:12px}.cim-title{flex-wrap:wrap;align-items:baseline;gap:7px;margin-bottom:8px;display:flex}.cim-ico{font-size:15px;font-weight:900}.cim-title b{font-size:14px}.cim-what{color:var(--text-dim);font-size:11.5px}.cim-line{color:var(--text);gap:8px;margin-top:3px;font-size:12px;line-height:1.5;display:flex}.cim-tag{border-radius:5px;flex:none;height:fit-content;margin-top:1px;padding:1px 7px;font-size:10px;font-weight:800}.cim-tag.get{color:var(--cyan);background:#00e0e026}.cim-tag.use{color:var(--gold);background:#ffb45a26}.awaken-box{background:#ff7a5c0f;border:1px solid #ff7a5c59;border-radius:10px;margin:0 0 14px;padding:10px 12px}.awaken-box.on{background:#ff7a5c1f;border-color:#ff7a5cb3}.awk-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.awk-title{color:#ff9a7c;font-size:12.5px;font-weight:800}.awaken-box.on .awk-title{color:#ffb39a}.awk-cost{color:#ff7a5c;font-size:12px;font-weight:800}.awk-done{color:#ffb39a;background:#ff7a5c33;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:800}.awk-desc{color:var(--text-dim);margin-top:4px;font-size:11.5px;line-height:1.45}.awk-btn{cursor:pointer;color:#ffb39a;background:#ff7a5c26;border:1px solid #ff7a5c99;border-radius:8px;width:100%;margin-top:8px;padding:7px 0;font-size:12.5px;font-weight:800}.awk-btn:not(:disabled):hover{background:#ff7a5c47}.awk-btn:disabled{opacity:.5;cursor:default}.awk-locked{color:var(--text-faint);text-align:center;margin-top:8px;font-size:11px}.cd-skin-btn{cursor:pointer;width:100%;color:var(--cyan);background:#00e0e014;border:1px solid #00e0e066;border-radius:9px;margin:0 0 14px;padding:8px 0;font-size:12.5px;font-weight:800}.cd-skin-btn:hover{background:#00e0e029}.deck-presets{margin:4px 0 8px}.dpre-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dpre-input{background:var(--bg-2);border:1px solid var(--line);color:var(--text);border-radius:8px;flex:0 0 120px;padding:7px 10px;font-size:13px}.dpre-save,.dpre-clear{cursor:pointer;border:1px solid var(--line);background:var(--bg-2);color:var(--text-dim);border-radius:8px;padding:7px 12px;font-size:12.5px;font-weight:800}.dpre-save:not(:disabled):hover{border-color:var(--cyan);color:var(--cyan)}.dpre-save:disabled{opacity:.4;cursor:default}.dpre-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.dpre-chip{border:1px solid var(--line);background:var(--bg-2);border-radius:8px;align-items:center;display:flex;overflow:hidden}.dpre-load{color:var(--text);cursor:pointer;background:0 0;border:none;padding:6px 10px;font-size:12.5px;font-weight:700}.dpre-load small{color:var(--text-faint);margin-left:3px}.dpre-load:hover{color:var(--cyan)}.dpre-del{border:none;border-left:1px solid var(--line);color:var(--text-faint);cursor:pointer;background:0 0;padding:6px 9px;font-size:12px}.dpre-del:hover{color:var(--red)}.teamselect-start{z-index:10;cursor:pointer;background:linear-gradient(120deg, var(--cyan), #00b0d8);color:#06141a;border:none;border-radius:12px;width:100%;margin-top:18px;padding:14px 0;font-size:15px;font-weight:800;position:sticky;bottom:12px;box-shadow:0 4px 18px #00e0e04d}.teamselect-start:disabled{background:var(--bg-2);color:var(--text-faint);box-shadow:none;cursor:default;border:1px solid var(--line)}.roster-cell{position:relative}.roster-awk{z-index:2;color:#ff9a7c;text-shadow:0 0 6px #ff7a5ccc;pointer-events:none;font-size:14px;position:absolute;top:5px;right:5px}