/* QuestPick 5.4.0 | unified dark amethyst / neon violet / cyan details.
   Global presentation-only layer. No game state, random draw or saved keys modified. */
:root {
 color-scheme: dark;
 --bg:#090713;--p:#171126;--p2:#231635;--bd:#674582;
 --txt:#f9f5ff;--mut:#baaacc;--vio:#b940fb;--cyan:#62dded;
 --qp-dark:#090713;--qp-surface:#181127;--qp-surface-soft:#221633;
 --qp-border:rgba(189,104,244,.36);--qp-text:#f9f3ff;
 --qp-quiet:#beaed2;--qp-pink:#d348ff;--qp-cyan:#61e6ed;
 --stroke:rgba(195,109,255,.20);--glass:rgba(24,14,40,.88);
 --pn-ice:#eccbff;--pn-blue:#c562ff;--pn-shadow:0 14px 40px #0005;
 --pn51-line:rgba(195,115,248,.32);
}
html{min-width:0;background:var(--qp-dark);overflow-x:clip;scroll-padding-top:80px}
body{min-width:0;max-width:100%;overflow-x:clip;color:var(--qp-text);background:radial-gradient(850px 550px at 90% -8%,rgba(156,45,239,.20),transparent 70%),radial-gradient(650px 700px at 3% 100%,rgba(97,41,134,.12),transparent 73%),#090713}
body[data-pn-atmo]:not([data-pn-atmo="off"]){background:radial-gradient(860px 510px at 90% -5%,rgba(148,44,221,.22),transparent 70%),radial-gradient(560px 650px at -15% 90%,rgba(105,30,132,.16),transparent 70%),#090713}
*,*::before,*::after{box-sizing:border-box}
.shell,.main,.content,#app,.qp53-home,.panel,.xp-hero,.xp-hero-body,.xp-hero-copy,.pn51-profile-copy,.pn51-tool-copy,.pj2-root,.pj2-hero-copy{min-width:0}
.main{position:relative}
.content{width:100%;max-width:1120px;margin-inline:auto}
#app>*,#app>section,.qp53-home>*,.xp-stats>*,.qp53-tilegrid>*{max-width:100%;min-width:0}
button,button span,button b,button small,.btn,.pn51-tool-copy b,.pn51-tool-copy small,.qp53-tile-label{overflow-wrap:anywhere}
button{touch-action:manipulation}
:where(.btn,.qp53-tile,.pn51-tool-link,.nav button,.bottomnav button):focus-visible{outline:2px solid #e598ff!important;outline-offset:3px}
a{color:#d68cff}
.sidebar{background:linear-gradient(165deg,#110a1d,#0c0915 67%,#0b0713);border-right:1px solid var(--qp-border)}
.sidebar-foot{background:linear-gradient(145deg,#211533,#130d22);border:1px solid var(--qp-border);color:#beaed4}
.nav button{color:#c5b6da}
.nav button.current{background:linear-gradient(130deg,#47245e,#221631);border:1px solid #a857e480;color:#e9c8ff}
.nav button.current .nav-icon{color:#e7b3ff}
.brand .brand-icon,.pn-topbrand img,.qp53-mark,.pn-header-avatar img{object-fit:cover;object-position:center;display:block;flex:none;filter:none!important}
.brand strong em,.pn-topbrand b span{color:#d77aff}
.brand small{color:#cbb8de}
.topline{min-width:0;flex-wrap:wrap}
.eyebrow,.xp-eyebrow,.pn-kicker,.pj2-eyebrow{color:#df91ff}
.eyebrow::before{background:#d04dff;box-shadow:0 0 10px #bd40ef}
.title,.topline h1{overflow-wrap:anywhere}
.subtitle{color:#c0b2d0}
.section{min-width:0;flex-wrap:wrap}
.section h2,.qp53-section h2{overflow-wrap:anywhere}
.panel:not(.qp53-picker){border-color:var(--qp-border)}
.btn{background:linear-gradient(140deg,#332045,#23172f);border:1px solid #955dbe69;color:#fbf5ff}
.btn:active{transform:translateY(0) scale(.985)}
.btn.primary{background:linear-gradient(112deg,#c334ff,#9a32f0 58%,#7431dc)!important;border:1px solid #edbaff55!important;box-shadow:0 9px 29px #9b30eb45!important}
.btn.primary:hover{background:linear-gradient(115deg,#d85bff,#ae42f6 60%,#8f41e8)!important}
.btn.green{background:#1d5245;border-color:#3a977c;color:#cbffe9}
.filter.on,.xp-chip.is-on,.pn-subnav button.on,.pn-segment button.on{background:linear-gradient(140deg,#7437a3,#4f276a);border-color:#bb6feb;color:#f9ebff}
.chip:not(.green):not(.gold):not(.grey){color:#f0cfff;background:#52236d80;border-color:#bd69e970}
.tiny-pill{background:#5425685e;color:#eac3ff;border-color:#b968e57d}
.xp-stat,.pn-metric,.pn-length,.qp53-summary .xp-stat{background:linear-gradient(140deg,#261736,#160e23);border-color:#a45fe35d}
.xp-stat>span,.pn-metric>span,.pn-length strong{color:#d38aff}
.bar-track,.xp-progress,.pj2-progress-track,.pn-bar-bg{background:#32213f;border-color:#70458f66}
.bar-fill,.xp-progress i,.pj2-progress-track span,.pn-bar-bg i,.pn-rating-bar,.pn-month div{background:linear-gradient(90deg,#8629e9,#cb4df9 64%,#6bd7ea)!important;box-shadow:0 0 13px #b641f658}
.xp-active-progress strong,.xp-progress-head strong{color:#de9dff}
.pn-cine-settings,.pn51-preferences,.xp-more-settings,.pn51-archive-intro{border-color:var(--qp-border);background:linear-gradient(140deg,#24162f,#141023)}
.pn-cine-title,.pn51-category-head h2,.pn51-profile-section h2{color:#fbf1ff}
.pn-cine-title svg,.pn51-category-head h2 svg,.pn51-profile-section h2 svg,.xp-section svg{color:#d881ff}
.pn-cine-settings label,.pn-cine-settings small,.pn51-profile-copy p{color:#c4b6d4}
.pn-cine-settings select,.pn51-preferences select,.xp-form input,.xp-form select,.xp-form textarea,dialog,input[type=text],input[type=number],input[type=search],select,textarea{background:#1a1029;border-color:#9763b96c;color:#fff;max-width:100%}
dialog{background:#181124;border:1px solid #a266d982;color:#fff;max-height:min(87dvh,850px)}
dialog::backdrop{background:rgba(4,2,10,.83);backdrop-filter:blur(7px)}
.toast{background:linear-gradient(135deg,#39204f,#20132e);border-color:#aa64dfb0;box-shadow:0 12px 36px #0009}
.pn51-tool-link,.pn51-archive-item,.pn51-profile-card,.pn51-backup,.pn51-archive-intro,.pn51-back,.xp-quick,.xp-candidate{border-color:#a468da62;background:linear-gradient(140deg,#291838,#171124)}
.pn51-tool-icon,.pn51-avatar,.xp-quick-ic{background:linear-gradient(140deg,#552477,#321a4b);border-color:#b468ed7a;color:#e7baff}
.pn51-tool-link>.nav-icon:last-child,.pn51-archive-item>.nav-icon,.pn51-kicker,.pn51-profile-version b{color:#d799ff}
.pn51-profile-version,.pn51-profile-version small{color:#bca8d3}
.pn51-preferences p,.pn51-preferences label span{color:#c8b9d8}
.xp-candidate-top,.xp-candidate-meta svg,.xp-hero-copy .chip,.pj2-label{color:#d898ff}
.xp-candidate:hover,.pn51-tool-link:hover,.pn51-archive-item:hover{border-color:#cf7dff;background:linear-gradient(145deg,#332044,#1c122f)}
.xp-detail-tabs{background:#1d142b;border-color:#ac6add60}
.xp-detail-tabs button.is-on{background:linear-gradient(115deg,#c04bfa,#8c2be9);border-color:#c879f1;color:#fff;box-shadow:0 0 15px #a635ed54}
.xp-analytics-special .xp-quick{background:linear-gradient(145deg,#291939,#171125)}
.pn-subnav button,.pn-segment button{border-color:#8f65bb70;background:#251731;color:#c3b0d5}
.pn-score.selected{background:linear-gradient(140deg,#d263ff,#922aed);border-color:#d884ff;color:#fff;box-shadow:0 0 17px #b544f87a}
.xp-memory,.xp-memory-open,.pn51-profile-card,.xp-profile-hero{border-color:#aa66df63}
/* Preserve scenic photography instead of replacing it with flat backgrounds. */
body[data-pn-atmo]:not([data-pn-atmo="off"]) .xp-hero{background:#1d122d!important;border-color:#ab68dd9a;isolation:isolate;overflow:hidden}
body[data-pn-atmo]:not([data-pn-atmo="off"]) .xp-hero::before{background-image:linear-gradient(90deg,rgba(23,10,37,.97),rgba(24,11,43,.87) 45%,rgba(18,10,34,.43)),url('./assets/atmosphere/vista.webp');background-size:cover;background-position:center,74% center}
body[data-pn-atmo]:not([data-pn-atmo="off"])[data-pn-scene="challenge"] .xp-hero::before{background-image:linear-gradient(90deg,rgba(22,9,34,.97),rgba(22,10,41,.84) 50%,rgba(10,12,30,.42)),url('./assets/atmosphere/gate.webp')}
body[data-pn-atmo]:not([data-pn-atmo="off"]) .pj2-hero{background:#1d142d!important;border-color:#ad65df93;overflow:hidden;isolation:isolate}
body[data-pn-atmo]:not([data-pn-atmo="off"]) .pj2-hero::before{background-image:linear-gradient(90deg,rgba(22,10,38,.95),rgba(24,11,43,.78) 50%,rgba(16,12,34,.39)),url('./assets/atmosphere/vista.webp')}
body[data-pn-atmo]:not([data-pn-atmo="off"]) .xp-library-banner{background:#1a1228!important;border-color:#aa67d580}
body[data-pn-atmo]:not([data-pn-atmo="off"]) .xp-library-banner::before{background-image:linear-gradient(90deg,rgba(23,10,39,.95),rgba(24,12,45,.75)),url('./assets/atmosphere/vista.webp')}
body[data-pn-atmo]:not([data-pn-atmo="off"])[data-pn-scene="stats"] .xp-stat{border-color:#a967e580;box-shadow:0 12px 30px #0004,inset 0 1px #e6bdff12}
body[data-pn-atmo]:not([data-pn-atmo="off"]) .pn51-profile-card{background:linear-gradient(140deg,#291a3e,#171225)}
body[data-pn-atmo]:not([data-pn-atmo="off"]) .xp-hall-links{background:linear-gradient(120deg,#2b1d35,#161327)!important}
body[data-pn-atmo]:not([data-pn-atmo="off"]) .xp-vault-nav{background:linear-gradient(120deg,#281735,#171126)}
.pn-cine-settings{background:linear-gradient(130deg,#28193a,#181126)}
/* Home masthead + picker: stack naturally. Never overlap cards. */
.qp53-home{display:flex;flex-direction:column;gap:0;overflow:visible}
.qp53-masthead{position:relative;min-height:205px;z-index:0;overflow:hidden;border:1px solid #ac62dd82;background:#1c1129;box-shadow:0 18px 42px #0007;isolation:isolate}
.qp53-masthead::before{background-image:linear-gradient(92deg,rgba(17,7,29,.98),rgba(24,9,44,.74) 48%,rgba(15,9,36,.16)),url('./assets/atmosphere/vista.webp')}
.qp53-brandline{display:flex;align-items:center;min-width:0;max-width:100%}
.qp53-brandline>div{min-width:0}
.qp53-mark{object-fit:cover;object-position:center;filter:none!important}
.qp53-picker{position:relative;z-index:0;margin:16px 0 0!important;width:100%;max-width:100%;background:radial-gradient(circle at 100% -15%,#7939bb32,transparent 58%),linear-gradient(135deg,#2c1a41,#181125)!important;border-color:#c47cf399!important;box-shadow:0 14px 37px #0006,0 0 24px #a938df24!important}
.qp53-pick-top{min-width:0;align-items:center}
.qp53-pick-top>div{min-width:0;flex:1}
.qp53-pick-top h2{overflow-wrap:anywhere}
.qp53-dice{background:linear-gradient(140deg,#c54cff,#8a2be7 76%,#5d42aa)}
.qp53-pick-button{white-space:normal;line-height:1.35;min-height:52px}
.qp53-section{position:relative;z-index:0;margin-top:27px;min-width:0;clear:both}
.qp53-tilegrid{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:10px}
.qp53-tile{min-width:0;overflow:hidden;min-height:113px;background:linear-gradient(145deg,#2b1c3e,#1a142b);border-color:#b16ce06a}
.qp53-tile-icon{color:#d5a0ff;background:linear-gradient(145deg,#6a358b76,#36214791)}
.qp53-tile:nth-child(3) .qp53-tile-icon{color:#d4abff}
.qp53-tile:nth-child(4) .qp53-tile-icon{color:#cb8bff}
.qp53-tile-label{white-space:normal;hyphens:auto;text-wrap:pretty;max-width:100%;min-width:0}
.qp53-adventure-section{overflow:visible}
.qp53-adventure{position:relative;min-height:0;height:auto;overflow:hidden;isolation:isolate}
.qp53-adventure .xp-hero-body,.qp53-adventure .xp-hero-game{min-width:0;max-width:100%}
.qp53-adventure .xp-hero-copy{overflow-wrap:anywhere}
.qp53-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px;margin:0!important}
.qp53-summary .xp-stat{min-width:0;overflow-wrap:anywhere}
.qp53-genres{background:linear-gradient(130deg,#261835,#171126)!important;border-color:#a56cd178!important;max-width:100%}
.qp53-genre-content{min-width:0;grid-template-columns:180px minmax(0,1fr)}
.qp53-genre-legend{min-width:0}
.qp53-genre-item{min-width:0}
.qp53-home>.xp-callout{margin-top:24px}
.xp-hero+.xp-stats,.xp-profile-hero+.xp-quickgrid,.pn51-profile-card+.pn51-profile-section{margin-top:22px}
/* Details, cards and inputs should occupy the available width without pushing the viewport. */
.xp-hero-game{grid-template-columns:minmax(88px,122px) minmax(0,1fr);gap:18px;align-items:center}
.xp-hero-copy h2{font-size:clamp(21px,3.6vw,32px);overflow-wrap:anywhere}
.xp-hero-copy p,.qp53-adventure .xp-hero-copy p{overflow-wrap:anywhere}
.pn51-tool-list,.pn51-archive-list,.pn51-profile-section,.xp-quickgrid,.xp-stats,.pn-dashboard-tiles,.pn4-tilelinks,.pj2-entry-fields,.pj2-stats{max-width:100%;min-width:0}
.pn51-tool-link,.pn51-archive-item,.pn-linkcard,.pn51-profile-card{min-width:0}
.pn51-tool-copy,.pn51-profile-copy,.pn-linkcard>div:nth-child(2){min-width:0}
.pn51-tool-link>.nav-icon:last-child{flex:none}
.pn-score-grid{grid-template-columns:repeat(10,minmax(0,1fr));max-width:100%}
.pn-score{min-width:0}
.pn-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.pn51-archive-search{max-width:100%;min-width:0}
.pn51-archive-search input{min-width:0}
/* Dedicated and unobstructed fixed bottom navigation. */
.bottomnav{background:linear-gradient(180deg,rgba(33,17,49,.985),rgba(13,9,23,.99));border-top:1px solid #a65ad47c;box-shadow:0 -12px 40px #0008}
.bottomnav button{color:#c2b0d3}
.bottomnav button.current{color:#e3b5ff;background:linear-gradient(145deg,#49245f,#2b183c);border-color:#b46ae881;box-shadow:0 0 20px #a947f32b,inset 0 1px #f3d5ff18}
.bottomnav button.current .nav-icon{color:#e8baff;filter:drop-shadow(0 0 5px #d67aff70)}
@media(max-width:1100px) and (min-width:741px){
 .qp53-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .qp53-tile{min-height:104px}
}
@media(max-width:740px){
 html{scroll-padding-top:95px}
 .shell{display:block;min-width:0}
 .sidebar{display:none}
 .main{width:100%;min-width:0;overflow:visible;padding:0 13px calc(155px + env(safe-area-inset-bottom,0px))!important;min-height:100dvh}
 .content{min-width:0;max-width:100%}
 .pn-topbar{position:sticky;top:0;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 -13px 16px!important;padding:calc(12px + env(safe-area-inset-top,0px)) 14px 12px!important;min-width:0;background:linear-gradient(180deg,#100a1bf9,#160e24f3);border-bottom:1px solid #b165ef56;box-shadow:0 8px 26px #0005;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
 .pn-topbrand{gap:10px;min-width:0;max-width:calc(100% - 52px)}
 .pn-topbrand>div{min-width:0}
 .pn-topbrand img{width:38px;height:38px;flex:none;border-radius:12px}
 .pn-topbrand b{font-size:18px;letter-spacing:-.35px;white-space:nowrap}
 .pn-topbrand small{font-size:10px;letter-spacing:0;line-height:1.25;color:#ceb5dc;white-space:normal}
 .pn-header-avatar{width:42px;height:42px;background:#2b1b3a;border:1px solid #b368ed70;box-shadow:0 0 14px #a442eb2a}
 .pn-top-avatar{width:36px;height:36px;object-position:center}
 #app>div.topline:first-child{margin-top:18px}
 .topline{margin-top:18px!important;gap:8px;min-width:0}
 .title{font-size:clamp(25px,7.5vw,34px);line-height:1.14}
 .subtitle{font-size:12px;line-height:1.6}
 .panel{padding:16px;max-width:100%;min-width:0;border-radius:18px}
 .qp53-masthead{min-height:186px;padding:21px 17px 19px;border-radius:19px;gap:20px}
 .qp53-wordmark{font-size:clamp(25px,8vw,34px);line-height:1.05;overflow-wrap:anywhere}
 .qp53-brandline p{font-size:12px;line-height:1.45}
 .qp53-brandline{gap:10px}
 .qp53-mark{width:48px;height:48px;border-radius:14px}
 .qp53-mast-bottom{gap:8px;font-size:11px}
 .qp53-library-pill{max-width:100%;white-space:nowrap}
 .qp53-picker{margin:14px 0 0!important;padding:16px!important;border-radius:18px}
 .qp53-pick-top{gap:11px}
 .qp53-dice{width:48px;height:48px;border-radius:14px}
 .qp53-dice svg{width:25px;height:25px}
 .qp53-pick-top h2{font-size:20px}
 .qp53-pick-top p{font-size:12px;line-height:1.55;margin-top:7px}
 .qp53-kicker{letter-spacing:1.1px;font-size:10px}
 .qp53-pick-button{font-size:13px;min-height:51px;gap:7px}
 .qp53-section{margin-top:25px}
 .qp53-section>h2,.qp53-section-head h2{font-size:18px}
 .qp53-tilegrid{gap:7px}
 .qp53-tile{padding:12px 4px;min-height:100px;gap:9px;border-radius:13px}
 .qp53-tile-icon{height:35px;width:35px;border-radius:10px}
 .qp53-tile-label{font-size:10px;line-height:1.3;font-weight:760}
 .qp53-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:0!important}
 .qp53-summary .xp-stat{padding:15px 12px;min-height:94px}
 .qp53-summary .xp-stat strong{font-size:23px}
 .qp53-summary .xp-stat small{font-size:11px}
 .qp53-adventure-section .qp53-adventure{min-height:0!important;margin:0}
 .xp-hero,.xp-profile-hero,.pj2-hero{height:auto!important;max-height:none!important;min-height:0;position:relative;overflow:hidden}
 .xp-hero{padding:18px}
 .xp-hero-game{grid-template-columns:89px minmax(0,1fr);gap:13px;align-items:start}
 .xp-hero-copy h2{font-size:clamp(19px,5.5vw,25px);line-height:1.18}
 .xp-hero-copy p{font-size:12px;line-height:1.55}
 .qp53-genre-content{grid-template-columns:130px minmax(0,1fr);gap:13px}
 .qp53-donut{width:120px;height:120px}
 .qp53-donut::before{inset:21px}
 .qp53-genre-legend{gap:8px}
 .qp53-genre-item{font-size:11px;grid-template-columns:8px minmax(0,1fr) auto;gap:6px}
 .bottomnav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;z-index:30;padding:9px 6px calc(10px + env(safe-area-inset-bottom,0px));width:100%;min-width:0}
 .bottomnav button{min-width:0;min-height:56px;padding:8px 2px 6px;border-radius:12px;font-size:9px;line-height:1.25;gap:5px}
 .bottomnav button .nav-icon{width:21px;height:21px;flex:none}
 .bottomnav button span{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .toast{bottom:calc(112px + env(safe-area-inset-bottom,0px));left:13px;right:13px;max-width:none}
 dialog{max-width:100%;max-height:min(85dvh,850px);padding:22px 15px calc(24px + env(safe-area-inset-bottom,0px));border-radius:23px 23px 0 0;overflow-y:auto;overflow-x:hidden}
 dialog .modal-actions{display:flex;flex-wrap:wrap;gap:9px}
 dialog .btn{white-space:normal;min-width:0}
 .pj2-hero{gap:12px;padding:16px}
 .pj2-hero-copy h2{font-size:clamp(20px,5.7vw,25px)}
 .pj2-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .pn51-tool-link{min-height:72px;padding:13px 12px;gap:11px}
 .pn51-tool-copy b{font-size:13px}
 .pn51-tool-copy small{font-size:11px}
 .pn51-profile-card{display:grid;grid-template-columns:65px minmax(0,1fr);align-items:start;gap:12px;padding:16px}
 .pn51-avatar{width:65px;height:65px;flex:none;border-radius:16px}
 .pn51-profile-copy h2{font-size:clamp(19px,5.5vw,24px)}
 .pn51-profile-copy p{line-height:1.5}
 .pn51-profile-copy .btn{width:100%;min-height:43px}
 .pn51-archive-item{gap:10px;padding:11px}
 .pn51-archive-item .cover{width:60px}
 .pn51-journey-chooser{gap:9px}
 .pn51-journey-chooser .btn{flex:1 1 100%;white-space:normal}
 .pn51-library-actions .btn{min-width:0}
 .pn-score-grid{gap:3px}
 .pn-score{font-size:11px;border-radius:6px;min-height:32px}
 .pn-subnav,.pn-segment{min-width:0;max-width:100%;gap:7px;flex-wrap:wrap}
 .pn-subnav button,.pn-segment button{min-width:0;max-width:100%;overflow-wrap:anywhere}
 .xp-candidate-grid{grid-template-columns:1fr;gap:13px}
 .xp-candidate{grid-template-columns:95px minmax(0,1fr);gap:8px 13px}
 .xp-candidate-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .xp-candidate-actions .btn{min-width:0}
 .xp-vault-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .xp-detail-tabs{gap:4px}
 .xp-detail-tabs button{min-width:0;overflow-wrap:anywhere;line-height:1.25}
 .game-list.cards-layout{grid-template-columns:repeat(2,minmax(0,1fr))}
 .game-row,.game-text,.game-row>div{min-width:0}
 .game-row .name{overflow-wrap:anywhere}
 .xp-hall-links{flex-wrap:wrap}
 .xp-hall-links button{min-width:0;max-width:100%}
 /* Mobile Game Journey: one readable column, a left rail, and no colliding story cards. */
 .pj2-visual-list{width:100%!important;margin:0 0 16px!important;padding:12px 0 16px!important;isolation:isolate;overflow:visible}
 .pj2-visual-list::before{left:20px!important;transform:none!important;width:2px;top:0;bottom:0;background:linear-gradient(180deg,#d47cff,#9345d8)!important;box-shadow:0 0 15px #c762ef4f!important}
 .pj2-visual-item{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:start!important;gap:7px!important;min-height:0!important;margin:0 0 14px!important;width:100%;max-width:100%}
 .pj2-visual-item .pj2-timeline-dot{grid-column:1!important;grid-row:1!important;justify-self:center;width:31px;height:31px;position:relative;top:auto;left:auto;box-shadow:0 0 0 4px #150c22,0 0 15px #b54aea80!important;border-color:#b764ef!important;background:#35194c!important;color:#e3b4ff}
 .pj2-visual-item .pj2-event-box,.pj2-visual-item:nth-child(odd) .pj2-event-box,.pj2-visual-item:nth-child(even) .pj2-event-box{grid-column:2!important;grid-row:1!important;width:100%;margin:0!important;min-width:0;padding:14px;border-radius:14px;box-shadow:0 8px 24px #0004}
 .pj2-visual-item .pj2-event-box::before,.pj2-visual-item .pj2-event-box::after{display:none!important;content:none!important}
 .pj2-visual-item .pj2-event-title b{font-size:14px!important;line-height:1.3;overflow-wrap:anywhere}
 .pj2-visual-item .pj2-event-excerpt{font-size:12px!important;line-height:1.5;overflow-wrap:anywhere;display:block;-webkit-line-clamp:unset;max-height:none}
 .pj2-event-metric{font-size:10px}
 .pj2-story-top{flex-wrap:wrap}
 .pj2-story-top .pj2-chip{flex:none;max-width:100%}
 .pj2-story-note-layout{flex-wrap:wrap}
 .pj2-entry-fields{grid-template-columns:1fr}
 .pj2-entry-fields label.pj2-wide{grid-column:1/-1}
}
@media(max-width:385px){
 .qp53-tilegrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .qp53-tile{min-height:88px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:12px 10px;gap:10px;text-align:left}
 .qp53-tile-label{font-size:11px}
 .qp53-tile-icon{flex:none;width:34px;height:34px}
 .qp53-pick-top{align-items:flex-start}
 .qp53-genre-content{grid-template-columns:1fr}
 .qp53-donut{margin:0 auto 12px}
 .qp53-genre-legend{gap:10px}
 .qp53-genre-item{font-size:12px}
 .bottomnav button{font-size:8px;letter-spacing:-.15px}
 .bottomnav button .nav-icon{width:19px;height:19px}
 .pn-topbrand b{font-size:16px}
 .pn-topbrand small{font-size:9px}
 .pn51-avatar{width:54px;height:54px}
 .pn51-profile-card{grid-template-columns:54px minmax(0,1fr)}
 .xp-hero-game{grid-template-columns:75px minmax(0,1fr);gap:10px}
 .xp-hero-copy h2{font-size:20px}
 .xp-candidate{grid-template-columns:85px minmax(0,1fr)}
 .xp-candidate-actions{grid-template-columns:1fr}
 .xp-candidate-actions .btn.primary{grid-column:1}
 .xp-detail-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .xp-detail-tabs button{flex-direction:row}
 .pn-score-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
 .pn-score{min-height:38px;font-size:13px}
 .pn-dashboard-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pn51-profile-copy .btn{font-size:11px}
}
@media(max-width:330px){
 .main{padding-left:10px!important;padding-right:10px!important}
 .pn-topbar{margin-inline:-10px!important;padding-inline:11px!important}
 .qp53-masthead{padding:16px 12px}
 .qp53-wordmark{font-size:24px}
 .qp53-mark{width:42px;height:42px}
 .qp53-pick-top h2{font-size:18px}
 .qp53-picker{padding:14px!important}
 .qp53-summary .xp-stat{padding:11px 9px}
 .qp53-summary .xp-stat strong{font-size:20px}
 .pn-topbrand img{width:33px;height:33px}
 .pn-topbrand b{font-size:15px}
 .pn-topbrand small{font-size:8px}
 .pn-header-avatar{width:37px;height:37px}
 .pn-top-avatar{width:32px;height:32px}
 .bottomnav{gap:0;padding-left:3px;padding-right:3px}
 .bottomnav button{font-size:7.5px;padding-inline:1px}
}
@media(prefers-reduced-motion:reduce){
 .qp53-tile:hover,.btn:hover{transform:none}
 .pj2-visual-item .pj2-event-box{transition:none}
}
/* Small screens: show every library filter without sideways overflow or hidden controls. */
#app .chips{max-width:100%;min-width:0;display:flex;flex-wrap:wrap;gap:7px;overflow:visible}
#app .chips .filter{flex:0 0 auto;white-space:normal;max-width:100%;font-size:11px;line-height:1.2;text-align:center}
.collection-tabs{flex-wrap:wrap;justify-content:flex-start;max-width:100%}
.collection-tabs .chips{flex:1 1 100%;flex-wrap:wrap!important;overflow:visible!important;padding:2px 0 6px}
.collection-tabs .layout-control{flex:0 0 auto;margin-left:auto}