/* QuestPick 3.0 – cinematic personal gaming hub. Non-destructive visual add-on. */
:root{--pn-ice:#cf83f3;--pn-blue:#bf59ee;--pn-shadow:0 14px 40px #0005}
.pn-topbar{display:none}
.pn-kicker{font-size:10px;font-weight:850;letter-spacing:1.8px;color:#ce7ef2;text-transform:uppercase}
.pn-dashboard-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.pn-metric{min-width:0;min-height:123px;display:flex;flex-direction:column;justify-content:center;gap:9px;text-align:left;padding:18px 20px;border-radius:21px;border:1px solid #c072e43a;background:linear-gradient(145deg,#3b164c,#2a1135);box-shadow:var(--pn-shadow),inset 0 1px #ffffff11;color:#f4e3fc;transition:transform .22s,border-color .22s,background .22s;cursor:pointer}
.pn-metric:hover{transform:translateY(-3px);border-color:#ce7ef299}.pn-metric:active{transform:scale(.97)}
.pn-metric>span{display:flex;color:#cb77f2}.pn-metric>span svg{width:20px;height:20px}.pn-metric>b{font-size:26px;line-height:1;font-weight:870;letter-spacing:-.7px}.pn-metric small{font-size:11px;color:#bf98d2}
.pn-profile-card{overflow:hidden;background:radial-gradient(300px 200px at 8% 8%,#61217e64,transparent 90%),linear-gradient(132deg,#361445,#240f2d)!important;border-color:#b75ee04c!important}
.pn-profile-top{display:flex;align-items:center;gap:18px}.pn-profile-top h2{font-size:25px;letter-spacing:-.6px;margin:7px 0 5px}.pn-profile-top p{margin:0;color:#bf9ad0;font-size:12px;line-height:1.6}.pn-profile-bio{font-size:12px;color:#e1c8ed;margin-top:10px;line-height:1.5;white-space:pre-wrap}
.pn-avatar{display:grid;place-items:center;flex:none;width:92px;height:92px;border-radius:25px;object-fit:cover;color:#f4e3fc;border:1px solid #d99bf577;box-shadow:0 8px 26px #0008,0 0 25px #c05bef35;background:linear-gradient(145deg,#4b1764,#401f4e)}
.pn-avatar-glyph{font-size:43px}.pn-profile-foot{display:flex;align-items:center;justify-content:space-between;gap:11px;margin-top:19px;padding-top:16px;border-top:1px solid #ffffff1b}.pn-profile-foot>span{display:inline-flex;align-items:center;gap:7px;color:#d19ee9;font-size:12px}.pn-profile-foot svg{width:16px;height:16px}
.pn-linkcard{display:flex;align-items:center;gap:16px}.pn-linkcard .pn-linkicon{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:15px;background:#481c5c8f;color:#d38cf4}.pn-linkcard svg{width:22px;height:22px}.pn-linkcard>div:nth-child(2){flex:1;min-width:0}.pn-linkcard h3{font-size:15px;margin:0 0 7px}.pn-linkcard p{font-size:12px;line-height:1.5;color:#bb91cf;margin:0}.pn-linkcard .btn{flex:none}
.pn-settingrow{display:flex;gap:16px;justify-content:space-between;align-items:center}.pn-settingrow strong{font-size:14px}.pn-settingrow p{font-size:12px;line-height:1.6;color:#bf96d2;max-width:520px}.pn-settingrow select{max-width:230px;flex:1}
.pn-form{display:grid;gap:16px}.pn-form textarea{min-height:85px}.pn-avatar-row{display:flex;gap:18px;align-items:center;padding:15px;border:1px solid #b87bd436;background:linear-gradient(135deg,#421b54,#2d1339);border-radius:18px}.pn-avatar-row>div{flex:1;min-width:0}.pn-avatar-row strong{font-size:13px}.pn-avatar-options{display:flex;gap:7px;flex-wrap:wrap;margin:11px 0}.pn-avatar-choice{width:34px;height:34px;border-radius:11px;background:#2f103d;border:1px solid #81419f70;color:#f4e3fc;font-size:16px}.pn-avatar-choice.on{box-shadow:0 0 0 2px #c972f1;border-color:#d28bf4}.pn-upload-label{display:inline-flex;gap:6px;align-items:center;color:#cc7bf2;cursor:pointer;font-weight:700;font-size:11px}.pn-upload-label svg{width:16px;height:16px}
.pn-rate-title{display:flex;align-items:center;gap:16px;margin-bottom:19px}.pn-rate-title .cover{width:72px}.pn-rate-title h3{font-size:18px;margin:4px 0}.pn-rate-title p{font-size:12px;color:#c49fd5;margin:0;line-height:1.6}
.pn-score-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}.pn-score{width:100%;min-width:0;aspect-ratio:1;border-radius:10px;border:1px solid #9e6bb559;color:#e9d1f5;font-weight:820;background:linear-gradient(140deg,#3a184a,#281033);transition:transform .14s,background .2s,border-color .2s;cursor:pointer}.pn-score:active{transform:scale(.9)}.pn-score.selected{color:#1f072a;background:linear-gradient(160deg,#d99df5,#c05cef);box-shadow:0 0 17px #c15def67;border-color:#e4baf8}
.pn-score-readout{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px;border:1px solid #b35bdb4f;background:#37114966;border-radius:14px}.pn-score-readout b{font-size:24px;color:#d38cf4}.pn-score-readout span{font-size:12px;color:#ca9dde;text-align:right}
.pn-checkrow{font-size:13px;color:#ebd5f6;display:flex;align-items:center;gap:10px;padding:12px;border-radius:13px;background:#35144563;border:1px solid #9d5ebb3a}.pn-checkrow svg{width:17px;height:17px;color:#c469ee}.pn-checkrow input{accent-color:#be62e9;width:17px;height:17px}
.pn-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}.pn-actions .btn{flex:1;min-width:120px}.pn-detail-addons{margin-top:23px;padding-top:17px;border-top:1px solid #ffffff26}.pn-detail-actions{display:flex;align-items:center;gap:12px;margin-top:14px;justify-content:space-between;flex-wrap:wrap}
.pn-passport{overflow:hidden;border:1px solid #c164ec79;border-radius:22px;padding:17px;background:radial-gradient(250px 170px at 95% 10%,#8127aa65,transparent),linear-gradient(135deg,#441a57,#291035);box-shadow:0 12px 32px #0005}.pn-passport-head{display:flex;justify-content:space-between;gap:6px;font-size:10px;color:#ce80f2;letter-spacing:1.2px;font-weight:830}.pn-passport-head span{display:inline-flex;gap:5px;align-items:center}.pn-passport-head svg{width:15px;height:15px}.pn-passport-main{display:flex;align-items:center;gap:15px;margin:18px 0}.pn-passport-main>div{flex:1;min-width:0}.pn-passport-main strong{display:block;font-size:15px}.pn-passport-main small{color:#c59ada;font-size:11px;margin-top:7px;display:block}.pn-passport-score{font-size:25px;font-weight:900;color:#ffe4a1;white-space:nowrap}.pn-passport p{font-size:12px;line-height:1.6;color:#e0c5ed}.pn-passport-moment{display:flex;gap:6px;margin-top:13px;font-size:12px;color:#e8c4f9}.pn-passport-moment svg{width:17px;height:17px;flex:none}
.pn-entry{padding:14px 0;border-bottom:1px solid #ffffff19}.pn-entry>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.pn-entry small{color:#c19bd3}.pn-entry p{font-size:13px;line-height:1.65;white-space:pre-wrap;color:#f4e2fc}.pn-textbtn{border:0;background:none;padding:4px;color:#d797f5;text-align:left;font-size:12px;font-weight:670}.pn-textbtn:hover{text-decoration:underline}.pn-journal-list{max-height:50vh;overflow:auto;margin-top:15px}.pn-empty{padding:23px 12px;color:#c19ad3;font-size:13px;line-height:1.6;text-align:center}
.pn-subnav,.pn-segment{display:flex;gap:8px;overflow:auto hidden;scrollbar-width:none;margin:0 0 23px;padding:5px 2px 7px}.pn-subnav::-webkit-scrollbar,.pn-segment::-webkit-scrollbar{display:none}.pn-subnav button,.pn-segment button{font-size:12px;font-weight:750;flex:none;white-space:nowrap;padding:11px 15px;border:1px solid #b36dd437;background:#2c1039;color:#ba90ce;border-radius:14px;transition:background .2s,color .2s,transform .2s}.pn-subnav button.on,.pn-segment button.on{background:linear-gradient(130deg,#55206d,#441c57);border-color:#ca75f18c;color:#d899f5;box-shadow:0 0 21px #b53dec24}.pn-subnav button:active{transform:scale(.96)}
.pn-stats-short .stat{padding:20px 14px}.pn-stats-short .num{font-size:24px}.pn-rating-chart{height:200px;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;align-items:end;margin:8px 0 36px}.pn-rating-col{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.pn-rating-col small{color:#d188f3;font-size:10px}.pn-rating-col b{font-size:11px;color:#cfa8e1}.pn-rating-bar{width:100%;max-width:44px;min-height:2px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#ca77f1,#b365d7);box-shadow:0 0 16px #c567f03a;transform-origin:bottom;animation:barRise .7s ease both}
.pn-ranked{display:flex;align-items:center;gap:12px;background:none;width:100%;border:0;border-bottom:1px solid #ffffff14;padding:12px 0;color:#f4e3fc;text-align:left;min-width:0}.pn-ranked:last-child{border-bottom:none}.pn-ranked:hover{background:#ffffff08}.pn-ranked>b{font-size:20px;color:#c57ee7;width:28px;flex:none}.pn-ranked .cover{width:45px;border-radius:8px}.pn-ranked>div:not(.cover){flex:1;min-width:0}.pn-ranked strong{font-size:13px;font-weight:780;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pn-ranked small{font-size:10px;font-weight:500;color:#b68dc8;display:block;margin-top:5px}.pn-ranked>span{color:#ffdb94;font-size:21px;font-weight:880}.pn-ranked>span small{display:inline;font-size:11px;margin-left:1px;color:#bf9bd0}
.pn-table-scroll{overflow-x:auto}.pn-ratings-table{border-collapse:collapse;width:100%;min-width:360px;font-size:12px}.pn-ratings-table th{text-transform:uppercase;letter-spacing:1px;color:#ce7ff2;font-size:10px;text-align:left;padding:13px 10px;border-bottom:1px solid #ffffff26}.pn-ratings-table td{padding:12px 10px;border-bottom:1px solid #ffffff13;color:#e1c8ec}.pn-ratings-table tr:last-child td{border:0}.pn-ratings-table strong{color:#ffe19e}
.pn-genre-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff12}.pn-genre-row:last-child{border:0}.pn-genre-row b{display:block;font-size:13px}.pn-genre-row small{font-size:11px;color:#bc93cf}.pn-genre-row>strong{color:#ffe0a0;font-size:18px}.pn-genre-line{margin-bottom:18px}.pn-genre-label{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:9px}.pn-genre-label span{color:#b78eca}.pn-bar-bg{height:9px;border-radius:90px;background:#48235a;overflow:hidden}.pn-bar-bg i{display:block;height:100%;border-radius:90px;background:linear-gradient(90deg,#cc7af2,#c669f0)}.pn-length-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pn-length{background:#341443;border:1px solid #bb61e42e;padding:16px 10px;border-radius:16px;display:flex;flex-direction:column;gap:5px}.pn-length strong{font-size:27px;color:#cd7cf2}.pn-length b{font-size:12px}.pn-length small{font-size:10px;color:#b585ca}
.pn-period{display:flex;justify-content:flex-start;gap:11px;flex-wrap:wrap;margin-bottom:15px}.pn-period label{display:flex;align-items:center;gap:9px;font-size:12px;color:#c89fdc}.pn-period select{width:auto;min-width:123px}.pn-wrapped-hero{background:radial-gradient(320px 230px at 93% 10%,#9937c76c,transparent),linear-gradient(140deg,#54216c,#2d1239 70%,#3a1c52)!important;overflow:hidden;padding:26px!important;border-color:#cb79f273!important}.pn-wrapped-hero h2{font-weight:900;font-size:clamp(35px,5vw,52px);margin:16px 0 22px;letter-spacing:-1px}.pn-wrapped-hero h2 span{display:block;font-size:12px;color:#d19de9;letter-spacing:1px;margin-top:8px}.pn-wrapped-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 25px}.pn-wrapped-stats div{display:flex;flex-direction:column;gap:9px}.pn-wrapped-stats b{font-size:clamp(19px,3vw,31px);color:#e1b2f7}.pn-wrapped-stats small{font-size:11px;color:#ceaadf}.pn-month-chart{height:178px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:7px;align-items:end;margin:6px 0 31px}.pn-month{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.pn-month span{font-size:9px;color:#dea9f6}.pn-month div{width:100%;max-width:36px;min-height:2px;border-radius:7px 7px 0 0;background:linear-gradient(#c363f0,#b96cdc);animation:barRise .65s ease both}.pn-month small{font-size:10px;color:#bc91d1;margin-bottom:-27px}
.pn-wishlist-top{display:flex;justify-content:space-between;gap:10px;margin:5px 0 22px}.pn-wish-summary{margin-bottom:22px}.pn-wish-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.pn-wishcard{display:flex;flex-direction:column;gap:8px}.pn-wishcard h3{font-size:17px;line-height:1.25}.pn-wishcard p{margin:0}.pn-wishbadge{display:flex;align-items:center;gap:7px;color:#dba3f5;font-size:11px;font-weight:790;margin-bottom:9px}.pn-wishbadge svg{width:18px;height:18px}.pn-wishbadge.reached{color:#77edbe}.pn-price-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0;padding:14px;border-radius:14px;background:#220a2d80}.pn-price-pair small{color:#bf94d2;display:block;font-size:10px}.pn-price-pair strong{display:block;font-size:14px;margin-top:7px}.pn-link-small{margin-top:10px;color:#d797f5;font-size:12px;display:inline-flex;align-items:center;gap:5px;text-decoration:none}.pn-link-small svg{width:15px;height:15px}.pn-icon-danger{background:#842c3555;border:1px solid #eb6a7663;color:#ffb0bc;border-radius:12px;width:40px;flex:none;height:40px;display:grid;place-items:center}.pn-icon-danger svg{width:17px;height:17px}.pn-disclaimer{display:flex;gap:10px;align-items:flex-start;margin-top:19px;color:#c9a7d8;font-size:12px;line-height:1.6}.pn-disclaimer svg{width:20px;height:20px;flex:none;color:#d187f3}
@media(max-width:740px){
 .pn-topbar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 -16px;padding:max(70px, calc(env(safe-area-inset-top, 0px) + 15px)) 17px 12px;background:linear-gradient(180deg,#17081efc 65%,#1d0b26f2);border-bottom:1px solid #c77bea36;z-index:12;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
 .pn-topbrand{display:flex;align-items:center;gap:11px;min-width:0}.pn-topbrand img{width:39px;height:39px;border-radius:13px;box-shadow:0 0 18px #cd7cf238}.pn-topbrand b{display:block;white-space:nowrap;font-size:18px;font-weight:880;letter-spacing:2px;color:#f4e3fc}.pn-topbrand b span{color:#cd7df2}.pn-topbrand small{display:block;color:#ae7dc5;font-size:8px;letter-spacing:1.3px;font-weight:760;margin-top:3px}
 .pn-header-avatar{display:grid;place-items:center;flex:none;border:1px solid #9e5bbd5c;background:#381747;padding:2px;border-radius:50%;width:42px;height:42px;box-shadow:0 0 14px #c05bef23}.pn-top-avatar{display:block;width:36px;height:36px;object-fit:cover;border-radius:50%;font-size:23px;line-height:34px;text-align:center}
 .main{padding-top:0!important}.topline{margin-top:20px!important}.title{font-size:30px}.pn-dashboard-tiles{gap:8px}.pn-metric{padding:12px 9px;min-height:98px;border-radius:16px;gap:7px}.pn-metric>b{font-size:22px}.pn-metric small{font-size:9px}.pn-metric>span svg{width:17px;height:17px}
 .pn-profile-top{gap:13px}.pn-profile-top h2{font-size:20px}.pn-avatar{width:74px;height:74px;border-radius:22px}.pn-avatar-glyph{font-size:34px}.pn-profile-foot{flex-wrap:wrap}.pn-linkcard{gap:10px}.pn-linkcard .pn-linkicon{width:42px;height:42px}.pn-linkcard .btn{font-size:11px;padding:10px}.pn-linkcard h3{font-size:13px}.pn-linkcard p{font-size:11px}
 .pn-settingrow{display:block}.pn-settingrow select{max-width:100%;margin:9px 0 0}.pn-avatar-row{flex-direction:column;align-items:flex-start}.pn-score-grid{gap:4px}.pn-score{font-size:11px;border-radius:8px}.pn-score-readout b{font-size:21px}.pn-actions .btn{font-size:12px}.pn-stats-short .stat .num{font-size:21px}.pn-rating-chart{gap:5px}.pn-length-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pn-length{padding:13px}.pn-wish-grid{grid-template-columns:1fr}.pn-wishlist-top button{font-size:11px;padding:9px}.pn-wrapped-stats{gap:8px}.pn-month-chart{gap:3px}.pn-month small{font-size:8px}
}
@media(min-width:741px){.pn-topbar{display:none}}
@media(max-width:360px){.pn-topbrand b{font-size:16px}.pn-header-avatar{width:38px;height:38px}.pn-stats-short .stat .num{font-size:17px}.pn-score-grid{gap:2px}}
@media(prefers-reduced-motion:reduce){.pn-metric,.pn-score,.pn-subnav button,.pn-rating-bar,.pn-month div{animation:none!important;transition:none!important}}
.pn-library-quick{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 17px;padding:11px 13px;border:1px solid #b76ada36;background:#321041a8;border-radius:15px}.pn-library-quick span{display:flex;align-items:center;gap:8px;font-size:12px;color:#ca9dde}.pn-library-quick svg{width:17px;height:17px}.pn-list-score{color:#ffdfa2;font-weight:820;margin-left:8px}
@media(max-width:740px){.pn-library-quick{padding:10px;gap:7px}.pn-library-quick span{font-size:10px;line-height:1.35}.pn-library-quick .btn{font-size:10px;padding:9px}}
.pn-spend-hero{display:flex;flex-direction:column;gap:11px;padding-bottom:17px;margin-bottom:12px;border-bottom:1px solid #ffffff20}.pn-spend-hero span{display:flex;gap:8px;align-items:center;color:#d38ef4;font-size:11px;letter-spacing:1px;font-weight:790}.pn-spend-hero svg{width:18px;height:18px}.pn-spend-hero strong{font-size:31px;font-weight:890;color:#f4e3fc}

/* QuestPick mobile identity. */
.pn-topbrand b{letter-spacing:-.045em;font-weight:850}
.pn-topbrand b span{color:#c15cff}
.pn-topbrand small{letter-spacing:.05px;color:#c4addf;font-size:9px;font-weight:520}
.pn-topbrand img{background:#0f0712;box-shadow:0 0 16px #9139fa48}
@media(max-width:360px){.pn-topbrand small{font-size:8px}}