:root{--accent:#b89554}*{box-sizing:border-box}body{margin:0;background:#0c0b12;color:#e8dcc5;font:16px system-ui,Arial}header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 5%;border-bottom:1px solid var(--accent);background:#15111b}header b{color:var(--accent)}nav a{color:#e8dcc5;margin-left:15px;text-decoration:none}main{max-width:1100px;margin:auto;padding:35px 20px}h1,h2{color:var(--accent)}.hero{padding:100px 20px;text-align:center;background:linear-gradient(#1c1524b8,#09090eee),var(--hero-image,none) center/cover}.hero h1{font-size:clamp(35px,6vw,72px)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card,.panel{background:#191620;border:1px solid #6b5436;border-radius:10px;padding:24px;margin:16px 0}.card strong{color:var(--accent)}label{display:block;margin:15px 0}input{display:block;width:100%;padding:11px;margin-top:5px;border-radius:6px;background:#100e17;color:#fff;border:1px solid #7c6848}input[type=color]{width:85px;height:46px}button{padding:11px 16px;border:1px solid var(--accent);background:#35283b;color:#fff;border-radius:7px;cursor:pointer;margin:6px 5px 6px 0}button:hover{background:#5b3c63}.row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;margin:12px 0}.warning{background:#382923;border:1px solid #c18b57;padding:15px;border-radius:8px}#preview{width:100%;height:520px;background:white;border:1px solid #876a42}footer{text-align:center;padding:60px}@media(max-width:600px){header{display:block}.row{grid-template-columns:1fr}}
.hero{min-height:clamp(380px,62vw,760px);padding:clamp(50px,8vw,110px) 20px;background-image:linear-gradient(to bottom,rgba(0,0,0,.08) 45%,#0c0b12 100%),url("images/labyssi-hero.png");background-position:center top;background-size:cover;background-repeat:no-repeat}.hero h1,.hero p{display:none}@media(max-width:600px){.hero{min-height:350px;background-position:center top}}