:root { --ink:#fff7f7; --muted:#b79a9c; --bg:#090506; --panel:#1a0a0d; --line:rgba(255,255,255,.13); --lime:#ff343d; --blue:#ff777c; }
.orb-one { background:radial-gradient(circle at 35% 35%,#ff8b8e,#aa161f 48%,transparent 69%); box-shadow:0 0 120px #6d1117; }
.orb-two { background:radial-gradient(circle,#ff4048,transparent 65%); }
.product { background:linear-gradient(135deg,#201012,#0e0809); }
.product.featured { background:linear-gradient(135deg,#482025,#1b0b0d 65%); border-color:rgba(255,52,61,.55); }
.quote-section { background:#ff343d; color:#160506; }
.quote-section .kicker { color:#670b10; }
.quote-person > span { color:#ff343d; }
.quote-person small { color:#6c2024; }
.cta { background:linear-gradient(115deg,#75151b,#18080a 65%); }
.gaming-emblem { position:absolute; width:330px; height:330px; right:5%; top:96px; border-radius:50%; background:radial-gradient(circle at 35% 30%,#ff9195 0,#df202a 33%,#711018 68%,#210609 100%); box-shadow:0 0 100px #84131b, inset 0 0 45px rgba(255,255,255,.16); transform:rotate(-10deg); z-index:0; }
.keyboard { position:absolute; left:65px; top:128px; width:200px; height:78px; padding:12px; display:grid; grid-template-columns:repeat(6,1fr); gap:6px; background:#111116; border:3px solid #f04a51; border-radius:9px; box-shadow:0 12px 20px rgba(0,0,0,.45); transform:perspective(180px) rotateX(12deg); }
.keyboard i { background:#ed303a; border-radius:2px; box-shadow:0 0 8px #ff6770; }.keyboard i:nth-child(4n) { background:#fbabab; }
.controller { position:absolute; width:112px; height:70px; background:#151319; border:3px solid #fa5e66; border-radius:42% 42% 48% 48%; box-shadow:0 10px 16px rgba(0,0,0,.4); top:76px; }.controller-left { left:26px; transform:rotate(-24deg); }.controller-right { right:26px; transform:rotate(24deg); }
.controller:before,.controller:after { content:''; position:absolute; width:18px; height:18px; border-radius:50%; background:#ff3c46; top:22px; box-shadow:0 0 9px #ff6b72; }.controller:before{left:20px}.controller:after{right:20px}.controller i { position:absolute; left:46px; top:24px; width:18px; height:5px; background:#f3c2c4; }.controller b { position:absolute; left:52px; top:18px; width:5px; height:18px; background:#f3c2c4; }
@media(max-width:720px){.gaming-emblem{opacity:.55;right:-105px;top:115px;transform:scale(.8) rotate(-10deg)}}
.controller { width:126px; height:74px; border:0; border-radius:43% 43% 31% 31%; background:linear-gradient(145deg,#3a3a42,#0c0c11 72%); box-shadow:inset 0 2px 2px rgba(255,255,255,.3),0 13px 18px rgba(0,0,0,.5),0 0 0 2px #ff4a52; }
.controller:before,.controller:after { width:44px; height:48px; background:linear-gradient(160deg,#292932,#07070b); top:38px; z-index:-1; box-shadow:0 0 0 2px #ff4a52; }.controller:before { left:-9px; border-radius:18px 8px 21px 18px; transform:rotate(20deg); }.controller:after { right:-9px; border-radius:8px 18px 18px 21px; transform:rotate(-20deg); }
.controller i,.controller b { width:21px; height:21px; top:29px; border-radius:50%; background:radial-gradient(circle at 35% 30%,#5e5f67,#111117 68%); border:2px solid #06060a; box-shadow:inset 0 1px 2px rgba(255,255,255,.25),0 0 0 1px #555; }
.controller i { left:45px; }.controller b { left:66px; }
.dpad { position:absolute; left:18px; top:24px; width:17px; height:26px; background:#15151b; border-radius:3px; box-shadow:inset 0 1px #555; }.dpad:after { content:''; position:absolute; left:-5px; top:8px; width:27px; height:10px; background:#15151b; border-radius:3px; box-shadow:inset 0 1px #555; }
.buttons { position:absolute; right:18px; top:22px; width:10px; height:10px; border-radius:50%; background:#ff444d; box-shadow:13px 7px 0 #ff747a,0 14px 0 #ff747a,-13px 7px 0 #ff747a; }
.controller-left { left:23px; }.controller-right { right:23px; }
.ps4 { width:132px; height:72px; border-radius:38% 38% 28% 28%; background:linear-gradient(155deg,#454650,#101016 74%); }
.ps4 .touchpad { position:absolute; width:41px; height:17px; left:43px; top:10px; border:1px solid #8b8c94; border-radius:4px; background:repeating-linear-gradient(90deg,#202027 0 3px,#292932 3px 5px); }
.ps4 i { left:43px; top:42px; }.ps4 b { left:68px; top:42px; }.ps4 .dpad { left:17px; top:37px; }.ps4 .buttons { right:17px; top:36px; }
.xbox { width:129px; height:78px; top:72px; border-radius:45% 45% 35% 35%; background:linear-gradient(150deg,#303138,#09090e 76%); }
.xbox i { left:25px; top:25px; }.xbox b { left:61px; top:43px; }.xbox .dpad { left:25px; top:46px; }.xbox .buttons { right:17px; top:22px; background:#ff4c4f; box-shadow:13px 7px 0 #e9c74f,0 14px 0 #62c96b,-13px 7px 0 #5d91ff; }
.xbox:before,.xbox:after { top:42px; }.ps4:before,.ps4:after { top:40px; }
.gaming-emblem { display:flex; align-items:center; justify-content:center; gap:0; transform:none; }
.real-pad { position:absolute; width:180px; height:120px; filter:drop-shadow(0 13px 11px rgba(0,0,0,.45)); }.ps-pad { left:-28px; top:48px; transform:rotate(-22deg); }.xbox-pad { right:-30px; top:45px; transform:rotate(22deg); }
.real-pad .shell { fill:url(#controllerMetal); stroke:#ff656b; stroke-width:2; } .real-pad .touch { fill:#15151c; stroke:#9d9da6; stroke-width:1; }.real-pad .stick { fill:#101015; stroke:#ff7b80; stroke-width:2; }.real-pad .dpad { fill:#15151d; stroke:#909099; stroke-width:1; }.real-pad .face circle { fill:#ff4751; stroke:#f4aeb1; stroke-width:1; }.real-pad .xbox-face circle:nth-child(2){fill:#edc84d}.real-pad .xbox-face circle:nth-child(3){fill:#68c86a}.real-pad .xbox-face circle:nth-child(4){fill:#6193f5}.real-pad .light { fill:#ff3d48; }.real-pad .xbox-line { fill:none; stroke:#ff444d; stroke-width:4; stroke-linecap:round; }
.gaming-emblem .keyboard { z-index:2; left:65px; top:129px; transform:perspective(180px) rotateX(12deg) scale(.85); }
@media(max-width:720px){.gaming-emblem{transform:scale(.8);opacity:.65;right:-105px;top:115px}.ps-pad{left:-28px}.xbox-pad{right:-30px}}
.real-pad .shell { fill:#2a2a33; }
.mask-icon { display:flex; align-items:center; }
.mask-icon svg { width:62px; height:62px; filter:drop-shadow(0 0 8px rgba(255,52,61,.5)); }
.mask-icon svg>path:first-child { fill:#ff343d; }
.mask-icon .mask-cut { fill:#211012; }
.mask-icon .mask-lines { fill:none; stroke:#ff969a; stroke-width:2; stroke-linecap:round; }
.llama-icon { display:flex; align-items:center; }
.llama-icon svg { width:62px; height:62px; filter:drop-shadow(0 0 8px rgba(122,124,255,.5)); }
.llama-icon .llama-body { fill:#7a7cff; }
.llama-icon .llama-mane { fill:#a9aaff; }
.llama-icon .llama-face { fill:#a9aaff; }
.llama-icon .llama-eye { fill:#10111a; }
.llama-icon .llama-cut { fill:#11111b; }
.llama-icon .llama-lines { fill:none; stroke:#b9baff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.product-grid { grid-template-columns:repeat(4, 1fr); }
.bolt-icon { display:flex; align-items:center; }
.bolt-icon svg { width:62px; height:62px; filter:drop-shadow(0 0 8px rgba(255,52,61,.5)); }
.bolt-icon path { fill:#ff343d; }
@media(max-width:900px) and (min-width:721px){.product-grid{grid-template-columns:repeat(2,1fr)}}
.contact-page { min-height:calc(100vh - 170px); padding:115px 0; position:relative; }
.contact-page h1 { margin:18px 0 25px; }
.contact-page > p { color:var(--muted); font-size:18px; margin-bottom:30px; }
.contact-email { display:inline-flex; align-items:center; gap:25px; color:#111; background:var(--lime); padding:17px 20px; font-weight:700; text-decoration:none; font-size:18px; }
.contact-email span { font-size:24px; }
@media(max-width:720px){.contact-page{padding:75px 0}.contact-email{font-size:14px;gap:14px}}
.stats .discord-stat { color:var(--lime); font:13px 'DM Mono',monospace; text-decoration:none; margin-top:7px; }
#cursor-canvas { position:fixed; inset:0; width:100%; height:100%; pointer-events:none; z-index:50; }
.policy-page { padding:100px 0 125px; }
.policy-page h1 { margin:18px 0 25px; }
.policy-intro { max-width:650px; color:var(--muted); font-size:18px; line-height:1.55; }
.policy-list { max-width:900px; margin:55px 0 45px; border-bottom:1px solid var(--line); }
.policy-list article { display:flex; gap:28px; border-top:1px solid var(--line); padding:26px 0; }
.policy-list b { font:12px 'DM Mono',monospace; color:var(--lime); padding-top:6px; }
.policy-list h2 { font-size:24px; letter-spacing:-.04em; margin:0 0 8px; }
.policy-list p { color:var(--muted); line-height:1.55; margin:0; max-width:710px; }
@media(max-width:720px){.policy-page{padding:70px 0 90px}.policy-list article{gap:16px}.policy-list h2{font-size:20px}}