*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#050a12;color:#f7f8fb;font-family:Inter,Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 10% 25%,rgba(0,80,255,.12),transparent 32%),radial-gradient(circle at 90% 40%,rgba(255,0,25,.13),transparent 34%)}
button,a{font-family:inherit}
.announcement{min-height:34px;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#062a75,#c5162c 50%,#062a75);border-bottom:1px solid #ff334d66;color:#fff;font-size:10px;font-weight:900;letter-spacing:3px;padding:9px 14px}
header{height:84px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(4,9,16,.94);backdrop-filter:blur(16px);border-bottom:1px solid #20304a}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#fff}
.brandMark{width:43px;height:43px;border:2px solid #fff;display:grid;place-items:center;font-size:23px;transform:skew(-8deg)}
.brandWords{font:700 20px/1 Oswald;letter-spacing:.4px}.brandWords small{display:block;margin-top:7px;font:700 9px Inter;letter-spacing:4px;color:#aeb8c8}
nav{display:flex;gap:34px}nav a{color:#aeb8c8;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}nav a:hover{color:#fff}
.cartBtn{background:#07101d;color:#fff;border:1px solid #ff2441;box-shadow:0 0 20px #ff173522;padding:13px 17px;font-size:12px;font-weight:900;cursor:pointer}.cartBtn b{background:#e11b35;color:#fff;padding:5px 8px;margin-left:7px}
.hero{min-height:720px;padding:90px 8vw 85px;display:flex;align-items:flex-end;position:relative;overflow:hidden;background:#03070e url("images/background.jpeg") center center/cover no-repeat}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,5,12,.88),rgba(1,5,12,.35) 58%,rgba(1,5,12,.5)),linear-gradient(0deg,rgba(1,5,12,.88),transparent 52%)}
.heroContent{position:relative;z-index:2;max-width:760px}.heroEyebrow,.eyebrow{color:#f3f5f9;font-size:11px;letter-spacing:4px;font-weight:900}.heroEyebrow{margin-bottom:18px}
.hero h1{margin:0;font:900 clamp(62px,9vw,120px)/.86 Oswald;letter-spacing:1px;text-shadow:0 6px 30px #000}.hero .redTitle{color:#ff1735;text-shadow:0 4px 30px #000,0 0 24px #ff102b55}
.hero p{max-width:580px;margin:27px 0 30px;color:#e1e6ef;font-size:15px;line-height:1.75;text-shadow:0 2px 12px #000}
.primary{display:inline-flex;align-items:center;justify-content:space-between;min-width:300px;padding:18px 22px;background:linear-gradient(90deg,#d9172f,#ff2845);color:#fff;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:1.5px;box-shadow:0 0 35px #e1163133;border:1px solid #ff5368}.primary span{font-size:22px}.primary:hover{filter:brightness(1.12)}
.categorySection,.store,.faq{padding:88px 8vw;border-top:1px solid #16243a;background:linear-gradient(rgba(5,11,20,.92),rgba(5,11,20,.96)),url("images/background.jpeg") center/cover fixed}
.sectionTitle{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px}.redLine{width:5px;height:34px;background:#ff1836;box-shadow:0 0 15px #ff183655;margin-bottom:13px}
.sectionTitle h2,.faq h2{margin:8px 0 0;font:700 48px/.95 Oswald;letter-spacing:.5px}.sectionTitle h2 span{color:#ff1a39}.viewAll{color:#fff;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:2px}.viewAll b{color:#ff1a39;font-size:19px;margin-left:8px}
.categoryGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.categoryCard{min-height:235px;position:relative;overflow:hidden;border:1px solid #2b4d79;background:#0a1321 url("images/background.jpeg") center/cover;cursor:pointer;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:28px;box-shadow:inset 0 0 80px #0009;transition:.2s}
.categoryCard:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#064dbe99,#06101ddd 52%,#c10d2d88);mix-blend-mode:screen}.categoryCard:nth-child(2):before,.categoryCard:nth-child(4):before{background:linear-gradient(135deg,#c10d2d88,#06101ddd 52%,#0758c888)}
.categoryCard:hover{transform:translateY(-4px);border-color:#ff2342;box-shadow:0 0 30px #ff153333}.categoryShade{position:absolute;inset:0;background:linear-gradient(transparent 15%,#02050ccc)}.categoryIcon,.categoryCard strong,.categoryCard small{position:relative;z-index:2}.categoryIcon{font-size:45px;line-height:1;margin-bottom:15px;filter:drop-shadow(0 3px 7px #000)}.categoryCard strong{font:700 30px Oswald;letter-spacing:1px}.categoryCard small{margin-top:9px;color:#aeb9ca;font-size:9px;font-weight:900;letter-spacing:2px}
.filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:28px}.filter{border:1px solid #27415f;background:#07111e;color:#a8b4c5;padding:11px 15px;text-transform:uppercase;font-size:10px;font-weight:900;cursor:pointer}.filter.active,.filter:hover{background:#e11837;color:#fff;border-color:#ff3b55}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#08111d;border:1px solid #1e3856;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#e32642;box-shadow:0 12px 35px #0008}.cardImg{height:210px;background-size:cover;background-position:center;position:relative}.cardImg:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#07101eee)}.tag{position:absolute;top:14px;left:14px;z-index:2;background:#e11938;color:#fff;font-size:9px;font-weight:900;padding:6px 8px}.cardBody{padding:18px}.cardBody h3{margin:0 0 7px;font:700 22px Oswald}.cardBody p{font-size:12px;color:#7f8da0;line-height:1.5;min-height:36px}.cardBottom{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.price{font-weight:900;font-size:18px}.add{border:1px solid #304d70;background:#0d1928;color:#fff;padding:10px 12px;font-size:10px;font-weight:900;cursor:pointer}.add:hover{background:#e11938;border-color:#ff3d55}
.storeMessage{grid-column:1/-1;text-align:center;padding:55px 25px;border:1px solid #203a5b;background:#08111d;color:#8d9bad}.storeMessage h3{margin:0 0 8px;color:#fff;font:700 24px Oswald}
.faq{background:#060d17}.faq h2{margin-bottom:35px}.faq details{border-top:1px solid #20304a;padding:22px 0}.faq summary{font-weight:800;cursor:pointer}.faq p{color:#8997a9;line-height:1.7;max-width:720px}
footer{border-top:1px solid #20304a;padding:30px 8vw;display:flex;justify-content:space-between;align-items:center;color:#718096;font-size:10px;text-transform:uppercase;letter-spacing:1px;background:#030811}
.drawer{position:fixed;right:-430px;top:0;width:430px;max-width:100%;height:100vh;background:#07101b;z-index:50;padding:28px;transition:.3s;box-shadow:-20px 0 60px #000b;border-left:1px solid #263e5d}.drawer.open{right:0}.overlay{position:fixed;inset:0;background:#000b;z-index:40;display:none}.overlay.show{display:block}.drawerTop{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #26384f;padding-bottom:20px}.drawerTop h3{font:700 28px Oswald;margin:0}.drawerTop button{background:none;border:0;color:#fff;font-size:30px;cursor:pointer}.cartItem{display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid #203047}.cartItem span{font-weight:700}.remove{background:none;border:0;color:#ff2946;cursor:pointer;font-size:11px}.total{display:flex;justify-content:space-between;padding:25px 0;font-size:13px}.total strong{font-size:22px}.checkout{width:100%;padding:17px;background:#e11938;color:#fff;border:1px solid #ff4b62;font-weight:900;cursor:pointer}.secure{text-align:center;color:#68778a;font-size:10px}
@media(max-width:800px){nav{display:none}header{padding:0 5vw;height:72px}.brandWords{font-size:16px}.brandMark{width:39px;height:39px}.hero{min-height:680px;padding:70px 7vw 60px;background-position:center}.hero h1{font-size:61px}.hero p{font-size:13px}.primary{width:100%;min-width:0}.categorySection,.store,.faq{padding:65px 6vw}.sectionTitle{align-items:flex-start}.sectionTitle h2,.faq h2{font-size:43px}.categoryGrid{grid-template-columns:1fr 1fr;gap:10px}.categoryCard{min-height:190px;padding:16px 8px}.categoryIcon{font-size:32px}.categoryCard strong{font-size:21px}.categoryCard small{font-size:7px}.grid{grid-template-columns:1fr}footer{flex-direction:column;gap:18px;align-items:flex-start}}
@media(max-width:480px){.announcement{font-size:8px;letter-spacing:2px}.categoryGrid{grid-template-columns:1fr}.categoryCard{min-height:175px}.hero{min-height:650px}.hero h1{font-size:55px}}

/* Rules navigation and page */
.rulesPage{min-height:100vh;background:#050a12 url("images/background.jpeg") center/cover fixed;color:#f7f8fb}.rulesHero{padding:80px 8vw 55px;background:linear-gradient(90deg,rgba(3,7,14,.96),rgba(3,7,14,.78)),url("images/background.jpeg") center/cover;border-bottom:1px solid #20304a}.rulesHero h1{margin:10px 0 15px;font:700 clamp(55px,8vw,95px)/.9 Oswald}.rulesHero h1 span{color:#ff1735}.rulesHero p{max-width:800px;color:#c5ceda;line-height:1.7;margin:0}.rulesWrap{padding:55px 8vw 90px;max-width:1200px;margin:auto}.rulesSearch{width:100%;padding:17px 18px;background:#07111e;border:1px solid #294665;color:#fff;font:600 14px Inter;outline:none;margin-bottom:22px}.rulesSearch:focus{border-color:#ff2441;box-shadow:0 0 20px #ff173522}.ruleItem{border:1px solid #203b5d;background:rgba(7,17,29,.9);margin-bottom:10px}.ruleItem summary{list-style:none;cursor:pointer;padding:19px 22px;font:700 20px Oswald;letter-spacing:.3px;display:flex;justify-content:space-between;gap:15px}.ruleItem summary::-webkit-details-marker{display:none}.ruleItem summary:after{content:"+";color:#ff2441;font:700 25px Inter}.ruleItem[open] summary:after{content:"−"}.ruleBody{padding:0 22px 22px;color:#b8c3d2;line-height:1.75;font-size:13px}.ruleBody p{margin:8px 0}.staffNotice{margin-top:35px;padding:25px;border-left:5px solid #ff1836;background:linear-gradient(90deg,#121a27,#08111d);border-top:1px solid #203b5d;border-bottom:1px solid #203b5d}.staffNotice h2{margin:0 0 10px;font:700 25px Oswald}.staffNotice p{margin:0;color:#c7d0dc;line-height:1.7}.noRules{text-align:center;padding:40px;border:1px solid #203b5d;color:#8d9bad;background:#08111d;display:none}.rulesFooter{margin-top:0}@media(max-width:800px){nav{display:flex;gap:12px;overflow:hidden}nav a{display:none}nav a[href="/rules.html"]{display:block;color:#fff;border:1px solid #ff2441;padding:9px 11px;font-size:9px}.rulesHero{padding:60px 6vw 40px}.rulesWrap{padding:40px 6vw 65px}.ruleItem summary{font-size:18px;padding:17px}.ruleBody{padding:0 17px 18px;font-size:12px}.rulesSearch{font-size:13px}}
