/* Candidate 2: football imagery, clear tasks, and a continuous card reveal. */
body.experience-v2 { --card-gold:linear-gradient(135deg,#fae9b3 0%,#b78b42 24%,#e2c478 50%,#967033 78%,#eed392 100%); --card-gold-edge:#d5b15e; }
.experience-v2 #profileGate.profile-disclosure { width:100%; max-width:none; padding:0 22px; margin:0 0 24px; scroll-margin-top:160px; }
.experience-v2 .profile-disclosure > summary { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:18px 0; font-size:13px; color:#4c626c; cursor:pointer; list-style:none; }
.experience-v2 .profile-disclosure > summary::-webkit-details-marker { display:none; }
.experience-v2 .profile-disclosure > summary span:last-child { color:#286184; font-size:12px; }
.experience-v2 .profile-disclosure[open] { padding-bottom:24px!important; }
.experience-v2 .profile-disclosure[open] > summary { border-bottom:1px solid #e5e9e5; margin-bottom:22px; }
.experience-v2 .profile-disclosure .profile-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:600px) {
  .experience-v2 .profile-disclosure > summary { font-size:11px; gap:12px; }
  .experience-v2 .profile-disclosure > summary span:last-child { font-size:10px; }
  .experience-v2 .profile-disclosure .profile-form { grid-template-columns:1fr; }
}
body.experience-v2 { --ink:#17252b; --muted:#626f74; --line:#dde2e0; --bg:#f3f4f0; --blue:#286184; --gold:#c29a53; background:var(--bg); isolation:isolate; }
body.experience-v2::before { content:""; position:fixed; inset:0; background:linear-gradient(#f5f5f0a6,#f5f5f0dd),url("./draw-simulator/fig/00backfig/back/back2.webp") center/cover; opacity:.35; z-index:-1; pointer-events:none; }
.experience-v2 > .app-shell { background:transparent; }
body.experience-v2 .site-header { background:rgba(249,250,247,.96); border-color:#dce2df; }
.experience-v2 .site-header-main { grid-template-columns:auto 1fr auto; gap:20px; max-width:1480px; }
.experience-v2 .site-navigation { gap:0; }
.experience-v2 .primary-section { font-size:13px; padding:20px 11px; }
.experience-v2 .primary-section.is-current { color:#1e526c; }
.experience-v2 .primary-section.is-current::before { background:#a48342; }
.experience-v2 .section-navigation .shell-link.is-current { color:#215c7b; border-color:#b28a49; }
.experience-v2 .site-utilities { gap:12px; }
.experience-v2 .shell-language { display:flex; gap:6px; align-items:center; white-space:nowrap; font-size:11px; }
.experience-v2 .shell-language select { min-height:36px; padding:6px 22px 6px 8px; background:transparent; border-color:#dfe5e0; border-radius:6px; font-size:12px; width:100px; }
.experience-v2 .shell-account { max-width:90px; }
.experience-v2 .language-guidance { display:flex; justify-content:center; align-items:center; gap:18px; padding:5px 20px; background:#e8ede8; color:#53685c; font-size:11px; }
.experience-v2 .language-guidance button { background:transparent; border:0; color:#53685c; padding:4px 8px; font-size:18px; cursor:pointer; }
.experience-v2 .chapter-label { font-size:11px; letter-spacing:.16em; font-weight:600; line-height:1.4; margin:0 0 12px; }
.experience-v2 .story-button { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; padding:12px 23px; min-height:46px; border-radius:999px; font-size:14px; font-weight:550; border:1px solid transparent; transition:transform .2s,background .2s; }
.experience-v2 .story-button:hover { transform:translateY(-2px); }
.experience-v2 .story-button.light { background:#f6f5ec; color:#203329; }
.experience-v2 .story-button.outline { border-color:#ffffff70; color:#fff; background:#111e2333; }
.experience-v2 .story-text-link { display:inline-flex; min-height:40px; align-items:center; gap:10px; color:inherit; text-decoration:none; font-size:13px; }
.experience-v2 .story-text-link:hover { text-decoration:underline; text-underline-offset:5px; }
.experience-v2 .hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:14px; }
body.experience-v2[data-section="home"] .workspace { width:100%; max-width:none; padding-bottom:0; }
.experience-v2 .home-view.active { display:block; }
.experience-v2 .home-hero { position:relative; isolation:isolate; min-height:650px; height:min(760px,68vw); display:flex; align-items:flex-end; color:#fff; background:#0d2534; overflow:hidden; }
.experience-v2 .home-hero-art { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 38%; z-index:-2; }
.experience-v2 .home-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,#071822f5 0%,#071822b0 18%,#07182210 70%); z-index:-1; }
.experience-v2 .home-hero-copy { width:min(1280px,100%); padding:180px 48px 54px; margin:auto auto 0; }
.experience-v2 .home-hero .chapter-label { color:#e1c78e; }
.experience-v2 .home-hero h1 { color:#fff; font-size:clamp(34px,4.3vw,62px); max-width:900px; font-weight:600; line-height:1.15; margin:0 0 18px; letter-spacing:-.045em; }
.experience-v2 .home-hero-copy > p:not(.chapter-label) { color:#e0e7e9; font-size:17px; margin:0 0 25px; font-weight:400; }
.experience-v2 .home-guides { max-width:1400px; margin:0 auto; padding:24px; display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.experience-v2 .visual-guide { position:relative; isolation:isolate; min-height:640px; overflow:hidden; background:#11272b; color:#fff; display:flex; align-items:flex-end; border-radius:4px; }
.experience-v2 .visual-guide > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; transition:transform .7s cubic-bezier(.2,.8,.2,1); }
.experience-v2 .visual-guide:hover > img { transform:scale(1.025); }
.experience-v2 .visual-guide::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,#081820ee 0%,#081820aa 20%,transparent 70%); z-index:-1; }
.experience-v2 .records-guide > img { object-position:55% 25%; }
.experience-v2 .squad-guide > img { object-position:64% 40%; }
.experience-v2 .visual-guide-copy { padding:42px; width:100%; }
.experience-v2 .visual-guide .chapter-label { color:#ebd9bd; }
.experience-v2 .visual-guide h2 { font-size:clamp(26px,2.6vw,40px); color:#fff; margin:0 0 15px; font-weight:600; line-height:1.25; }
.experience-v2 .visual-guide-copy > p:not(.chapter-label) { color:#e0e5e5; line-height:1.7; font-size:14px; max-width:410px; margin:0 0 24px; }
.experience-v2 .home-simulator { margin:0 auto 24px; padding:70px max(40px,calc((100vw - 1240px)/2)); background:radial-gradient(ellipse at 80% 50%,#325b6755,transparent 50%),#101f2b; color:#fff; display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:50px; overflow:hidden; }
.experience-v2 .home-simulator .chapter-label { color:#e2c890; }
.experience-v2 .home-simulator h2 { font-size:clamp(38px,5vw,64px); margin:0 0 20px; color:#fff; font-weight:600; }
.experience-v2 .home-simulator p:not(.chapter-label) { color:#b8cbd1; max-width:490px; font-size:16px; line-height:1.8; margin:0 0 24px; }
.experience-v2 .home-card-fan { position:relative; height:310px; width:100%; max-width:400px; margin:auto; }
.experience-v2 .home-card-fan span { position:absolute; display:grid; align-content:center; justify-items:center; left:calc(50% - 100px); top:10px; width:200px; height:280px; border:1px solid #b29b6b; border-radius:12px; background:repeating-linear-gradient(130deg,transparent 0 14px,#ffffff06 14px 15px),linear-gradient(140deg,#355568,#142a38); box-shadow:0 12px 50px #0005,inset 0 0 0 8px #172c3a,inset 0 0 0 9px #96836277; color:#dbc78d; font-size:52px; font-weight:700; }
.experience-v2 .home-card-fan span:first-child { transform:translateX(-65px) rotate(-17deg); }
.experience-v2 .home-card-fan span:last-child { transform:translateX(65px) rotate(17deg); z-index:0; }
.experience-v2 .home-card-fan span:nth-child(2) { z-index:1; transform:translateY(-10px); }
.experience-v2 .home-card-fan small { font-size:9px; letter-spacing:.24em; }
.experience-v2 .home-footnote { text-align:center; color:#66766d; padding:20px 24px 42px; font-size:12px; margin:0; }

/* Tool chapters retain imagery, then give space to the controls and results. */
.experience-v2 .workspace-intro { position:relative; isolation:isolate; padding:44px 38px; margin:28px 0; min-height:230px; overflow:hidden; border-radius:16px; border:1px solid #e1e5dd; background:#f9faf6; }
.experience-v2 .workspace-intro h1 { font-size:clamp(28px,3.4vw,44px); }
.experience-v2[data-section="records"] .workspace-intro, .experience-v2[data-section="squad"] .workspace-intro { color:#fff; background:#10272b; padding-right:44%; }
.experience-v2[data-section="records"] .workspace-intro::before,.experience-v2[data-section="squad"] .workspace-intro::before { content:""; position:absolute; inset:0 0 0 30%; background:linear-gradient(90deg,#10272b 0%,transparent 65%),url("./draw-simulator/fig/00backfig/editorial/messi-22.webp") center 42%/cover; z-index:-1; opacity:.85; }
.experience-v2[data-section="squad"] .workspace-intro::before { background-image:linear-gradient(90deg,#10272b,transparent 75%),url("./draw-simulator/fig/00backfig/editorial/messi-23.webp"); }
.experience-v2:is([data-section="records"],[data-section="squad"]) .workspace-intro :is(h1,#workspaceDescription,.intro-eyebrow,.intro-action) { color:#f1f4ee; }
.experience-v2:is([data-section="records"],[data-section="squad"]) .workspace-intro #workspaceAction { position:absolute; left:38px; bottom:18px; }
.experience-v2:is([data-section="records"],[data-section="squad"]) .workspace-intro #workspaceDescription { font-size:14px; }
.experience-v2 .panel,.experience-v2 .stats-card,.experience-v2 .ovr-card,.experience-v2 .a-stats-card,.experience-v2 .inventory-panel,.experience-v2 .ticket-panel,.experience-v2 .ticket-history-panel { background:#fffffff2; border-color:#e0e4dd; box-shadow:0 6px 30px #142b2105; border-radius:16px; }
.experience-v2 :is(.primary-button,.draw-button,.small-button:not(.secondary):not(.danger):not(.calm)) { background:#285e7d; }
.experience-v2 :is(.primary-button,.small-button:not(.secondary)):hover:not(:disabled) { background:#1d4d6a; }
.experience-v2 .metrics-grid { border-color:#e3e8e4; }
.experience-v2 .team-rating-summary { background:#edf1eb; }
.experience-v2 .table-wrap th { background:#edf1eb; }
.experience-v2 .profile-card { background:#fffffff5; border-color:#dce3da; }
.experience-v2 .profile-card h1 { font-size:28px; color:#19382c; }

/* Simulation has task tabs and an in-page mode selector, not seven peer tabs. */
.experience-v2 .experience-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.experience-v2 .mode-switch { display:flex; gap:4px; padding:4px; border:1px solid #d9e2de; background:#e7eeeb; border-radius:999px; }
.experience-v2 .mode-switch a { display:flex; align-items:center; justify-content:center; min-height:42px; min-width:140px; padding:9px 22px; border-radius:999px; color:#536866; text-decoration:none; font-size:14px; font-weight:550; }
.experience-v2 .mode-switch a.is-current { color:#fff; background:#285e7d; box-shadow:0 3px 9px #1d526b20; }
.experience-v2 .mode-switch a[data-route="devilPage"].is-current { background:#a64e29; }
.experience-v2 .mode-switch a.is-current::before { content:""; width:5px; height:5px; background:#fff; border-radius:50%; margin-right:8px; }
.experience-v2 #experienceModeHint { color:#566b67; font-size:12px; margin:0; }
.experience-v2 .featured-pool { background:radial-gradient(ellipse at 70% 20%,#48718555,transparent 75%),linear-gradient(120deg,#10212c,#1f3e4e); color:#fff; border:0; border-radius:18px; padding:40px; position:relative; overflow:hidden; }
.experience-v2 .featured-pool::before { content:""; position:absolute; inset:0; pointer-events:none; background:url("./draw-simulator/fig/00backfig/back/back3.webp") center/cover; opacity:.1; mask-image:linear-gradient(90deg,#000,transparent 85%); }
.experience-v2 .featured-pool > * { position:relative; }
.experience-v2 .featured-pool :is(h1,h2,.featured-caption strong,.featured-player strong) { color:#fff; }
.experience-v2 .featured-pool :is(p,small,.intro-eyebrow) { color:#c4d4d9; }
.experience-v2 .featured-pool #viewPoolButton { color:#e1c994; }
.experience-v2 .featured-pool .featured-player-art { background:transparent; }
.experience-v2 .featured-players { gap:24px; }
.experience-v2 .featured-players img { filter:drop-shadow(0 12px 18px #0005); transition:transform .4s; }
.experience-v2 .featured-players figure:hover img { transform:translateY(-7px); }
.experience-v2 .featured-players figcaption { color:#eef3ef; }
.experience-v2 .sim-panel { background:#ffffffed; border:1px solid #e0e4dd; border-radius:16px; }
.experience-v2 .draw-console { border-radius:16px 16px 0 0; background:linear-gradient(#fcfdfb,#f5f7f3); }
.experience-v2 .draw-actions { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.experience-v2 .draw-actions .draw-button { min-height:50px; border-radius:10px; font-size:16px; font-weight:600; box-shadow:none; border:1px solid #285e7d; }
.experience-v2 .draw-actions #singleButton { color:#285e7d; background:#f7fafb; }
.experience-v2 .draw-actions #tenButton { color:#fff; background:#285e7d; }
.experience-v2 .devil-actions #devilSingleButton { color:#8d3f21; background:#fff9f3; border-color:#a64e29; }
.experience-v2 .devil-actions #devilTenButton { color:#fff; background:#a64e29; border-color:#a64e29; }
.experience-v2 .devil-panel { background:#fffdf8; border:1px solid #e4d9c8; border-radius:18px; padding:0 26px 26px; }
.experience-v2 .devil-visual-banner { margin:0 -26px; border:0; border-radius:18px 18px 0 0; height:310px; overflow:hidden; }
.experience-v2 .devil-visual-banner img { min-width:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.experience-v2 .devil-hero { padding:16px 0; background:transparent; border:0; color:#4d3421; }
.experience-v2 .devil-hero h2 { color:#623920; font-size:32px; }
.experience-v2 .devil-hero p { color:#715948; font-size:13px; }
.experience-v2 .devil-pool-controls,.experience-v2 .devil-stats-grid > div { background:#f6f1e8; border-color:#e2d6c3; }
.experience-v2 .devil-controls { background:#fbf7f1; border-color:#e3d6c4; }
.experience-v2 #devilRateSummary > div { background:#eee3d0; border-color:#d5be97; }
.experience-v2 #devilRateSummary :is(strong,span) { color:#69431d; }
.experience-v2 .collection-progress-card { background:linear-gradient(120deg,#173644,#294b55); border:1px solid #45616a; border-radius:16px; padding:24px; color:#e9e6d6; }
.experience-v2 .collection-progress-card .chapter-label { color:#d8bd87; }
.experience-v2 .collection-progress-card a { display:flex; justify-content:space-between; align-items:center; color:#fff; font-size:22px; text-decoration:none; }
.experience-v2 .collection-progress-card p:last-child { font-size:12px; margin:9px 0 0; color:#c8d9da; }
.experience-v2 progress { appearance:none; border:0; height:5px; border-radius:10px; overflow:hidden; width:100%; background:#ffffff20; }
.experience-v2 progress::-webkit-progress-bar { background:#ffffff20; border-radius:10px; }
.experience-v2 progress::-webkit-progress-value { background:#d1b479; border-radius:10px; }
.experience-v2 progress::-moz-progress-bar { background:#d1b479; }
.experience-v2 .collection-progress-card progress { margin-top:20px; }
.experience-v2 .utility-return { display:none; }
.experience-v2 .result-tools-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.experience-v2 .result-tools-heading h2 { margin:0; }
.experience-v2 .result-tools-heading a { color:#286184; font-size:12px; white-space:nowrap; text-decoration:none; }
.experience-v2:is([data-sim-page="ticketPage"],[data-sim-page="inventoryPage"]) .utility-return { display:block; grid-column:1/-1; }
.experience-v2 .utility-return a { color:#285e7d; font-size:14px; text-decoration:none; }
.experience-v2 .ticket-card { border:1px solid #e5e8dd; background:#f5f7ef; }

/* One catalog: owned originals first, then a collapsed complete album. */
.experience-v2 .collection-page.active { display:grid; gap:36px; color:#172e2c; }
.experience-v2 .collection-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; padding:10px 0 26px; border-bottom:1px solid #cfdad2; }
.experience-v2 .collection-heading h1 { font-size:clamp(32px,4vw,52px); font-weight:600; margin:0 0 16px; line-height:1.2; }
.experience-v2 .collection-heading p { color:#697967; margin-bottom:0; }
.experience-v2 .collection-heading .chapter-label { color:#867045; margin-bottom:12px; }
.experience-v2 .collection-completion { display:grid; gap:4px; text-align:right; flex-shrink:0; }
.experience-v2 .collection-completion strong { font-size:30px; font-weight:500; }
.experience-v2 .collection-completion span { font-size:11px; color:#647569; }
.experience-v2 .collection-section-heading { display:flex; justify-content:space-between; gap:16px; align-items:center; margin-bottom:20px; }
.experience-v2 .collection-section-heading h2 { font-size:23px; margin:0; }
.experience-v2 .collection-section-heading span { font-size:12px; color:#6a7a6a; }
.experience-v2 .collection-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.experience-v2 .collection-empty { grid-column:1/-1; padding:45px 25px; text-align:center; border:1px dashed #bdccbd; border-radius:14px; background:#f7f9f080; }
.experience-v2 .collection-empty > span { display:block; color:#a48d55; font-size:40px; margin-bottom:8px; }
.experience-v2 .collection-empty h3 { margin:0 0 9px; font-size:21px; font-weight:500; }
.experience-v2 .collection-empty p { color:#647365; font-size:13px; margin:0; }
.experience-v2 .collectible-card { border-radius:14px; background:#fafbf6; border:1px solid #d8ded3; overflow:hidden; min-width:0; transition:transform .25s,box-shadow .25s; }
.experience-v2 .collectible-card.is-owned { border-color:#bda16a; box-shadow:0 0 0 1px #d6c18a55,0 8px 24px #88734015; }
.experience-v2 .collectible-card.is-owned:hover { transform:translateY(-5px); box-shadow:0 12px 24px #88734022; }
.experience-v2 .collectible-art { position:relative; aspect-ratio:.82; overflow:hidden; display:grid; place-items:center; padding:25px 23px 14px; background:radial-gradient(ellipse at 50% 0%,#ebd39755,transparent 80%),#193541; border-bottom:1px solid #d8c697; }
.experience-v2 .collectible-art::after { content:""; position:absolute; inset:10px; border:1px solid #d6bf8170; border-radius:7px; pointer-events:none; }
.experience-v2 .collectible-art > img { width:100%; height:100%; min-height:0; object-fit:contain; filter:drop-shadow(0 7px 10px #0005); grid-area:1/1; }
.experience-v2 .collectible-art > img:not([hidden]) + span:not(.collectible-edition) { display:none; }
.experience-v2 .collectible-art > span:not([class]) { grid-area:1/1; color:#ead492; font-size:50px; }
.experience-v2 .collectible-edition { position:absolute; top:16px; right:17px; color:#f0ddaa; font-size:9px; letter-spacing:.13em; background:#152934aa; padding:2px 5px; }
.experience-v2 .collectible-rating { position:absolute; left:16px; top:17px; display:grid; font-size:26px; font-weight:650; line-height:1; color:#fff0c3; text-shadow:0 2px 6px #15232b; }
.experience-v2 .collectible-rating small { font-size:10px; font-weight:500; margin-top:5px; }
.experience-v2 .collectible-card.is-locked .collectible-art { filter:grayscale(1); }
.experience-v2 .collectible-card.is-locked .collectible-art > img { opacity:.32; }
.experience-v2 .collectible-lock { position:absolute; inset:auto 0 20px; color:#e6ece8; text-align:center; font-size:11px; letter-spacing:.1em; }
.experience-v2 .collectible-caption { padding:16px; }
.experience-v2 .collectible-caption h3 { color:#21362c; font-size:17px; font-weight:600; margin:0 0 5px; line-height:1.25; min-height:22px; }
.experience-v2 .collectible-caption p { color:#6d796b; font-size:11px; margin:0 0 14px; min-height:18px; }
.experience-v2 .collectible-actions { display:flex; align-items:center; justify-content:space-between; gap:8px; border-top:1px solid #e1e5d9; padding-top:10px; }
.experience-v2 .collectible-actions span { color:#776344; font-size:11px; }
.experience-v2 .collectible-actions button { border:0; background:transparent; color:#285f64; padding:7px 0 7px 6px; min-height:34px; font-size:12px; cursor:pointer; }
.experience-v2 .collectible-card.is-new { animation:collectionAwaken 1.3s ease-out; }
@keyframes collectionAwaken { 0% {box-shadow:0 0 0 2px #eed28b,0 0 50px #d1a34b99;} 100% {box-shadow:0 0 0 1px #d6c18a55,0 8px 24px #88734015;} }
.experience-v2 .collection-pull-console { display:grid; grid-template-columns:1fr 320px; gap:50px; align-items:center; background:radial-gradient(ellipse at 10% 0%,#46645a66,transparent 70%),#112c33; border:1px solid #325155; border-radius:16px; padding:38px; color:#ecf1e7; }
.experience-v2 .collection-pull-console .chapter-label { color:#d5bb7f; }
.experience-v2 .collection-pull-console h2 { font-size:30px; color:#fff; font-weight:550; margin:0 0 15px; }
.experience-v2 #collectionOdds { color:#b6c8c2; font-size:13px; line-height:1.7; }
.experience-v2 .collection-pull-console .story-text-link { color:#ead6a8; }
.experience-v2 .collection-currency { border-left:1px solid #71877944; padding-left:30px; display:grid; gap:9px; }
.experience-v2 .collection-currency > span { font-size:12px; color:#cedbd1; }
.experience-v2 .collection-currency > strong { font-size:48px; font-weight:500; color:#e7cf95; line-height:1.15; }
.experience-v2 .collection-currency small { color:#bfcec4; font-size:11px; }
.experience-v2 .collection-pull-button { border:1px solid #e6d6ab; border-radius:9px; background:linear-gradient(110deg,#e2ce97,#c2a362); color:#182e28; font-size:16px; font-weight:600; min-height:48px; margin-top:10px; cursor:pointer; box-shadow:0 5px 18px #0002; }
.experience-v2 #collectionPullStatus { margin:0; font-size:12px; color:#e5d29c; }
.experience-v2 .collection-album { background:#f8faf5c9; border:1px solid #d9e1d4; border-radius:16px; padding:0 26px; }
.experience-v2 .collection-album > summary { display:flex; align-items:center; gap:16px; padding:24px 0; cursor:pointer; list-style:none; font-size:20px; font-weight:550; }
.experience-v2 .collection-album > summary::-webkit-details-marker { display:none; }
.experience-v2 .collection-album summary small { margin-left:auto; font-size:12px; color:#6f7d6d; font-weight:400; }
.experience-v2 .collection-album[open] .collection-grid { padding-bottom:26px; }

/* Pull a physical card out of a sleeve; the final card, not a blank flag panel, is the focus. */
.experience-v2 .reveal-modal { --reveal-accent:#dec48a; padding:12px; }
.experience-v2 .reveal-modal[data-reveal-tier="B"] { --reveal-accent:#8fc0db; }
.experience-v2 .reveal-modal[data-reveal-mode="devil"] { --reveal-accent:#eeb686; }
.experience-v2 .reveal-modal .reveal-backdrop { background:linear-gradient(135deg,#05151af7,#0c2227ed); backdrop-filter:blur(12px); }
.experience-v2 .reveal-modal .reveal-panel { width:min(1000px,calc(100vw - 24px)); min-height:0; height:calc(100dvh - 32px); max-height:880px; overflow:hidden; padding:35px 18px 20px; gap:10px; perspective:1200px; }
.experience-v2 .reveal-modal .reveal-light { position:absolute; inset:0; width:100%; height:100%; translate:none; aspect-ratio:auto; border-radius:0; background:radial-gradient(ellipse at 50% 42%,#d4ba722a,transparent 65%); animation:none; filter:blur(30px); }
body.experience-v2:has(.reveal-modal:not([hidden])) { overflow:hidden; }
.experience-v2 .reveal-modal:has(.reveal-batch-panel:not(.hidden)) .reveal-panel { overflow-y:auto; align-content:start; }
.experience-v2 .reveal-pool-art { position:absolute; inset:0; background-position:center; background-size:cover; opacity:.18; mask-image:radial-gradient(ellipse,#000,transparent 75%); pointer-events:none; transition:opacity 1s; }
.experience-v2 .reveal-modal-stage-player .reveal-pool-art { opacity:.08; }
.experience-v2 .reveal-card-sleeve { position:absolute; width:min(320px,60vw); height:min(430px,52vh); left:50%; top:43%; border:1px solid #65808b; border-radius:16px; background:linear-gradient(145deg,#163746,#0c1c26); transform:translate(-50%,-35%) rotate(8deg); box-shadow:0 30px 50px #0006,inset 0 0 0 10px #142b34,inset 0 0 0 11px #bda26550; opacity:.8; transition:transform 1s,opacity .7s; display:grid; place-items:center; color:#b6aa81; letter-spacing:.2em; font-size:12px; pointer-events:none; }
.experience-v2 .reveal-modal-stage-team .reveal-card-sleeve { transform:translate(-45%,-25%) rotate(14deg); opacity:.4; }
.experience-v2 .reveal-modal-stage-player .reveal-card-sleeve { transform:translate(-25%,20%) rotate(20deg); opacity:0; }
.experience-v2 .reveal-modal .reveal-card { left:0; flex-shrink:0; width:min(320px,65vw); height:min(465px,59vh); aspect-ratio:auto; min-height:260px; border:1px solid var(--reveal-accent); border-radius:14px; background:radial-gradient(ellipse at 50% 0%,#50717c66,transparent 80%),linear-gradient(150deg,#193847,#10242c); box-shadow:0 16px 48px #0008,0 0 24px #9ca57318,inset 0 0 0 5px #ffffff08; transform-origin:center bottom; animation:none!important; transition:transform .8s cubic-bezier(.18,.8,.25,1),left .8s,box-shadow .8s; overflow:hidden; z-index:2; }
.experience-v2 .reveal-modal.reveal-modal-stage-flag .reveal-card { transform:translateY(30px) rotate(-5deg) rotateY(-6deg) scale(.92); }
.experience-v2 .reveal-modal.reveal-modal-stage-position .reveal-card { transform:translateY(18px) rotate(-3deg) rotateY(-3deg) scale(.95); }
.experience-v2 .reveal-modal.reveal-modal-stage-team .reveal-card { transform:translateY(6px) rotate(-1deg) scale(.98); }
.experience-v2 .reveal-modal.reveal-modal-stage-player .reveal-card { transform:translateY(0) rotate(0) scale(1); box-shadow:0 18px 58px #0008,0 0 38px #ddc48935; }
.experience-v2 .reveal-modal .reveal-card::after { border-color:var(--reveal-accent); opacity:.45; inset:7px; }
.experience-v2 .reveal-modal .reveal-card::before { animation:revealCardSheen 1.1s ease-out; }
.experience-v2 .reveal-modal .reveal-card-inner { padding:18px; gap:10px; }
.experience-v2 .reveal-stage-label { font-size:12px; letter-spacing:.2em; font-weight:500; color:#ced9d9; }
.experience-v2 .reveal-card-top span { font-size:10px; font-weight:500; letter-spacing:.1em; }
.experience-v2 .reveal-card-top strong { font-size:35px; color:var(--reveal-accent); text-shadow:none; }
.experience-v2 .reveal-card-bottom { display:grid; justify-content:center; text-align:center; gap:5px; }
.experience-v2 .reveal-card-bottom strong { font-size:21px; line-height:1.15; color:#fff2c9; text-shadow:none; }
.experience-v2 .reveal-card-bottom span { font-size:10px; font-weight:400; }
.experience-v2 .reveal-modal .reveal-stage-player .reveal-player-portrait { width:100%; height:100%; max-height:315px; aspect-ratio:auto; border:0; border-radius:0; background:transparent; box-shadow:none; animation:cardImageArrives .85s cubic-bezier(.2,.7,.25,1) both; }
.experience-v2 .reveal-player-portrait img { min-height:0; object-fit:contain!important; }
.experience-v2 .reveal-stage-player .reveal-card-center { min-height:0; height:100%; }
@keyframes cardImageArrives { from {opacity:0; transform:translateY(12px); filter:brightness(1.6);} to {opacity:1; transform:none; filter:brightness(1);} }
.experience-v2 .reveal-modal .reveal-action-row { margin-top:8px; }
.experience-v2 .reveal-modal :is(.reveal-next,.reveal-skip,.reveal-replay-button) { border-radius:999px; min-height:42px; padding:10px 24px; font-size:13px; font-weight:500; }
.experience-v2 .reveal-modal .reveal-skip { background:transparent; border:1px solid #b4c4c166; color:#dbe5e2; cursor:pointer; }
.experience-v2 .reveal-meta,.experience-v2 .reveal-batch-note { font-size:11px; font-weight:400; text-align:center; max-width:700px; margin:0; color:#bfccca; }
.experience-v2 .reveal-close { top:0; right:0; border-radius:50%; z-index:10; }
.experience-v2 .reveal-modal.has-special-reveal.reveal-modal-stage-player .reveal-card { left:-22%; transform:scale(.82); }
.experience-v2 .reveal-modal.has-special-reveal .reveal-special { left:25%; right:-15%; }
.experience-v2 .reveal-modal.has-special-reveal .reveal-special img { max-height:80vh; width:min(680px,72vw); object-fit:contain; }
.experience-v2 .reveal-modal:has(.reveal-batch-panel:not(.hidden)) .reveal-card-sleeve { display:none; }
.experience-v2 .reveal-batch-panel { position:relative; z-index:3; border-radius:16px; background:#102730; }
.experience-v2 .reveal-batch-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }

@media (min-width:1600px) { .experience-v2 .home-hero { height:740px; } }
@media (max-width:1100px) {
  .experience-v2 .site-header-main { grid-template-columns:auto 1fr; gap:0 18px; }
  .experience-v2 .site-navigation { grid-column:1/-1; grid-row:2; justify-content:space-between; }
  .experience-v2 .site-utilities { grid-column:2; grid-row:1; }
  .experience-v2 .primary-section { min-height:46px; padding:10px; }
  .experience-v2 .site-brand { padding-block:12px; }
  .experience-v2 .home-hero { min-height:580px; }
  .experience-v2 .visual-guide { min-height:580px; }
  .experience-v2 .visual-guide-copy { padding:28px; }
  .experience-v2 .collection-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:700px) {
  body.experience-v2 .site-header-main { display:grid; grid-template-columns:auto 1fr; padding:0 16px; gap:0 10px; }
  .experience-v2 .site-brand { font-size:14px; gap:5px; }
  .experience-v2 .site-brand .brand-fc { font-size:21px; }
  .experience-v2 .site-brand b { display:none; }
  .experience-v2 .site-utilities { gap:9px; font-size:10px; }
  .experience-v2 .shell-account { max-width:65px; font-size:10px; }
  .experience-v2 .shell-language { gap:4px; }
  .experience-v2 .shell-language > span { display:none; }
  .experience-v2 .shell-language select { width:86px; padding:4px; min-height:30px; font-size:11px; }
  .experience-v2 #languageSelect { width:106px; min-height:38px; padding:4px 6px; font-size:16px; }
  .experience-v2 .site-navigation { width:100%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; padding-bottom:6px; }
  .experience-v2 .site-navigation .primary-section { min-width:0; min-height:34px; padding:7px 3px; justify-content:center; font-size:12px; }
  .experience-v2 .primary-section.is-current::before { width:4px; height:4px; margin-right:5px; }
  .experience-v2 .section-navigation { width:calc(100% - 32px); min-height:41px; gap:20px; }
  .experience-v2 .section-navigation .shell-link { min-height:41px; padding:10px 2px; font-size:11px; }
  .experience-v2 .language-guidance { font-size:10px; gap:8px; padding:3px 15px; }
  .experience-v2 .home-hero { min-height:580px; height:calc(84svh - 90px); max-height:720px; }
  .experience-v2 .home-hero-art { object-position:51% top; }
  .experience-v2 .home-hero-copy { padding:200px 24px 32px; }
  .experience-v2 .home-hero h1 { font-size:36px; max-width:330px; line-height:1.25; }
  .experience-v2 .home-hero-copy > p:not(.chapter-label) { font-size:14px; max-width:330px; }
  .experience-v2 .chapter-label { font-size:9px; letter-spacing:.13em; }
  .experience-v2 .hero-actions { gap:10px; }
  .experience-v2 .story-button { padding:11px 18px; font-size:12px; min-height:42px; }
  .experience-v2 .home-guides { grid-template-columns:1fr; padding:14px; gap:14px; }
  .experience-v2 .visual-guide { min-height:600px; }
  .experience-v2 .visual-guide-copy { padding:30px 24px; }
  .experience-v2 .visual-guide h2 { font-size:30px; }
  .experience-v2 .home-simulator { grid-template-columns:1fr; padding:45px 28px; gap:35px; }
  .experience-v2 .home-simulator p:not(.chapter-label) { font-size:14px; }
  .experience-v2 .home-card-fan { height:270px; transform:scale(.9); }
  .experience-v2 .workspace-intro { padding:30px 22px; min-height:200px; margin:18px 0; }
  .experience-v2:is([data-section="records"],[data-section="squad"]) .workspace-intro { padding:30px 22px 65px; min-height:260px; }
  .experience-v2:is([data-section="records"],[data-section="squad"]) .workspace-intro::before { inset:0; opacity:.6; background-position:65% 40%; }
  .experience-v2 .workspace-intro h1 { max-width:280px; font-size:30px; }
  .experience-v2:is([data-section="records"],[data-section="squad"]) .workspace-intro #workspaceAction { left:22px; bottom:18px; }
  .experience-v2 .experience-toolbar { flex-direction:column; align-items:stretch; gap:10px; }
  .experience-v2 .mode-switch a { min-width:0; flex:1; font-size:13px; padding:8px 12px; min-height:39px; }
  .experience-v2 #experienceModeHint { text-align:center; font-size:11px; }
  .experience-v2 .featured-pool { padding:26px 20px; }
  .experience-v2 .featured-players { gap:10px; }
  .experience-v2 .devil-panel { padding:0 16px 20px; }
  .experience-v2 .devil-visual-banner { margin:0 -16px; height:230px; }
  .experience-v2 .devil-visual-banner img { object-position:55% center; }
  .experience-v2 .devil-hero { flex-direction:column; align-items:stretch; gap:14px; }
  .experience-v2 .collection-heading { align-items:flex-start; gap:14px; }
  .experience-v2 .collection-heading h1 { font-size:30px; }
  .experience-v2 .collection-heading > div:first-child { min-width:0; }
  .experience-v2 .collection-heading p { font-size:12px; }
  .experience-v2 .collection-completion { margin-top:25px; }
  .experience-v2 .collection-completion strong { font-size:22px; }
  .experience-v2 .collection-completion span { font-size:9px; }
  .experience-v2 .collection-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  .experience-v2 .collectible-art { padding:22px 15px 10px; aspect-ratio:.68; }
  .experience-v2 .collectible-rating { top:12px; left:12px; font-size:21px; }
  .experience-v2 .collectible-edition { right:10px; top:12px; font-size:7px; }
  .experience-v2 .collectible-caption { padding:12px; }
  .experience-v2 .collectible-caption h3 { font-size:14px; }
  .experience-v2 .collectible-actions { flex-wrap:wrap; gap:0; padding-top:6px; }
  .experience-v2 .collectible-actions span,.experience-v2 .collectible-actions button { font-size:10px; }
  .experience-v2 .collection-pull-console { grid-template-columns:1fr; gap:24px; padding:26px; }
  .experience-v2 .collection-pull-console h2 { font-size:26px; }
  .experience-v2 .collection-currency { border-left:0; border-top:1px solid #71877944; padding:22px 0 0; }
  .experience-v2 .collection-album { padding:0 14px; }
  .experience-v2 .collection-album > summary { font-size:17px; gap:8px; }
  .experience-v2 .collection-album summary small { font-size:10px; }
  .experience-v2 .collection-section-heading h2 { font-size:20px; }
  .experience-v2 .collection-section-heading span { font-size:10px; }
  .experience-v2 .reveal-modal .reveal-panel { height:calc(100dvh - 16px); max-height:none; width:calc(100vw - 16px); padding:40px 5px 15px; }
  .experience-v2 .reveal-modal .reveal-card { width:min(285px,71vw); height:min(430px,58dvh); }
  .experience-v2 .reveal-modal .reveal-stage-player .reveal-player-portrait { max-height:270px; }
  .experience-v2 .reveal-modal.has-special-reveal.reveal-modal-stage-player .reveal-card { left:-19%; transform:scale(.62); }
  .experience-v2 .reveal-modal.has-special-reveal .reveal-special { left:18%; right:-20%; }
  .experience-v2 .reveal-modal.has-special-reveal .reveal-special img { width:105vw; max-height:70vh; }
  .experience-v2 .reveal-batch-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .experience-v2 .reveal-batch-panel { padding:18px 12px; width:100%; }
}
/* Keep the framed card and the action artwork close, with a shared overlap. */
.experience-v2 #revealModal.has-special-reveal #revealCard { left:-18%; transition:transform .5s ease-out,left .5s ease-out; }
.experience-v2 #revealModal.has-special-reveal.reveal-modal-stage-flag #revealCard { transform:translateY(24px) rotate(-4deg) scale(.60); }
.experience-v2 #revealModal.has-special-reveal.reveal-modal-stage-position #revealCard { transform:translateY(16px) rotate(-2deg) scale(.62); }
.experience-v2 #revealModal.has-special-reveal.reveal-modal-stage-team #revealCard { transform:translateY(8px) rotate(-1deg) scale(.64); }
.experience-v2 #revealModal.has-special-reveal.reveal-modal-stage-player #revealCard { left:-18%; transform:scale(.66); }
.experience-v2 #revealModal.has-special-reveal #revealSpecial { inset:-3% 1% 13% 18%; place-items:center; z-index:1; }
.experience-v2 #revealModal.has-special-reveal #revealSpecialArt { width:min(620px,68vw); max-height:74dvh; transform-origin:50% 55%; object-fit:contain; transition:opacity .5s ease-out,filter .5s ease-out,transform .5s ease-out; }
.experience-v2 #revealModal.has-special-reveal.reveal-modal-stage-flag #revealSpecialArt { transform:translate3d(0,12px,0) scale(.94); }
.experience-v2 #revealModal.has-special-reveal.reveal-modal-stage-position #revealSpecialArt { transform:translate3d(0,8px,0) scale(.96); }
.experience-v2 #revealModal.has-special-reveal.reveal-modal-stage-team #revealSpecialArt { transform:translate3d(0,4px,0) scale(.98); }
.experience-v2 #revealModal.has-special-reveal.reveal-modal-stage-player #revealSpecialArt { opacity:1; transform:translate3d(0,0,0) scale(1); }
@media(max-width:700px) {
  .experience-v2 #revealModal.has-special-reveal .reveal-panel { min-height:0; height:calc(100dvh - 16px); max-height:calc(100dvh - 16px); padding:40px 5px 15px; }
  .experience-v2 #revealModal.has-special-reveal #revealCard { left:-17%; }
  .experience-v2 #revealModal.has-special-reveal.reveal-modal-stage-flag #revealCard { transform:translateY(24px) rotate(-4deg) scale(.50); }
  .experience-v2 #revealModal.has-special-reveal.reveal-modal-stage-position #revealCard { transform:translateY(16px) rotate(-2deg) scale(.52); }
  .experience-v2 #revealModal.has-special-reveal.reveal-modal-stage-team #revealCard { transform:translateY(8px) rotate(-1deg) scale(.54); }
  .experience-v2 #revealModal.has-special-reveal.reveal-modal-stage-player #revealCard { left:-17%; transform:scale(.56); }
  .experience-v2 #revealModal.has-special-reveal #revealSpecial { inset:2% -8% 20% 22%; }
  .experience-v2 #revealModal.has-special-reveal #revealSpecialArt { width:94vw; max-height:62dvh; }
}
/* A-pool, signature and highlight cards share the same gold material at every size. */
.experience-v2 .featured-player.tier-A .featured-player-art,
.experience-v2 .collectible-card.is-gold-card .collectible-art,
.experience-v2 #revealCard.is-gold-card {
  background:var(--card-gold); border:2px solid var(--card-gold-edge);
  box-shadow:inset 0 0 0 3px #fff0bd66,0 8px 28px #8e632a26;
}
.experience-v2 .featured-player.tier-A .featured-player-art { padding:10px; border-radius:10px; }
.experience-v2 .featured-player.tier-A .featured-player-art img { object-fit:contain; }
.experience-v2 .collectible-card.is-gold-card { background:#fbf1d7; border-color:#b28b43; }
.experience-v2 .collectible-card.is-gold-card .collectible-art { border-width:0 0 1px; }
.experience-v2 .collectible-card.is-gold-card .collectible-art::after { border-color:#fff0bb; }
.experience-v2 .collectible-card.is-gold-card .collectible-rating { color:#352708; text-shadow:0 1px #fff2c6; }
.experience-v2 .collectible-card.is-gold-card .collectible-edition { background:#5c431ddd; color:#fff1ba; }
.experience-v2 .collectible-card.is-locked { filter:grayscale(1); border-color:#b9bdb6; background:#f0f1eb; }
.experience-v2 .collectible-lock { color:#24332c; font-weight:600; }
.experience-v2 #revealCard.is-gold-card::after { border-color:#fff3c1; opacity:.8; }
.experience-v2 #revealCard.is-gold-card .reveal-card-top :is(span,strong),
.experience-v2 #revealCard.is-gold-card .reveal-card-bottom :is(span,strong),
.experience-v2 #revealCard.is-gold-card .reveal-stage-label { color:#33250f; text-shadow:0 1px #fff3c099; }
.experience-v2 :is(.draw-tile.tier-A,.inventory-player.tier-A,.reveal-batch-tile.is-gold-card,.latest-result.tier-A,.player-row.tier-A) {
  background:linear-gradient(135deg,#fff1c8,#edcf89 55%,#d6b069);
  border:1px solid #b78b42; box-shadow:inset 0 0 0 2px #fff6d055; color:#3f2e13;
}
.experience-v2 :is(.draw-tile.tier-A,.inventory-player.tier-A,.reveal-batch-tile.is-gold-card,.latest-result.tier-A) :is(strong,small,span) { color:#493516; text-shadow:none; }
.experience-v2 .reveal-batch-tile.is-gold-card .reveal-batch-portrait { border-color:#b28b43; background:var(--card-gold); }
.experience-v2 .player-row.tier-A .ovr-badge { background:#9e732a; color:#fff4d5; }
@media (prefers-reduced-motion:reduce) {
  .experience-v2 *, .experience-v2 *::before, .experience-v2 *::after { animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; scroll-behavior:auto!important; }
}

/* Keep one prominent pack entry; individual modes live in the draw toolbar. */
.experience-v2 .review-hero-access { margin-top:22px; max-width:470px; }
.experience-v2 .review-hero-access > p { margin:0 0 12px; color:#eef4f3; font-size:14px; }
.experience-v2 .review-hero-access code { display:inline-block; padding:4px 9px; border-radius:6px; background:#ffffff1a; color:#f2dca5; font-size:16px; user-select:all; }
.experience-v2 .review-hero-controls { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 10px; align-items:center; }
.experience-v2 .review-hero-controls label { grid-column:1/-1; color:#eef4f3; font-size:13px; }
.experience-v2 .review-hero-controls input { width:100%; min-width:0; }
.experience-v2 .review-hero-controls button { min-height:44px; padding:10px 16px; border:1px solid #ead49d; border-radius:10px; background:#ead49d; color:#183138; font-size:14px; font-weight:650; cursor:pointer; white-space:nowrap; }
.experience-v2 .review-hero-controls button:disabled { opacity:.75; cursor:default; }
.experience-v2 .review-hero-access .review-access-status { margin:10px 0 0; font-size:13px; }
.experience-v2 .review-hero-access .review-access-status:empty { display:none; }

.experience-v2 #sectionNavigation .shell-link[data-route="drawPage"] {
  flex-shrink:0; justify-content:center; min-height:44px; min-width:112px;
  margin:6px 0; padding:10px 20px; border:1px solid #cbdce5; border-radius:999px;
  background:#e7eff3; color:#244e66; font-size:15px; font-weight:700;
}
.experience-v2 #sectionNavigation .shell-link[data-route="drawPage"].is-current {
  background:#285e7d; color:#fff; border-color:#285e7d;
}
.experience-v2 #sectionNavigation .shell-link[data-route="drawPage"]:hover {
  background:#204d67; color:#fff; border-color:#204d67;
}