:root{--bg: #0a0c10;--bg2: #12151c;--bg3: #1c2028;--bg4: #252a34;--text: #e8e0d4;--text2: #9a9084;--accent: #e8d5b5;--accent2: #b8a88a;--platinum: #e8d5b5;--gold: #d4a843;--silver: #a8a8a8;--bronze: #c47a32;--ultra-rare: #d4a0ff;--very-rare: #9070d0;--rare: #6090d0;--uncommon: #60c080;--common: #b0b0b0;--green: #4cd964;--red: #ff4444;--ps-blue: #006fcd;--radius: 12px;--glow: 0 0 20px rgba(232,213,181,.08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-text-size-adjust:100%}#app{max-width:1200px;margin:0 auto;padding:0 16px}header{text-align:center;padding:24px 0 12px}.header-content{display:flex;flex-direction:column;align-items:center}.ps-logo{margin-bottom:4px}header h1{font-size:clamp(1.6rem,5vw,2.5rem);background:linear-gradient(135deg,var(--platinum),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;text-transform:uppercase}.subtitle{color:var(--text2);font-size:clamp(.8rem,2.5vw,1rem);margin-top:2px;letter-spacing:1px}.last-updated{color:var(--text2);font-size:.7rem;margin-top:6px;opacity:.7}nav#tabs{display:flex;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 0 16px;border-bottom:1px solid var(--bg3);margin-bottom:20px}nav#tabs::-webkit-scrollbar{display:none}.tab{background:var(--bg2);color:var(--text2);border:1px solid var(--bg3);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:.82rem;white-space:nowrap;transition:all .2s;flex-shrink:0}.tab:hover{background:var(--bg3);color:var(--text)}.tab.active{background:linear-gradient(135deg,var(--accent2),var(--platinum));color:#0a0c10;border-color:var(--accent2);font-weight:700}.tab-icon{font-size:1rem}.tab-content{display:none}.tab-content.active{display:block}.card{background:var(--bg2);border:1px solid var(--bg3);border-radius:var(--radius);padding:16px;margin-bottom:16px;box-shadow:var(--glow)}.card h2{font-size:clamp(1rem,3vw,1.3rem);margin-bottom:14px;color:var(--platinum)}.card h3{font-size:.95rem;margin-bottom:10px;color:var(--text2)}.grid-2,.grid-3{display:grid;grid-template-columns:1fr;gap:12px}.grid-4{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:520px){.grid-3{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}@media(min-width:700px){.grid-2{grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px}}.stat-card{background:var(--bg2);border:1px solid var(--bg3);border-radius:var(--radius);padding:14px 10px;text-align:center}.stat-card .value{font-size:clamp(1.2rem,4vw,1.8rem);font-weight:700;color:var(--platinum)}.stat-card .label{color:var(--text2);font-size:.75rem;margin-top:2px}.ranking-list{list-style:none}.ranking-item{display:flex;align-items:center;gap:10px;padding:10px 8px;border-bottom:1px solid var(--bg3);transition:background .2s}.ranking-item:hover{background:var(--bg3);border-radius:8px}.ranking-item:last-child{border-bottom:none}.rank{font-size:1.2rem;font-weight:700;min-width:32px;text-align:center;flex-shrink:0}.rank-1{color:var(--gold);text-shadow:0 0 8px rgba(212,168,67,.4)}.rank-2{color:var(--silver)}.rank-3{color:var(--bronze)}.avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid var(--bg3);flex-shrink:0}.avatar-small{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.avatar-large{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--platinum);flex-shrink:0}.player-info{flex:1;min-width:0}.player-name{font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-stat{color:var(--text2);font-size:.8rem}.score{font-size:1.1rem;font-weight:700;text-align:right;flex-shrink:0;color:var(--platinum)}.trophy-item{display:flex;gap:10px;padding:10px 4px;border-bottom:1px solid var(--bg3);align-items:flex-start}.trophy-icon{width:44px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0}.trophy-info{flex:1;min-width:0}.trophy-name{font-weight:600;font-size:.9rem;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.trophy-game{color:var(--text2);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trophy-meta{color:var(--text2);font-size:.72rem;display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.badge{display:inline-block;padding:1px 7px;border-radius:10px;font-size:.68rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.badge-platinum{background:linear-gradient(135deg,var(--platinum),var(--accent2));color:#0a0c10}.badge-gold{background:var(--gold);color:#0a0c10}.badge-silver{background:var(--silver);color:#0a0c10}.badge-bronze{background:var(--bronze);color:#fff}.badge-ultra-rare{background:var(--ultra-rare);color:#fff}.badge-very-rare{background:var(--very-rare);color:#fff}.badge-rare{background:var(--rare);color:#fff}.badge-uncommon{background:var(--uncommon);color:#0a0c10}.badge-common{background:var(--common);color:#0a0c10}.podium{display:flex;align-items:flex-end;justify-content:center;gap:8px;margin:24px 0}.podium-place{text-align:center;flex:1;max-width:180px}.podium-place .podium-bar{background:var(--bg3);border-radius:8px 8px 0 0;padding:16px 8px 12px;border:1px solid var(--bg4);border-bottom:none}.podium-first .podium-bar{background:linear-gradient(180deg,rgba(212,168,67,.15),var(--bg3));border-color:var(--gold);min-height:140px}.podium-second .podium-bar{min-height:110px}.podium-third .podium-bar{min-height:80px}.podium-rank{font-size:2rem;margin-bottom:4px}.podium-name{font-weight:700;font-size:.9rem;margin-top:6px}.podium-score{color:var(--text2);font-size:.8rem;margin-top:2px}.podium-place .avatar{margin:0 auto;display:block}.podium-first .avatar{width:56px;height:56px;border-color:var(--gold)}.stacked-chart{margin:16px 0}.chart-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.chart-label{min-width:90px;font-size:.8rem;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-bar-container{flex:1;height:24px;background:var(--bg3);border-radius:4px;overflow:hidden;display:flex;position:relative}.chart-segment{height:100%;transition:width .5s;position:relative}.chart-segment:hover{opacity:.85}.chart-value{font-size:.75rem;color:var(--text2);min-width:50px;text-align:right}.color-0{background:var(--platinum)}.color-1{background:var(--gold)}.color-2{background:var(--ps-blue)}.color-3{background:var(--bronze)}.color-4{background:var(--uncommon)}.color-5{background:var(--very-rare)}.color-6{background:#e05080}.color-7{background:#50c0e0}.chart-legend{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}.legend-item{display:flex;align-items:center;gap:4px;font-size:.78rem}.legend-dot{width:12px;height:12px;border-radius:3px}.player-card{background:var(--bg2);border:1px solid var(--bg3);border-radius:var(--radius);padding:16px;cursor:pointer;transition:all .2s}.player-card:hover{border-color:var(--accent2);transform:translateY(-2px);box-shadow:var(--glow)}.player-card:active{transform:translateY(0)}.player-card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.trophy-counts{display:flex;gap:10px;flex-wrap:wrap}.trophy-count{display:flex;align-items:center;gap:3px;font-size:.85rem}.status-online{color:var(--green)}.status-offline{color:var(--text2)}.streak-badge{display:inline-block;background:linear-gradient(135deg,#f44,#f76);color:#fff;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:flex-end;justify-content:center;z-index:100;padding:0}@media(min-width:600px){.modal-overlay{align-items:center;padding:16px}}.modal{background:var(--bg);border:1px solid var(--bg3);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-height:90vh;overflow-y:auto;padding:20px 16px;-webkit-overflow-scrolling:touch}@media(min-width:600px){.modal{max-width:700px;border-radius:var(--radius);max-height:80vh}}.modal-close{float:right;background:var(--bg3);border:none;color:var(--text);font-size:1.3rem;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.hof-entry{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg2);border:1px solid var(--bg3);border-radius:var(--radius);margin-bottom:10px}.hof-titles{display:flex;gap:4px;flex-wrap:wrap}.hof-badge{background:var(--bg3);padding:3px 7px;border-radius:6px;font-size:.7rem;color:var(--text2);white-space:nowrap}.ranking-tabs{display:flex;gap:4px;margin-bottom:14px;flex-wrap:wrap}.ranking-tab{background:var(--bg3);color:var(--text2);border:none;padding:5px 10px;border-radius:6px;cursor:pointer;font-size:.78rem;white-space:nowrap}.ranking-tab.active{background:linear-gradient(135deg,var(--accent2),var(--platinum));color:#0a0c10;font-weight:600}.progress-bar{background:var(--bg3);border-radius:4px;height:6px;overflow:hidden;margin-top:6px}.progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent2),var(--platinum));transition:width .5s}.game-card{background:var(--bg2);border:1px solid var(--bg3);border-radius:var(--radius);padding:12px;display:flex;gap:12px;align-items:center;margin-bottom:8px}.game-icon{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0}.game-info{flex:1;min-width:0}.game-name{font-weight:600;font-size:.9rem}.game-players{display:flex;gap:-8px;margin-top:4px}.game-players .avatar-small{margin-left:-6px;border:2px solid var(--bg2)}.game-players .avatar-small:first-child{margin-left:0}.game-badge{font-size:.7rem;padding:2px 6px;border-radius:4px;background:var(--bg4);color:var(--text2)}.badge-sp{background:var(--ps-blue);color:#fff}.badge-mp{background:var(--red);color:#fff}footer{text-align:center;padding:28px 0;color:var(--text2);font-size:.72rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .25s ease-out}@media(pointer:coarse){.tab{padding:10px 14px}.ranking-item{padding:14px 8px}.trophy-item{padding:14px 4px}.ranking-tab{padding:8px 12px}}.ps-trophy{display:inline-block;width:16px;height:16px;vertical-align:middle}