.master-pass { --master-gold:#ffd35e; --master-green:#8ce0bc; --master-ice:#a6d9ed; color:#f1f3f4; }
body[data-destination="rewards"] .section-atmosphere { display:none; }
.master-pass button,.master-pass a,.master-inspect button,.master-inspect a { letter-spacing:0; }
.master-pass button.text-link,.master-inspect button.text-link { appearance:none; border:0; background:transparent; color:#f1f3f4; font:inherit; min-height:36px; padding:0; cursor:pointer; display:inline-flex; gap:8px; align-items:center; text-align:left; }
.master-pass button.text-link:focus-visible,.master-inspect button.text-link:focus-visible { outline:2px solid #fff; outline-offset:4px; }
.master-hero { position:relative; min-height:410px; overflow:hidden; isolation:isolate; border-bottom:1px solid #5c522d; }
.master-hero-scene { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:72% 46%; z-index:-2; }
.master-hero::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#080b0e 5%,#080b0eee 28%,#080b0e50 67%,#080b0e65),linear-gradient(0deg,#080b0e 0%,transparent 35%); }
.master-hero-copy { padding:42px 28px 42px 0; position:relative; width:56%; }
.master-eyebrow { display:flex; gap:10px; align-items:center; font-size:10px; color:var(--master-gold); font-weight:700; }
.master-eyebrow span { border-left:1px solid #727260; padding-left:12px; font-family:var(--font-mono,monospace); color:#c5d0d3; }
.master-hero h1 { font-size:68px; line-height:1; margin:24px 0 16px; font-weight:900; letter-spacing:0; }
.master-hero h1 em { font-style:normal; color:var(--master-gold); }
.master-hero p { font-size:14px; color:#b8c4c8; margin:8px 0; }
.master-hero p.master-subtitle { font-size:22px; font-weight:700; color:#f1f3f4; }
.master-hero-meta { display:flex; gap:20px; margin-top:30px; color:#dae0df; font-size:10px; font-family:var(--font-mono,monospace); }
.master-hero-shelf { position:absolute; right:4%; top:55px; width:40%; height:260px; display:flex; align-items:center; justify-content:center; gap:0; perspective:900px; }
.master-hero-shelf img { width:24%; aspect-ratio:2/3; height:auto; object-fit:contain; box-shadow:0 14px 30px #000b; border:1px solid #60605b; border-radius:5px; transform:rotateY(-12deg) rotate(-5deg); }
.master-hero-shelf img:nth-child(2) { transform:translateY(-10px) rotate(-2deg); z-index:2; }
.master-hero-shelf img:nth-child(3) { transform:translateY(2px) rotate(4deg); z-index:3; }
.master-hero-shelf img:nth-child(4) { transform:translateY(14px) rotate(7deg); z-index:4; }
.master-hero-caption { position:absolute; bottom:26px; right:18px; font:9px var(--font-mono,monospace); color:#aebbbf; }
.master-progress { display:grid; grid-template-columns:160px minmax(180px,1fr) 110px auto; gap:26px; padding:24px 0; align-items:center; border-bottom:1px solid #2b3337; }
.master-progress>div>small,.master-section-heading small { display:block; font-size:9px; color:#adbdc2; margin-bottom:8px; }
.master-progress>div>strong { font-size:21px; color:var(--master-gold); }
.master-xp>div:first-child { display:flex; justify-content:space-between; gap:12px; font-size:12px; align-items:baseline; }
.master-xp span { color:#aeb9be; font-size:10px; }
.master-xp-bar { background:#283034; height:5px; margin-top:12px; }
.master-xp-bar i { display:block; height:100%; background:var(--master-green); transition:width .3s; }
.master-system-status { font-size:12px; color:#adb9be; padding:14px 0; margin:0; }
.master-system-status .text-link { margin-left:12px; }
.master-section-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:24px 0; }
.master-section-heading h2 { font-size:24px; line-height:1.2; margin:0; letter-spacing:0; }
.master-section-heading>span { font:9px var(--font-mono,monospace); color:#aebac1; }
.master-track-legend { display:flex; gap:22px; align-items:center; font-size:12px; }
.master-track-legend span { display:flex; gap:7px; align-items:center; color:var(--master-green); }
.master-track-legend span:last-child { color:var(--master-gold); }
.master-chapters { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); border-top:1px solid #28343a; border-bottom:1px solid #28343a; overflow:auto; scrollbar-width:thin; }
.master-chapters button { appearance:none; border:0; border-right:1px solid #28343a; border-radius:0; color:#a5b3b9; background:transparent; padding:14px 10px; text-align:left; min-width:0; cursor:pointer; position:relative; }
.master-chapters button:last-child { border-right:0; }
.master-chapters button[aria-selected="true"] { color:#fff; background:#1a2329; box-shadow:inset 0 -3px var(--master-gold); }
.master-chapters button span { color:var(--master-gold); font-size:16px; font-weight:800; }
.master-chapters button strong { display:block; font-size:11px; line-height:1.35; min-height:30px; margin:8px 0; overflow-wrap:anywhere; }
.master-chapters button small { font:9px var(--font-mono,monospace); color:#94a6ae; }
.master-lanes { display:grid; grid-template-columns:35px minmax(0,1fr); gap:10px; margin:22px 0 34px; }
.master-lane-key { display:flex; flex-direction:column; justify-content:space-around; padding-top:35px; }
.master-lane-key span { writing-mode:vertical-rl; transform:rotate(180deg); display:flex; align-items:center; gap:8px; font-size:10px; color:var(--master-green); }
.master-lane-key span:last-child { color:var(--master-gold); }
.master-tier-track { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; min-width:0; overflow:auto; scrollbar-width:thin; scrollbar-color:#62767f #10161a; padding:4px 4px 14px; }
.master-tier { display:grid; grid-template-rows:26px 290px 290px; gap:12px; min-width:0; }
.master-tier>header { display:flex; justify-content:space-between; align-items:center; border-top:1px solid #45525a; padding-top:9px; }
.master-tier>header strong { font-size:20px; }
.master-tier>header span { font:9px var(--font-mono,monospace); color:#a0b1b8; }
.master-drop { min-width:0; width:100%; padding:0; appearance:none; display:flex; flex-direction:column; border:1px solid #39484f; border-radius:6px; background:#10181e; text-align:left; cursor:pointer; overflow:hidden; color:#f1f3f4; transition:border-color .15s,transform .15s; }
.master-drop.plus { background:#1a1a1d; border-color:#5b5035; }
.master-drop:hover { border-color:var(--master-green); transform:translateY(-3px); }
.master-drop.plus:hover { border-color:var(--master-gold); }
.master-drop:focus-visible,.master-chapters button:focus-visible { outline:2px solid #fff; outline-offset:2px; }
.master-drop-art { height:141px; flex:none; width:100%; overflow:hidden; position:relative; background:#0a0e11; }
.master-drop-art img { width:100%; height:100%; object-fit:cover; object-position:50% 35%; }
.master-drop-art.hub-concept img { object-position:78% 42%; }
.master-drop-art::after { content:""; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,#0b1119); }
.master-drop-art>span { position:absolute; top:10px; left:10px; right:8px; color:#fff; font:9px var(--font-mono,monospace); text-shadow:0 1px 5px #000; }
.master-drop-art>b { position:absolute; z-index:1; bottom:10px; left:12px; display:flex; gap:8px; align-items:center; font-size:12px; }
.master-drop-copy { display:flex; flex-direction:column; padding:12px; flex:1; min-height:0; }
.master-drop-copy>small { font-size:9px; color:var(--master-green); }
.master-drop.plus .master-drop-copy>small { color:var(--master-gold); }
.master-drop h3 { font-size:15px; line-height:1.2; margin:7px 0; font-weight:800; overflow-wrap:anywhere; letter-spacing:0; }
.master-drop-copy>p { font-size:10px; line-height:1.4; color:#b7c2c8; margin:0; }
.master-drop-state { margin-top:auto; padding-top:12px; display:flex; align-items:center; gap:5px; font-size:9px; color:#aebdc6; }
.state-claimable .master-drop-state,.state-owned .master-drop-state { color:#8ce0bc; }
.master-gap { cursor:default; align-items:center; justify-content:center; text-align:center; border:1px dashed #283740; background:transparent; color:#718993; }
.master-gap p { font-size:11px; line-height:1.7; }
.master-gap:hover { transform:none; border-color:#283740; }
.master-goals { padding:12px 0 30px; border-top:1px solid #2d3b42; }
.master-goal-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.master-goal-grid>div { padding:0 22px 6px 0; border-right:1px solid #2d3b42; }
.master-goal-grid>div:last-child { border-right:0; }
.master-goal-grid svg { color:var(--master-ice); }
.master-goal-grid h3 { margin:12px 0 9px; font-size:16px; }
.master-goal-grid p { color:#e0e6e8; margin:0 0 8px; font-size:14px; }
.master-goal-grid small { color:#a4b4bb; font-size:10px; }
.master-finale { position:relative; min-height:320px; padding:38px; isolation:isolate; overflow:hidden; border-top:1px solid #343e45; border-bottom:1px solid #343e45; }
.master-finale>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:-2; }
.master-finale::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#050c11ef 8%,#050c11bf 40%,#050c1130); }
.master-finale small { color:var(--master-green); font-size:10px; }
.master-finale h2 { font-size:36px; line-height:1.05; letter-spacing:0; margin:16px 0; }
.master-finale p { font-size:13px; margin:8px 0; }
.master-finale p.master-finale-detail { color:#b0c1c7; }
.master-finale button { margin-top:20px; color:#fff; }
.master-finale>span { position:absolute; bottom:14px; right:18px; color:#b9c4c9; font:8px var(--font-mono,monospace); }
.master-legacy { padding-top:28px; }
.master-legacy>summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 0; border-bottom:1px solid #344249; cursor:pointer; font-size:13px; }
.master-legacy>summary>span { display:flex; align-items:center; gap:12px; }
.master-legacy>summary>span:last-child { color:#acbcc4; font-size:11px; }
.master-legacy .vault-masthead,.master-legacy .vault-status,.master-legacy .level-banner { display:none; }
.master-legacy .season-track-head h2 { font-size:22px; }
.master-inspect { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; }
.master-inspect-art { min-width:0; position:relative; }
.master-inspect-art img { width:100%; max-height:520px; object-fit:contain; background:#080d11; border-radius:6px; }
.master-inspect-art small { display:block; margin:12px 0; color:#aebbc3; font:8px var(--font-mono,monospace); }
.master-inspect-copy { min-width:0; }
.master-inspect h3 { font-size:25px; margin:12px 0; letter-spacing:0; }
.master-state { font-size:11px; color:#abc1cb; padding:8px 0; display:block; }
.master-inspect ul { padding:0; margin:20px 0; list-style:none; }
.master-inspect li { display:flex; gap:10px; align-items:flex-start; padding:9px 0; font-size:13px; border-bottom:1px solid #293840; }
.master-inspect li svg { flex:none; color:#8ce0bc; margin-top:2px; }
.master-inspect li small { display:block; color:#9eafb6; font-size:10px; margin-top:5px; }
.master-inspect-policy { font-size:11px; line-height:1.7; color:#a9bac2; }
.master-inspect-actions { display:flex; flex-wrap:wrap; gap:20px; align-items:center; margin-top:25px; }
.master-delivery-warning { font-size:11px; line-height:1.5; color:#e0ba75; }
.master-collection { margin-bottom:30px; }
.master-cosmetic-art[data-slot="frame"] img { width:70px; height:70px; border:3px solid #ffd35e; border-radius:50%; object-fit:cover; }
.master-cosmetic-art[data-slot="card"] img { width:80%; height:80%; object-fit:cover; border-left:3px solid #8ce0bc; }
.master-equipped-frame .space-identity>.avatar { outline:3px solid #ffd35e; outline-offset:5px; box-shadow:0 0 0 10px #0f2731; }
.master-equipped-card .space-identity>div { border-left:3px solid #8ce0bc; padding-left:20px; background:linear-gradient(90deg,#0b2730c0,transparent); }
.master-earned-title { color:#ffd35e; }
@media (prefers-reduced-motion:no-preference) {
 .master-hero-shelf { animation:master-float 8s ease-in-out infinite; }
 .master-equipped-frame .space-identity>.avatar { animation:master-frame 6s ease-in-out infinite; }
 .master-equipped-card .space-identity>div { animation:master-card 8s ease-in-out infinite; }
 .master-living-cover .space-wallpaper { animation:master-scene 24s ease-in-out infinite; }
 @keyframes master-float { 50% { transform:translateY(-6px); } }
 @keyframes master-frame { 50% { outline-color:#a6d9ed; } }
 @keyframes master-card { 50% { border-left-color:#ffd35e; } }
 @keyframes master-scene { 50% { transform:scale(1.045) translateX(-.5%); } }
}
@media (max-width:1100px) {
 .master-chapters { display:flex; }
 .master-chapters button { flex:0 0 125px; }
 .master-tier-track { grid-template-columns:repeat(5,200px); scroll-snap-type:x mandatory; }
 .master-tier { scroll-snap-align:start; }
 .master-progress { grid-template-columns:125px minmax(120px,1fr) auto; gap:20px; }
 .master-progress>div:nth-child(3) { display:none; }
 .master-hero h1 { font-size:58px; }
}
@media (max-width:680px) {
 .master-hero { min-height:440px; }
 .master-hero-copy { width:100%; padding:28px 0 165px; }
 .master-hero h1 { font-size:46px; margin:20px 0 12px; }
 .master-hero p.master-subtitle { font-size:18px; }
 .master-hero p { font-size:12px; }
 .master-hero-shelf { top:auto; bottom:38px; right:14%; width:60%; height:115px; }
 .master-hero-shelf img { max-height:110px; width:24%; }
 .master-hero::after { background:linear-gradient(90deg,#080b0eef,#080b0e88),linear-gradient(0deg,#080b0e,transparent 70%); }
 .master-eyebrow { font-size:10px; gap:6px; flex-wrap:wrap; }
 .master-hero-meta { gap:14px; margin-top:20px; font-size:10px; }
 .master-hero-caption { bottom:16px; font-size:9px; right:0; }
 .master-progress { grid-template-columns:1fr auto; gap:15px; padding:20px 0; }
 .master-progress>div:first-child>strong { font-size:18px; }
 .master-xp { grid-column:1/-1; grid-row:2; }
 .master-progress>a { grid-row:1; grid-column:2; font-size:11px; }
 .master-section-heading { align-items:flex-start; }
 .master-section-heading h2 { font-size:20px; }
 .master-section-heading>span { max-width:80px; font-size:9px; text-align:right; line-height:1.6; }
 .master-track-legend { flex-direction:column; align-items:flex-start; gap:8px; font-size:10px; }
 .master-lanes { grid-template-columns:24px minmax(0,1fr); gap:5px; }
 .master-tier-track { grid-template-columns:repeat(5,minmax(210px,70vw)); gap:12px; }
 .master-tier { grid-template-rows:26px 280px 280px; }
 .master-goal-grid { grid-template-columns:1fr; gap:0; }
 .master-goal-grid>div { display:grid; grid-template-columns:32px 1fr; column-gap:12px; padding:16px 0; border-right:0; border-bottom:1px solid #2d3b42; }
 .master-goal-grid svg { grid-row:1/4; margin-top:10px; }
 .master-goal-grid h3 { margin:0 0 8px; }
 .master-goal-grid small,.master-goal-grid p { grid-column:2; }
 .master-finale { padding:25px 16px 45px; min-height:310px; }
 .master-finale h2 { font-size:29px; }
 .master-finale>span { font-size:9px; left:16px; right:16px; }
 .master-inspect { grid-template-columns:1fr; gap:12px; }
 .master-inspect-art img { max-height:220px; }
 .master-inspect h3 { font-size:22px; }
}