/* Purpose-built Owner Home compositions; other screen bodies retain their layout. */
body.home-experience-ready{--experience-ink:#f4f8ff;--experience-muted:#b2c5db;--experience-glass:rgba(22,44,66,.58);--experience-edge:rgba(141,202,237,.28)}
body.home-experience-ready:not([data-theme="dark"]){--experience-ink:#14283b;--experience-muted:#496780;--experience-glass:rgba(228,240,250,.72);--experience-edge:rgba(34,74,109,.2)}
body.home-experience-active #dashboardView> :is(.home-shell,.pocket-home-dashboard,.mobile-home-pokeball-field){display:none!important}
body.home-experience-active,html:has(body.home-experience-active){height:auto!important;max-height:none!important;overflow-y:auto!important}
body.home-experience-active .app{height:auto!important;min-height:100dvh!important;max-height:none!important;overflow:visible!important}
body.home-experience-active #dashboardView.active{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;background:radial-gradient(ellipse at 80% 8%,rgba(227,44,94,.17),transparent 43%),radial-gradient(ellipse at 4% 42%,rgba(11,163,202,.14),transparent 47%),radial-gradient(ellipse at 85% 95%,rgba(108,61,225,.1),transparent 45%),linear-gradient(145deg,#071825,#06111e 55%,#091322)!important;color:var(--experience-ink)!important}
body.home-experience-active:not([data-theme="dark"]) #dashboardView.active{background:radial-gradient(ellipse at 80% 4%,rgba(239,63,112,.13),transparent 43%),radial-gradient(ellipse at 4% 42%,rgba(0,182,191,.12),transparent 48%),linear-gradient(145deg,#f1f7ff,#edf4fb 55%,#f4edff)!important}
#homeExperience,#homeExperience *{box-sizing:border-box;min-width:0}
#homeExperience{max-width:1640px;margin:auto;font:400 16px/1.4 Arial,sans-serif;color:var(--experience-ink)}
#homeExperience button,.experience-settings,#experienceBottomNav button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}
#homeExperience button{border:0;background:transparent}
#homeExperience button:focus-visible,.experience-settings:focus-visible,#experienceBottomNav button:focus-visible{outline:2px solid #6ad9ef;outline-offset:4px}
#homeExperience button:disabled{opacity:.35;cursor:default}
#homeExperience svg,.experience-settings svg,#experienceBottomNav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.experience-desktop{display:flex;flex-direction:column;gap:30px}
.experience-showcase{position:relative;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,rgba(43,147,210,.22),transparent 60%),linear-gradient(115deg,#0e2435,#10182c 60%,#27172c);isolation:isolate;box-shadow:0 16px 36px -24px #0009,inset 0 1px #b6d7ff17}
.experience-showcase::after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;z-index:-1;background:linear-gradient(0deg,rgba(5,15,25,.5),transparent);pointer-events:none}
.experience-showcase-brand{position:absolute;left:4%;top:18px;width:20%;max-width:220px;object-fit:contain;z-index:3;filter:drop-shadow(0 5px 18px #0006)}
.experience-display{position:relative;height:clamp(260px,25vw,370px);perspective:1000px}
.experience-buffer{position:absolute;inset:0;opacity:0;pointer-events:none;transform-origin:50% 50%;backface-visibility:hidden;overflow:hidden;background:radial-gradient(ellipse at 50% 105%,#125b803b,transparent 65%),linear-gradient(115deg,#0d2032,#111b30 60%,#22162c)}
.experience-buffer.is-visible{opacity:1;pointer-events:auto}
.experience-display-items{position:absolute;inset:18px 12% 0;display:flex;align-items:center;justify-content:center}
.experience-display-items::before{content:"";position:absolute;bottom:4%;width:52%;height:13%;border-radius:50%;background:radial-gradient(ellipse,#3bd6eb2b,transparent 70%);filter:blur(10px);pointer-events:none}
.experience-display-items figure{position:relative;margin:0;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;flex:1;max-width:240px}
.experience-display-items.raw figure:nth-child(n+4){display:none}
.experience-display-items figcaption{color:var(--experience-ink);text-align:center;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:4px 12px;border-radius:6px;background:#07152280}
.experience-media{display:grid;place-items:center;width:100%;aspect-ratio:5/7;overflow:hidden;border-radius:7px;position:relative;background:rgba(116,154,180,.045)}
.experience-media :is(img,canvas){display:block;width:100%;height:100%;object-fit:contain}
#homeExperience .experience-media :is(img,canvas){width:100%!important;height:100%!important;max-height:100%!important;min-height:0!important;object-fit:contain!important}
.experience-display-items .experience-media{height:clamp(220px,20vw,295px);aspect-ratio:auto;filter:drop-shadow(0 16px 18px #0009) drop-shadow(0 0 12px #42c6dd24);background:transparent;overflow:visible}
.experience-display-items .experience-media img,.experience-display-items .experience-media canvas{border-radius:7px}
.experience-display-items.sealed figure{max-width:330px}
.experience-display-items.sealed .experience-media{aspect-ratio:1;height:clamp(220px,20vw,295px)}
.experience-collection-wash{position:absolute;inset:-30%;opacity:.28;filter:blur(34px) saturate(1.25);pointer-events:none;mask-image:linear-gradient(90deg,#000,transparent 45%,#000)}
.experience-collection-wash :is(img,canvas){width:100%;height:100%;object-fit:cover}
.experience-showcase footer{position:static;display:flex;align-items:center;justify-content:center;gap:20px;padding:0 28px 14px;min-height:48px}
.experience-category{position:absolute;left:28px;bottom:25px;font-size:12px;font-weight:600;letter-spacing:.08em;color:#d7ebff;text-transform:uppercase}
.experience-showcase-controls,.experience-upcoming-controls{display:flex;align-items:center;justify-content:center;gap:16px}
#homeExperience :is([data-showcase-step],[data-upcoming-step]){width:44px;height:44px;display:grid;place-items:center;border-radius:8px;background:transparent;color:#bed6e9}
#homeExperience [data-showcase-step]{position:absolute;top:calc(50% - 22px);left:12px;opacity:.72}
#homeExperience [data-showcase-step="1"]{left:auto;right:12px}
#homeExperience [data-showcase-step]:hover{color:#fff;background:#5bbfe914;opacity:1}
.experience-dots{display:flex;justify-content:center;gap:2px}
#homeExperience .experience-dots button{width:26px;height:44px;position:relative}
.experience-dots button::after{content:"";position:absolute;left:10px;top:19px;width:6px;height:6px;border-radius:50%;background:#7d92a6}
.experience-dots button[aria-current="true"]::after{background:#ef395f;box-shadow:0 0 12px #ef395f}
.experience-showcase-empty{display:grid;place-items:center;position:absolute;inset:0;margin:0;padding:30px;text-align:center;font-size:16px;color:var(--experience-muted)}
.experience-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(200px,1.3fr);align-items:center;gap:16px;padding:0 6px}
#homeExperience .experience-stat{display:flex;align-items:center;gap:12px;text-align:left;padding:6px 0;border-radius:12px;min-height:70px}
.experience-stat>span:last-child{display:flex;flex-direction:column;gap:2px}
.experience-stat strong{font-size:28px;line-height:1.2;font-weight:750;color:var(--experience-ink);text-shadow:0 0 22px color-mix(in srgb,var(--accent) 26%,transparent)}
.experience-stat small{font-size:14px;color:var(--experience-muted)}
.experience-stat-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 23%,transparent),transparent 75%);color:var(--accent);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 35%,transparent));flex-shrink:0}
.experience-stat.binder{--accent:#00efbf}.experience-stat.pending{--accent:#ff467e}.experience-stat.graded{--accent:#9d72ff}.experience-stat.sealed{--accent:#ffcb45}
.experience-ring{--accent:#00efbf;display:grid;place-items:center;width:62px;height:62px;position:relative;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--progress)*1%),color-mix(in srgb,var(--accent) 32%,transparent) 0);flex-shrink:0;box-shadow:0 0 18px color-mix(in srgb,var(--accent) 17%,transparent)}
.experience-ring::before{content:"";position:absolute;inset:5px;border-radius:50%;background:#06121d}
body:not([data-theme="dark"]) .experience-ring::before{background:#f0f6fc}
.experience-ring b{position:relative;font-size:14px;font-weight:600;z-index:1}
.experience-complete{display:flex;align-items:center;gap:14px}.experience-complete>span:last-child{display:flex;flex-direction:column;gap:6px}.experience-complete strong{font-size:14px;font-weight:500}.experience-complete small{font-size:14px;color:var(--experience-muted)}
.experience-desktop-content{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr) minmax(205px,.8fr);gap:clamp(22px,3vw,48px);align-items:start}
.experience-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;min-height:44px}
#homeExperience h2{margin:0;font-size:20px;font-weight:600;letter-spacing:-.015em;line-height:1.3}
#homeExperience .experience-section-head button{width:44px;height:44px;display:grid;place-items:center;color:var(--experience-muted)}
.experience-addition-track{display:flex;gap:18px;overflow-x:auto;scrollbar-width:thin;padding:4px 2px 12px}
#homeExperience .experience-addition{display:flex;flex-direction:column;gap:4px;flex:1;min-width:80px;max-width:145px;padding:0;text-align:left}
.experience-addition :is(.experience-media,.experience-no-image){margin-bottom:8px;min-height:108px}
.experience-addition .experience-media{background:transparent;filter:drop-shadow(0 3px 8px #20c9dd24)}
.experience-addition strong{font-size:14px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.experience-addition :is(small,time){font-size:12px;color:var(--experience-muted)}
.experience-no-image{width:100%;aspect-ratio:5/7;display:grid;place-items:center;border-radius:7px;background:var(--experience-glass);color:var(--experience-muted)}
.experience-no-image svg{width:30px!important;height:30px!important}.experience-image-error{font-size:12px;color:var(--experience-muted);text-align:center}
.experience-empty{font-size:14px;color:var(--experience-muted);margin:10px 0;line-height:1.5}
.experience-activity-list{display:flex;flex-direction:column;gap:17px;position:relative}
.experience-activity-list::before{content:"";position:absolute;left:4px;top:20px;bottom:20px;width:1px;background:linear-gradient(#00efbf66,#856aff55,#ff467e66);pointer-events:none}
.experience-activity-row{--activity-accent:#00efbf}
#homeExperience .experience-activity-row{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;padding:0 0 0 18px;min-height:44px}
.experience-activity-row[data-tone="pending"]{--activity-accent:#ff467e}.experience-activity-row[data-tone="removed"]{--activity-accent:#64b7ff}
.experience-activity-row::before{content:"";position:absolute;left:0;top:18px;width:9px;height:9px;border-radius:50%;background:var(--activity-accent);box-shadow:0 0 12px color-mix(in srgb,var(--activity-accent) 60%,transparent)}
.experience-activity-row i{display:grid;place-items:center;width:30px;height:32px;border-radius:8px;background:color-mix(in srgb,var(--activity-accent) 10%,transparent);color:var(--activity-accent);font-style:normal;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--activity-accent) 25%,transparent))}.experience-activity-row>span{display:flex;flex-direction:column;gap:3px}.experience-activity-row strong{font-size:14px;line-height:1.3;font-weight:600;overflow-wrap:anywhere}.experience-activity-row :is(small,time){font-size:12px;color:var(--experience-muted)}
.experience-activity-row time{text-align:right;white-space:nowrap;align-self:center}.experience-activity-row time small{display:block;margin-top:3px;font-size:11px}
#homeExperience .experience-upcoming-item>button{display:flex;align-items:center;gap:16px;width:100%;padding:10px 0;text-align:left;min-height:154px}
.experience-upcoming-item :is(.experience-media,.experience-no-image){flex:0 0 74px;aspect-ratio:5/7}
.experience-upcoming-item button>span:last-child{display:flex;flex-direction:column;gap:8px;min-width:0}.experience-upcoming-item strong{font-size:17px;font-weight:550;overflow-wrap:anywhere}.experience-upcoming-item small{font-size:12px;color:var(--experience-muted);overflow-wrap:anywhere}.experience-category-chip{color:#ef6680!important}
.experience-upcoming-controls{margin-top:12px;justify-content:space-between;font-size:12px;color:var(--experience-muted)}
.experience-generation-track{display:flex;align-items:start;justify-content:space-between;gap:14px;overflow:auto;padding:4px 4px 15px;scrollbar-width:thin}
#homeExperience .experience-generation-track button{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 4px;min-width:74px}
.experience-generation-track .experience-ring{--accent:inherit;background:conic-gradient(var(--accent) calc(var(--progress)*1%),color-mix(in srgb,var(--accent) 32%,transparent) 0);filter:saturate(1.3) brightness(1.16)}
.experience-generation-track strong{font-size:14px;font-weight:400}.experience-generation-track small{font-size:12px;color:var(--experience-muted)}
.experience-settings{display:none}.experience-header-brand{display:none}#experienceBottomNav{display:none}
body.home-experience-active .experience-settings{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid var(--experience-edge);border-radius:12px;background:var(--experience-glass);color:var(--experience-ink)}
body.home-experience-active .topbar{background:linear-gradient(90deg,#091a28ed,#0d192beb)!important;border:0!important;box-shadow:0 10px 32px -25px #7dcaff60!important}
body.home-experience-active:not([data-theme="dark"]) .topbar{background:#f0f6fce8!important}
body.home-experience-active .header-tools> :not(.search-wrap,.experience-settings){display:none!important}
body.home-experience-active #desktopMorePanel{color:var(--experience-ink)}
body.home-experience-active .header-tools #desktopMoreShell:has(#desktopMorePanel:not([hidden])){display:block!important;position:absolute;right:24px;top:64px}
body.home-experience-active .workspace-heading> :not(.experience-header-brand){display:none!important}
body.home-experience-active :is(#journeyBar,.horizon-ambient,.horizon-orb,.horizon-rail-mascots,.rail-overall,.rail-section,.rail-region-grid,.generation-nav-btn){display:none!important}
@media(min-width:761px){
  body.home-experience-active{--hz-sidebar:220px!important}
  body.home-experience-active .app{display:block!important;padding-left:220px!important}
  body.home-experience-active #dashboardView.active{min-height:100dvh!important;margin:0!important;padding:96px clamp(22px,3vw,52px) 48px!important;width:100%!important}
  body.home-experience-active .topbar{position:fixed!important;left:220px!important;right:0!important;top:0!important;height:78px!important;min-height:78px!important;padding:16px clamp(22px,3vw,52px)!important}
  body.home-experience-active .topbar-row{display:flex!important;gap:0!important;width:100%!important;height:46px!important}
  body.home-experience-active .workspace-heading{display:none!important}
  body.home-experience-active .header-tools{display:flex!important;width:100%!important;gap:24px!important;margin:0!important}
  body.home-experience-active .search-wrap{flex:1!important;width:auto!important;max-width:none!important;display:block!important}
  body.home-experience-active #globalSearch{display:block!important;width:100%!important;min-width:0!important;height:46px!important;border:1px solid var(--experience-edge)!important;border-radius:12px!important;background:var(--experience-glass)!important;color:var(--experience-ink)!important;font-size:14px!important;padding:0 18px 0 40px!important}
  body.home-experience-active #nav.nav{width:220px!important;padding:24px 14px!important;gap:12px!important;background:linear-gradient(180deg,#06131f,#07111b)!important;border:0!important;box-shadow:none!important}
  body.home-experience-active:not([data-theme="dark"]) #nav.nav{background:#e6f0f9!important}
  body.home-experience-active #nav .rail-brand{min-height:60px!important;display:block!important;padding:0!important;margin-bottom:14px!important}
  body.home-experience-active .rail-brand-logo{width:180px!important;height:auto!important;max-height:64px!important;object-fit:contain!important}
  body.home-experience-active #nav>.nav-btn{display:flex!important;align-items:center!important;min-height:52px!important;width:100%!important;padding:14px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:var(--experience-muted)!important;box-shadow:none!important}
  body.home-experience-active #nav .nav-main{font-size:14px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important}
  body.home-experience-active #nav .nav-sub{display:none!important}
  body.home-experience-active #nav>.nav-btn.active{background:linear-gradient(90deg,rgba(241,33,83,.2),rgba(19,56,78,.15))!important;color:var(--experience-ink)!important;box-shadow:inset 3px 0 #ed305b!important}
}
@media(min-width:761px) and (max-width:1350px){
  .experience-desktop-content{grid-template-columns:minmax(0,1.35fr) minmax(235px,1fr);gap:28px}
  .experience-upcoming{grid-column:2}.experience-additions{grid-row:1/3}
  .experience-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.experience-complete{grid-column:1/-1;justify-content:flex-end}
  .experience-stat strong{font-size:23px}.experience-stat-icon{width:38px;height:38px}.experience-stat small{font-size:13px}
  .experience-addition-track{flex-wrap:wrap;overflow:visible}.experience-addition{flex:0 0 calc(33.333% - 12px)!important;max-width:none!important}
}
@media(min-width:761px) and (max-width:1100px){
  body.home-experience-active{--hz-sidebar:190px!important}
  body.home-experience-active .app{padding-left:190px!important}
  body.home-experience-active .topbar{left:190px!important}
  body.home-experience-active #nav.nav{width:190px!important;padding-inline:10px!important}
  body.home-experience-active .rail-brand-logo{width:162px!important}
  .experience-desktop-content{grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);gap:24px}
  .experience-showcase-brand{width:23%;left:4%}.experience-display-items{left:29%;gap:12px}
  .experience-summary{gap:12px}.experience-stat{gap:8px!important}.experience-stat small{font-size:12px}.experience-stat strong{font-size:22px}
}
/* Mobile Home has a deliberate height budget; desktop rules above are preserved. */
@media(max-width:760px){
  body.home-experience-active .app{display:block!important;padding:0!important;min-height:0!important}
  body.home-experience-active.home-experience-ready:not(.view-only):not(.trial-mode):not(.play-mode) #dashboardView.active{width:100%!important;margin:0!important;padding:4px 14px calc(72px + env(safe-area-inset-bottom))!important;min-height:0!important}
  body.home-experience-active .topbar{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;padding:6px 14px 2px!important}
  body.home-experience-active .topbar-row{display:grid!important;grid-template-columns:1fr 44px!important;gap:4px!important;align-items:center!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important}
  body.home-experience-active .workspace-heading{display:block!important;min-width:0!important;grid-column:1!important;grid-row:1!important;margin:0!important;padding:0!important;height:44px!important;overflow:visible!important}
  body.home-experience-active .experience-header-brand{display:flex!important;width:170px!important;max-width:100%!important;height:38px!important}
  body.home-experience-active .header-tools{display:contents!important}
  body.home-experience-active .experience-settings{grid-column:2!important;grid-row:1!important}
  body.home-experience-active .search-wrap{grid-column:1/-1!important;grid-row:2!important;display:block!important;width:100%!important;margin:0!important;padding:0!important}
  body.home-experience-active #globalSearch{height:44px!important;min-height:44px!important;width:100%!important;font-size:16px!important;border:1px solid var(--experience-edge)!important;background:var(--experience-glass)!important;color:var(--experience-ink)!important;border-radius:10px!important;padding:0 10px 0 34px!important}
  body.home-experience-active .search-results{width:100%!important;max-width:100%!important;left:0!important;right:0!important;max-height:60vh!important}
  body.home-experience-active #nav{display:none!important}
  body.home-experience-ready #pocketNav{display:none!important}
  body.home-experience-ready #experienceBottomNav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:fixed;z-index:170;bottom:0;left:0;right:0;padding:4px 4px calc(4px + env(safe-area-inset-bottom));border:1px solid var(--experience-edge);border-radius:18px 18px 0 0;background:#07131ef5;color:#93abc4;backdrop-filter:blur(14px);box-shadow:0 -6px 20px rgba(0,0,0,.2)}
  body.home-experience-ready:not([data-theme="dark"]) #experienceBottomNav{background:#edf5fcf5;color:#385974}
  #experienceBottomNav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:52px;padding:4px 1px;background:transparent;border:0;border-radius:10px;font-size:10px;font-weight:500;line-height:1.25;text-align:center;color:inherit}
  #experienceBottomNav button.active{color:#ff466d;background:radial-gradient(ellipse at center,rgba(228,42,85,.16),transparent 75%)}
  #experienceBottomNav svg{width:22px;height:22px}
  .experience-mobile{display:flex;flex-direction:column;gap:6px}
  .experience-mobile section{margin:0;padding:0;border:0;min-height:0}
  .experience-mobile .experience-showcase{border-radius:12px;touch-action:pan-y}
  .experience-mobile .experience-showcase-brand{display:none}
  .experience-mobile .experience-display{height:clamp(148px,calc(100dvh - 696px),208px)}
  .experience-mobile .experience-display-items{inset:6px 44px 18px;gap:0}
  .experience-mobile .experience-display-items figure{width:100%;height:100%;max-width:180px;flex:1;display:flex;align-items:center}
  .experience-mobile .experience-display-items .experience-media,.experience-mobile .experience-display-items.sealed .experience-media{height:100%;min-height:0;max-height:192px;aspect-ratio:auto}
  .experience-mobile .experience-display-items figcaption{display:none}
  .experience-mobile .experience-showcase footer{position:absolute;bottom:0;left:0;right:0;padding:0 8px;height:44px;min-height:44px;gap:8px;pointer-events:none}
  .experience-mobile .experience-showcase footer :is(button,.experience-category){pointer-events:auto}
  .experience-mobile .experience-showcase footer [data-showcase-step]{top:auto;bottom:52px}
  .experience-mobile .experience-showcase-controls{gap:0;z-index:3}
  .experience-mobile .experience-category{font-size:10px;left:12px;top:10px;bottom:auto;z-index:3}
  .experience-mobile .experience-dots{position:relative;z-index:3;align-self:end}
  .experience-mobile [data-showcase-step] svg{width:16px!important;height:16px!important}
  .experience-mobile [data-showcase-step]{z-index:3;opacity:.45!important;left:0!important}
  .experience-mobile [data-showcase-step="1"]{left:auto!important;right:0!important}
  .experience-mobile .experience-showcase-empty{inset:0;padding:12px;font-size:14px}
  .experience-mobile .experience-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:2px 0;align-items:start}
  #homeExperience .experience-mobile .experience-stat{flex-direction:column;gap:0;text-align:center;align-items:center;min-height:62px;padding:0}
  .experience-mobile .experience-stat-icon{display:grid;width:16px;height:16px;border-radius:4px;background:transparent}
  .experience-mobile .experience-stat-icon svg{width:16px!important;height:16px!important;stroke-width:2}
  .experience-mobile .experience-stat strong{font-size:20px;line-height:22px}
  .experience-mobile .experience-stat small{font-size:11px;line-height:1.2}
  .experience-mobile .experience-stat>span:last-child{gap:2px}
  .experience-mobile .experience-complete{display:none}
  #homeExperience .experience-mobile h2{font-size:16px;line-height:1.3}
  .experience-mobile .experience-section-head{height:28px;min-height:28px;margin:0;gap:0}
  #homeExperience .experience-mobile .experience-section-head button{margin-block:-8px;width:44px;height:44px}
  .experience-mobile .experience-addition-track{gap:10px;padding:3px 0;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x pan-y;overscroll-behavior-x:contain}
  #homeExperience .experience-mobile .experience-addition{flex:0 0 72px;min-width:72px;max-width:72px;gap:3px;padding:0;scroll-snap-align:start}
  .experience-mobile .experience-addition :is(.experience-media,.experience-no-image){height:72px;min-height:0;aspect-ratio:auto;margin:0}
  .experience-mobile .experience-addition strong{font-size:12px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}
  .experience-mobile .experience-addition :is(small,time){display:none}
  .experience-mobile .experience-mobile-secondary{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:12px;align-items:start}
  #homeExperience .experience-mobile-secondary h2{font-size:14px;white-space:nowrap}
  .experience-mobile .experience-activity-list{gap:0}
  #homeExperience .experience-mobile .experience-activity-row{grid-template-columns:18px minmax(0,1fr) 32px;height:44px;min-height:44px;gap:4px;padding:0 0 0 10px}
  .experience-mobile .experience-activity-list::before{left:2px;top:22px;bottom:22px}
  .experience-mobile .experience-activity-row::before{width:5px;height:5px;top:20px}
  .experience-mobile .experience-activity-row i{display:grid;width:18px;height:24px;border-radius:5px}
  .experience-mobile .experience-activity-row i svg{width:15px!important;height:15px!important}
  .experience-mobile .experience-activity-row time{display:block;font-size:10px;line-height:12px}
  .experience-mobile .experience-activity-row time small{font-size:10px;line-height:12px;margin-top:2px;display:block;overflow:visible}
  .experience-mobile .experience-activity-row>span{gap:2px}
  .experience-mobile .experience-activity-row strong{font-size:12px;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .experience-mobile .experience-activity-row small{font-size:11px;line-height:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .experience-mobile .experience-upcoming{position:relative;background:radial-gradient(ellipse at 0 55%,#ee48791a,transparent 80%);border-radius:10px;padding:0 6px}
  #homeExperience .experience-mobile .experience-upcoming-item>button{height:82px;min-height:82px;padding:2px 0;gap:7px;align-items:center}
  .experience-mobile .experience-upcoming-item :is(.experience-media,.experience-no-image){flex:0 0 42px;height:64px;aspect-ratio:auto;filter:drop-shadow(0 3px 7px #ff497a22)}
  .experience-mobile .experience-upcoming-item button>span:last-child{gap:2px}
  .experience-mobile .experience-upcoming-item strong{font-size:13px;line-height:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .experience-mobile .experience-upcoming-item small{font-size:11px;line-height:13px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
  .experience-mobile .experience-upcoming-controls{height:44px;margin:0;justify-content:space-between;gap:0}
  .experience-mobile [data-upcoming-dots]{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:44px;max-width:calc(100% - 88px);overflow-x:auto;scrollbar-width:none}
  #homeExperience .experience-mobile [data-upcoming-dots] button{width:18px;min-width:18px;height:44px}
  .experience-mobile [data-upcoming-dots] button::after{left:6px}
  .experience-mobile .experience-upcoming:has([data-upcoming-dots] button) [data-upcoming-position]{visibility:hidden}
  .experience-mobile .experience-empty{font-size:12px;line-height:1.4;margin:8px 0}
  .experience-mobile .experience-upcoming-item>.experience-empty{height:82px;display:flex;align-items:center;margin:0}
  .experience-mobile .experience-generation-track{justify-content:flex-start;gap:8px;padding:3px 0;scrollbar-width:none;touch-action:pan-x pan-y;overscroll-behavior-x:contain}
  #homeExperience .experience-mobile .experience-generation-track button{min-width:58px;gap:3px;padding:0}
  .experience-mobile .experience-generation-track .experience-ring{width:40px;height:40px}
  .experience-mobile .experience-ring::before{inset:4px}
  .experience-mobile .experience-ring b{font-size:11px}
  .experience-mobile .experience-generation-track small{display:none}
  .experience-mobile .experience-generation-track strong{font-size:11px;line-height:14px}
}
@media(min-width:390px) and (max-width:760px){
  .experience-mobile .experience-summary{grid-template-columns:repeat(5,minmax(0,1fr))}
  .experience-mobile .experience-complete{display:flex;grid-column:auto;flex-direction:column;gap:2px;padding:0}
  .experience-mobile .experience-complete .experience-ring{width:auto;height:24px;background:none;border-radius:0}
  .experience-mobile .experience-complete .experience-ring::before{display:none}
  .experience-mobile .experience-complete .experience-ring b{font-size:17px}
  .experience-mobile .experience-complete>span:last-child{display:block;text-align:center}
  .experience-mobile .experience-complete strong{font-size:11px;font-weight:400;line-height:1.2;display:block}
  .experience-mobile .experience-complete small{display:none}
}
@media(max-width:760px) and (max-height:840px){
  .experience-mobile{gap:3px}
  .experience-mobile .experience-display{height:124px}
  #homeExperience .experience-mobile .experience-stat{min-height:50px}
  .experience-mobile .experience-addition :is(.experience-media,.experience-no-image){height:54px}
  .experience-mobile .experience-generation-track .experience-ring{width:36px;height:36px}
}
.experience-failed-media{display:none!important}
#experienceActivityDialog{width:min(440px,calc(100% - 32px));max-height:80dvh;overflow:auto;padding:18px;border:1px solid var(--experience-edge);border-radius:16px;background:#07131e;color:var(--experience-ink);font:14px/1.4 Arial,sans-serif}
body:not([data-theme="dark"]) #experienceActivityDialog{background:#f0f6fc}
#experienceActivityDialog::backdrop{background:#020a12b8}
#experienceActivityDialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
#experienceActivityDialog h2{margin:0;font-size:18px}
#experienceActivityDialog button{border:0;background:transparent;color:inherit;cursor:pointer}
#experienceActivityDialog [data-close-activity]{width:44px;height:44px;font-size:28px}
#experienceActivityDialog .experience-activity-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:44px;text-align:left}
#experienceActivityDialog svg{width:20px;height:20px;fill:none;stroke:currentColor}
@media(prefers-reduced-motion:reduce){#homeExperience *,#homeExperience *::before,#homeExperience *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body.home-experience-active #nav.nav :is(.rail-region-grid,.generation-nav-btn,.rail-section,.rail-overall,.horizon-rail-mascots){display:none!important}
body.home-experience-active #nav.nav .rail-brand{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}

.experience-nav-icon{display:none}body.home-experience-active .experience-nav-icon{display:grid;place-items:center;margin-right:14px}body.home-experience-active .experience-nav-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
body.home-experience-active:has(#homeExperience) .topbar{display:block!important}

.experience-brand{display:flex;align-items:center;gap:8px;height:60px}.experience-brand>img{height:100%;width:24%;object-fit:contain}.experience-wordmark{display:block;flex:1;height:75%;background-image:url(./stikdex-official-logo-v2.png);background-size:125% auto;background-repeat:no-repeat;background-position:center 86%}
.experience-showcase-brand{height:82px}.experience-header-brand{display:none}.experience-rail-brand{display:none}
body.home-experience-active #nav .rail-brand-logo{display:none!important}body.home-experience-active .experience-rail-brand{display:flex;height:54px;width:100%}
@media(max-width:760px){body.home-experience-active .experience-header-brand{display:flex!important;height:38px!important;width:170px!important;max-width:100%!important}.experience-showcase-brand{display:none!important}}

.experience-wordmark{height:auto;aspect-ratio:4.15;background-position:center 90%;clip-path:inset(4% 0 0)}

/* Fidelity accents are confined to the new Home and its existing navigation. */
.experience-showcase-brand{height:44px}
.experience-desktop .experience-display-items{inset:18px 12% 0}
body.home-experience-active #globalSearch{box-shadow:inset 0 1px #cdeaff12,0 5px 18px -12px #46bdfc60!important}
body.home-experience-active .search-icon{color:#c0dbef!important}
body.home-experience-active #nav>.nav-btn .experience-nav-icon{color:#c0d5ea}
body.home-experience-active #nav>.nav-btn.active{background:linear-gradient(90deg,#ec276b2e,#1c344621)!important;box-shadow:inset 3px 0 #ff3972,0 0 24px -14px #ff3972!important}
body.home-experience-active #nav>.nav-btn.active .experience-nav-icon{color:#ff4e87;filter:drop-shadow(0 0 8px #ff397280)}
body.home-experience-active #nav>.nav-btn.active .experience-nav-icon svg{fill:#ff39721a}
body.home-experience-active #nav.nav{background:radial-gradient(ellipse at 10% 20%,#ad256114,transparent 65%),linear-gradient(180deg,#0a1a28,#07131f)!important}
.experience-upcoming:has(.experience-upcoming-item>.experience-empty) :is(.experience-upcoming-controls,[data-upcoming-dots]){display:none}
.experience-upcoming-item>.experience-empty{padding:12px 0;color:var(--experience-muted)}
.experience-upcoming .experience-media{filter:drop-shadow(0 4px 10px #ff497a25)}
body:not([data-theme="dark"]) :is(.experience-showcase,.experience-buffer){background:radial-gradient(ellipse at 50% 100%,#83dfed55,transparent 65%),linear-gradient(115deg,#dceefa,#ecebfc 65%,#f7e6ed)}
body:not([data-theme="dark"]) .experience-display-items figcaption{background:#f2f8ffb0}
body:not([data-theme="dark"]) .experience-category{color:#284a67}
body:not([data-theme="dark"]) .experience-showcase::after{background:linear-gradient(0deg,#d4e2f14d,transparent)}
body:not([data-theme="dark"]) #homeExperience :is([data-showcase-step],[data-upcoming-step]){color:#34536e}
body:not([data-theme="dark"]) .experience-activity-row{--activity-accent:#008c73}
body:not([data-theme="dark"]) .experience-activity-row[data-tone="pending"]{--activity-accent:#cc2054}
body:not([data-theme="dark"]) .experience-activity-row[data-tone="removed"]{--activity-accent:#2674bd}
body:not([data-theme="dark"]) .experience-complete .experience-ring{--accent:#008c73}
body:not([data-theme="dark"]) .experience-stat.binder{--accent:#008c73}
body:not([data-theme="dark"]) .experience-stat.pending{--accent:#d3215b}
body:not([data-theme="dark"]) .experience-stat.graded{--accent:#7343d2}
body:not([data-theme="dark"]) .experience-stat.sealed{--accent:#a47400}
body.home-experience-active:not([data-theme="dark"]) #nav.nav{background:linear-gradient(180deg,#e3edfa,#edf3fa)!important}
body.home-experience-active:not([data-theme="dark"]) #nav>.nav-btn .experience-nav-icon{color:#486580}
body.home-experience-active:not([data-theme="dark"]) #nav>.nav-btn.active .experience-nav-icon{color:#d3215b}
@media(max-width:760px){
  #experienceBottomNav button.active svg{fill:#ff397233;stroke:#ff4c87;filter:drop-shadow(0 0 8px #ff3972a0)}
  #experienceBottomNav button.active{background:radial-gradient(ellipse at 50% 40%,#ff397229,transparent 75%);color:#ff74a1}
  body.home-experience-ready #experienceBottomNav{background:linear-gradient(110deg,#0c1b2af7,#10172cf7);border-color:#9abbe12e;box-shadow:0 -8px 28px -14px #6facdf33}
  body.home-experience-ready:not([data-theme="dark"]) #experienceBottomNav{background:#edf5fcf5;color:#385974}
  body.home-experience-ready:not([data-theme="dark"]) #experienceBottomNav button.active{color:#c52056}
  .experience-mobile .experience-complete{padding-top:16px}
  .experience-mobile .experience-showcase::after{height:16%;background:linear-gradient(0deg,#08132266,transparent)}
  .experience-mobile .experience-collection-wash{opacity:.24;filter:blur(22px) saturate(1.2)}
  .experience-mobile .experience-ring{box-shadow:0 0 10px color-mix(in srgb,var(--accent) 20%,transparent)}
}
@media(max-width:760px) and (max-height:840px){
  #homeExperience .experience-mobile .experience-stat{position:relative}
  .experience-mobile .experience-stat-icon{position:static;width:16px;height:18px}
  .experience-mobile .experience-stat-icon svg{width:16px!important;height:16px!important}
}

/* Approved CC2 display stage: illuminated display environment, collection media only. */
.experience-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body.home-experience-active #dashboardView.active{background:radial-gradient(ellipse at 8% 4%,#006b9838,transparent 38%),radial-gradient(ellipse at 96% 16%,#8b20c332,transparent 38%),radial-gradient(ellipse at 18% 73%,#006c9130,transparent 40%),linear-gradient(155deg,#030e1b,#051526 52%,#050c1b)!important}
#homeExperience .experience-showcase{border:1px solid #89cfff45;background:radial-gradient(ellipse at 50% 76%,#00e6c842,transparent 35%),radial-gradient(ellipse at 12% 50%,#ff00802c,transparent 42%),radial-gradient(ellipse at 88% 38%,#361bff65,transparent 42%),linear-gradient(145deg,#040a19,#082137 52%,#11091e);box-shadow:inset 0 1px 1px #c7eaff30,0 0 30px -18px #20b5f5,0 18px 30px -20px #000b}
.experience-stage{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0;background:url(./stikdex-collector-grand-stage.webp) center top/100% 125% no-repeat}
.experience-stage-beam{position:absolute;top:-8%;height:98%;width:3px;border-radius:50%;opacity:.6;filter:blur(1px);transform:rotate(7deg);background:#ff39c8;box-shadow:0 0 12px 3px #ff0b91,0 0 40px 14px #ec00804a}
.experience-stage-beam.pink{left:20%}.experience-stage-beam.blue{right:20%;transform:rotate(-7deg);background:#34beff;box-shadow:0 0 14px 3px #4053ff,0 0 45px 14px #253cff55}
.experience-stage-platform{position:absolute;left:27%;right:27%;bottom:10%;height:13%;border-radius:50%;background:linear-gradient(#183953,#070c1a 65%);border-top:2px solid #d27dff;border-bottom:3px solid #08101f;box-shadow:0 -2px 5px #ffc4ff,0 0 16px #a833ff,0 -12px 24px -8px #00ffd5;transform:perspective(450px) rotateX(12deg)}
.experience-stage-platform::after{content:"";position:absolute;inset:4% 6% 35%;border-radius:50%;border-top:2px solid #50fbd8;box-shadow:0 -2px 8px #00d5b7}
#homeExperience .experience-buffer{background:transparent!important;overflow:visible}
#homeExperience .experience-display-items{inset:0;display:block}
#homeExperience .experience-display-items::before{display:none}
#homeExperience .experience-display-items figure{position:absolute;top:6%;left:34%;width:32%;height:82%;max-width:none;display:flex;flex-direction:column;justify-content:center;gap:5px;transform-origin:center center;will-change:transform,opacity}
#homeExperience .experience-display-items figure[data-showcase-role="current"]{transform:translateX(0) scale(1);opacity:1;z-index:2}
#homeExperience .experience-display-items figure[data-showcase-role="previous"]{transform:translateX(-90.625%) scale(.68) rotateY(18deg);opacity:.58;z-index:1;filter:brightness(.8) saturate(.85) blur(.35px)}
#homeExperience .experience-display-items figure[data-showcase-role="next"]{transform:translateX(90.625%) scale(.68) rotateY(-18deg);opacity:.58;z-index:1;filter:brightness(.8) saturate(.85) blur(.35px)}
#homeExperience .experience-display-items .experience-media{height:100%;max-height:295px;min-height:0;width:100%;aspect-ratio:auto;filter:drop-shadow(0 12px 12px #000b) drop-shadow(0 0 9px #53ffdabb);background:transparent}
#homeExperience figure[data-showcase-role="previous"] .experience-media{filter:drop-shadow(0 0 9px #ff219988)}
#homeExperience figure[data-showcase-role="next"] .experience-media{filter:drop-shadow(0 0 10px #8148ffbb)}
.experience-branded-panel{display:grid;place-items:center;width:64%;height:90%;max-height:260px;aspect-ratio:5/7;flex-shrink:0;border:2px solid #fd5ca8;border-radius:8px;background:linear-gradient(135deg,#142848b0,#080f24ed),repeating-linear-gradient(45deg,transparent 0 20px,#55caff18 21px 22px);box-shadow:0 0 10px #ff0788,0 0 24px #fd5ca855,inset 0 0 25px #fe2a7826}
[data-showcase-role="next"] .experience-branded-panel{border-color:#9269ff;box-shadow:0 0 12px #742fff,0 0 28px #196fff77,inset 0 0 30px #572efe22}
.experience-preview-brand{width:88%;height:40%;display:flex;flex-direction:column;justify-content:center;gap:4px}
.experience-preview-brand>img{width:auto;height:60%}.experience-preview-brand .experience-wordmark{width:100%;flex:none;height:auto}
#homeExperience .experience-showcase footer{position:absolute;bottom:0;left:0;right:0;height:32px;min-height:32px;padding:0;pointer-events:none;z-index:4}
#homeExperience .experience-showcase footer button{pointer-events:auto}
#homeExperience .experience-showcase-controls{gap:0}
#homeExperience .experience-showcase footer [data-showcase-step]{top:calc(50% - 22px);bottom:auto;position:absolute;transform:translateY(calc(-1 * var(--stage-control-y,150px)))}
#homeExperience .experience-showcase .experience-dots button{height:32px;width:22px}
.experience-showcase .experience-dots button::after{top:13px;left:8px;background:#a5c3e2;border:1px solid #8badd0}
.experience-showcase .experience-dots button[aria-current="true"]::after{background:#eaffff;border-color:#eaffff;box-shadow:0 0 10px #8afcff}
.experience-summary{border:1px solid #71beff35;border-radius:16px;padding:8px 14px;background:linear-gradient(120deg,#07263eab,#0a172aaa);box-shadow:inset 0 1px #c8eaff12,0 10px 24px -18px #000}
#homeExperience .experience-stat+.experience-stat{border-left:1px solid #92c4ed1c;padding-left:12px}
.experience-stat-icon{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 65%,transparent))}
.experience-addition:nth-child(5n+1){--card-glow:#00ffd0}.experience-addition:nth-child(5n+2){--card-glow:#ffbf30}.experience-addition:nth-child(5n+3){--card-glow:#99dbff}.experience-addition:nth-child(5n+4){--card-glow:#68ff37}.experience-addition:nth-child(5n){--card-glow:#d359ff}
.experience-addition .experience-media{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--card-glow) 40%,transparent)) drop-shadow(0 4px 5px #0006)}
.experience-addition strong{text-align:center;width:100%}
.experience-activity,.experience-upcoming{border:1px solid #88bded32;border-radius:14px;padding:0 12px 12px;background:linear-gradient(135deg,#0b2740b0,#07142770);box-shadow:inset 0 1px #e1f2ff0d}
.experience-activity-row i{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--activity-accent) 55%,transparent))}
.experience-upcoming-empty{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;min-height:160px;isolation:isolate;overflow:hidden;border-radius:8px;background:radial-gradient(ellipse at 48% 100%,#007de45c,transparent 65%),radial-gradient(ellipse at 90% 100%,#6c27b74d,transparent 65%)}
.experience-upcoming-empty::before{content:"";position:absolute;inset:0;z-index:-1;background:none;opacity:0}
#homeExperience .experience-upcoming-empty>svg{width:46px;height:46px;color:#9ab8ff;filter:drop-shadow(0 0 12px #428cff77)}
.experience-upcoming-empty .experience-empty{margin:0;text-align:center;position:relative}
.experience-upcoming:has(.experience-upcoming-empty) :is(.experience-upcoming-controls,[data-upcoming-dots]){display:none}
.experience-generation-track .experience-ring{box-shadow:0 0 12px color-mix(in srgb,var(--accent) 45%,transparent),inset 0 0 3px var(--accent)}
body.home-experience-active:not([data-theme="dark"]) #homeExperience .experience-showcase{background:radial-gradient(ellipse at 50% 76%,#37ffd855,transparent 40%),radial-gradient(ellipse at 0 50%,#ff21993d,transparent 45%),radial-gradient(ellipse at 100% 35%,#6744fc3f,transparent 50%),linear-gradient(135deg,#d6edf9,#e1e7f8);border-color:#699fcb70}
body:not([data-theme="dark"]) .experience-stage{opacity:.7}
body:not([data-theme="dark"]) :is(.experience-summary,.experience-activity,.experience-upcoming){background:linear-gradient(135deg,#e2f3ffbd,#f7f4ffb0);border-color:#729ec44d}
body:not([data-theme="dark"]) .experience-upcoming-empty{background:radial-gradient(ellipse at 50% 100%,#79c8ff80,transparent 65%)}
body:not([data-theme="dark"]) #homeExperience .experience-upcoming-empty>svg{color:#385eb0}
@media(min-width:761px){.experience-showcase{--stage-control-y:160px}.experience-showcase-brand{width:16%;max-width:180px;opacity:.8}.experience-display{height:clamp(290px,25vw,370px)}}
@media(max-width:760px){
  #homeExperience .experience-mobile .experience-showcase{border:1px solid #89cfff45}
  .experience-mobile .experience-showcase{--stage-control-y:68px}
  #homeExperience .experience-mobile .experience-display-items figure{top:5%;height:84%;width:32%;left:34%;max-width:none}
  #homeExperience .experience-mobile .experience-display-items .experience-media{max-height:none;height:100%}
  #homeExperience .experience-mobile .experience-summary{padding:2px 4px;border:1px solid #71beff35;border-radius:12px;background:linear-gradient(120deg,#07263eab,#0a172aaa)}
  #homeExperience .experience-mobile .experience-stat+.experience-stat{padding-left:0;border-color:#92c4ed24}
  #homeExperience .experience-mobile :is(.experience-activity,.experience-upcoming){padding:0 5px;border:1px solid #88bded32;border-radius:10px;background:linear-gradient(135deg,#0b2740b0,#07142770)}
  #homeExperience .experience-mobile .experience-section-head{min-height:26px;height:26px}
  .experience-mobile .experience-upcoming-empty{height:132px;min-height:132px;gap:8px}
  #homeExperience .experience-mobile .experience-upcoming-empty>svg{width:32px;height:32px}
  .experience-mobile .experience-branded-panel{height:95%;width:72%;border-width:1px;border-radius:5px}
  .experience-mobile .experience-stage-platform{bottom:8%;left:22%;right:22%;height:12%}
  .experience-mobile .experience-stage-beam{opacity:.4}
  .experience-mobile .experience-generation-track .experience-ring{box-shadow:0 0 9px color-mix(in srgb,var(--accent) 45%,transparent)}
  body.home-experience-active:not([data-theme="dark"]) #homeExperience .experience-mobile :is(.experience-summary,.experience-activity,.experience-upcoming){background:linear-gradient(135deg,#e2f3ffbd,#f7f4ffb0);border-color:#729ec44d}
}

/* Place edge controls at the stage centre without affecting its height budget. */
#homeExperience .experience-showcase footer{position:static;height:0;min-height:0;padding:0}
#homeExperience .experience-showcase footer [data-showcase-step]{top:calc(50% - 22px);bottom:auto;transform:none}
#homeExperience .experience-showcase-controls>[data-showcase-dots]{position:absolute;left:50%;bottom:0;transform:translateX(-50%)}


/* CC2 fidelity correction: luminous materials, display frames and precise stat spacing. */
body.home-experience-ready{--experience-ink:#f9fcff;--experience-muted:#bbcee6;--experience-edge:rgba(140,210,255,.4)}
body.home-experience-ready:not([data-theme="dark"]){--experience-ink:#14283b;--experience-muted:#496780;--experience-edge:rgba(34,74,109,.28)}
body.home-experience-active #dashboardView.active{background:radial-gradient(ellipse at 10% 8%,#008ac342,transparent 40%),radial-gradient(ellipse at 92% 20%,#9715df36,transparent 40%),radial-gradient(ellipse at 12% 78%,#087baf30,transparent 45%),linear-gradient(155deg,#041425,#071b30 52%,#071326)!important}
#homeExperience .experience-showcase{border-color:#a7d9ff66;box-shadow:inset 0 1px 2px #d1efff70,0 0 24px -8px #009eee40,0 14px 30px -20px #000b;background:radial-gradient(ellipse at 50% 80%,#05f4bf75,transparent 37%),radial-gradient(ellipse at 8% 65%,#ff16884d,transparent 40%),radial-gradient(ellipse at 93% 45%,#4b24ff80,transparent 42%),linear-gradient(145deg,#041227,#09233f,#140d2f)}
.experience-stage{filter:saturate(1.12);opacity:1}
.experience-stage::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 58%,#03ffd623,transparent 38%),linear-gradient(0deg,#030a1910,transparent 35%,#030a191a);pointer-events:none}
.experience-stage-beam{opacity:.9;box-shadow:0 0 10px 2px #ff6ccd,0 0 26px 8px #ff0b91,0 0 64px 20px #ec008060}
.experience-stage-beam.blue{box-shadow:0 0 10px 2px #9fcaff,0 0 26px 8px #4053ff,0 0 64px 20px #253cff70}
.experience-stage-platform{left:24%;right:24%;bottom:7%;height:15%;background:linear-gradient(#15354d90,#040a1870);border-top:3px solid #e99bff;border-bottom:5px solid #040d24;box-shadow:0 -1px 3px #ffeaff,0 0 12px #fd35cc,0 6px 20px #7147ff66,0 -14px 30px -8px #00ffd5}
.experience-stage-platform::after{inset:3% 5% 32%;border-top:2px solid #aaffee;box-shadow:0 -2px 12px #00efd0}
#homeExperience .experience-display-items figure::before{content:"";position:absolute;top:0;left:50%;height:100%;aspect-ratio:5/7;width:auto;transform:translateX(-50%);border:1px solid #ffc0ed;border-radius:7px;background:linear-gradient(145deg,#ff77d61c,#04152977);box-shadow:0 0 4px #ff99db,0 0 14px #ff169caa,0 0 30px #ff0c8044,inset 0 0 14px #ff299733;pointer-events:none}
#homeExperience .experience-display-items figure[data-showcase-role="next"]::before{border-color:#b7a1ff;background:linear-gradient(145deg,#996bff26,#04152977);box-shadow:0 0 4px #ddc4ff,0 0 16px #8641ffdd,0 0 32px #186dff77,inset 0 0 14px #3e5cfe33}
#homeExperience .experience-display-items figure[data-showcase-role="current"]::before{height:calc(100% - 27px);border-color:#b2ffec;box-shadow:0 0 4px #d7fff6,0 0 18px #21ffd7aa,0 0 38px #09e2b944;background:#32efca0a}
#homeExperience .experience-display-items figure[data-category="Sealed"]::before{aspect-ratio:1;border-color:#ffdb9c}
#homeExperience .experience-display-items figure[data-showcase-role="previous"],#homeExperience .experience-display-items figure[data-showcase-role="next"]{filter:brightness(.98) saturate(1.1) blur(.25px)}
#homeExperience .experience-display-items .experience-media{position:relative;z-index:1;filter:drop-shadow(0 10px 9px #00102bbb) drop-shadow(0 0 8px #50ffe2cc) drop-shadow(0 0 22px #15eec84d)}
#homeExperience figure[data-showcase-role="previous"] .experience-media{filter:drop-shadow(0 0 8px #ff3bafd0)}
#homeExperience figure[data-showcase-role="next"] .experience-media{filter:drop-shadow(0 0 9px #a16affd0)}
.experience-display-items figcaption{position:relative;z-index:2;color:#f4fcff;background:#05162bbf;box-shadow:0 1px #8fddff30}
#homeExperience .experience-summary{border-color:#8ccfff50;background:linear-gradient(110deg,#103a548c,#0c1b3499);box-shadow:inset 0 1px #c4ecff38,0 0 22px -12px #25d3ff42}
#homeExperience .experience-stat{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:16px;align-items:center;padding:6px 8px}
#homeExperience .experience-stat+.experience-stat{padding-left:8px}
.experience-stat-icon{width:38px;height:40px;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--accent) 70%,transparent))}
.experience-stat-icon svg{width:26px!important;height:26px!important}
.experience-stat>span:last-child{gap:4px}
.experience-stat strong{font-variant-numeric:tabular-nums;line-height:1.15}
#homeExperience .experience-activity,#homeExperience .experience-upcoming{border-color:#8dc5ff48;background:linear-gradient(140deg,#123656a8,#0c1e35a6);box-shadow:inset 0 1px #dcf4ff24,0 0 22px -14px #1798ff4d}
.experience-upcoming-empty{background:radial-gradient(ellipse at 45% 75%,#1689e35e,transparent 68%),radial-gradient(ellipse at 85% 95%,#a239b946,transparent 70%)}
.experience-upcoming-empty::before{background-size:cover;opacity:.55;filter:blur(1px)}
#homeExperience .experience-upcoming-empty>svg{color:#bbceff;filter:drop-shadow(0 0 8px #548effaa) drop-shadow(0 0 22px #407eff66)}
.experience-generation-track .experience-ring{filter:saturate(1.35) brightness(1.23);box-shadow:0 0 6px color-mix(in srgb,var(--accent) 55%,transparent),0 0 16px color-mix(in srgb,var(--accent) 38%,transparent)}
.experience-addition .experience-media{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--card-glow) 60%,transparent)) drop-shadow(0 4px 5px #0006)}
body.home-experience-active #globalSearch{border-color:#9ad4ff55!important;box-shadow:inset 0 1px #cff0ff26,0 0 20px -10px #229fff77!important}
body.home-experience-active .search-icon{color:#c4d9ff!important}
body.home-experience-active #globalSearch::placeholder{color:var(--experience-muted)!important;opacity:1}
@media(min-width:761px) and (max-width:1350px){
  #homeExperience .experience-stat{grid-template-columns:28px minmax(0,1fr);column-gap:12px;padding-inline:4px}
  #homeExperience .experience-stat+.experience-stat{padding-left:4px}
  .experience-stat-icon{width:28px;height:34px}
  .experience-stat-icon svg{width:23px!important;height:23px!important}
}
@media(max-width:760px){
  #homeExperience .experience-mobile .experience-stat{display:grid;grid-template-columns:18px max-content;grid-template-rows:22px auto;justify-content:center;align-content:start;align-items:center;column-gap:7px;row-gap:4px;min-height:62px;padding:0}
  #homeExperience .experience-mobile .experience-stat+.experience-stat{padding-left:0}
  .experience-mobile .experience-stat-icon{position:static;grid-column:1;grid-row:1;width:18px;height:22px;background:none;align-self:center}
  .experience-mobile .experience-stat-icon svg{width:18px!important;height:18px!important}
  .experience-mobile .experience-stat>span:last-child{display:contents}
  .experience-mobile .experience-stat strong{grid-column:2;grid-row:1;font-size:20px;line-height:22px;text-align:left}
  .experience-mobile .experience-stat small{grid-column:1/-1;grid-row:2;text-align:center;font-size:11px;line-height:1.2;max-width:100%;white-space:normal}
  #homeExperience .experience-mobile .experience-summary{background:linear-gradient(110deg,#123f598c,#0c1b3499);border-color:#8ccfff50}
  #homeExperience .experience-mobile :is(.experience-activity,.experience-upcoming){background:linear-gradient(140deg,#123656a8,#0c1e35a6);border-color:#8dc5ff48}
  #homeExperience .experience-mobile .experience-showcase{border-color:#a7d9ff66}
  #homeExperience .experience-mobile .experience-display-items figure[data-showcase-role="current"]::before{height:100%}
  .experience-mobile .experience-stage-platform{left:22%;right:22%;bottom:6%;height:15%;border-bottom-width:3px}
  .experience-mobile .experience-stage-beam{opacity:.8}
  .experience-mobile .experience-complete{padding-top:0}
  .experience-mobile .experience-generation-track .experience-ring{box-shadow:0 0 6px color-mix(in srgb,var(--accent) 60%,transparent),0 0 14px color-mix(in srgb,var(--accent) 40%,transparent)}
}
body.home-experience-active:not([data-theme="dark"]) #homeExperience :is(.experience-summary,.experience-activity,.experience-upcoming){background:linear-gradient(130deg,#e2f4fff0,#f6effff0);border-color:#4c91bf55}
body.home-experience-active:not([data-theme="dark"]) #homeExperience .experience-showcase{background:radial-gradient(ellipse at 50% 70%,#39e6c649,transparent 40%),linear-gradient(135deg,#dcefff,#e8defc);border-color:#76aacf80}
body:not([data-theme="dark"]) .experience-stage{opacity:.74}
body:not([data-theme="dark"]) .experience-display-items figcaption{color:#17334b;background:#eef9fff0}
body:not([data-theme="dark"]) #homeExperience .experience-upcoming-empty>svg{color:#385eb0}

/* CC2 collector polish: exhibition wall, object-aligned glass cases and display plinths. */
.experience-stage-beam,.experience-stage-platform{display:none}
.experience-stage{filter:none}
.experience-stage::after{background:linear-gradient(0deg,#030c1920,transparent 30%)}
#homeExperience .experience-display-items figure{--display-light:#ff67c0}
#homeExperience .experience-display-items figure[data-showcase-role="next"]{--display-light:#9c8aff}
#homeExperience .experience-display-items figure[data-showcase-role="current"]{--display-light:#61ffe0}
#homeExperience .experience-display-items figure::before{top:-3%;height:103%;border-radius:9px;border:1px solid color-mix(in srgb,var(--display-light) 70%,#fff);border-top-width:3px;background:linear-gradient(110deg,#d9edff24,transparent 18% 75%,#b4d8ff14),linear-gradient(180deg,#b5dbff10,#07172b38);box-shadow:inset 0 0 0 5px #d7edff09,inset 0 1px 12px #c4edff1c,0 0 16px color-mix(in srgb,var(--display-light) 60%,transparent),0 0 30px color-mix(in srgb,var(--display-light) 22%,transparent)}
#homeExperience .experience-display-items figure[data-showcase-role="next"]::before{background:linear-gradient(110deg,#d9edff24,transparent 18% 75%,#b4d8ff14),linear-gradient(180deg,#b5dbff10,#07172b38);box-shadow:inset 0 0 0 5px #d7edff09,inset 0 1px 12px #c4edff1c,0 0 16px #9c8aff99,0 0 30px #9c8aff38}
#homeExperience .experience-display-items figure[data-showcase-role="current"]::before{top:-3%;height:calc(100% - 21px);background:linear-gradient(110deg,#dcfff91c,transparent 17% 83%,#dcfff912);box-shadow:inset 0 0 0 5px #d7fff709,0 0 17px #26ffd6aa,0 0 34px #19e1b74d}
#homeExperience .experience-display-items figure::after{content:"";position:absolute;left:10%;width:80%;height:8%;bottom:-9%;border-radius:5px;background:linear-gradient(180deg,#3b5970,#132c43 30%,#06101f 31%);border-top:2px solid var(--display-light);border-bottom:3px solid #020813;box-shadow:0 -2px 9px color-mix(in srgb,var(--display-light) 75%,transparent),0 5px 8px #0008;pointer-events:none}
#homeExperience .experience-display-items figure[data-showcase-role="current"]::after{bottom:0;left:7%;width:86%;height:8%;border-top-width:3px;box-shadow:0 -2px 12px #21ffd599,0 6px 10px #0009}
#homeExperience .experience-display-items figure[data-showcase-role="previous"],#homeExperience .experience-display-items figure[data-showcase-role="next"]{filter:brightness(.98) saturate(1.1)}
/* Centre the icon/count pair independently of label length; labels span the entire metric. */
#homeExperience .experience-stat{grid-template-columns:minmax(0,1fr) 32px 16px max-content minmax(0,1fr);grid-template-rows:34px auto;gap:4px 0!important;justify-content:stretch;align-content:center;text-align:center;padding:6px 8px}
#homeExperience .experience-stat+.experience-stat{padding-left:8px}
#homeExperience .experience-stat-icon{grid-column:2;grid-row:1;position:static;width:32px;height:34px}
#homeExperience .experience-stat>span:last-child{display:contents}
#homeExperience .experience-stat strong{grid-column:4;grid-row:1;text-align:center}
#homeExperience .experience-stat small{grid-column:1/-1;grid-row:2;text-align:center;line-height:1.2;white-space:normal;overflow-wrap:normal}
@media(min-width:761px) and (max-width:1350px){
  #homeExperience .experience-stat{grid-template-columns:minmax(0,1fr) 28px 12px max-content minmax(0,1fr);padding-inline:4px}
  #homeExperience .experience-stat+.experience-stat{padding-left:4px}
  #homeExperience .experience-stat-icon{width:28px}
}
@media(max-width:760px){
  #homeExperience .experience-mobile .experience-stat{grid-template-columns:minmax(0,1fr) 18px 7px max-content minmax(0,1fr);grid-template-rows:22px auto;gap:4px 0!important;justify-content:stretch;align-content:start;padding:0;min-height:62px}
  #homeExperience .experience-mobile .experience-stat-icon{grid-column:2;grid-row:1;width:18px;height:22px}
  #homeExperience .experience-mobile .experience-stat strong{grid-column:4;grid-row:1;text-align:center}
  #homeExperience .experience-mobile .experience-stat small{grid-column:1/-1;grid-row:2;width:100%;max-width:none;text-align:center}
  #homeExperience .experience-mobile .experience-display-items figure[data-showcase-role="current"]::before{top:-3%;height:103%}
  #homeExperience .experience-mobile .experience-display-items figure::after{bottom:-9%;height:7%;border-bottom-width:2px}
  #homeExperience .experience-mobile .experience-display-items figure[data-showcase-role="current"]::after{bottom:-9%;height:7%;border-top-width:2px}
}

/* CC2 grand stage and soft Home: geometry and media/rotation logic stay unchanged. */
body.home-experience-active #homeExperience .experience-showcase{border-color:transparent!important;border-radius:24px;box-shadow:0 18px 45px -32px #18cabf55;background:radial-gradient(ellipse at 50% 70%,#25edbf44,transparent 50%),linear-gradient(130deg,#071d32,#0e2139 65%,#141930)}
#homeExperience .experience-display-items figure::before{border-color:transparent;border-top-width:1px;border-radius:20px;background:linear-gradient(110deg,#cbeaff0c,transparent 20% 80%,#cbeaff08);box-shadow:0 0 26px -8px color-mix(in srgb,var(--display-light) 40%,transparent)}
#homeExperience .experience-display-items figure[data-showcase-role="next"]::before{border-color:transparent;background:linear-gradient(110deg,#cbeaff0c,transparent 20% 80%,#cbeaff08);box-shadow:0 0 26px -8px #a085ff66}
#homeExperience .experience-display-items figure[data-showcase-role="current"]::before{border:0;left:50%;top:-4%;height:110%;width:150%;aspect-ratio:auto;border-radius:50%;background:radial-gradient(ellipse,#46f9ce20,transparent 68%);box-shadow:0 0 52px -17px #0af5c055}
#homeExperience .experience-display-items figure::after{border-radius:50%;border-top-width:1px;border-bottom-width:0;height:7%;box-shadow:0 -1px 9px color-mix(in srgb,var(--display-light) 55%,transparent),0 5px 9px #0005}
#homeExperience .experience-display-items figure[data-showcase-role="current"]::after{display:none}
#homeExperience figure[data-showcase-role="current"] .experience-media{filter:drop-shadow(0 14px 12px #00101b99) drop-shadow(0 0 10px #65ffe0cc) drop-shadow(0 0 30px #1de6b866)}
.experience-display-items figcaption{border-radius:20px;background:#07182ba6;box-shadow:none}
body.home-experience-active #homeExperience :is(.experience-summary,.experience-activity,.experience-upcoming){border-color:transparent!important;border-radius:22px;background:radial-gradient(ellipse at 30% 0,#4ecfff0b,transparent 80%)!important;box-shadow:none!important}
body.home-experience-active #homeExperience .experience-summary{background:linear-gradient(110deg,#64d6ff0a,#ab80ff06)!important;box-shadow:0 12px 32px -25px #33e9e833!important}
body.home-experience-active #homeExperience .experience-stat+.experience-stat{border-left-color:transparent}
#homeExperience .experience-upcoming-empty{background:radial-gradient(ellipse at 50% 50%,#447eff14,transparent 72%);border-radius:24px}
#homeExperience .experience-upcoming-empty::before{content:none;background:none;filter:none}
#homeExperience .experience-upcoming-empty>svg{filter:drop-shadow(0 0 12px #669dff55)}
#homeExperience .experience-upcoming .experience-upcoming-item>button{background:radial-gradient(ellipse at 35% 50%,#5795ff0c,transparent 75%);border-radius:20px}
#homeExperience .experience-no-image{border-radius:12px;background:linear-gradient(140deg,#90cfff0b,#92bfff04)}
@media(hover:hover){
  #homeExperience .experience-stat:hover,#homeExperience .experience-activity-row:hover{background:#8acbff0a;box-shadow:0 0 22px -12px #8acbff28}
  #homeExperience .experience-addition:hover .experience-media{filter:drop-shadow(0 0 9px color-mix(in srgb,var(--card-glow) 70%,transparent))}
}
@media(max-width:760px){
  body.home-experience-active #homeExperience .experience-mobile .experience-showcase{border-radius:18px}
  body.home-experience-active #homeExperience .experience-mobile :is(.experience-summary,.experience-activity,.experience-upcoming){border-radius:16px}
  #homeExperience .experience-mobile .experience-display-items figure[data-showcase-role="current"]::before{height:110%;top:-4%}
  #homeExperience .experience-mobile .experience-display-items figure::after{height:7%;border-bottom-width:0}
  #homeExperience .experience-mobile .experience-display-items figure[data-showcase-role="current"]::after{display:none}
}
body.home-experience-active:not([data-theme="dark"]) #homeExperience :is(.experience-summary,.experience-activity,.experience-upcoming){background:radial-gradient(ellipse at 30% 0,#4e8eb50c,transparent 80%)!important}
body.home-experience-active:not([data-theme="dark"]) #homeExperience .experience-showcase{background:radial-gradient(ellipse at 50% 70%,#39e6c630,transparent 60%),linear-gradient(135deg,#dcefff,#e8defc)}
body:not([data-theme="dark"]) #homeExperience .experience-upcoming-empty{background:radial-gradient(ellipse at 50% 50%,#669cff15,transparent 72%)}

/* CC2 final fidelity: physical gallery depth, seam-free content and contained generation lighting. */
#homeExperience .experience-stage::after{background:radial-gradient(ellipse at 50% 55%,#19f2ca14,transparent 50%),linear-gradient(0deg,#02081512,transparent 30%)}
#homeExperience .experience-display-items figure::before,#homeExperience .experience-display-items figure[data-showcase-role="next"]::before,#homeExperience .experience-display-items figure[data-showcase-role="current"]::before{border:0;background:none;box-shadow:none}
#homeExperience .experience-display-items figure::after{display:none}
#homeExperience figure[data-showcase-role="current"] .experience-media{transform:translateY(-2%) scale(1.035);filter:drop-shadow(0 15px 12px #0009) drop-shadow(0 0 12px #66ffe0cc) drop-shadow(0 0 30px #21edc65c)}
#homeExperience .experience-display-items figure[data-showcase-role="previous"],#homeExperience .experience-display-items figure[data-showcase-role="next"]{filter:brightness(.88) saturate(1.05)}
body.home-experience-active.home-experience-ready #homeExperience :is(.experience-summary,.experience-activity,.experience-upcoming,.experience-generations){background:none!important;box-shadow:none!important;border-color:transparent!important}
body.home-experience-active.home-experience-ready #homeExperience :is(.experience-section-head,.experience-desktop-content,.experience-mobile-secondary){background:none!important;box-shadow:none!important;border-color:transparent!important}
#homeExperience :is(.experience-summary,.experience-generations,.experience-section-head)::before,#homeExperience :is(.experience-summary,.experience-generations,.experience-section-head)::after{content:none!important}
#homeExperience :is(.experience-generation-track,.experience-addition-track){scrollbar-width:none}
#homeExperience :is(.experience-generation-track,.experience-addition-track)::-webkit-scrollbar{display:none}
/* The rings float individually: glow fades before each item's top, never across a clipped tray. */
#homeExperience .experience-generations{border-radius:24px;isolation:isolate}
#homeExperience .experience-generation-track{background:none!important;box-shadow:none!important;border:0;border-radius:24px}
#homeExperience .experience-generation-track button{position:relative;isolation:isolate;background:none;border:0;box-shadow:none}
#homeExperience .experience-generation-track button::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle 34px at 50% 34px,color-mix(in srgb,var(--accent) 22%,transparent),transparent 90%);pointer-events:none}
#homeExperience .experience-generation-track .experience-ring{box-shadow:inset 0 0 9px color-mix(in srgb,var(--accent) 55%,transparent);filter:saturate(1.3) brightness(1.2)}
@media(max-width:760px){
  #homeExperience .experience-mobile .experience-generation-track button::before{background:radial-gradient(circle 22px at 50% 22px,color-mix(in srgb,var(--accent) 24%,transparent),transparent 90%)}
  #homeExperience .experience-mobile .experience-generation-track .experience-ring{box-shadow:inset 0 0 7px color-mix(in srgb,var(--accent) 60%,transparent)}
}

/* CC2 pedestal alignment: preserve centre geometry and the existing animation poses. */
/* The core moves previews by 29% of buffer width. Expand that coordinate space
   to 31.8% of the photographic stage, then compensate figure width/left. */
#homeExperience .experience-buffer{left:calc(50% - (100% * 31.8 / 29) / 2);right:auto;width:calc(100% * 31.8 / 29)}
#homeExperience :is(.experience-desktop,.experience-mobile) .experience-display-items figure{width:calc(32% * 29 / 31.8);left:calc(50% - (32% * 29 / 31.8) / 2)}
#homeExperience .experience-display-items figure[data-showcase-role="previous"]{transform:translateX(-99.375%) scale(.68) rotateY(18deg)}
#homeExperience .experience-display-items figure[data-showcase-role="next"]{transform:translateX(99.375%) scale(.68) rotateY(-18deg)}
/* Preserve the title's layout space so hiding it cannot move/resize the PC card. */
@media(min-width:761px){
  #homeExperience .experience-desktop .experience-display-items figcaption{visibility:hidden;pointer-events:none}
}
@media(max-width:760px){
  /* Lift the foot onto the podium, with slight scale compensation for top headroom. */
  #homeExperience .experience-mobile figure[data-showcase-role="current"] .experience-media{transform:translateY(-6%) scale(.98)}
}

/* CC2 showcase identity: curved inset stage channels; approved geometry stays intact. */
#homeExperience .experience-showcase>.experience-showcase-brand{display:none!important}
#homeExperience .experience-stage::before{content:"";position:absolute;inset:0;background:url(./stikdex-stage-fascia.svg?v=cc2-centre-fascia-readability-26) center top/100% 125% no-repeat;pointer-events:none}
@media(max-width:760px){
  #homeExperience .experience-mobile figure[data-showcase-role="current"] .experience-media{filter:drop-shadow(0 15px 12px #0009) drop-shadow(0 0 9px #66ffe099) drop-shadow(0 0 22px #21edc63d)}
}

/* CC2 framing: reveal the whole podium and base, with one projection for photo and inset channels. */
#homeExperience .experience-stage{background-size:100% 110%}
#homeExperience .experience-stage::before{background-size:100% 110%}
@media(min-width:761px){
  /* Retain the old pixel-sized card boxes: .70 * (82/70) equals the approved .82. */
  #homeExperience .experience-desktop .experience-display{height:calc(clamp(290px,25vw,370px) * 82 / 70)}
  #homeExperience .experience-desktop .experience-display-items figure{top:6.75%;height:70%}
}
@media(max-width:760px){
  /* Side previews retain their approved size; their feet follow the reframed side decks. */
  #homeExperience .experience-mobile .experience-display-items figure{top:-5%}
  /* Keep the centre dominant and contained above the full podium, without growing Home. */
  #homeExperience .experience-mobile figure[data-showcase-role="current"] .experience-media{height:calc(100% * 76 / 84);flex-shrink:0;transform:translateY(1.2%) scale(.98)}
}

/* CC2 mobile stage breathing room: retain card pixels, expand only the gallery. */
@media(max-width:760px){
  .experience-mobile{
    --home-card-stage-height:clamp(148px,calc(100dvh - 696px),208px);
    /* Let the actual lower rows set the budget, rather than a fixed support estimate.
       The live shell is 100px; top inset is 4px; navigation is 62px plus 2px clearance. */
    height:calc(100dvh - 168px - env(safe-area-inset-bottom));
    min-height:0;
    display:grid;
    grid-template-rows:minmax(calc(var(--home-card-stage-height) + 2px),1fr) auto auto auto auto;
  }
  body.home-experience-active.home-experience-ready:not(.view-only):not(.trial-mode):not(.play-mode) #dashboardView.active{padding-bottom:calc(64px + env(safe-area-inset-bottom))!important}
  #homeExperience .experience-mobile .experience-display{height:100%}
  /* Preview feet follow their original .6556 stage-height anchors, without enlarging media. */
  #homeExperience .experience-mobile .experience-display-items figure{
    height:calc(var(--home-card-stage-height) * .84);
    top:calc(65.56% - var(--home-card-stage-height) * .7056);
  }
  /* Carry the approved card foot upstage as room grows, retaining top clearance on short screens. */
  #homeExperience .experience-mobile .experience-display-items figure[data-showcase-role="current"]{
    top:calc(62% - var(--home-card-stage-height) * .67);
  }
  /* Preserve the approved glow above/beside the card, contain its spill before the fascia. */
  #homeExperience .experience-mobile figure[data-showcase-role="current"] .experience-media{clip-path:inset(-32px -32px -4px -32px)}
  #homeExperience .experience-mobile .experience-summary{margin-top:8px}
}
@media(max-width:760px) and (max-height:840px){
  .experience-mobile{--home-card-stage-height:124px}
}