*{box-sizing:border-box}body{margin:0;background:#11161b;color:#edf0f3;font:16px Arial,sans-serif}header{background:#1c232b;padding:18px max(5%,calc((100% - 1120px)/2));display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.brand{color:#f3a347;font-size:28px;font-weight:800;text-decoration:none}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{color:#eee;text-decoration:none}nav a:hover,nav a.active{color:#f3a347}.hero{text-align:center;padding:85px 20px;background:linear-gradient(135deg,#303943,#12171c)}h1{font-size:clamp(36px,6vw,60px);margin:0 0 15px}h1 span,h2{color:#f3a347}.hero p,.muted{color:#bfc7d0}.btn{display:inline-block;background:#e99332;color:#171717;padding:13px 22px;border:0;border-radius:6px;text-decoration:none;font-weight:bold;cursor:pointer}.btn.secondary{background:#313d49;color:white}.btn:hover{filter:brightness(1.1)}.wrap{max-width:1120px;margin:40px auto;padding:0 20px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.card{background:#202832;padding:26px;border-radius:10px}.card p{color:#c4cbd1;line-height:1.6}.card a:not(.btn){color:#f3a347}.page-title{margin-bottom:26px}.rule{border-left:4px solid #e99332;margin-bottom:14px}.rule h2{margin:0 0 10px;font-size:21px}footer{text-align:center;padding:35px;color:#89949e}input{background:#10161d;color:#fff;border:1px solid #56616d;padding:12px;border-radius:6px;min-width:0}#messages{height:360px;overflow:auto;background:#111820;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.msg{overflow-wrap:anywhere}.msg strong{color:#f3a347}.msg time{font-size:12px;color:#89949e;margin-left:10px}.chat-form{display:flex;gap:10px;margin-top:14px}.chat-form input{flex:1}.identity{display:flex;align-items:center;gap:10px;margin:15px 0}.identity img{width:40px;height:40px;border-radius:50%}.notice{background:#29313b;border-left:4px solid #e99332;padding:15px;border-radius:5px}code{color:#ffbb67}button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){header{padding:16px 20px}.hero{padding:55px 20px}.chat-form{flex-wrap:wrap}.chat-form input{flex-basis:100%}}
.forum-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px}.forum-layout aside .btn{display:block;margin:8px 0;width:100%;text-align:left}.forum-topic{border-bottom:1px solid #3c4752;padding:18px 0}.forum-topic p{margin:8px 0}.forum-link{border:0;background:none;color:#f3a347;font-size:20px;font-weight:bold;text-align:left;cursor:pointer;padding:0}.forum-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;padding:12px 0}.forum-form{display:grid;gap:12px;margin:20px 0}.forum-form textarea{min-height:140px;resize:vertical}.forum-form select,.forum-form textarea{background:#10161d;color:#fff;border:1px solid #56616d;padding:12px;border-radius:6px}.forum-form .btn{justify-self:start}.forum-actions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}#account a{color:#f3a347}@media(max-width:750px){.forum-layout{grid-template-columns:1fr}}

/* OLD GITS v3 branding */
.brand{display:inline-flex;align-items:center;gap:12px}.brand-logo{width:54px;height:54px;object-fit:contain;flex:none}.hero-logo{display:block;width:clamp(140px,24vw,250px);height:auto;margin:0 auto 24px;filter:drop-shadow(0 10px 25px rgba(0,0,0,.3))}@media(max-width:600px){.brand-logo{width:44px;height:44px}.brand{font-size:23px}}

/* OLD GITS v4: Rust landscape background with a translucent dark overlay */
body {
  background-color:#11161b;
  background-image:linear-gradient(rgba(9,13,20,.62),rgba(9,13,20,.72)),url('/wallpaper.webp');
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
}
header {background:rgba(20,27,35,.90);backdrop-filter:blur(9px)}
.hero {background:linear-gradient(135deg,rgba(24,31,40,.60),rgba(12,17,24,.45));}
.card {background:rgba(28,36,47,.88);backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.07)}
.notice {background:rgba(38,47,59,.92)}
#messages {background:rgba(12,19,28,.86)}
footer {color:#b2bdc9;text-shadow:0 1px 3px #000}
@media(max-width:750px){body{background-attachment:scroll}}

/* v10 owner panel */
.owner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.owner-grid label{display:grid;gap:8px}.owner-grid input,.owner-grid select{width:100%;background:#10161d;color:#fff;border:1px solid #56616d;padding:12px;border-radius:6px}.owner-grid .forum-topic{overflow-wrap:anywhere}.owner-grid .forum-topic .btn{margin-top:10px}@media(max-width:420px){.owner-grid{grid-template-columns:minmax(0,1fr)}}