:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#1c1931;color:#fff9ed}*{box-sizing:border-box}body{margin:0}header,main,footer{width:min(100% - 40px,1050px);margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid #5c5377}header b{font-size:1.25rem;color:#b7ffa8}a{color:inherit;text-underline-offset:.22em}.eyebrow,label{font-size:.88rem;color:#c7c1d5}h1{font-size:clamp(2rem,5.2vw,4.4rem);max-width:20ch;line-height:1.02;letter-spacing:-.055em;margin:12px 0 24px}.eyebrow{margin:32px 0 0}.stage{background:#31294d;display:grid;grid-template-columns:1fr 1.25fr;padding:clamp(18px,4vw,42px);border-radius:18px;gap:16px}.stage div{align-self:center}.stage p,section>p,footer{color:#d2ccdb;line-height:1.6}.stage select,button{font:inherit;display:block}.stage select{font-weight:bold;background:#272038;color:inherit;border:1px solid #88799e;border-radius:8px;padding:10px;margin-top:8px}button{cursor:pointer;background:#bdffa8;border:0;border-radius:10px;padding:14px 28px;font-weight:bold;color:#1c2132}figure{margin:0;text-align:center}figure img{max-width:100%;height:clamp(120px,22vw,245px);object-fit:contain}figcaption{font-size:.9rem}#contents,#inventory{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0}li{background:#302942;border-radius:8px;padding:10px 14px}main>section{margin-bottom:30px}section>p{max-width:72ch}footer{border-top:1px solid #564d66;padding:18px 0 32px;font-size:.86rem}@media(max-width:550px){.stage{grid-template-columns:1fr}.stage figure{grid-row:1}.stage button,.stage select{width:100%}}