.master-track-comparison { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:18px 0 30px; }
.master-track-comparison>div { position:relative; min-height:235px; overflow:hidden; isolation:isolate; border-bottom:2px solid #7de0c1; }
.master-track-comparison>div.plus { border-color:#ffd35e; }
.master-track-comparison img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:76% center; z-index:-2; }
.master-track-comparison>div::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#061015f5,#061015a0 53%,#06101518); z-index:-1; }
.master-track-comparison>div>div { padding:28px 24px; max-width:78%; }
.master-track-comparison small { display:flex; align-items:center; gap:7px; font-size:10px; color:#9fefda; }
.master-track-comparison .plus small { color:#ffe193; }
.master-track-comparison h2 { font-size:25px; line-height:1.15; margin:16px 0 12px; }
.master-track-comparison p { font-size:12px; color:#c2ced3; line-height:1.7; margin:0; }
.master-track-comparison>p { grid-column:1/-1; color:#a9b7bb; font-size:11px; }
.master-tier { grid-template-rows:26px 320px 320px; }
.master-drop-copy>small { display:flex; justify-content:space-between; gap:6px; line-height:1.5; }
.master-drop-copy>small>span { font:8px var(--font-mono,monospace); color:#adb7bd; flex:none; }
.master-drop-copy { padding:14px 12px; }
.master-drop h3 { font-size:16px; }
.reward-display { position:relative; width:100%; height:155px; flex:none; overflow:hidden; background:#102525; isolation:isolate; }
.reward-display.plus { background:#181911; }
.reward-scene { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:72% center; z-index:-2; }
.reward-display.is-bundle .reward-scene { opacity:.3; }
.reward-display::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,#0a161af0,transparent 80%); z-index:-1; }
.reward-display.plus::after { background:linear-gradient(0deg,#181715f0,transparent 80%); }
.reward-edition { position:absolute; top:10px; left:10px; right:10px; display:flex; align-items:center; gap:6px; font:8px var(--font-mono,monospace); color:#b0f3de; }
.reward-display.plus .reward-edition { color:#ffe08a; }
.reward-caption { position:absolute; bottom:9px; left:10px; right:10px; font:8px var(--font-mono,monospace); color:#d3dce0; }
.reward-world { position:absolute; width:47px; height:60px; right:12px; top:42px; object-fit:cover; border:1px solid #64766a; border-radius:3px; transform:rotate(7deg); }
.reward-objects { display:flex; position:absolute; left:12px; right:12px; top:38px; bottom:29px; gap:10px; align-items:center; }
.reward-display:has(.reward-world) .reward-objects { right:66px; }
.reward-object { min-width:0; flex:1; display:flex; flex-direction:column; align-items:center; gap:9px; color:#9ceacb; }
.reward-object svg { flex:none; }
.reward-object b { font-size:9px; font-weight:600; line-height:1.3; text-align:center; max-width:100%; overflow-wrap:anywhere; }
.reward-display.plus .reward-object { color:#ffe4a2; }
.reward-object[data-slot="frame"] svg { padding:8px; box-sizing:content-box; border:1px solid currentColor; border-radius:50%; }
.reward-object[data-slot="card"] { border-left:2px solid currentColor; padding-left:7px; align-items:start; }
.reward-object[data-slot="card"] b { text-align:left; }
.reward-choice { display:flex; gap:12px; align-items:center; color:#a6e1d5; }
.plus .reward-choice { color:#ffe08a; }
.reward-choice b { font-size:13px; }
.master-inspect-art .reward-display.is-large { height:auto; min-height:310px; aspect-ratio:4/3; border-radius:6px; }
.reward-display.is-large .reward-world { width:82px; height:103px; right:24px; top:72px; }
.reward-display.is-large:has(.reward-world) .reward-objects { right:124px; }
.reward-display.is-large .reward-objects { left:24px; gap:20px; flex-wrap:wrap; }
.reward-display.is-large .reward-object { flex:1 1 30%; }
.reward-display.is-large .reward-object b { font-size:12px; }
.reward-display.is-large .reward-edition,.reward-display.is-large .reward-caption { font-size:10px; left:18px; }
.master-inspect-art .reward-scene { max-height:none; border-radius:0; object-fit:cover; }
.master-inspect-art .reward-world { border-radius:3px; object-fit:cover; }
[data-master-frame="free"] .space-identity>.avatar { outline-color:#8ce0bc; box-shadow:0 0 0 10px #112c28; animation:none; }
[data-master-frame="plus"] .space-identity>.avatar { outline-color:#ffdc7d; }
[data-master-card="free"] .space-identity>div { border-left-color:#8ce0bc; background:#102b2a95; animation:none; }
[data-master-card="plus"] .space-identity>div { border-left-color:#ffdc7d; background:linear-gradient(90deg,#43341caa,transparent); }
@media(prefers-reduced-motion:no-preference) { .reward-display.plus.is-cover .reward-scene { animation:reward-portal-pan 20s ease-in-out infinite; } @keyframes reward-portal-pan { 50% { transform:scale(1.045) translateX(-1%); } } }
@media(max-width:1100px) { .master-track-comparison>div>div { max-width:90%; } }
@media(max-width:680px) { .master-track-comparison { grid-template-columns:1fr; gap:18px; } .master-track-comparison>div { min-height:215px; } .master-track-comparison h2 { font-size:22px; } .master-track-comparison>div>div { padding:24px 18px; max-width:80%; } .master-tier { grid-template-rows:26px 310px 310px; } .master-inspect-art .reward-display.is-large { min-height:235px; } }