:root{--bg-dark:#07090e;--bg-base:#0b0f17;--bg-card:rgba(16,23,38,0.75);--bg-card-hover:rgba(23,32,53,0.85);--bg-card-solid:#111827;--bg-card-inner:#0f172a;--border-subtle:rgba(255,255,255,0.07);--border-card:rgba(65,84,119,0.3);--border-glow:rgba(59,130,246,0.4);--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--color-gold:#f59e0b;--color-gold-glow:rgba(245,158,11,0.3);--color-emerald:#10b981;--color-emerald-glow:rgba(16,185,129,0.3);--color-sapphire:#3b82f6;--color-sapphire-glow:rgba(59,130,246,0.3);--color-purple:#a855f7;--color-purple-glow:rgba(168,85,247,0.3);--color-crimson:#ef4444;--color-crimson-glow:rgba(239,68,68,0.3);--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-dark);color:var(--text-main);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.mono,code{font-family:JetBrains Mono,monospace}.bg-ambient{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0,transparent 40%),radial-gradient(circle at 85% 20%,rgba(168,85,247,.07) 0,transparent 45%),radial-gradient(circle at 50% 60%,rgba(245,158,11,.04) 0,transparent 50%)}.main-container{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:0 20px 100px}.navbar{justify-content:space-between;padding:20px 0;margin-bottom:24px;border-bottom:1px solid var(--border-subtle)}.nav-brand,.navbar{display:flex;align-items:center}.nav-brand{gap:12px;text-decoration:none;color:inherit}.nav-logo-badge{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(168,85,247,.2));border:1px solid rgba(245,158,11,.4);border-radius:var(--radius-md);box-shadow:0 0 15px rgba(245,158,11,.2)}.nav-title{font-size:20px;font-weight:700;letter-spacing:-.02em}.nav-title span{background:linear-gradient(135deg,#f59e0b,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-version{font-size:11px;padding:2px 7px;background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);border-radius:999px;color:#60a5fa;margin-left:6px;font-weight:600}.nav-actions{display:flex;align-items:center;gap:12px}.nav-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;padding:8px 14px;background:rgba(255,255,255,.05);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s ease;text-decoration:none}.nav-btn:hover{background:rgba(255,255,255,.1);color:var(--text-main);border-color:rgba(255,255,255,.2)}.nav-btn.primary{background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(245,158,11,.05));border-color:rgba(245,158,11,.4);color:#fbbf24}.nav-btn.primary:hover{background:linear-gradient(135deg,rgba(245,158,11,.3),rgba(245,158,11,.15));box-shadow:0 0 16px rgba(245,158,11,.25)}.hero-banner{position:relative;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:32px;border:1px solid var(--border-card);background:linear-gradient(180deg,rgba(17,24,39,.8),rgba(11,15,23,.95));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 40px -15px rgba(0,0,0,.5)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;min-height:280px}.hero-content{padding:36px 36px 36px 40px}.hero-pill{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.3);color:#fbbf24;margin-bottom:14px}.hero-pill-dot{width:6px;height:6px;border-radius:50%;background:#fbbf24;box-shadow:0 0 8px #fbbf24;animation:pulseDot 2s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.hero-headline{font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:12px}.hero-headline .highlight{background:linear-gradient(135deg,#fbbf24,#f59e0b 60%,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{color:var(--text-muted);font-size:15px;line-height:1.6;max-width:540px;margin-bottom:20px}.hero-highlights{display:flex;flex-wrap:wrap;gap:16px}.hero-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#cbd5e1;background:rgba(255,255,255,.04);padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.hero-figure-wrapper{position:relative;height:100%;min-height:280px;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden}.hero-figure-img{width:100%;max-width:440px;height:auto;max-height:270px;object-fit:contain;border-radius:var(--radius-lg);filter:drop-shadow(0 15px 25px rgba(0,0,0,.6));transition:transform .4s ease}.hero-figure-img:hover{transform:scale(1.02)}.cases-bar{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:32px}.case-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:16px 20px;display:flex;align-items:center;gap:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .25s ease;position:relative;overflow:hidden}.case-card:hover{border-color:var(--border-glow);transform:translateY(-2px);box-shadow:0 10px 25px -10px rgba(0,0,0,.4)}.case-card-img{width:58px;height:58px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.case-card-info{flex:1 1}.case-card-name{font-size:15px;font-weight:700;display:flex;align-items:center;gap:6px;margin-bottom:4px}.case-card-rates{font-size:12px;color:var(--text-muted);line-height:1.4}.case-rate-badge{font-family:JetBrains Mono,monospace;font-size:11px;padding:2px 6px;border-radius:4px;background:rgba(255,255,255,.06);color:#cbd5e1}.search-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:28px;margin-bottom:36px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 15px 35px -10px rgba(0,0,0,.4)}.search-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:20px;gap:20px;margin-bottom:20px}.input-group{position:relative}.input-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;margin-bottom:8px;color:#cbd5e1}.input-hint{font-weight:400;font-size:12px;color:var(--text-dim)}.text-input{width:100%;padding:14px 16px;background:rgba(11,15,23,.8);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--text-main);font-size:15px;font-family:inherit;transition:all .2s ease}.text-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2);background:rgba(11,15,23,.95)}.text-input::placeholder{color:#475569}.autocomplete-menu{position:absolute;top:100%;left:0;right:0;z-index:50;margin-top:6px;background:#111827;border:1px solid var(--border-card);border-radius:var(--radius-md);box-shadow:0 15px 30px rgba(0,0,0,.6);max-height:280px;overflow-y:auto;list-style:none}.autocomplete-item{padding:10px 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-bottom:1px solid var(--border-subtle);transition:background .15s ease}.autocomplete-item:hover{background:rgba(59,130,246,.15)}.autocomplete-user{display:flex;align-items:center;gap:10px}.user-avatar-mini{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#1e293b;border:1px solid rgba(255,255,255,.1)}.autocomplete-name{font-size:14px;font-weight:600;color:#f1f5f9}.autocomplete-meta{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:8px}.search-controls-bar{justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid var(--border-subtle)}.sample-chips,.search-controls-bar{display:flex;align-items:center;flex-wrap:wrap}.sample-chips{gap:8px}.chip-label{font-size:12px;color:var(--text-muted)}.chip-btn{background:rgba(255,255,255,.05);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:4px 10px;font-size:12px;font-weight:500;color:#cbd5e1;cursor:pointer;transition:all .2s ease}.chip-btn:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2)}.chip-btn.active{background:rgba(59,130,246,.2);border-color:#3b82f6;color:#93c5fd}.submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:700;border-radius:var(--radius-md);border:none;background:linear-gradient(135deg,#f59e0b,#d97706);color:#0b0f17;cursor:pointer;box-shadow:0 4px 18px rgba(245,158,11,.35);transition:all .2s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px rgba(245,158,11,.5);filter:brightness(1.08)}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.progress-card{margin-top:18px;padding:14px 18px;background:rgba(15,23,42,.8);border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-md)}.progress-header{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:8px;color:#93c5fd}.progress-bar-track{width:100%;height:8px;background:#1e293b;border-radius:999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa,#fbbf24);border-radius:999px;transition:width .3s ease;animation:shimmer 1.5s linear infinite}@keyframes shimmer{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.score-overview-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:32px;margin-bottom:32px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;overflow:hidden}.score-overview-card.luck-great{border-color:rgba(16,185,129,.4);background:radial-gradient(circle at 10% 20%,rgba(16,185,129,.08) 0,rgba(17,24,39,.85) 60%)}.score-overview-card.luck-mid{border-color:rgba(245,158,11,.4);background:radial-gradient(circle at 10% 20%,rgba(245,158,11,.08) 0,rgba(17,24,39,.85) 60%)}.score-overview-card.luck-poor{border-color:rgba(239,68,68,.4);background:radial-gradient(circle at 10% 20%,rgba(239,68,68,.08) 0,rgba(17,24,39,.85) 60%)}.player-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:28px}.player-info-block{display:flex;align-items:center;gap:16px}.player-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--color-gold);box-shadow:0 0 16px rgba(245,158,11,.3);background:#1e293b}.player-names{display:flex;flex-direction:column}.player-username{font-size:26px;font-weight:800;letter-spacing:-.02em}.player-badges{display:flex;align-items:center;gap:8px;margin-top:4px}.player-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;background:rgba(255,255,255,.06);border:1px solid var(--border-subtle);color:#cbd5e1}.player-badge.rank{background:rgba(245,158,11,.15);border-color:rgba(245,158,11,.3);color:#fbbf24}.score-hero-row{display:grid;grid-template-columns:200px 1fr;align-items:center;grid-gap:32px;gap:32px;margin-bottom:30px;padding:24px;background:rgba(11,15,23,.6);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.score-dial{display:flex;flex-direction:column;align-items:center;text-align:center}.score-number{font-size:64px;font-weight:900;line-height:1;font-family:JetBrains Mono,monospace;letter-spacing:-.04em}.score-number.great{color:#34d399;text-shadow:0 0 20px rgba(52,211,153,.4)}.score-number.mid{color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.4)}.score-number.poor{color:#f87171;text-shadow:0 0 20px rgba(248,113,113,.4)}.score-sublabel{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-top:4px}.verdict-info{display:flex;flex-direction:column}.verdict-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:4px 12px;border-radius:999px;width:-moz-fit-content;width:fit-content;margin-bottom:8px}.verdict-badge.great{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.3);color:#34d399}.verdict-badge.mid{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);color:#fbbf24}.verdict-badge.poor{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:#f87171}.verdict-headline{font-size:22px;font-weight:700;margin-bottom:6px;color:#f8fafc}.verdict-summary{font-size:14px;color:var(--text-muted);line-height:1.55;margin-bottom:12px}.luck-meter-track{width:100%;height:10px;background:#1e293b;border-radius:999px;position:relative;overflow:hidden;margin-top:6px}.luck-meter-fill{height:100%;border-radius:999px;transition:width .6s cubic-bezier(.16,1,.3,1)}.luck-meter-fill.great{background:linear-gradient(90deg,#10b981,#34d399)}.luck-meter-fill.mid{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.luck-meter-fill.poor{background:linear-gradient(90deg,#ef4444,#f87171)}.luck-meter-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text-dim);margin-top:4px}.stat-tiles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:16px;gap:16px}.stat-tile{background:rgba(15,23,42,.7);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;transition:transform .2s ease}.stat-tile:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.15)}.stat-tile-label{font-size:12px;color:var(--text-muted);font-weight:500;margin-bottom:6px}.stat-tile-value{font-size:20px;font-weight:700;font-family:JetBrains Mono,monospace;color:#f8fafc}.stat-tile-sub{font-size:12px;color:var(--text-dim);margin-top:2px}.stat-tile-sub.pos{color:#34d399}.stat-tile-sub.neg{color:#f87171}.chart-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:28px;margin-bottom:32px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.card-title-row{justify-content:space-between;margin-bottom:20px}.card-title,.card-title-row{display:flex;align-items:center}.card-title{font-size:18px;font-weight:700;gap:10px}.chart-container{width:100%;height:240px;position:relative}.streaks-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:32px}.streak-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:flex-start;gap:16px}.streak-icon-wrap{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border:1px solid var(--border-subtle);flex-shrink:0}.streak-info{flex:1 1}.streak-k{font-size:13px;color:var(--text-muted);font-weight:500;margin-bottom:4px}.streak-v{font-size:22px;font-weight:800;font-family:JetBrains Mono,monospace;color:#f8fafc}.streak-sub{font-size:12px;color:var(--text-dim);margin-top:2px}.history-section{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-xl);padding:28px;margin-bottom:32px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.history-toolbar{gap:12px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.filter-group,.history-toolbar{display:flex;flex-wrap:wrap;align-items:center}.filter-group{gap:8px}.filter-select{background:rgba(11,15,23,.8);border:1px solid rgba(255,255,255,.12);color:#cbd5e1;padding:6px 12px;border-radius:var(--radius-sm);font-size:13px;font-family:inherit;cursor:pointer}.filter-select:focus{outline:none;border-color:#3b82f6}.search-mini{background:rgba(11,15,23,.8);border:1px solid rgba(255,255,255,.12);color:#f1f5f9;padding:6px 12px;border-radius:var(--radius-sm);font-size:13px;font-family:inherit;width:180px}.search-mini:focus{outline:none;border-color:#3b82f6}.view-mode-tabs{display:flex;background:rgba(255,255,255,.05);padding:3px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.view-mode-btn{padding:4px 10px;font-size:12px;font-weight:500;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:4px;display:flex;align-items:center;gap:5px;transition:all .15s ease}.view-mode-btn.active{background:#1e293b;color:#f8fafc;box-shadow:0 1px 4px rgba(0,0,0,.3)}.drops-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:14px;gap:14px}.drop-item-card{background:rgba(15,23,42,.65);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;transition:all .2s ease;position:relative;overflow:hidden}.drop-item-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.2);box-shadow:0 8px 20px rgba(0,0,0,.3)}.drop-card-top{gap:12px;margin-bottom:10px}.drop-card-top,.drop-icon-box{display:flex;align-items:center}.drop-icon-box{width:46px;height:46px;border-radius:var(--radius-sm);background:#0f172a;border:1px solid var(--border-subtle);justify-content:center;flex-shrink:0;position:relative}.drop-icon-img{width:36px;height:36px;object-fit:contain}.drop-icon-badge{position:absolute;bottom:-4px;right:-4px;background:#1e293b;border:1px solid rgba(255,255,255,.15);font-size:10px;font-weight:700;padding:1px 4px;border-radius:4px}.drop-meta{flex:1 1}.drop-title-row{display:flex;align-items:center;justify-content:space-between}.drop-name{font-size:14px;font-weight:700;color:#f1f5f9}.drop-box-pill{font-size:11px;color:var(--text-dim)}.drop-rarity-pill{font-size:11px;font-weight:600;text-transform:capitalize;display:inline-block;margin-top:2px}.drop-skills-list{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0;padding:6px 8px;background:rgba(11,15,23,.6);border-radius:6px;border:1px dashed rgba(255,255,255,.08)}.skill-tag{font-size:11px;font-family:JetBrains Mono,monospace;color:#93c5fd;gap:3px}.drop-card-foot,.skill-tag{display:flex;align-items:center}.drop-card-foot{justify-content:space-between;margin-top:auto;padding-top:8px;border-top:1px solid var(--border-subtle);font-size:12px;color:var(--text-muted)}.drop-scrap-val{font-family:JetBrains Mono,monospace;font-weight:600;color:#fbbf24}.compact-table-wrap{overflow-x:auto}.compact-table{width:100%;border-collapse:collapse;font-size:13px}.compact-table th{text-align:left;padding:10px 14px;background:rgba(11,15,23,.6);color:var(--text-muted);font-weight:600;border-bottom:1px solid var(--border-card)}.compact-table td{padding:10px 14px;border-bottom:1px solid var(--border-subtle);color:#e2e8f0}.compact-table tr:hover td{background:rgba(255,255,255,.03)}.matrix-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-gap:12px;gap:12px}.matrix-item-card{background:rgba(15,23,42,.6);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s ease}.matrix-item-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.2)}.matrix-thumb{width:48px;height:48px;object-fit:contain;margin-bottom:8px}.matrix-name{font-size:12px;font-weight:600;color:#f1f5f9;line-height:1.2;margin-bottom:2px}.matrix-count{font-size:13px;font-weight:700;font-family:JetBrains Mono,monospace;color:#fbbf24}.matrix-rarity{font-size:10px;text-transform:capitalize;margin-top:2px}.alert-box{padding:14px 18px;border-radius:var(--radius-md);margin-bottom:20px;font-size:14px;display:flex;align-items:center;gap:12px}.alert-box.error{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3);color:#fca5a5}.alert-box.warn{background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.3);color:#fcd34d}.alert-box.info{background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.3);color:#93c5fd}.app-footer{margin-top:60px;padding-top:24px;border-top:1px solid var(--border-subtle);color:var(--text-dim);font-size:13px;line-height:1.6}.footer-disclaimer{margin-top:8px;font-size:12px;color:#475569}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-figure-wrapper{min-height:200px;order:-1}.cases-bar,.score-hero-row,.search-grid{grid-template-columns:1fr}.score-hero-row{text-align:center}.verdict-info{align-items:center}.stat-tiles-grid{grid-template-columns:repeat(2,1fr)}.streaks-grid{grid-template-columns:1fr}}@media (max-width:600px){.stat-tiles-grid{grid-template-columns:1fr}}