.mode-header{max-width:1320px;height:84px}.mode-header nav{gap:24px}.mode-main{max-width:1180px;padding:48px 36px 36px}.mode-heading{max-width:720px;margin-bottom:34px}.mode-heading h1{font-size:clamp(48px,6vw,76px);margin:18px 0}.mode-heading>p{max-width:570px;color:var(--muted);line-height:1.8}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mode-card{background:var(--panel);border:1px solid #3a4034;overflow:hidden;display:flex;flex-direction:column}.mode-art{height:200px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 70%,#53683b,#1c291c 70%)}.unique-card .mode-art{background:radial-gradient(ellipse at 70% 70%,#693e30,#291f1c 70%)}.mode-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#191d19,transparent 55%)}.mode-art img{height:100%;width:65%;object-fit:cover;object-position:center top;position:absolute;right:0;opacity:.8;filter:saturate(.75)}.art-seal{position:absolute;left:28px;top:5px;font-size:155px;font-family:serif;color:#bdc8a533;line-height:1.1}.art-number{position:absolute;left:28px;bottom:18px;z-index:1;font-size:10px;letter-spacing:2px;color:#d6cbaa}.mode-card-body{padding:28px;flex:1;display:flex;flex-direction:column}.mode-card h2{font:700 36px 'Barlow Condensed',Impact,sans-serif;margin:12px 0}.mode-card-body>p{line-height:1.8;color:#b4bbab}.mode-features{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.mode-features li{font-size:11px;background:#252c22;border:1px solid #3c4536;padding:7px 9px;color:#c9d0bd}.mode-card-body .mode-progress{font-size:12px;padding-top:18px;border-top:1px solid var(--line);margin:auto 0 18px;color:#c8cdbf}.mode-card .primary,.mode-card .secondary{display:flex;width:100%;justify-content:space-between;min-height:50px}.mode-card .secondary{border:1px solid #80624b;color:#f2bf95;background:#2d241d;padding:16px 21px}.mode-card .secondary:hover{background:#3e3025}.mode-note{font-size:12px;text-align:center;margin-top:24px;color:var(--muted);line-height:1.7}.mode-footer{max-width:1180px;margin:auto;padding:24px 36px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}.back-link{display:inline-block;color:#c8b094;font-size:12px;margin-bottom:32px}.unique-intro{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:40px}.unique-intro h1{font-size:clamp(48px,6vw,76px);margin:22px 0}.unique-intro p{color:#b4bbab;line-height:1.9;max-width:580px;margin-bottom:18px}.unique-intro .primary{margin-top:8px}.unique-emblem{font-family:serif;font-size:200px;text-align:center;color:#b97b4355;background:radial-gradient(circle,#382c20,transparent 70%)}.unique-emblem span{display:block;font:10px 'DM Sans',sans-serif;color:#c8b094;letter-spacing:4px}.unique-details{margin:56px 0 20px;padding-top:32px;border-top:1px solid var(--line)}.unique-details h2{font:700 32px 'Barlow Condensed',Impact,sans-serif;margin-bottom:22px}.unique-details ol{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0}.unique-details li{counter-increment:step;padding:22px;background:#191d19;border:1px solid var(--line)}.unique-details li:before{content:'0' counter(step);display:block;color:var(--orange);font-size:12px;margin-bottom:16px}.unique-details b{font-size:16px}.unique-details p{line-height:1.8;font-size:12px;color:#b4bbab;margin-top:12px}@media(max-width:700px){.mode-header{padding:0 20px}.mode-header nav{gap:16px}.mode-main{padding:32px 20px}.mode-grid{grid-template-columns:1fr}.mode-art{height:180px}.mode-card-body{padding:24px}.mode-footer{padding:24px 20px;flex-direction:column;gap:8px}.unique-intro{grid-template-columns:1fr}.unique-emblem{display:none}.unique-details ol{grid-template-columns:1fr}.mode-heading h1,.unique-intro h1{font-size:52px}}