*{box-sizing:border-box} :root{--bg:#070c10;--panel:#0b1218;--line:#27323a;--red:#ed1029;--gold:#ffd324;--muted:#a8b2ba;--green:#00e7a1}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f8f7f2;font-family:Inter,Arial,sans-serif;font-size:14px;min-height:100vh;overflow-x:hidden}button,a,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.bg-splatter{position:fixed;inset:0;z-index:-1;opacity:.26;pointer-events:none;background:radial-gradient(ellipse at 0% 20%,#ef1235 0,transparent 23%),radial-gradient(ellipse at 94% 15%,#c9142d 0,transparent 18%),radial-gradient(ellipse at 30% 110%,#b50e24 0,transparent 28%),repeating-linear-gradient(130deg,transparent 0 70px,#1a2228 72px 76px,transparent 78px 130px)}.topbar{height:64px;position:sticky;top:0;z-index:10;background:rgba(5,10,14,.96);border-bottom:1px solid #30383e;display:flex;align-items:center;padding:0 clamp(18px,3vw,48px);gap:36px;box-shadow:0 5px 24px #0008}.logo{font:900 36px "Barlow Condensed",sans-serif;font-style:italic;letter-spacing:-2px;color:var(--gold);text-shadow:3px 3px 0 #e91629,-2px -2px 0 #050505;transform:rotate(-7deg);position:relative}.logo span{font-size:16px;position:absolute;top:-9px;right:2px;color:var(--gold)}nav{display:flex;align-items:stretch;gap:28px;height:100%;flex:1}nav a{display:flex;align-items:center;gap:8px;font-weight:800;font-style:italic;position:relative;color:#e4e5e7}nav a.active:after,nav a:hover:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--red);border-radius:4px}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{border:0;background:none;color:#fff;font-size:28px;padding:5px 8px;position:relative}.notification i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--red);top:6px;right:7px}.btn{border:1px solid transparent;border-radius:14px;padding:11px 20px;font-weight:800;color:white;white-space:nowrap;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover,.promo-code:hover{transform:translateY(-2px);filter:brightness(1.12)}.btn-outline{border-color:#e7e7e7;background:#090d10}.btn-red{background:var(--red);box-shadow:0 5px 15px #e20b2733}.btn-dark{background:#05090b;border-radius:30px;padding:9px 15px;font-size:11px}.mobile-menu{display:none;background:none;color:white;border:0;font-size:24px}.layout{max-width:1600px;margin:auto;padding:16px clamp(16px,2.8vw,44px) 40px;display:grid;grid-template-columns:minmax(0,2.05fr) minmax(350px,.95fr);gap:22px}.main-column,.sidebar{min-width:0;display:flex;flex-direction:column;gap:18px}.panel{background:linear-gradient(135deg,rgba(13,20,26,.96),rgba(4,9,13,.97));border:1px solid #28333b;border-radius:13px;box-shadow:0 12px 28px #0004;overflow:hidden}.hero{height:355px;position:relative;display:flex;align-items:center;padding:30px 34px;background:radial-gradient(ellipse at 60% 50%,#ed123b 0,transparent 40%),linear-gradient(120deg,#fff0d6 0 46%,#13131a 46% 100%);border-color:#8a2632}.hero:before{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 30deg at 67% 50%,#fa1741 0 8deg,#090b10 9deg 19deg,transparent 20deg 32deg);opacity:.9;clip-path:polygon(46% 0,100% 0,100% 100%,44% 100%)}.hero-copy{position:relative;z-index:2;color:#071015;max-width:52%;transform:rotate(-1deg)}.eyebrow{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#a20d20}.hero h1{font:900 clamp(68px,8vw,126px)/.8 "Barlow Condensed",sans-serif;font-style:italic;letter-spacing:-7px;color:#ffca19;-webkit-text-stroke:3px #08090b;text-shadow:5px 6px 0 #0a0a0a,8px 9px 0 #e91830;margin:16px 0 8px}.hero h2{font:900 clamp(22px,2.5vw,38px)/1 "Barlow Condensed",sans-serif;font-style:italic;margin:12px 0 8px;white-space:nowrap}.hero p{font-size:12px;font-weight:800;line-height:1.55;text-transform:uppercase;margin:10px 0 15px}.promo-code{background:#e8102b;border:3px solid #090d0e;border-radius:28px;color:white;font:italic 900 18px "Barlow Condensed",sans-serif;padding:10px 23px;box-shadow:0 3px 0 #fff;transition:.2s}.promo-code b{color:#fff}.promo-code span{margin-left:10px}.hero-mascot{position:absolute;z-index:1;left:47%;top:10%;width:30%;height:85%;display:flex;align-items:center;justify-content:center;transform:rotate(8deg)}.card-mascot{width:68%;height:82%;background:#fff0d9;border:7px solid #090b0c;border-radius:25px;box-shadow:8px 9px 0 #ed1735;position:relative;color:#05090b;transform:rotate(5deg)}.suit{position:absolute;top:7px;left:10px;font:bold 27px Georgia;line-height:.9}.suit.bottom{top:auto;left:auto;right:9px;bottom:7px;transform:rotate(180deg)}.eyes{position:absolute;top:30%;left:22%;width:58%;display:flex;justify-content:space-between}.eyes i{width:35px;height:54px;background:#fff;border:5px solid #08090b;border-radius:50%;position:relative}.eyes i:after{content:"";position:absolute;width:10px;height:19px;background:#05090b;border-radius:50%;top:12px;left:10px}.smile{position:absolute;bottom:21%;left:28%;width:45%;height:25%;border:6px solid #05090b;border-top:0;background:#f21636;border-radius:0 0 50% 50%;transform:rotate(-5deg)}.chip{position:absolute;border:5px dashed #f9e7ca;background:#e31932;color:#fff;border-radius:50%;font-size:35px;text-align:center;display:grid;place-items:center;width:70px;height:70px;box-shadow:0 0 0 5px #080b0d}.chip-one{top:5%;right:-4%;transform:rotate(-10deg)}.chip-two{bottom:6%;left:-3%}.hero-spark{position:absolute;top:10%;left:0;color:var(--gold);font-size:46px}.hero-side{z-index:2;position:absolute;right:3%;top:30%;font:900 italic 25px/1.1 "Barlow Condensed",sans-serif;transform:rotate(-7deg);text-shadow:2px 3px #000;color:white}.hero-side b{color:#fff}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:16px 12px;gap:4px}.benefits article{display:flex;align-items:center;gap:12px;padding:2px 10px;border-right:1px solid #17232b}.benefits article:last-child{border:0}.benefit-icon{flex:0 0 58px;height:58px;border:1px solid #eabf17;border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:36px;text-shadow:0 0 10px #ffbf16}.benefits h3{font:800 italic 16px/1.05 "Barlow Condensed",sans-serif;margin:0 0 7px}.benefits p{font-size:11px;line-height:1.5;color:#d0d5d8;margin:0}.live-section{padding:0 13px 12px}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #1e2a32;margin-bottom:12px}.section-heading h2{font:800 italic 30px "Barlow Condensed",sans-serif;margin:0;display:flex;align-items:center;gap:12px}.live-dot{display:inline-block;width:23px;height:23px;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px #6b1522}.section-heading a{font-weight:800;color:var(--gold);font-size:13px}.live-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stream-card{min-width:0;text-align:left;color:white;padding:0 0 8px;border:1px solid #1f333b;background:#03090d;border-radius:10px;overflow:hidden;position:relative;transition:.2s}.stream-card:hover{transform:translateY(-3px);border-color:#e31a34}.stream-art{height:105px;position:relative;overflow:hidden;display:grid;place-items:center;border-bottom:2px solid #111}.stream-art:before{content:"";position:absolute;inset:-40%;background:repeating-conic-gradient(from 20deg,transparent 0 14deg,#0006 15deg 19deg,transparent 20deg 32deg)}.art-red{background:linear-gradient(130deg,#f11b39,#7b081b)}.art-blue{background:linear-gradient(130deg,#0788b7,#063a68)}.art-gold{background:linear-gradient(130deg,#ffc12b,#a65a12)}.art-green{background:linear-gradient(130deg,#62b934,#075d35)}.art-crown,.art-word{position:absolute;color:#ffdb28;font:900 italic 23px "Barlow Condensed",sans-serif;text-shadow:2px 3px #09090a;z-index:1}.art-crown{top:2px;left:40%;font-size:30px}.art-word{right:8px;bottom:6px;opacity:.9}.playing-card{position:relative;z-index:1;background:#fff0d9;color:#09090a;border:4px solid #08090a;border-radius:10px;width:62px;height:85px;transform:rotate(-7deg);font:bold 18px Georgia;padding:3px}.playing-card span{display:block}.playing-card b{position:absolute;font:900 42px Arial;right:6px;bottom:4px}.round-mascot{position:relative;z-index:1;border:6px solid #111;background:#ffe4a9;border-radius:50%;width:76px;height:76px;display:grid;place-items:center;font-size:55px;color:#111;box-shadow:0 0 0 4px #eee}.dice{z-index:1;font-size:68px;color:#111;text-shadow:3px 3px #fff}.shades{background:#e4efbb}.stream-meta{display:flex;align-items:center;gap:7px;padding:7px 7px 3px;min-width:0}.stream-meta>div{min-width:0;display:flex;flex-direction:column;gap:3px}.stream-meta b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-meta small{font-size:10px;color:#c0c9ce}.avatar{flex:0 0 29px;height:29px;border-radius:50%;border:2px solid #e3bc37;display:grid;place-items:center;font-weight:900;color:white}.red-avatar{background:#a90820}.blue-avatar{background:#086c99}.gold-avatar{background:#b46a09}.green-avatar{background:#16733c}.viewers{position:absolute;right:7px;top:7px;background:#e5102c;border-radius:20px;padding:4px 7px;font-size:10px;font-weight:800}.tag{display:inline-block;margin:3px 7px 0;padding:4px 9px;border-radius:12px;background:#061b24;border:1px solid #102d37;color:#d8e1e5;font-size:10px}.promo-grid{display:grid;grid-template-columns:1.15fr .9fr 1.15fr;gap:14px}.promo-card{min-height:170px;border-radius:12px;position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;padding:15px;color:#070b0c}.bonus-card,.community-card{background:linear-gradient(120deg,#fff0d4,#ffd45a);border:1px solid #f7ce5a}.promo-symbol{flex:0 0 38%;height:100px;border-radius:50%;display:grid;place-items:center;font-size:75px;color:#fff5ce;text-shadow:3px 3px #070a0c,-2px -2px #070a0c}.promo-card h2{font:900 italic 26px/.88 "Barlow Condensed",sans-serif;margin:0 0 9px}.promo-card p{font-size:10px;font-weight:800;text-transform:uppercase;line-height:1.35;margin:0 0 10px}.sparkle{position:absolute;right:9px;top:8px;color:#e71b30;font-size:30px}.code-card{background:radial-gradient(circle at 50% 50%,#15212b,#060a0e);border:2px solid #3ce9c0;display:flex;flex-direction:column;justify-content:center;gap:3px;color:#ffe6a7;text-align:center}.crown-large{font-size:48px;color:var(--gold);line-height:1}.code-card h2{margin:0;font-size:23px}.code-card strong{font:900 italic 48px "Barlow Condensed",sans-serif;color:var(--gold);-webkit-text-stroke:1px #ed142d;text-shadow:3px 3px #000}.code-card .btn{font-size:11px;padding:8px 16px}.community-card .promo-symbol{background:#e9b93c;color:#fff0cd;text-shadow:2px 3px #05090b}.community-card h2{font-size:23px}.featured{padding:10px 12px 13px}.featured-top{display:flex;align-items:center;gap:8px;margin-bottom:10px}.live-pill{background:#e8122d;padding:6px 10px;border-radius:8px;font-size:11px;font-weight:900}.viewer-count{font-weight:800;font-size:12px}.watch-btn{margin-left:auto;padding:10px 12px;border-radius:12px;font-size:12px}.featured-art{height:194px;position:relative;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 40% 60%,#aa1b23,#351016 42%,#090d11 75%);display:flex;align-items:center;justify-content:center}.featured-art:before{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 20deg at 50% 50%,#e21932 0 6deg,#100e12 7deg 18deg,transparent 19deg 30deg);opacity:.55}.feature-card{position:absolute;left:18%;top:15%;height:75%;width:29%;background:#ffe8c5;border:5px solid #08090a;border-radius:14px;color:#111;padding:5px;font:bold 22px Georgia;transform:rotate(-8deg);z-index:1;box-shadow:5px 6px #d9182f}.feature-card span{display:block}.feature-card b{position:absolute;right:6px;bottom:8px;font:900 48px Arial}.feature-title{position:relative;z-index:2;font:900 italic 55px "Barlow Condensed",sans-serif;color:var(--gold);-webkit-text-stroke:2px #050607;text-shadow:4px 5px #e91832;transform:rotate(-8deg);margin-left:28%}.feature-title span{font-size:20px;position:absolute;top:-20px;right:0}.feature-chip{position:absolute;bottom:9px;right:10%;border:5px dashed #eee;background:#d8162d;border-radius:50%;width:56px;height:56px;display:grid;place-items:center;font-size:28px;z-index:2}.featured-info{display:flex;align-items:center;gap:10px;padding:11px 2px 0}.featured-info>div:not(.tag-list){display:flex;flex-direction:column;gap:4px}.featured-info b{font-size:14px}.featured-info small{font-size:11px;color:#c2c9ce}.tag-list{margin-left:auto;display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.tag-list span{font-size:10px;border:1px solid #162e37;border-radius:14px;padding:5px 8px;background:#061118}.leaderboard{padding:10px 12px 14px}.leader-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.leader-title h2{font:900 italic 28px "Barlow Condensed",sans-serif;margin:0;display:flex;align-items:center;gap:8px}.leader-title h2 span{color:var(--gold);font-size:38px}.leader-title a{font-size:12px;font-weight:700}.leader-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:8px}.leader-tabs button{border:0;background:#06141c;color:#fff;padding:10px 4px;font-weight:700;border-radius:10px}.leader-tabs button.active{background:#ed1029}.leader-head,.leader-row{display:grid;grid-template-columns:25px minmax(95px,1.4fr) minmax(76px,.9fr) minmax(62px,.7fr);align-items:center;gap:4px}.leader-head{padding:7px 10px;background:#101b22;border-radius:7px;font-size:11px;color:#dce3e7}.leader-head span:nth-child(n+3){text-align:right}.leader-row{padding:7px 9px;background:#050b0f;border-bottom:1px solid #111d24;border-radius:6px;margin-top:3px;font-size:12px}.leader-row .rank{font-weight:800;color:#f4f4f4}.leader-row:nth-child(-n+3) .rank{color:var(--gold)}.streamer-cell{display:flex;align-items:center;gap:7px;min-width:0}.streamer-cell b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.mini-avatar{width:28px;height:28px;flex:0 0 28px;border:2px solid #e6bc34;border-radius:50%;display:grid;place-items:center;background:#7b1725;font-size:13px}.hours{text-align:right;white-space:nowrap}.reward{text-align:right;color:var(--green);font-weight:800;white-space:nowrap;font-size:11px}.leader-note{text-align:center;color:#687780;font-size:10px;margin:10px 0 0}.search-drawer{position:fixed;top:74px;right:24px;z-index:30;background:#0b141a;border:1px solid #34434c;border-radius:12px;padding:14px;width:min(380px,calc(100vw - 30px));box-shadow:0 15px 45px #000b;display:none}.search-drawer.open{display:block}.search-drawer input{width:calc(100% - 36px);padding:12px;border-radius:8px;border:1px solid #36444c;background:#05090c;color:white}.search-drawer>button{background:none;border:0;color:white;font-size:18px;float:right;padding:8px}.search-result{padding:10px;border-bottom:1px solid #243039;cursor:pointer}.search-result:hover{background:#16242c}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#f5f0df;color:#101316;padding:12px 18px;border-radius:10px;font-weight:800;z-index:50;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 8px 30px #0008}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;z-index:40;background:#000b;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{width:min(420px,100%);background:#0b141a;border:1px solid #34434c;border-radius:18px;padding:28px;position:relative;box-shadow:0 20px 70px #000b}.modal-close{position:absolute;right:14px;top:12px;border:0;background:none;color:#fff;font-size:20px}.modal-logo{font:900 italic 34px "Barlow Condensed",sans-serif;color:var(--gold);text-shadow:2px 2px #e81531}.modal h2{font:900 30px "Barlow Condensed",sans-serif;margin:8px 0}.modal p{color:#b5c0c7;font-size:13px}.modal form{display:flex;flex-direction:column;gap:14px;margin-top:20px}.modal label{font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:7px}.modal label input:not([type=checkbox]){width:100%;background:#05090c;border:1px solid #34434c;border-radius:9px;padding:12px;color:#fff;outline:none}.modal label input:focus{border-color:#f11832}.modal .terms{flex-direction:row;align-items:center;font-weight:500}.full-width{width:100%}.modal-foot{text-align:center;margin:18px 0 10px}.modal-foot button{border:0;background:none;color:var(--gold);font-weight:800}.demo-warning{display:block;color:#77848b;line-height:1.4;font-size:10px;text-align:center}.empty-state{color:#b7c2c8;padding:15px;font-size:12px}
@media(max-width:1100px){.layout{grid-template-columns:minmax(0,1.5fr) minmax(310px,1fr);gap:14px;padding:14px}.hero{height:320px;padding:22px}.hero-side{font-size:20px;right:2%}.benefits{grid-template-columns:repeat(2,1fr)}.benefits article:nth-child(2){border-right:0}.benefits article{padding:8px}.live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stream-art{height:125px}.promo-grid{grid-template-columns:1fr 1fr}.community-card{grid-column:1/-1}.featured-art{height:160px}.tag-list{display:none}.leader-title h2{font-size:23px}.leader-head,.leader-row{grid-template-columns:20px minmax(80px,1.3fr) minmax(60px,.8fr) minmax(50px,.7fr);font-size:10px}.mini-avatar{width:23px;height:23px;flex-basis:23px}}
@media(max-width:760px){.topbar{height:60px;padding:0 15px;gap:15px}.logo{font-size:32px}.mobile-menu{display:block;margin-left:auto}.topbar nav{display:none;position:absolute;top:60px;left:0;right:0;height:auto;background:#070c10;border-bottom:1px solid #30383e;padding:10px 18px;flex-direction:column;gap:0}.topbar nav.open{display:flex}.topbar nav a{padding:12px 0}.topbar nav a:after{display:none}.top-actions{gap:4px}.top-actions .btn{padding:9px 11px;font-size:11px}.icon-btn{font-size:22px;padding:4px}.layout{display:flex;flex-direction:column;padding:12px;gap:14px}.main-column{display:contents}.hero{order:0;height:300px;padding:18px}.benefits{order:1}.live-section{order:2}.promo-grid{order:3}.sidebar{display:contents}.featured{order:4}.leaderboard{order:5}.hero-copy{max-width:66%}.hero h1{font-size:75px;letter-spacing:-5px}.hero h2{font-size:24px;white-space:normal}.hero p{font-size:10px}.hero-mascot{left:54%;width:31%;top:13%;height:70%}.card-mascot{width:80%;height:75%;border-width:4px}.eyes i{width:23px;height:36px;border-width:3px}.eyes i:after{width:7px;height:13px;top:8px;left:6px}.smile{border-width:4px}.chip{width:45px;height:45px;font-size:23px;border-width:3px;box-shadow:0 0 0 3px #080b0d}.hero-side{font-size:15px;top:72%;right:5%}.eyebrow{font-size:8px}.promo-code{font-size:15px;padding:8px 13px}.benefits{grid-template-columns:repeat(2,1fr)}.benefit-icon{flex-basis:45px;height:45px;font-size:28px}.benefits h3{font-size:14px}.benefits p{font-size:10px}.live-grid{gap:8px}.stream-art{height:100px}.stream-meta{gap:5px}.stream-meta b{font-size:10px}.stream-meta small{font-size:9px}.avatar{flex-basis:25px;height:25px}.promo-grid{grid-template-columns:1fr 1fr;gap:9px}.promo-card{min-height:155px;padding:10px}.promo-card h2{font-size:22px}.promo-card p{font-size:9px}.promo-symbol{font-size:55px;flex-basis:30%}.code-card strong{font-size:39px}.community-card{grid-column:1/-1}.featured-art{height:185px}.tag-list{display:flex}.leader-head,.leader-row{grid-template-columns:25px minmax(100px,1.4fr) minmax(75px,.9fr) minmax(65px,.7fr);font-size:11px}.mini-avatar{width:28px;height:28px;flex-basis:28px}}
@media(max-width:420px){.top-actions .btn-outline{display:none}.topbar{gap:8px}.hero{height:270px}.hero-copy{max-width:70%}.hero h1{font-size:64px}.hero h2{font-size:21px}.hero-side{font-size:12px}.hero-mascot{left:58%;width:27%}.chip{width:36px;height:36px}.benefits article{gap:7px;padding:5px}.benefit-icon{flex-basis:38px;height:38px;font-size:23px}.benefits h3{font-size:12px}.benefits p{font-size:9px}.live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.promo-grid{grid-template-columns:1fr}.community-card{grid-column:auto}.promo-card{min-height:140px}.code-card{min-height:160px}.featured-info{gap:7px}.tag-list{gap:3px}.tag-list span{font-size:9px;padding:4px 6px}.leader-title h2{font-size:22px}.leader-title h2 span{font-size:30px}.leader-head,.leader-row{grid-template-columns:20px minmax(88px,1.2fr) minmax(65px,.8fr) minmax(54px,.65fr);gap:3px;padding-left:6px;padding-right:6px}.streamer-cell{gap:4px}.mini-avatar{width:22px;height:22px;flex-basis:22px;font-size:10px}.leader-row{font-size:10px}.reward{font-size:10px}.leader-tabs button{font-size:11px}}

/* Reference-image fidelity pass */
.hero{background-image:url("assets/hero-reference.jpg");background-size:100% 100%;background-position:center;border-color:#5e2730}
.hero:before{display:none}
.hero-copy,.hero-mascot,.hero-side{visibility:hidden}
.hero-code-hotspot{position:absolute;z-index:5;left:14.5%;bottom:6%;width:26%;height:19%;border:0;border-radius:30px;background:transparent;cursor:pointer}
.hero-code-hotspot:hover{outline:2px solid #fff8;background:#ffffff12}
.image-stream{background-size:cover;background-position:center}
.image-stream:before{display:none}
.image-stream .art-crown,.image-stream .art-word,.image-stream .playing-card,.image-stream .round-mascot,.image-stream .dice{display:none}
.stream-lisp{background-image:url("assets/stream-lisp.jpg")}
.stream-ace{background-image:url("assets/stream-ace.jpg")}
.stream-bluff{background-image:url("assets/stream-bluff.jpg")}
.stream-queen{background-image:url("assets/stream-queen.jpg")}
.featured-art{background-image:url("assets/featured-reference.jpg");background-size:100% 100%;background-position:center}
.featured-art:before,.feature-glow{display:none}
.feature-card,.feature-title,.feature-chip{display:none}
.bonus-card{background-image:url("assets/promo-bonus.jpg");background-size:100% 100%;background-position:center}
.code-card{background-image:url("assets/promo-code.jpg");background-size:100% 100%;background-position:center}
.community-card{background-image:url("assets/promo-community.jpg");background-size:100% 100%;background-position:center}
.bonus-card>* ,.code-card>* ,.community-card>*{visibility:hidden}
.bonus-card{position:relative}
.bonus-card .btn{visibility:visible;position:absolute;left:46%;bottom:12%;opacity:0;width:48%;height:23%;padding:0}
.code-card .btn{visibility:visible;position:absolute;left:15%;bottom:7%;width:70%;height:23%;opacity:0;padding:0}
.community-card .btn{visibility:visible;position:absolute;left:44%;bottom:10%;width:49%;height:22%;opacity:0;padding:0}
.promo-card{background-color:#111}
@media(max-width:760px){
 .hero{background-size:cover;background-position:center;height:auto;aspect-ratio:2.86/1;min-height:210px;padding:0}
 .hero-code-hotspot{left:14%;bottom:6%;width:28%;height:20%}
 .featured-art{background-size:cover}
}
@media(max-width:420px){.hero{min-height:190px}.hero-code-hotspot{left:14%;bottom:6%;width:29%;height:20%}}

/* Additional standalone pages */
.page-wrap{max-width:1320px;margin:0 auto;padding:24px clamp(16px,3vw,42px) 55px}
.page-intro{padding:24px 26px;margin-bottom:18px;background:linear-gradient(120deg,#101a22,#080d11);border:1px solid #2b3841;border-radius:14px;position:relative;overflow:hidden}
.page-intro:after{content:"♛";position:absolute;right:25px;top:-28px;font-size:150px;color:#ffd324;opacity:.09}
.page-kicker{color:#ffd324;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:900}
.page-intro h1{font:900 italic clamp(34px,5vw,54px)/1 "Barlow Condensed",sans-serif;margin:8px 0 10px;text-transform:uppercase}
.page-intro p{max-width:700px;color:#c5cdd2;line-height:1.7;margin:0}
.page-content-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:18px}
.page-panel{padding:18px}
.page-panel h2{font:900 italic 29px "Barlow Condensed",sans-serif;margin:0 0 14px}
.api-tools{display:grid;grid-template-columns:1fr auto;gap:8px;margin:12px 0}
.api-tools input,.api-tools select,.api-tools textarea{width:100%;background:#05090c;border:1px solid #34434c;border-radius:9px;padding:12px;color:#fff;min-width:0}
.api-status{padding:11px 12px;border-radius:8px;background:#101a20;color:#c9d3d9;font-size:12px;line-height:1.5;margin-top:10px}
.api-status.ok{border:1px solid #087e61;color:#75f2c7}.api-status.error{border:1px solid #a02b3a;color:#ffb3bd}
.api-help{color:#aeb9c0;font-size:12px;line-height:1.65}
.api-help code{color:#ffe08a;background:#05090c;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}
.leaderboard.large .leader-head,.leaderboard.large .leader-row{grid-template-columns:36px minmax(120px,1.5fr) minmax(100px,1fr) minmax(75px,.7fr);font-size:13px}
.leaderboard.large .leader-row{padding:10px}
.leaderboard.large .streamer-cell b{font-size:13px}
.leaderboard.large .mini-avatar{width:31px;height:31px;flex-basis:31px}
.about-card{display:flex;align-items:center;gap:18px}
.about-emblem{flex:0 0 100px;width:100px;height:100px;display:grid;place-items:center;border:2px solid #e8c01c;border-radius:50%;font-size:60px;color:#ffd324;background:radial-gradient(circle,#3b2020,#090d11)}
.about-copy{color:#cbd3d8;line-height:1.8}
.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.info-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.info-tile{border:1px solid #25343c;border-radius:11px;background:#071016;padding:16px}
.info-tile b{display:block;color:#ffd324;font:800 italic 20px "Barlow Condensed",sans-serif;margin-bottom:7px}
.info-tile p{margin:0;color:#c3ccd1;font-size:12px;line-height:1.6}
.page-footer{text-align:center;color:#718089;font-size:11px;padding:18px}
@media(max-width:760px){.page-wrap{padding:14px 12px 35px}.page-content-grid{grid-template-columns:1fr}.info-list{grid-template-columns:1fr}.about-card{align-items:flex-start}.about-emblem{flex-basis:72px;width:72px;height:72px;font-size:43px}.leaderboard.large .leader-head,.leaderboard.large .leader-row{grid-template-columns:24px minmax(90px,1.2fr) minmax(70px,.8fr) minmax(55px,.6fr);font-size:10px}.leaderboard.large .streamer-cell{gap:5px}.leaderboard.large .mini-avatar{width:23px;height:23px;flex-basis:23px}.api-tools{grid-template-columns:1fr}.page-intro{padding:20px}}