:root{--bg:#0d1016;--surface:#151a23;--surface-raised:#1b222e;--surface-soft:#202a37;--text:#f1f5f9;--text-muted:#9aa8bb;--accent:#9b8cff;--accent-strong:#7563ed;--gold:#f4c76b;--border:#a9bbd421;--shadow:0 18px 48px #00000038;color-scheme:dark}*{box-sizing:border-box}html{background:#0d1016;background:var(--bg)}body,html{min-width:320px}body{-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 75% -10%,#6452c024,#0000 38%),#0d1016;background:radial-gradient(ellipse at 75% -10%,#6452c024,#0000 38%),var(--bg);color:#f1f5f9;color:var(--text);font-family:Inter,Noto Sans TC,Segoe UI,sans-serif;font-size:14px;line-height:1.6;margin:0;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:#f1f5f9;color:var(--text)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #9b8cff;outline:2px solid var(--accent);outline-offset:2px}.app-container{display:flex;min-height:100vh}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#11151de0;border-right:1px solid #a9bbd421;border-right:1px solid var(--border);display:flex;flex:0 0 228px;flex-direction:column;height:100vh;padding:24px 16px 18px;position:-webkit-sticky;position:sticky;top:0;width:228px}.sidebar-header{border-bottom:1px solid #a9bbd421;border-bottom:1px solid var(--border);padding:4px 8px 22px}.sidebar-header h1.logo{font-size:1.28rem;font-weight:800;letter-spacing:-.04em;margin:0 0 18px;text-align:left}.logo-mark{background:linear-gradient(140deg,#a395ff,#6553da);border-radius:10px;color:#fff;display:inline-grid;font-size:.92rem;height:30px;margin-right:9px;place-items:center;vertical-align:-2px;width:30px}.user-info{align-items:center;background:#151a23;background:var(--surface);border:1px solid #a9bbd421;border:1px solid var(--border);border-radius:13px;display:flex;gap:8px;justify-content:space-between;padding:11px 12px}.welcome-message{color:#9aa8bb;color:var(--text-muted);font-size:.82rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-button{background:#252d3a;border:0;border-radius:8px;color:#f1f5f9;color:var(--text);cursor:pointer;font-size:.8rem;padding:6px 10px}.logout-button:hover{background:#303b4b}.logout-error{color:#ff9da7;font-size:.76rem;line-height:1.4;margin:8px 4px 0}.sidebar-nav{flex:1 1;padding-top:22px}.nav-caption{color:#718096;font-size:.68rem;font-weight:700;letter-spacing:.12em;margin:0 10px 10px;text-transform:uppercase}.sidebar-nav ul{grid-gap:5px;display:grid;gap:5px;list-style:none;margin:0;padding:0}.sidebar-nav li a{align-items:center;border:1px solid #0000;border-radius:11px;color:#9aa8bb;color:var(--text-muted);display:flex;gap:12px;padding:11px 12px;transition:background .18s,color .18s,border-color .18s}.sidebar-nav li a:hover{background:hsla(0,0%,100%,.045);color:#f1f5f9;color:var(--text)}.sidebar-nav li a.active{background:#826fef21;border-color:#9b8cff2e;color:#d7d0ff}.nav-icon{font-size:1rem;text-align:center;width:20px}.sidebar-footer{border-top:1px solid #a9bbd421;border-top:1px solid var(--border);color:#718096;font-size:.75rem;padding:14px 10px 0}.main-content{flex:1 1;min-height:100vh;min-width:0;padding:34px clamp(22px,4vw,64px) 60px}.page-content{margin:0 auto;width:min(100%,1480px)}.page-heading{align-items:flex-end;display:flex;gap:20px;justify-content:space-between;margin-bottom:26px}.eyebrow{color:#a89cff;font-size:.72rem;font-weight:700;letter-spacing:.13em;margin:0 0 7px;text-transform:uppercase}.page-heading h1{font-size:clamp(1.75rem,3vw,2.45rem);letter-spacing:-.045em;line-height:1.16;margin:0}.page-heading p{color:#9aa8bb;color:var(--text-muted);margin:9px 0 0}.card,.gacha-url-form-container,.login-card,.obs-shell,.pity-section,.policy-card{background:linear-gradient(145deg,#1b222ef5,#141922fa);border:1px solid #a9bbd421;border:1px solid var(--border);border-radius:17px;box-shadow:0 18px 48px #00000038;box-shadow:var(--shadow)}.card{padding:20px}.empty-state{background:#151a23a6;border:1px dashed #a9bbd433;border-radius:16px;padding:32px 24px;text-align:center}.empty-state h2,.empty-state h3{margin:0 0 8px}.empty-state p{color:#9aa8bb;color:var(--text-muted);margin:0}.main-header{align-items:center;border-bottom:1px solid #a9bbd421;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.main-header h1{font-size:1.6rem;margin:0}.header-controls,.language-user{align-items:center;color:#9aa8bb;color:var(--text-muted);display:flex;gap:12px}.user-icon{align-items:center;background:#1b222e;background:var(--surface-raised);border:1px solid #a9bbd421;border:1px solid var(--border);border-radius:50%;display:inline-flex;height:34px;justify-content:center;width:34px}button{background:#202a37;background:var(--surface-soft);border:1px solid #a9bbd421;border:1px solid var(--border);border-radius:9px;cursor:pointer;margin:0;padding:8px 12px;transition:background .18s,border-color .18s,transform .18s}button:hover:not(:disabled){background:#293547;border-color:#a9bbd44d}button:disabled{cursor:wait;opacity:.6}button.active{border-color:#9b8cff;border-color:var(--accent);color:#c8c0ff}input,select{background:#111720;border:1px solid #a9bbd421;border:1px solid var(--border);border-radius:9px;color:#f1f5f9;color:var(--text);max-width:100%}input::placeholder{color:#718096}.pity-error,.pity-loading{color:#9aa8bb;color:var(--text-muted);padding:24px}.pity-error{color:#ff8c96}.pity-warning{background:#f4c76b14;border:1px solid #f4c76b3b;border-radius:12px;color:#f4d994;margin-bottom:16px;padding:12px 15px}.pity-section{margin-bottom:16px;padding:20px}.pity-section,.pity-title{color:#f1f5f9;color:var(--text)}.pity-title{border-bottom:1px solid #a9bbd421;border-bottom:1px solid var(--border);font-size:1rem;margin:0 0 16px;padding-bottom:13px}.section-title{font-size:1.05rem;margin:0 0 12px}.section-subtitle{color:#9aa8bb;color:var(--text-muted);font-size:.8rem}.pity-avatars-container{gap:12px;padding-top:4px}.avatar-image{background:#222b38;border:2px solid #3b4657;height:54px;transition:transform .18s ease,box-shadow .18s ease;width:54px}.avatar-image:hover{box-shadow:0 8px 20px #00000059;transform:translateY(-3px) scale(1.06);z-index:1}.border-red-500{border-color:#fb6677!important}.border-yellow-500{border-color:#e4bd65!important}.shadow-gold{box-shadow:0 0 0 2px #e4bd6526,0 0 16px #e4bd6538!important}.border-gray-600{border-color:#536075}.pity-badge{border:2px solid #19202a;bottom:-3px;font-size:10px;font-weight:800;height:21px;right:-3px;width:21px}.bg-green-600{background:#239d77!important}.bg-red-500{background:#e64e62!important}.stats-box{background:#705ed817;border:1px solid #826fef33;border-radius:12px;color:#dce3ef;font-size:.88rem;margin:14px 0 18px;padding:13px 15px}.stats-row{flex-wrap:wrap;gap:3px}.stats-vertical-divider{background:#a9bbd421;background:var(--border);height:22px}.text-label{color:#cbd5e1!important;margin-right:5px}.text-green{color:#68d8ae!important}.text-red{color:#ff8490!important}.text-yellow{color:#f4c76b!important;color:var(--gold)!important}.text-purple{color:#bbaeff!important}.text-blue{color:#82baff!important}.text-gray{color:#8290a4!important;margin:0 5px}.text-rate{color:#a8b4c6!important}.controls-header{gap:14px;margin-bottom:14px}.controls-actions{gap:9px}.date-filter-box{background:#0a0e1470;border:1px solid #a9bbd421;border:1px solid var(--border);border-radius:11px;flex-wrap:wrap;gap:7px;padding:7px 9px}.date-input-group{gap:5px}.date-icon{color:#9aa8bb;color:var(--text-muted);font-size:.78rem}.date-select{font-size:.82rem;padding:5px 7px}.date-separator{color:#7f8ba0}.date-reset-btn{background:#fb66771a;border-color:#fb66773d;color:#ff9da7;font-size:.8rem}.toggle-btn{font-size:.82rem}.toggle-btn.active-char{background:#239d772e;border-color:#239d7766;color:#74dfb8}.toggle-btn.active-weap{background:#9b8cff2b;border-color:#9b8cff59;color:#c2b7ff}.game-tabs{display:flex;gap:8px;margin:0 0 16px;overflow-x:auto;padding:4px 1px 7px;scrollbar-width:thin}.game-tab{align-items:center;background:#151a23cc;border:1px solid #a9bbd421;border:1px solid var(--border);border-radius:11px;color:#9aa8bb;color:var(--text-muted);cursor:pointer;display:inline-flex;flex:0 0 auto;gap:9px;padding:10px 15px}.game-tab:hover{background:#1b222e;background:var(--surface-raised);color:#f1f5f9;color:var(--text)}.game-tab[aria-selected=true]{background:#826fef29;border-color:#9b8cff80;box-shadow:inset 0 0 0 1px #9b8cff14;color:#ded9ff}.game-tab-count{color:#8290a4;font-size:.75rem}.game-tab[aria-selected=true] .game-tab-count{color:#bbb1ff}.game-history-panel{min-width:0}.game-history-card{background:linear-gradient(145deg,#1b222ef5,#141922fa);border:1px solid #a9bbd421;border:1px solid var(--border);border-radius:17px;box-shadow:0 18px 48px #00000038;box-shadow:var(--shadow);margin-bottom:18px;padding:20px}.game-history-heading{align-items:flex-end;display:flex;gap:16px;justify-content:space-between;margin-bottom:17px}.game-history-heading .eyebrow{margin-bottom:3px}.game-history-heading h2{font-size:1.2rem;letter-spacing:-.02em;margin:0}.game-history-heading>p{color:#9aa8bb;color:var(--text-muted);font-size:.84rem;margin:0}.game-history-panel[hidden]{display:none}.game-history-card .pity-section{background:#0b0f1670;box-shadow:none;margin:0;padding:16px}.history-details{background:#0b0f1670;border:1px solid #a9bbd421;border:1px solid var(--border);border-radius:13px;padding:15px}.history-details-heading{align-items:center;border-bottom:1px solid #a9bbd421;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;margin-bottom:15px;padding-bottom:12px}.history-details-heading h3{font-size:.96rem;margin:0}.history-details-heading>span{color:#9aa8bb;color:var(--text-muted);flex:0 0 auto;font-size:.8rem}.history-details-content>div{margin-bottom:24px}.history-empty{background:#151a2380;border:1px dashed #a9bbd433;border-radius:14px;color:#9aa8bb;color:var(--text-muted);padding:30px 20px;text-align:center}.history-empty strong{color:#f1f5f9;color:var(--text);display:block;margin-bottom:5px}.gacha-url-form-container{margin-top:22px;padding:21px}.gacha-url-form-container h2{font-size:1.08rem;margin:0 0 14px}.gacha-url-form-container label{color:#9aa8bb;color:var(--text-muted);display:block;font-size:.87rem;margin-bottom:8px}.gacha-url-form-container input[type=url]{margin-bottom:12px;min-height:44px;padding:10px 12px;width:100%}.gacha-url-form-container>div>button{background:linear-gradient(135deg,#8270f1,#6754db);border-color:#0000;color:#fff;font-weight:700;min-height:40px}.gacha-url-form-container>div>button:hover:not(:disabled){background:linear-gradient(135deg,#9384f4,#7563e8)}.import-feedback{border:1px solid #a9bbd421;border:1px solid var(--border);border-radius:10px;line-height:1.6;margin:14px 0 0;padding:11px 13px}.import-feedback.error{background:#fb667714;border-color:#fb66774d;color:#ff9da7}.import-feedback.success{background:#239d7714;border-color:#239d774d;color:#87e4c2}.import-feedback.info{background:#82baff12;border-color:#82baff40;color:#a7ceff}.onboarding-card{background:linear-gradient(135deg,#826fef1a,#151a23d9);border-color:#9b8cff38;margin-bottom:4px}.privacy-page{margin:0 auto;max-width:850px}.policy-card{line-height:1.8;padding:clamp(22px,4vw,40px)}.policy-card h1,.policy-card h2{margin-top:0}.policy-card h3{color:#d6ceff;margin:28px 0 8px}.policy-card li,.policy-card p{color:#c1cad7}.login-page{display:grid;min-height:calc(100vh - 80px);place-items:center}.login-card{padding:clamp(28px,5vw,48px);text-align:center;width:min(100%,480px)}.login-mark{background:linear-gradient(140deg,#a395ff,#6553da);border-radius:18px;box-shadow:0 14px 34px #6553da4d;display:grid;font-size:1.5rem;height:58px;margin:0 auto 22px;place-items:center;width:58px}.login-card h1{font-size:1.8rem;letter-spacing:-.04em;margin:0}.login-card p{color:#9aa8bb;color:var(--text-muted);margin:10px 0 24px}.google-login-button{background:linear-gradient(135deg,#8270f1,#6754db);border:0;color:#fff;font-weight:700;min-height:46px;width:100%}.google-login-button:hover:not(:disabled){background:linear-gradient(135deg,#9384f4,#7563e8)}.demo-page{margin:0 auto;max-width:1480px;padding:0}.demo-page-header{gap:14px;margin-bottom:18px}.demo-login-link{background:#826fef21;border:1px solid #a9bbd421;border:1px solid var(--border)}.demo-login-link:hover{background:#826fef38}.obs-shell{padding:16px}.privacy-link{color:#a99eff;text-decoration:underline;text-underline-offset:3px}@media (max-width:760px){.app-container{display:block}.sidebar{border-bottom:1px solid #a9bbd421;border-bottom:1px solid var(--border);border-right:0;height:auto;padding:12px 16px 10px;position:relative;width:100%;z-index:5}.sidebar-header{align-items:center;border-bottom:0;display:flex;gap:12px;justify-content:space-between;padding:0 2px 10px}.sidebar-header h1.logo{font-size:1.12rem;margin:0}.logo-mark{border-radius:8px;height:27px;width:27px}.user-info{max-width:55%;padding:5px 7px}.logout-button,.welcome-message{font-size:.72rem}.logout-button{padding:5px 8px}.sidebar-nav{padding:0}.nav-caption,.sidebar-footer{display:none}.sidebar-nav ul{display:flex;gap:7px}.sidebar-nav li{flex:1 1}.sidebar-nav li a{font-size:.83rem;gap:7px;justify-content:center;padding:8px}.main-content{min-height:calc(100vh - 110px);padding:23px 16px 42px}.page-heading{align-items:flex-start;margin-bottom:18px}.page-heading h1{font-size:1.8rem}.pity-section{border-radius:14px;padding:15px}.pity-avatars-container{gap:10px;justify-content:flex-start}.avatar-image{height:46px;width:46px}.stats-box{font-size:.82rem}.stats-flex-container{align-items:flex-start;flex-direction:column;gap:7px}.stats-vertical-divider{display:none}.controls-header{align-items:flex-start;flex-direction:column}.controls-actions{width:100%}.controls-actions,.date-filter-box{align-items:stretch;flex-direction:column}.date-filter-box{padding:10px}.date-input-group{justify-content:space-between}.date-select{flex:1 1;padding:7px 4px;text-align:center}.date-separator{display:none}.toggle-btn-group{width:100%}.toggle-btn{flex:1 1}.gacha-url-form-container{padding:16px}.game-history-card{padding:15px}.game-history-heading{align-items:flex-start;flex-direction:column;gap:4px}}@media (max-width:420px){.sidebar{padding-left:12px;padding-right:12px}.sidebar-header h1.logo{font-size:1rem}.user-info{gap:5px;max-width:58%}.welcome-message{max-width:112px}.main-content{padding-left:12px;padding-right:12px}.pity-avatars-container{gap:8px}.avatar-image{height:42px;width:42px}}.pity-section{background-color:#1f1f1f;border-radius:8px;color:#e0e0e0;margin-bottom:20px;padding:15px}.pity-title{border-bottom:1px solid #333;color:#fff;font-size:1.1em;font-weight:700;margin-bottom:15px;margin-top:0;padding-bottom:10px}.section-title{align-items:center;display:flex;font-size:1.125rem;font-weight:700;gap:8px;margin-bottom:8px}.section-subtitle{color:#9ca3af;font-size:.75rem;margin-bottom:12px}.pity-avatars-container{display:flex;flex-wrap:wrap;gap:15px;padding-top:5px}.avatar-item{display:inline-block;position:relative}.avatar-image{border:2px solid #444;border-radius:50%;display:block;height:55px;object-fit:cover;object-position:center top;transition:transform .2s ease;width:55px}.avatar-image-background{background-color:#2a2a2a}.avatar-image:hover{border-color:#f0c674;transform:scale(1.1)}.border-red-500{border-color:#ef4444!important}.border-yellow-500{border-color:#eab308!important}.shadow-gold{box-shadow:0 0 8px #eab30899!important}.border-gray-600{border-color:#4b5563}.stats-box{background-color:#2d3748;border:1px solid #4a5568;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;color:#e2e8f0;font-size:.95rem;margin-bottom:16px;padding:12px}.stats-flex-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.stats-row{align-items:center;display:inline-flex;margin-bottom:0;white-space:nowrap}.stats-vertical-divider{background-color:#718096;display:inline-block;height:16px;width:1px}.controls-header{justify-content:space-between;margin-bottom:12px}.controls-actions,.controls-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.date-filter-box{align-items:center;background-color:#2a2a2a;border:1px solid #444;border-radius:6px;display:flex;gap:6px;padding:6px 10px}.date-input-group{align-items:center;display:flex;gap:4px}.date-icon{color:#aaa;font-size:.85em;margin-right:2px}.date-select{background-color:#1e1e1e;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;font-size:.85em;outline:none;padding:4px 6px}.date-select:hover{border-color:#888}.date-separator{color:#9ca3af;margin:0 2px}.date-reset-btn{background-color:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8em;padding:4px 8px;transition:.2s}.date-reset-btn:hover{background-color:#b91c1c}.toggle-btn-group{display:flex;gap:6px}.toggle-btn{background-color:#374151;border:1px solid #444;border-radius:6px;color:#fff;cursor:pointer;font-size:.9em;padding:6px 12px;transition:all .2s ease}.toggle-btn.active-char{background-color:#059669;border-color:#047857}.toggle-btn.active-weap{background-color:#7c3aed;border-color:#6d28d9}@media (max-width:900px){.pity-avatars-container{gap:10px;justify-content:center}.avatar-image{height:45px;width:45px}.stats-box{font-size:.85rem;padding:10px}.stats-flex-container{align-items:flex-start;flex-direction:column;gap:8px}.stats-vertical-divider{display:none}.section-title{font-size:1rem}.stats-row{flex-wrap:wrap;line-height:1.6;white-space:normal}.controls-actions,.controls-header{align-items:flex-start;flex-direction:column}.controls-actions{width:100%}.date-filter-box{align-items:stretch;flex-direction:column;gap:10px;padding:10px;width:100%}.date-separator{display:none}.date-input-group{justify-content:space-between;width:100%}.date-select{flex:1 1;font-size:.9em;padding:6px 4px;text-align:center}.date-reset-btn{font-size:.9em;margin-top:4px;padding:8px;width:100%}.toggle-btn-group{width:100%}.toggle-btn{flex:1 1;font-size:.95em;padding:10px 0}}.pity-badge{align-items:center;border:2px solid #1f1f1f;border-radius:50%;bottom:0;box-shadow:0 1px 3px #0000004d;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:0;width:20px}.bg-green-600{background-color:#16a34a!important}.bg-red-500{background-color:#ef4444!important}.font-bold{font-weight:700}.text-label{color:#d1d5db!important;margin-right:8px}.text-green{color:#4ade80!important}.text-red{color:#f87171!important}.text-yellow{color:#facc15!important}.text-purple{color:#c084fc!important}.text-blue{color:#60a5fa!important}.text-gray{margin:0 8px}.text-gray,.text-rate{color:#9ca3af!important}.text-rate{font-size:.85em;margin-right:4px}.pity-error,.pity-loading{color:#aaa;padding:20px;text-align:center}.pity-error{color:#dc3545}.pity-warning{background-color:#f9ca241a;border-left:3px solid #f9ca24;border-radius:4px;color:#f9ca24;margin-bottom:15px;padding:10px;text-align:left}.demo-page{width:100%}.demo-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.demo-page-header h1{color:var(--text);font-size:1.5rem;font-weight:700;margin:0}.demo-login-link{background-color:#826fef21;border-radius:10px;color:#d3ccff;padding:9px 13px}.demo-login-link:hover{background-color:#826fef38}
/*# sourceMappingURL=main.a00753c3.css.map*/