@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Noto+Sans+TC:wght@400;500;700&display=swap";html,body{color:#e2e8f5;background:#060b18;width:100vw;height:100vh;margin:0;padding:0;font-family:Noto Sans TC,system-ui,sans-serif;overflow:hidden}*{box-sizing:border-box}:root{--bg-deep:#060b18;--bg-surf:#0f1b32;--bg-panel:#162444;--bg-bdr:#1e2d50;--cyan:#00c8ff;--gold:#f5c842;--amber:#ff4500;--muted:#6a80a8;--text:#e2e8f5;--rr-ur:#ff4500;--rr-ssr:#f5c842;--rr-sr:#89b;--rr-r:#3a4a6b;--font-tech:"Orbitron", monospace}.app-container{width:100vw;height:100vh;display:flex}.left-panel{background:var(--bg-surf);border-right:1px solid var(--bg-bdr);z-index:10;flex-direction:column;flex:0 0 380px;padding:24px;display:flex;overflow-y:auto;box-shadow:4px 0 20px #00000080}.left-panel::-webkit-scrollbar{width:4px}.left-panel::-webkit-scrollbar-thumb{background:var(--bg-bdr)}.right-panel{background:var(--bg-deep);flex-direction:column;flex:1;display:flex;position:relative}.lp-header{margin-bottom:24px}.game-title{color:var(--muted);margin:0 0 6px;font-size:16px;font-weight:400}.banner-title{color:var(--cyan);margin:0;font-size:22px;font-weight:700}.ctrl-group{margin-bottom:20px}.ctrl-group label{color:var(--muted);margin-bottom:8px;font-size:13px;display:block}.sel-row{flex-direction:column;gap:10px;display:flex}.banner-sel{background:var(--bg-panel);border:1px solid var(--bg-bdr);width:100%;color:var(--text);border-radius:8px;outline:none;padding:12px;font-size:15px}.boost-toggle{border:1px solid var(--bg-bdr);background:var(--bg-panel);color:var(--muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:10px;transition:all .3s;display:flex}.boost-toggle input{display:none}.boost-toggle.active{border-color:var(--amber);color:var(--amber);background:#ff450026;font-weight:700}.pity-box{background:var(--bg-panel);border:1px solid var(--bg-bdr);border-radius:10px;margin-bottom:24px;padding:16px}.pity-hdr{justify-content:space-between;margin-bottom:10px;font-size:14px;display:flex}.pity-hdr strong{color:var(--cyan);font-family:var(--font-tech);font-size:16px}.pity-track{background:#00000080;border-radius:3px;height:6px;margin-bottom:10px;overflow:hidden}.pity-fill{height:100%;transition:width .4s;box-shadow:0 0 10px}.pity-hint{color:var(--muted);margin:0;font-size:11px;line-height:1.4}.roll-actions{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:30px;display:grid}.btn-roll{background:var(--bg-panel);border:1px solid var(--bg-bdr);color:var(--text);cursor:pointer;border-radius:8px;padding:14px;font-size:16px;font-weight:700;transition:all .2s}.btn-roll:disabled{opacity:.5;cursor:not-allowed}.btn-roll:not(:disabled):hover{border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 0 15px #00c8ff33}.btn-ten:not(:disabled):hover{border-color:var(--gold);box-shadow:0 0 15px #f5c84233}.btn-pity{color:var(--amber);background:#ff45001a;border-color:#ff450066;grid-column:span 2;padding:16px}.btn-pity:not(:disabled):hover{border-color:var(--amber);box-shadow:0 0 20px #ff45004d}.lp-divider{border:0;border-top:1px dashed var(--bg-bdr);margin:0 0 24px}.rates-section h3{color:var(--text);margin:0 0 12px;font-size:15px}.rates-table{border-collapse:collapse;width:100%;font-size:13px}.rates-table th{color:var(--muted);border-bottom:1px solid var(--bg-bdr);padding-bottom:8px;font-weight:400}.rates-table td{border-bottom:1px solid #ffffff0d;padding:10px 0}.cat-badge{border-radius:4px;margin-right:8px;padding:2px 6px;font-size:10px;font-weight:700}.badge-ur{color:#fff;text-shadow:0 0 4px #00000080;background:#ff4500}.badge-ssr1{color:#000;background:#f5c842}.badge-ssr2{color:#fff;background:#b388ff}.badge-sr{color:#fff;background:#6a80a8}.badge-r{color:#fff;background:#3a4a6b}.c-name{color:var(--text)}.r-num{font-family:var(--font-tech);color:var(--cyan)}.top-nav{background:var(--bg-surf);border-bottom:1px solid var(--bg-bdr);align-items:center;gap:20px;height:60px;padding:0 30px;display:flex}.nav-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;height:100%;padding:0 10px;font-size:15px;font-weight:500;transition:all .2s}.nav-btn:hover{color:var(--text)}.nav-btn.on{color:var(--cyan);border-bottom-color:var(--cyan)}.nav-stats{color:var(--muted);gap:15px;margin-left:auto;font-size:13px;display:flex}.nav-stats strong{color:var(--gold);font-family:var(--font-tech)}.pane-content{flex:1;padding:30px;position:relative;overflow-y:auto}.pane-content::-webkit-scrollbar{width:6px}.pane-content::-webkit-scrollbar-thumb{background:var(--bg-bdr);border-radius:3px}.empty-state{height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-ico{opacity:.2;margin-bottom:16px;font-size:48px}.rolling-state{color:var(--cyan);flex-direction:column;align-items:center;font-weight:700;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.roll-ring{border:3px solid var(--bg-bdr);border-top-color:var(--cyan);border-radius:50%;width:50px;height:50px;margin-bottom:16px;animation:1s linear infinite spin}.card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;display:grid}.card-slot{flex-direction:column;align-items:center;display:flex}.card-face{background:var(--bg-panel);border:2px solid var(--bg-bdr);border-radius:10px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.back-glyph{color:#ffffff1a;font-size:36px;animation:2s infinite pulse-opacity}.card-img{object-fit:cover;width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;transform:translateZ(0)}.stars-tag{color:var(--gold);background:#000c;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:700;position:absolute;top:6px;right:6px}.pity-stamp{background:var(--amber);color:#fff;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;top:6px;left:6px}.card-name-strip{color:#fff;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000bf;width:100%;padding:8px 4px;font-size:13px;font-weight:500;position:absolute;bottom:0;left:0}.eff-ur{z-index:5;border:3px solid #ff4500!important;animation:1.5s ease-in-out infinite alternate fx-ur!important}@keyframes fx-ur{0%{box-shadow:0 0 15px #ff4500,inset 0 0 20px #ff450080}to{box-shadow:0 0 40px red,inset 0 0 40px #f00c;border-color:red!important}}.eff-grand{z-index:4;border:2px solid gold!important;animation:2s ease-in-out infinite alternate fx-grand!important}@keyframes fx-grand{0%{box-shadow:0 0 10px gold,inset 0 0 15px #ffd7004d}to{box-shadow:0 0 30px orange,inset 0 0 30px #ffd70099}}.eff-major{z-index:3;border:2px solid #b388ff!important;animation:2.5s ease-in-out infinite alternate fx-major!important}@keyframes fx-major{0%{box-shadow:0 0 8px #b388ff}to{box-shadow:0 0 20px #e040fb}}.flip-enter-active{will-change:transform, opacity;transform-style:preserve-3d;backface-visibility:hidden;-webkit-font-smoothing:antialiased;transition:opacity .3s ease-out,transform .4s cubic-bezier(.34,1.56,.64,1)}.flip-enter-from{opacity:0;transform:perspective(800px)rotateY(90deg)}.flip-leave-active{transition:opacity .1s ease-in}.flip-leave-to{opacity:0}.hist-list{flex-direction:column;gap:16px;display:flex}.hist-ev{background:var(--bg-panel);border:1px solid var(--bg-bdr);border-radius:10px;padding:16px}.ev-hdr{color:var(--muted);gap:16px;margin-bottom:12px;font-size:13px;display:flex}.ev-time{color:var(--text)}.ev-thumbs{flex-wrap:wrap;gap:8px;display:flex}.thumb{border:2px solid var(--bg-bdr);border-radius:6px;width:50px;height:50px;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.coll-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px;display:grid}.coll-card{flex-direction:column;align-items:center;gap:8px;display:flex}.coll-img-wrap{aspect-ratio:1;border:2px solid var(--bg-bdr);border-radius:8px;width:100%;position:relative;overflow:hidden}.coll-img{object-fit:cover;width:100%;height:100%}.coll-amt{color:var(--gold);background:#000c;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;bottom:4px;right:4px}.coll-name{color:var(--text);text-align:center;font-size:12px}.ur-cinematic{z-index:9999;background:radial-gradient(#2a0800 0%,#000 80%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ur-flash{background:#fff;animation:.2s ease-out forwards flash-out;position:absolute;inset:0}@keyframes flash-out{0%{opacity:1}to{opacity:0}}.ur-ring{border:2px solid #ff450080;border-radius:50%;animation:1.5s ease-out infinite ring-expand;position:absolute;transform:translate(-50%,-50%)}.ur-ring-a{width:300px;height:300px}.ur-ring-b{width:450px;height:450px;animation-delay:.5s}@keyframes ring-expand{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2)}}.ur-stage{z-index:2;flex-direction:column;align-items:center;gap:20px;animation:.8s cubic-bezier(.34,1.56,.64,1) both ur-spring;display:flex;position:relative}@keyframes ur-spring{0%{opacity:0;transform:scale(.5)translateY(100px)}to{opacity:1;transform:scale(1)translateY(0)}}.ur-img{object-fit:cover;border:4px solid var(--amber);border-radius:12px;width:220px;height:300px;animation:1.5s infinite alternate ur-img-beat}@keyframes ur-img-beat{0%{box-shadow:0 0 30px var(--amber)}to{box-shadow:0 0 80px red}}.ur-rarity-tag{font-family:var(--font-tech);color:var(--amber);text-shadow:0 0 30px var(--amber);letter-spacing:10px;font-size:50px;font-weight:900;animation:.5s .3s both ur-tag-in}@keyframes ur-tag-in{0%{opacity:0;letter-spacing:30px}to{opacity:1}}.ur-card-name{color:#fff;text-shadow:0 0 10px #ffffff80;font-size:24px;font-weight:700}.ur-fade-enter-active,.ur-fade-leave-active{transition:opacity .4s}.ur-fade-enter-from,.ur-fade-leave-to{opacity:0}@keyframes spin{to{transform:rotate(360deg)}}