:root{color-scheme:dark;--ph-brand-cyan: #48cfff;--ph-brand-green: #4be38a;--ph-brand-pink: #ff5acd;--ph-brand-neutral: #2a2d33;--ph-progress-base: var(--ph-brand-cyan);--ph-progress-total: var(--ph-brand-green);--ph-progress-dlc: var(--ph-brand-pink);--ph-progress-track: var(--ph-brand-neutral);--ph-status-done: var(--ph-brand-green);--ph-status-open: #8a9099;--ph-status-current: var(--ph-brand-cyan);--ph-status-missable: #ff9f0a;--ph-status-pnr: #ff453a;--ph-bg: #0b0c0e;--ph-surface: #14161a;--ph-surface-raised: #1b1e23;--ph-border: var(--ph-brand-neutral);--ph-text: #f2f4f7;--ph-text-secondary: #a7aeb8;--ph-text-muted: #6e757f;--ph-bronze: #c8763c;--ph-silver: #bfc6cf;--ph-gold: #e8b647;--ph-platinum: #9fc7e8;--ph-accent: var(--ph-platinum);--ph-space-xs: 4px;--ph-space-sm: 8px;--ph-space-md: 12px;--ph-space-lg: 16px;--ph-space-xl: 24px;--ph-space-xxl: 32px;--ph-radius-sm: 8px;--ph-radius-md: 12px;--ph-radius-lg: 16px;--ph-radius-pill: 999px;--ph-motion-push: .26s;--ph-motion-tab: .16s;--ph-motion-sheet: .28s}:root[data-theme=bronze]{--ph-accent: var(--ph-bronze)}:root[data-theme=silver]{--ph-accent: var(--ph-silver)}:root[data-theme=gold]{--ph-accent: var(--ph-gold)}:root[data-theme=platinum]{--ph-accent: var(--ph-platinum)}@media(prefers-reduced-motion:reduce){:root{--ph-motion-push: 0ms;--ph-motion-tab: 0ms;--ph-motion-sheet: 0ms}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--ph-bg);color:var(--ph-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}.ph-shell{display:flex;flex-direction:column;min-height:100dvh;background:var(--ph-bg)}.ph-shell__content{flex:1;padding:var(--ph-space-lg) var(--ph-space-lg) calc(72px + var(--ph-space-lg));max-width:720px;width:100%;margin:0 auto}.ph-tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-around;gap:var(--ph-space-xs);padding:var(--ph-space-sm) var(--ph-space-sm) calc(var(--ph-space-sm) + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--ph-surface) 92%,transparent);border-top:1px solid var(--ph-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ph-tabbar__item{flex:1;text-align:center;padding:var(--ph-space-sm) 0;border-radius:var(--ph-radius-md);color:var(--ph-text-muted);font-size:13px;text-decoration:none;transition:color var(--ph-motion-tab) ease}.ph-tabbar__item.is-active{color:var(--ph-text)}.ph-screen__title{margin:0 0 var(--ph-space-sm);font-size:22px}.ph-screen__note{margin:0 0 var(--ph-space-lg);color:var(--ph-text-secondary);font-size:15px;line-height:1.5}.ph-card{background:var(--ph-surface);border:1px solid var(--ph-border);border-radius:var(--ph-radius-lg);padding:var(--ph-space-lg);margin-bottom:var(--ph-space-md)}.ph-row{display:block;padding:var(--ph-space-md) 0;border-bottom:1px solid var(--ph-border);color:var(--ph-text);text-decoration:none}.ph-row:last-child{border-bottom:none}.ph-muted{color:var(--ph-text-muted);font-size:13px}.ph-hubtabs{display:flex;gap:var(--ph-space-sm);overflow-x:auto;margin-bottom:var(--ph-space-lg)}.ph-hubtabs__item{padding:var(--ph-space-sm) var(--ph-space-md);border-radius:var(--ph-radius-pill);border:1px solid var(--ph-border);color:var(--ph-text-secondary);text-decoration:none;white-space:nowrap;font-size:14px}.ph-hubtabs__item.is-active{color:var(--ph-bg);background:var(--ph-accent);border-color:var(--ph-accent)}.ph-splash{display:flex;align-items:center;justify-content:center;min-height:100dvh;background:var(--ph-bg);color:var(--ph-text-muted);font-size:14px;letter-spacing:.08em;text-transform:uppercase}.ph-auth{max-width:420px;margin:0 auto;padding-top:var(--ph-space-xl)}.ph-auth__kicker{margin:0 0 var(--ph-space-xs);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ph-brand-cyan)}.ph-field{display:block;margin-bottom:var(--ph-space-md)}.ph-field__label{display:block;margin-bottom:var(--ph-space-xs);font-size:13px;color:var(--ph-text-secondary)}.ph-input{width:100%;padding:14px var(--ph-space-md);border-radius:var(--ph-radius-md);border:1px solid var(--ph-border);background:var(--ph-surface-raised);color:var(--ph-text);font-size:16px;transition:border-color var(--ph-motion-tab) ease}.ph-input:focus{outline:none;border-color:var(--ph-brand-cyan)}.ph-input[aria-invalid=true]{border-color:var(--ph-status-pnr)}.ph-field__hint{display:block;margin-top:var(--ph-space-xs);font-size:12px;color:var(--ph-text-muted)}.ph-field__error{display:block;margin-top:var(--ph-space-xs);font-size:12px;color:var(--ph-status-pnr)}.ph-button{display:block;width:100%;padding:14px var(--ph-space-md);border:1px solid transparent;border-radius:var(--ph-radius-md);background:var(--ph-brand-cyan);color:#06181f;font-size:16px;font-weight:600;cursor:pointer}.ph-button:disabled{opacity:.55;cursor:default}.ph-button--ghost{background:transparent;border-color:var(--ph-border);color:var(--ph-text);font-weight:500}.ph-button--danger{background:transparent;border-color:var(--ph-border);color:var(--ph-status-pnr);font-weight:500}.ph-authlinks{display:flex;flex-direction:column;gap:var(--ph-space-sm);margin-top:var(--ph-space-lg);text-align:center}.ph-authlinks a{color:var(--ph-text-secondary);font-size:14px;text-decoration:none}.ph-authlinks a:hover{color:var(--ph-text)}.ph-notice{margin:0 0 var(--ph-space-md);padding:var(--ph-space-md);border-radius:var(--ph-radius-md);border:1px solid var(--ph-border);font-size:14px;line-height:1.45}.ph-notice--error{border-color:color-mix(in srgb,var(--ph-status-pnr) 55%,var(--ph-border));color:var(--ph-status-pnr)}.ph-notice--success{border-color:color-mix(in srgb,var(--ph-brand-green) 55%,var(--ph-border));color:var(--ph-brand-green)}.ph-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ph-space-sm);margin-bottom:var(--ph-space-sm)}.ph-section__title{margin:0;font-size:13px;letter-spacing:.14em;text-transform:uppercase}.ph-section__title--account{color:var(--ph-brand-cyan)}.ph-section__title--psn{color:var(--ph-brand-pink)}.ph-kv{display:flex;align-items:center;justify-content:space-between;gap:var(--ph-space-md);padding:var(--ph-space-md) 0;border-bottom:1px solid var(--ph-border)}.ph-kv:last-of-type{border-bottom:none}.ph-kv__key{color:var(--ph-text-secondary);font-size:14px}.ph-kv__value{color:var(--ph-text);font-size:14px;text-align:right;overflow-wrap:anywhere}.ph-badge{display:inline-block;padding:3px 10px;border-radius:var(--ph-radius-pill);border:1px solid var(--ph-border);font-size:12px;color:var(--ph-text-secondary);white-space:nowrap}.ph-badge--ok{border-color:color-mix(in srgb,var(--ph-brand-green) 55%,var(--ph-border));color:var(--ph-brand-green)}.ph-badge--pending{border-color:color-mix(in srgb,var(--ph-status-missable) 55%,var(--ph-border));color:var(--ph-status-missable)}.ph-badge--off{color:var(--ph-text-muted)}.ph-stack{display:flex;flex-direction:column;gap:var(--ph-space-sm);margin-top:var(--ph-space-md)}.ph-todo{margin:var(--ph-space-md) 0 0;font-size:12px;line-height:1.5;color:var(--ph-text-muted)}.ph-skeleton{border-radius:var(--ph-radius-md);background:linear-gradient(90deg,var(--ph-surface) 25%,var(--ph-surface-raised) 50%,var(--ph-surface) 75%);background-size:200% 100%;animation:ph-shimmer 1.4s ease-in-out infinite;margin-bottom:var(--ph-space-md)}.ph-skeleton--title{height:26px;width:65%}.ph-skeleton--line{height:14px;width:40%}.ph-skeleton--block{height:140px}@keyframes ph-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.ph-skeleton{animation:none}}.ph-gamehead{display:flex;gap:var(--ph-space-md);align-items:flex-start;margin-bottom:var(--ph-space-md)}.ph-gamehead__art{width:72px;height:72px;flex:none;border-radius:var(--ph-radius-md);border:1px solid var(--ph-border);object-fit:cover;background:var(--ph-surface-raised)}.ph-gamehead__art--empty{background:var(--ph-surface-raised)}.ph-gamehead__text{min-width:0}.ph-gamehead__game{margin:0 0 2px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ph-text-muted);overflow-wrap:anywhere}.ph-gamehead__title{margin:0 0 var(--ph-space-sm);font-size:20px;line-height:1.25;overflow-wrap:anywhere}.ph-gamehead__meta{display:flex;flex-wrap:wrap;gap:var(--ph-space-xs);margin:0}.ph-chip{padding:2px 8px;border-radius:var(--ph-radius-pill);border:1px solid var(--ph-border);font-size:11px;color:var(--ph-text-secondary);white-space:nowrap}.ph-chip--platinum{border-color:color-mix(in srgb,var(--ph-platinum) 55%,var(--ph-border));color:var(--ph-platinum)}.ph-switcher{margin-bottom:var(--ph-space-md);border:1px solid var(--ph-border);border-radius:var(--ph-radius-md);background:var(--ph-surface)}.ph-switcher__summary{display:flex;align-items:center;gap:var(--ph-space-sm);padding:var(--ph-space-md);min-height:48px;cursor:pointer;list-style:none}.ph-switcher__summary::-webkit-details-marker{display:none}.ph-switcher__label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ph-text-muted)}.ph-switcher__current{flex:1;font-size:14px;color:var(--ph-brand-cyan)}.ph-switcher__count{font-size:12px;color:var(--ph-text-muted)}.ph-switcher__list{list-style:none;margin:0;padding:0 var(--ph-space-md)}.ph-switcher__item{display:block;width:100%;min-height:48px;padding:var(--ph-space-md) 0;border:none;border-top:1px solid var(--ph-border);background:transparent;color:var(--ph-text);text-align:left;cursor:pointer}.ph-switcher__item.is-active .ph-switcher__item-title{color:var(--ph-brand-cyan);font-weight:600}.ph-switcher__item-title{display:block;font-size:15px;overflow-wrap:anywhere}.ph-switcher__item-meta{display:block;margin-top:2px;font-size:12px;color:var(--ph-text-muted)}.ph-switcher__note{margin:0;padding:var(--ph-space-md);border-top:1px solid var(--ph-border);font-size:12px;line-height:1.5;color:var(--ph-text-muted)}.ph-counts{margin-bottom:var(--ph-space-lg)}.ph-counts__bar{display:flex;gap:2px;height:8px;border-radius:var(--ph-radius-pill);overflow:hidden;background:var(--ph-progress-track)}.ph-counts__seg--bronze{background:var(--ph-bronze)}.ph-counts__seg--silver{background:var(--ph-silver)}.ph-counts__seg--gold{background:var(--ph-gold)}.ph-counts__seg--platinum{background:var(--ph-platinum)}.ph-counts__legend{display:flex;flex-wrap:wrap;gap:var(--ph-space-md);list-style:none;margin:var(--ph-space-sm) 0 0;padding:0}.ph-counts__item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ph-text-secondary)}.ph-counts__note{margin:var(--ph-space-xs) 0 0;font-size:12px;color:var(--ph-text-muted)}.ph-dot{width:9px;height:9px;flex:none;border-radius:50%;display:inline-block}.ph-dot--bronze{background:var(--ph-bronze)}.ph-dot--silver{background:var(--ph-silver)}.ph-dot--gold{background:var(--ph-gold)}.ph-dot--platinum{background:var(--ph-platinum)}.ph-trophies{list-style:none;margin:0;padding:0}.ph-trophy{display:flex;gap:var(--ph-space-md);align-items:flex-start;padding:var(--ph-space-md) 0;border-bottom:1px solid var(--ph-border)}.ph-trophy:last-child{border-bottom:none}.ph-trophy .ph-dot{margin-top:6px}.ph-trophy__text{flex:1;min-width:0}.ph-trophy__name{margin:0;font-size:15px;overflow-wrap:anywhere}.ph-trophy__detail{margin:2px 0 0;font-size:13px;line-height:1.45;color:var(--ph-text-secondary)}.ph-trophy__tip{margin:var(--ph-space-xs) 0 0;padding-left:var(--ph-space-sm);border-left:2px solid var(--ph-brand-cyan);font-size:13px;line-height:1.45;color:var(--ph-text-secondary)}.ph-trophy__flags{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.ph-flag{padding:2px 8px;border-radius:var(--ph-radius-pill);border:1px solid;font-size:11px;white-space:nowrap}.ph-flag--missable{border-color:color-mix(in srgb,var(--ph-status-missable) 55%,var(--ph-border));color:var(--ph-status-missable)}.ph-flag--pnr{border-color:color-mix(in srgb,var(--ph-status-pnr) 55%,var(--ph-border));color:var(--ph-status-pnr)}.ph-hubtabs{position:sticky;top:0;z-index:1;padding:var(--ph-space-sm) 0;background:var(--ph-bg);scrollbar-width:none}.ph-hubtabs::-webkit-scrollbar{display:none}.ph-hubtabs__item{min-height:36px;display:inline-flex;align-items:center}@media(min-width:640px){.ph-gamehead__art{width:96px;height:96px}.ph-gamehead__title{font-size:24px}}