:root{color-scheme:dark;--bg:#0b0f1a;--panel:#141b2b;--line:#26304a;--gold:#c9a44c;--blue:#4c7df0;--ink:#eeeae2;--muted:#abb6ca;--display:Cinzel,Georgia,serif}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Inter,Arial,sans-serif}
a{color:#becfff;text-decoration:none}a:hover{text-decoration:underline}
button,select{font:inherit;color:inherit;cursor:pointer}
button,a,summary,select,label{touch-action:manipulation}
:focus-visible,input:focus-visible+span{outline:2px solid #f6d585;outline-offset:3px}
.bar,main,footer{width:min(1180px,92%);margin:auto}
header{border-bottom:1px solid var(--line);background:#101624}
.bar,nav,.brand,.sectionhead,.mast,.related,.racebar,.jump{display:flex;align-items:center}
.bar{justify-content:space-between;gap:1rem;min-height:68px}
.brand{font:600 20px var(--display);gap:12px;color:var(--ink);min-height:44px}
.seal{font:32px/1 Georgia;color:var(--gold)}
nav{gap:22px}nav a,.related a,.jump a{min-height:44px;display:inline-flex;align-items:center;font-size:13px}
nav a{color:var(--muted);border-bottom:1px solid transparent}nav a[aria-current]{color:#f1d395;border-color:var(--gold)}
.mast{justify-content:space-between;position:relative;overflow:hidden;min-height:153px;border-bottom:1px solid var(--line);margin-bottom:24px}
.eyebrow,small,h3,legend,.racebar label{color:#d9ba77;font:600 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.eyebrow b{margin:0 8px;color:#7d704f}
h1,h2,.name,.price{font-family:var(--display)}
h1{font-size:clamp(29px,4.1vw,56px);font-weight:500;letter-spacing:-.045em;line-height:1.1;margin:12px 0 0}
h2{font-weight:500;font-size:24px;line-height:1.25;margin:0 0 18px}
.compass{width:128px;height:128px;flex:none;position:relative;margin-right:45px;display:grid;place-items:center;border:1px solid #504938;border-radius:50%;color:#ad9358;transform:rotate(-12deg)}
.compass:before,.compass:after,.compass i{content:"";position:absolute;border:1px solid #514936;inset:14px;transform:rotate(45deg)}
.compass:after{inset:8px;border-radius:50%}.compass i{inset:19px;transform:rotate(0)}.compass span{font:94px/1 Georgia}
.workshop{display:grid;grid-template-columns:minmax(240px, .85fr) minmax(0,2fr);gap:24px;align-items:start}
.panel,.offer{background:var(--panel);border:1px solid var(--line);padding:22px;border-radius:6px}
.panel h2{font-size:21px}.panel details{border:0}.panel summary{color:var(--muted)}
fieldset{padding:0;margin:0 0 13px;border:0;min-width:0}legend{margin-bottom:5px}
.options{display:flex;flex-wrap:wrap;gap:4px}.options label{position:relative;flex:1;min-width:max-content;cursor:pointer}
.options label:has(input[name=style]){flex-basis:46%}
.options input,.sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.options span{display:grid;place-items:center;min-height:44px;font-size:13px;padding:0 6px;border:1px solid var(--line);border-radius:4px;background:#0e1523;color:var(--muted)}
input:checked+span{background:#223454;color:#e1eaff;border-color:#5879b7}
.primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;background:var(--blue);color:#080f21;font-weight:600;font-size:16px;border:0;border-radius:4px}.primary:hover{background:#7098ff}
.sectionhead{justify-content:space-between;gap:10px;margin:0 0 12px}.sectionhead h2{margin:0}small{color:var(--muted)}
.cards{counter-reset:folio;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.results .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.cards li{counter-increment:folio;display:flex;align-items:center;min-width:0;gap:10px;min-height:60px;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:4px 7px 4px 13px;transition:transform .15s,border-color .15s}
.cards li:before{content:counter(folio,decimal-leading-zero);font:11px Georgia,serif;color:#bfab7e}
.name{font-size:16px;line-height:1.3;overflow-wrap:anywhere}
.copy{margin-left:auto;border:0;background:transparent;color:#bbc7de;font-size:12px;min-width:46px;min-height:44px}.copy:hover{color:white}
@media(hover:hover){.cards li:hover{transform:translateY(-2px);border-color:#475677}}
.notes,.related,main>section:not(.racegroup){margin-top:32px}.notes{border-top:1px solid var(--line);padding-top:26px}.notes .eyebrow{margin-bottom:8px}.notes p{max-width:78ch;color:var(--muted)}
details{border-bottom:1px solid var(--line)}summary{min-height:44px;cursor:pointer;padding:10px 0}
.related,.jump{gap:20px;flex-wrap:wrap}.related{border-top:1px solid var(--line);padding:18px 0}.related strong{font:500 17px var(--display)}.related span{margin-left:6px;color:var(--gold)}
footer{border-top:1px solid var(--line);padding:20px 0 35px;color:var(--muted);font-size:12px}
.racebar{gap:16px;flex-wrap:wrap;margin:0 0 24px}.racebar select{background:var(--panel);border:1px solid var(--line);border-radius:4px;min-height:46px;padding:0 16px;min-width:180px}.racebar .primary{max-width:240px}.racegroup{margin-bottom:28px}
.offer{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;padding:28px}.offer h2{margin-top:10px}.offer ul{padding-left:22px}.offer li{padding:5px}.offer li::marker{color:var(--gold)}.offer .panel{background:var(--bg)}.price{display:block;font-size:48px;color:#ead198}
.skip{position:absolute;left:-9999px}.skip:focus{left:0;top:0;z-index:3;background:var(--panel);padding:12px}
[hidden]{display:none!important}
@media(min-width:640px){#settings summary{display:none}}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.bar{flex-wrap:wrap}.compass{margin-right:20px}.workshop{gap:14px}.panel{padding:16px}}
@media(max-width:639px){.bar{gap:0;display:block}.brand{font-size:18px}nav{gap:0;justify-content:space-between}nav a{font-size:12px}.mast{min-height:100px;margin-bottom:14px}.mast>div:first-child{z-index:1}.compass{display:none}.workshop,.offer{display:flex;flex-direction:column;gap:14px}.workshop>*{width:100%}.panel h2{display:none}.panel{padding:8px 12px 12px}.cards,.results .cards{grid-template-columns:minmax(0,1fr)}.cards li{min-height:48px;padding-block:0}.cards{gap:5px}.results h2{font-size:20px}.related,.jump{gap:4px 14px}.related strong{width:100%}.racebar .primary{max-width:none}.offer{padding:18px}.offer .panel{width:100%;padding:16px}}
@media(prefers-reduced-motion:no-preference){.fresh{animation:rise .2s ease-out backwards;animation-delay:var(--delay)}@keyframes rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
