:root{--pa-bg: #030812;--pa-bg-deep: #01040a;--pa-surface: #09121f;--pa-surface-raised: #0d1827;--pa-border: #233044;--pa-cyan: #12e7f2;--pa-blue: #278cff;--pa-purple: #b460ff;--pa-pink: #ff4fa8;--pa-orange: #ffad24;--pa-red: #ff5361;--pa-green: #25e889;--pa-text: #f3f6fb;--pa-muted: #9aa8bb;--pa-radius: 12px;--pa-shadow: 0 18px 50px rgb(0 0 0 / 32%);color-scheme:dark}*{box-sizing:border-box}html{background:var(--pa-bg-deep)}body{margin:0;min-width:320px;min-height:100vh;background:var(--pa-bg);color:var(--pa-text);font-family:Inter,Segoe UI,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--pa-cyan);outline-offset:3px}#root{min-height:100vh}.viewer{min-height:100vh;background:radial-gradient(circle at 50% -25%,#152144 0,transparent 35%),var(--pa-bg);padding-bottom:80px}.viewer-header{height:72px;display:flex;align-items:center;padding:8px max(16px,env(safe-area-inset-left));border-bottom:1px solid var(--pa-border);background:#030812e8;position:sticky;top:0;z-index:5;backdrop-filter:blur(15px)}.viewer-brand{display:flex;align-items:center;text-decoration:none;color:#fff}.viewer-brand img{width:66px;height:52px;object-fit:contain}.viewer-brand span{display:grid}.viewer-brand strong{color:var(--pa-cyan)}.viewer-brand small{color:var(--pa-orange)}.readonly{margin-left:auto;display:flex;gap:9px;align-items:center;border:1px solid #7c277b;background:#240c2c;padding:7px 12px;border-radius:7px;color:#f47aff}.readonly svg{width:22px}.readonly span{display:grid;text-transform:uppercase}.readonly small{font-size:9px;color:#d7a8d9}.viewer-header>button{border:0;background:none;margin-left:9px;color:var(--pa-muted)}.viewer main{max-width:1050px;margin:auto}.mobile-page{padding:24px 18px}.mode{color:var(--pa-cyan);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700}.mobile-page h1{font-size:clamp(29px,7vw,46px);margin:8px 0}.lead{color:var(--pa-muted);margin-top:-2px}.mobile-search{height:62px;border:1px solid var(--pa-cyan);border-radius:10px;background:#07121f;display:flex;align-items:center;padding:0 12px;gap:10px;box-shadow:0 0 25px #12e7f21a;margin:20px 0}.mobile-search svg{color:var(--pa-cyan);flex:none}.mobile-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:16px}.mobile-search button{height:40px;border:0;border-radius:7px;background:var(--pa-cyan);color:#031018;font-weight:800;padding:0 16px}.mobile-search.live span{color:var(--pa-muted)}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 28px}.summary article{display:grid;justify-items:center;text-align:center;gap:4px;border:1px solid var(--pa-border);border-radius:9px;padding:14px 7px;background:#0a1421}.summary article:nth-child(1){color:var(--pa-cyan)}.summary article:nth-child(2){color:var(--pa-purple)}.summary article:nth-child(3){color:var(--pa-orange)}.summary strong{font-size:24px}.summary span{font-size:10px;text-transform:uppercase}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title h2{font-size:14px;text-transform:uppercase}.section-title a{color:var(--pa-cyan);font-size:12px}.platform-row{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.platform-row a{min-height:110px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:5px;background:#091422;border:1px solid var(--pa-border);border-radius:8px;text-decoration:none;color:#fff}.platform-row svg{color:var(--pa-cyan)}.platform-row strong{font-size:12px}.platform-row span{font-size:10px;color:var(--pa-muted)}.results{display:grid;gap:9px}.game-result{display:grid;grid-template-columns:64px 1fr 14px;align-items:center;gap:12px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#0b1725,#07101c);border:1px solid var(--pa-border);border-radius:9px;padding:9px;min-height:88px}.game-result>div:nth-child(2){display:grid;gap:5px}.game-result span:not(.status){font-size:11px;color:var(--pa-muted)}.game-result>b{color:var(--pa-muted);font-size:24px}.cover{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:5px}.game-result .cover{width:58px;height:72px}.cover.placeholder{display:grid;place-items:center;background:#172336;border:1px solid #344257;color:#69798e}.status{display:inline-flex!important;width:max-content;max-width:100%;padding:4px 7px;border-radius:4px;font-size:10px!important;font-weight:800}.status.owned{color:var(--pa-green)!important;border:1px solid #16864e;background:#082819}.status.wishlist{color:#dc8cff!important;border:1px solid #7b3e92;background:#28122d}.status.missing{color:var(--pa-orange)!important;border:1px solid #926313;background:#2c1d05}.back{display:flex;align-items:center;color:var(--pa-cyan);text-decoration:none;margin-bottom:18px}.game-hero{display:grid;grid-template-columns:minmax(100px,160px) 1fr;gap:18px;align-items:start}.game-hero h1{font-size:clamp(25px,5vw,40px)}.game-hero>div>span{color:var(--pa-orange)}.game-hero p{color:var(--pa-muted)}.game-page>h2{font-size:16px;text-transform:uppercase;margin-top:28px}.game-page details{border:1px solid var(--pa-border);border-radius:8px;background:#091422;margin:9px 0}.game-page summary{padding:14px;cursor:pointer;font-weight:700}.game-page dl{margin:0;padding:0 14px 14px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.game-page dl div{padding:9px;background:#07101a;border-radius:5px}.game-page dt{color:var(--pa-muted);font-size:10px;text-transform:uppercase}.game-page dd{margin:4px 0 0}.platform-list-view{display:grid;grid-template-columns:1fr 1fr;gap:10px}.platform-list-view a{display:flex;gap:13px;align-items:center;text-decoration:none;color:#fff;border:1px solid var(--pa-border);background:#091422;border-radius:8px;padding:14px}.platform-list-view svg{color:var(--pa-cyan)}.platform-list-view div{display:grid}.platform-list-view span{font-size:11px;color:var(--pa-muted)}.bottom-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;height:68px;padding-bottom:env(safe-area-inset-bottom);display:flex;justify-content:center;background:#050b13f5;border-top:1px solid var(--pa-border)}.bottom-nav a{width:min(19vw,120px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#929fb0;font-size:10px}.bottom-nav a.active{color:var(--pa-cyan)}.bottom-nav svg{width:21px}.bottom-nav .search-main{color:var(--pa-cyan)}.bottom-nav .search-main svg{width:31px;height:31px;margin-top:-14px;background:#08343c;border:1px solid var(--pa-cyan);border-radius:50%;padding:6px;box-sizing:content-box;box-shadow:0 0 20px #12e7f244}.login{min-height:100vh;display:grid;grid-template-columns:1fr minmax(320px,520px);place-items:center;padding:clamp(20px,5vw,70px);background:radial-gradient(circle at 25% 45%,#132444,transparent 35%),var(--pa-bg-deep)}.login>img{width:min(600px,90%);max-height:75vh;object-fit:contain}.login>section{width:100%;padding:32px;border:1px solid #76317b;border-radius:14px;background:#091321;box-shadow:var(--pa-shadow)}.login>section>svg{color:var(--pa-purple)}.login h1{font-size:30px;margin:10px 0}.login p{color:var(--pa-muted)}.login form{display:grid;gap:14px}.login label{display:grid;gap:6px;font-size:12px}.login input{height:44px;border:1px solid #34445a;border-radius:6px;background:#050b13;color:#fff;padding:0 11px}.login button{height:46px;border:1px solid var(--pa-cyan);border-radius:6px;background:#07313a;color:var(--pa-cyan);font-weight:800}.login .text-button{height:auto;padding:2px 0;border:0;background:transparent;color:var(--pa-cyan);text-align:left;text-decoration:underline;font-weight:600}.success{padding:10px;border:1px solid #19734a;background:#092b1d;color:#79efb4!important}.notice{padding:9px;border:1px solid #76551d;background:#2b1e08;color:var(--pa-orange)!important}.error{color:#ff8f9c!important}.splash{min-height:100vh;display:grid;place-content:center;text-align:center}.splash img{width:220px}.splash p{color:var(--pa-muted)}.empty-state,.error-state{min-height:160px;display:grid;place-content:center;justify-items:center;text-align:center;color:var(--pa-muted)}.error-state{border:1px solid #71313b;background:#210c11;border-radius:8px}.error-state strong{color:#ff8f9c}@media(max-width:720px){.viewer-header{height:62px}.viewer-brand img{width:52px;height:45px}.viewer-brand span{display:none}.readonly{padding:6px 8px}.readonly strong{font-size:10px}.readonly small{display:none}.viewer-header>button svg{width:19px}.mobile-page{padding:18px 13px}.mobile-search{height:58px}.mobile-search button{display:none}.summary,.platform-row{grid-template-columns:repeat(3,1fr)}.platform-list-view{grid-template-columns:1fr}.login{grid-template-columns:1fr;padding:20px}.login>img{width:150px}.login>section{padding:24px}.game-hero{grid-template-columns:110px 1fr}.game-page dl{grid-template-columns:1fr 1fr}}@media(max-width:390px){.summary strong{font-size:20px}.summary article{padding:10px 4px}.game-result{grid-template-columns:56px 1fr 10px}.game-result .cover{width:50px;height:66px}.game-page dl{grid-template-columns:1fr}}