/* QuestPick 7.4 — five-section IA, one clear home, contextual tools, accessible repairs */
:root{--qp74-line:rgba(183,129,237,.25);--qp74-soft:rgba(170,107,239,.105);--qp74-ink:#f7eefc;--qp74-muted:#baaccb}
.qp74-home,.qp74-repairpage,.qp74-sectionnav,.qp74-libraryhead{min-width:0;overflow-wrap:anywhere}
.qp74-eyebrow{display:inline-block;color:#c9a0fb;font-size:.72rem;letter-spacing:.13em;font-weight:840}
.qp74-home{display:grid;gap:20px;padding-bottom:calc(114px + env(safe-area-inset-bottom,0px))}
.qp74-homeheader h1{font-size:clamp(1.75rem,3vw,2.7rem);letter-spacing:-.035em;margin:9px 0;line-height:1.15}
.qp74-homeheader p{color:var(--qp74-muted);margin:0;font-size:.94rem;line-height:1.6}
.qp74-homehero{padding:clamp(18px,3vw,30px);border-radius:23px;background:radial-gradient(circle at 100% 0%,rgba(145,68,220,.35),transparent 60%),linear-gradient(145deg,#332048,#180f29);border:1px solid var(--qp74-line);min-height:215px}
.qp74-homegame{display:grid;grid-template-columns:minmax(122px,185px) minmax(0,1fr);gap:25px;align-items:center}
.qp74-homegame .cover{width:100%!important;max-width:185px!important;min-width:0!important;height:auto!important;aspect-ratio:3/4;box-shadow:0 18px 45px #0007;border-radius:12px;overflow:hidden}
.qp74-homegame h2,.qp74-homeempty h2{font-size:clamp(1.45rem,3.4vw,2.2rem);margin:10px 0 10px;line-height:1.2;letter-spacing:-.03em}
.qp74-homegame p,.qp74-homeempty p{font-size:.91rem;line-height:1.58;color:#c9badb;margin:0 0 16px}
.qp74-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.qp74-actions>.btn{min-height:42px}
.qp74-homegrid,.qp74-tilegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.qp74-tile{display:flex;align-items:center;gap:12px;min-width:0;width:100%;text-align:left;padding:16px;border:1px solid var(--qp74-line);border-radius:17px;color:var(--qp74-ink);background:linear-gradient(125deg,rgba(61,32,87,.8),rgba(25,19,42,.98));transition:border-color .16s,transform .16s;cursor:pointer}
.qp74-tile>span:nth-child(2){min-width:0;flex:1;display:block}
.qp74-tile>b,.qp74-tile b{display:block;font-size:.94rem;line-height:1.42}
.qp74-tile small{display:block;font-size:.79rem;line-height:1.45;color:var(--qp74-muted);margin-top:4px}
.qp74-tile>svg{width:17px;height:17px;flex:none;color:#ac84d0}
.qp74-tile-icon{height:43px;width:43px;flex:none;border-radius:13px;display:grid;place-items:center;background:rgba(171,98,251,.15);color:#d0a7fc}
.qp74-tile-icon svg{width:22px;height:22px}
.qp74-tile:hover,.qp74-tile:focus-visible{border-color:#bd7ef8;transform:translateY(-1px)}
.qp74-tip{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid var(--qp74-line);border-radius:18px;background:rgba(30,19,46,.88)}
.qp74-tip>span{display:grid;place-items:center;min-width:40px;width:40px;height:40px;border-radius:12px;background:var(--qp74-soft);color:#caa1fc}
.qp74-tip>div{flex:1;min-width:0}
.qp74-tip b{display:block;font-size:.91rem}
.qp74-tip p{margin:5px 0 0;color:var(--qp74-muted);font-size:.8rem;line-height:1.5}
.qp74-tip .btn{flex:none}
.qp74-sectionnav,.qp74-libraryhead{padding:20px;border-radius:19px;background:linear-gradient(130deg,rgba(48,26,68,.89),rgba(24,17,40,.91));border:1px solid var(--qp74-line);margin:18px 0 24px}
.qp74-section-title{margin-bottom:15px}
.qp74-section-title h2,.qp74-libraryhead h2{margin:7px 0 5px;font-size:1.22rem;letter-spacing:-.015em}
.qp74-section-title p,.qp74-libraryhead p{font-size:.85rem;line-height:1.5;color:var(--qp74-muted);margin:5px 0}
.qp74-sectionnav .qp74-tile{background:rgba(63,33,88,.55)}
.qp74-library-top{display:flex;justify-content:space-between;gap:18px;align-items:center;min-width:0}
.qp74-mini-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px;border-top:1px solid var(--qp74-line);padding-top:15px}
.qp74-mini-links .btn{min-height:40px;font-size:.8rem}
.qp74-legacy{background:rgba(23,16,38,.76);border:1px solid var(--qp74-line);border-radius:14px;margin:16px 0;padding:12px 14px}
.qp74-legacy>summary{font-weight:720;color:#e0c9f2;cursor:pointer;min-height:34px;display:list-item;padding:6px 4px;list-style-position:inside}
.qp74-legacy[open]>summary{margin-bottom:12px}
.qp74-legacy>.pn4-draw-panel,.qp74-legacy>#qp61-cover-pane{margin:0}
.qp74-legacy .xp-analytics-old{margin-top:12px}
.qp74-repairpage{max-width:1100px;margin:0 auto;padding:0 0 calc(100px + env(safe-area-inset-bottom,0px))}
.qp74-pagehead{padding:20px 0 21px}
.qp74-pagehead h1{font-size:clamp(1.7rem,4vw,2.5rem);margin:8px 0 11px;line-height:1.14}
.qp74-pagehead p{font-size:.94rem;line-height:1.57;margin:0;max-width:700px;color:var(--qp74-muted)}
.qp74-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 17px}
.qp74-stat{background:rgba(40,26,58,.88);border:1px solid var(--qp74-line);border-radius:15px;padding:17px 14px;min-width:0}
.qp74-stat span{display:block;color:#b8a4ce;font-size:.77rem;line-height:1.35;min-height:29px}
.qp74-stat b{font-size:1.52rem;color:#fff;line-height:1.2;margin-top:9px;display:block;font-variant-numeric:tabular-nums}
.qp74-card{background:rgba(28,19,44,.91);border:1px solid var(--qp74-line);border-radius:19px;padding:20px;margin:0 0 16px}
.qp74-cardhead{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:15px}
.qp74-cardhead h2,.qp74-card>h2{font-size:1.1rem;line-height:1.4;margin:0 0 7px}
.qp74-cardhead p{margin:0;font-size:.84rem;line-height:1.6;color:var(--qp74-muted)}
.qp74-status{color:#d3bcef;font-size:.86rem;margin:15px 0 0;line-height:1.6;min-height:26px}
.qp74-search{display:flex;gap:8px;align-items:center;margin-bottom:15px}
.qp74-search input{flex:1;min-width:0;border:1px solid var(--qp74-line);background:#130f20;color:#fff;border-radius:12px;padding:11px 14px;min-height:45px}
.qp74-search .btn{min-height:43px}
.qp74-segments{display:flex;flex-wrap:wrap;gap:7px;padding-bottom:11px;border-bottom:1px solid var(--qp74-line)}
.qp74-segments button{min-height:36px;border-radius:999px;border:1px solid var(--qp74-line);color:#cebbdf;background:#2b1b3d;padding:7px 11px;font-weight:670;font-size:.81rem}
.qp74-segments button.selected{background:#7241a6;color:#fff;border-color:#aa77d8}
.qp74-repair-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid rgba(207,171,233,.12);padding:13px 0;min-width:0}
.qp74-repair-row:last-child{border-bottom:0}
.qp74-repair-row>img,.qp74-placeholder{width:48px;height:64px;min-width:48px;object-fit:cover;border-radius:8px;background:#47285b}
.qp74-placeholder{display:grid;place-items:center;color:#cab5e5}
.qp74-placeholder svg{width:23px;height:23px}
.qp74-repair-title{flex:1;min-width:0}
.qp74-repair-title b{font-size:.89rem;display:block;line-height:1.35}
.qp74-repair-title small{font-size:.73rem;color:var(--qp74-muted);margin-top:5px;display:block}
.qp74-repair-row .btn{flex:none}
.qp74-review{padding:15px 0;border-bottom:1px solid var(--qp74-line)}
.qp74-review:last-child{border-bottom:0}
.qp74-review>div:first-child b{font-size:.95rem}
.qp74-review>div:first-child small{display:block;color:var(--qp74-muted);font-size:.76rem;margin:4px 0 11px}
.qp74-reviews{display:grid;gap:8px}
.qp74-candidate{display:flex;gap:12px;align-items:center;border:1px solid rgba(203,155,239,.17);border-radius:13px;padding:8px;min-width:0}
.qp74-candidate img,.qp74-candidate-empty{height:65px;width:47px;min-width:47px;object-fit:cover;border-radius:7px;background:#392647}
.qp74-candidate-empty{display:grid;place-items:center}
.qp74-candidate>div{flex:1;min-width:0}
.qp74-candidate b{font-size:.84rem;display:block;line-height:1.35}
.qp74-candidate small{font-size:.73rem;color:var(--qp74-muted);display:block;margin-top:5px}
.qp74-candidate .btn{flex:none}
.qp74-muted{color:var(--qp74-muted);font-size:.83rem;line-height:1.6}
@media (max-width:740px){
 .bottomnav{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;padding:6px 5px calc(7px + env(safe-area-inset-bottom,0px))!important}
 .bottomnav button{padding:9px 2px 7px!important;gap:4px!important;display:flex!important;flex-direction:column!important;justify-content:center;align-items:center!important;min-height:52px;font-size:10px!important;text-align:center!important;line-height:1.18}
 .bottomnav button span{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
 .bottomnav button .nav-icon{width:23px!important;height:23px!important}
 .main{padding-bottom:calc(98px + env(safe-area-inset-bottom,0px))}
 .qp74-home{gap:14px;padding-bottom:35px}
 .qp74-homeheader h1{font-size:1.8rem}
 .qp74-homehero{padding:16px;border-radius:17px}
 .qp74-homegame{grid-template-columns:95px minmax(0,1fr);gap:14px}
 .qp74-homegame .cover{width:95px!important;max-width:95px!important}
 .qp74-homegame h2{font-size:1.33rem}
 .qp74-homegame p{font-size:.79rem}
 .qp74-homegame .qp74-actions{gap:6px}
 .qp74-homegame .btn{font-size:.75rem;padding:9px}
 .qp74-homegrid,.qp74-tilegrid{grid-template-columns:1fr;gap:8px}
 .qp74-tile{padding:13px 12px;min-height:71px;gap:11px}
 .qp74-tile-icon{width:39px;height:39px}
 .qp74-tile b{font-size:.88rem}
 .qp74-tile small{font-size:.74rem}
 .qp74-tip{padding:14px;align-items:flex-start;flex-wrap:wrap;gap:10px}
 .qp74-tip .btn{margin-left:50px}
 .qp74-sectionnav,.qp74-libraryhead{padding:16px 13px;border-radius:16px}
 .qp74-library-top{display:block}
 .qp74-library-top>.btn{margin-top:11px}
 .qp74-mini-links{gap:7px}
 .qp74-mini-links .btn{padding:8px 10px;font-size:.74rem}
 .qp74-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .qp74-stat{padding:12px;min-height:88px}
 .qp74-stat b{font-size:1.2rem}
 .qp74-card{padding:16px 13px;border-radius:15px}
 .qp74-pagehead{padding:12px 0 16px}
 .qp74-pagehead h1{font-size:1.77rem}
 .qp74-repair-row{gap:9px}
 .qp74-repair-row .btn{font-size:.76rem;padding:7px 9px}
 .qp74-candidate{flex-wrap:wrap}
 .qp74-candidate .btn{margin-left:auto}
 .qp74-actions .btn{min-height:40px}
}
@media (max-width:360px){
 .bottomnav button{font-size:9px!important}
 .bottomnav button .nav-icon{width:20px!important;height:20px!important}
}
@media(prefers-reduced-motion:reduce){.qp74-tile{transition:none}}

/* 7.4.1: the earlier cinematic Hub remains, with compact integrated quest cards. */
.qp74-classic-extras{display:block;margin:24px 0 0;padding:0 0 25px}
.qp74-addon-title{margin:0 0 13px}
.qp74-addon-title h2{font-size:clamp(1.3rem,3vw,1.75rem);margin:7px 0 0;letter-spacing:-.02em}
.qp74-classic-extras .qp74-homegrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.qp74-classic-extras .qp74-tile{min-height:105px;box-shadow:0 12px 25px #0003,inset 0 1px #ffffff13}
.qp74-classic-extras .qp74-tile:first-child{background:radial-gradient(circle at 100% 0%,#ba5ce450,transparent 75%),linear-gradient(145deg,#452058,#241033);border-color:#d68afa65}
.qp74-classic-extras .qp74-tile:nth-child(2){background:radial-gradient(circle at 100% 0%,#8169e34f,transparent 75%),linear-gradient(145deg,#322158,#23112e)}
.qp74-artwork-strip{display:flex;gap:11px;align-items:center;flex-wrap:wrap;min-width:0;margin-top:13px;padding:13px 15px;border:1px solid var(--qp74-line);border-radius:16px;background:#241634e8}
.qp74-artwork-strip>span{width:38px;height:38px;flex:none;border-radius:11px;background:#8b43b432;display:grid;place-items:center}
.qp74-artwork-strip>div{flex:1;min-width:0}
.qp74-artwork-strip b,.qp74-artwork-strip small{display:block}.qp74-artwork-strip b{font-size:.9rem}
.qp74-artwork-strip small{font-size:.75rem;color:var(--qp74-muted);margin-top:4px}
@media(max-width:740px){.qp74-classic-extras{margin:19px 0 0;padding-bottom:16px}.qp74-classic-extras .qp74-homegrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.qp74-classic-extras .qp74-tile{flex-direction:column;align-items:start;min-height:118px;gap:8px;padding:12px 10px}.qp74-classic-extras .qp74-tile>svg{display:none}.qp74-classic-extras .qp74-tile b{font-size:.85rem}.qp74-classic-extras .qp74-tile small{font-size:.72rem}.qp74-classic-extras .qp74-tile-icon{height:34px;width:34px}.qp74-artwork-strip>.btn{margin-left:46px}}
@media(max-width:360px){.qp74-classic-extras .qp74-homegrid{grid-template-columns:1fr}.qp74-classic-extras .qp74-tile{flex-direction:row;min-height:70px;align-items:center}}