*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#19151b;color:#f9f1e6;font-family:Inter,Arial,sans-serif;line-height:1.65;background-image:radial-gradient(ellipse at 65% 0%,#402431 0%,transparent 42%)}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;background:rgba(30,22,30,.96);border-bottom:1px solid #775044;backdrop-filter:blur(14px)}.header-inner{max-width:1440px;margin:auto;min-height:84px;padding:8px 32px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand img{width:220px;height:auto;display:block}.desktop-nav{display:flex;gap:30px;align-items:center}.nav-link{font-weight:750;font-size:14px;color:#d5c4c2;transition:.2s}.nav-link:hover,.nav-link.active{color:#ffc66f}.header-actions{display:flex;gap:10px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(180deg,#ffd276,#e9a23d 58%,#b56b31);color:#271620;border:1px solid #ffdb8f;border-radius:10px;padding:13px 25px;font-weight:850;box-shadow:inset 0 1px #fff3c6,0 7px 20px #0007;white-space:nowrap}.button:hover{filter:brightness(1.09)}.button.small{font-size:14px;padding:10px 19px}.menu-toggle{display:none;background:none;border:1px solid #785b4a;border-radius:9px;color:#ffe3ac;padding:6px 11px;font-size:22px}.hero{max-width:1400px;position:relative;overflow:hidden;margin:28px auto 0;min-height:420px;border:1px solid #80604c;border-radius:22px;background:radial-gradient(circle at 77% 45%,#6d3343 0,#35202b 44%,#1b141d 80%);display:flex;align-items:center;box-shadow:0 20px 60px #0005}.hero:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,15,24,.97),rgba(26,14,25,.86) 37%,transparent 75%)}.hero-copy{position:relative;z-index:2;max-width:740px;padding:52px 64px}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:800;color:#f9bb69}.hero-title{font-size:clamp(31px,3.6vw,54px);font-weight:900;line-height:1.13;color:#fff0d7;text-shadow:0 3px 15px #000b;margin:16px 0}.hero-summary{max-width:550px;font-size:16px;color:#e6d2cf;line-height:1.65}.button.large{margin-top:17px}.hero-notice{color:#bca7a4;font-size:12px;margin-top:15px}.hero-art{position:absolute;right:0;top:0;width:62%;height:100%;object-fit:cover;object-position:center}.hero-symbol{position:absolute;right:14%;font-size:170px;opacity:.35;filter:drop-shadow(0 0 20px #ed984f)}.cat-shell{max-width:1400px;display:flex;align-items:center;position:relative;margin:16px auto 34px;background:linear-gradient(180deg,#392b35,#251e26 80%);border:1px solid #6e5051;border-radius:13px;box-shadow:inset 0 2px 5px #ffffff11,0 6px 18px #0006;padding:2px 4px}.category-scroll{display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;flex:1;min-width:0}.category-scroll::-webkit-scrollbar{display:none}.cat-item{flex:0 0 auto;min-height:78px;display:flex;align-items:center;gap:12px;border:none;border-right:1px solid #ffffff0b;background:transparent;color:#f2e8e2;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-stretch:condensed;font-size:20px;font-weight:900;text-shadow:1px 2px #150d12;white-space:nowrap;padding:10px 17px;cursor:pointer}.cat-item:hover,.cat-item.selected{background:linear-gradient(180deg,#66444e90,#3b2830a0)}.cat-emoji{font-size:35px;filter:drop-shadow(1px 3px 2px #0008)}.cat-arrow{background:transparent;border:0;color:#ffd28a;font-size:32px;cursor:pointer;padding:0 10px}.page-layout{max-width:1180px;margin:0 auto 80px;padding:0 24px}.seo-article{background:linear-gradient(180deg,#2a222c,#211b24);padding:42px 58px;border:1px solid #59464e;border-radius:16px;box-shadow:0 15px 30px #0004}.seo-article h1{font-size:clamp(28px,3vw,42px);line-height:1.2;color:#ffcf83;margin:0 0 26px}.seo-article h2{font-size:27px;color:#f2bd7e;line-height:1.3;margin:44px 0 15px;border-bottom:1px solid #59454c;padding-bottom:13px}.seo-article h3{font-size:21px;color:#ffe2ab;margin:28px 0 12px;line-height:1.35}.seo-article p{color:#e0d2d0;margin:0 0 17px;font-size:16px;line-height:1.82}.seo-article .list-line{margin-left:20px;padding-left:15px;border-left:2px solid #ae794b}.inline-seo{color:#ffd485;border-bottom:1px solid #b98c5b}.inline-seo:hover{color:white}.table-scroll{overflow-x:auto;margin:23px 0 33px;border:1px solid #69545a;border-radius:10px}.table-scroll table{border-collapse:collapse;width:100%;min-width:550px;font-size:14px}.table-scroll th{background:#45343b;color:#ffe0a9;text-align:left}.table-scroll td,.table-scroll th{padding:12px 16px;border-bottom:1px solid #58454c;vertical-align:top}.table-scroll tr:nth-child(even){background:#312630}.editorial-image{margin:30px auto;text-align:center}.editorial-image img{max-width:100%;max-height:400px;object-fit:contain;border-radius:13px}.cta-panel{margin:24px 0 0;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #a16a48;padding:25px 32px;border-radius:14px;background:linear-gradient(100deg,#4b2830,#2b2028)}.cta-panel strong{color:#f8c576;letter-spacing:.08em}.cta-panel p{margin:8px 0 0;color:#d5c7c3}.footer{background:#201920;border-top:1px solid #6c4c40;padding:45px 30px 22px}.footer-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.35fr .9fr 1.2fr;gap:50px}.footer-grid p{color:#b9a8ad;font-size:14px;max-width:400px}.footer-logo{width:205px}.footer-heading{font-weight:850;color:#f1bb7a;margin-bottom:15px}.footer-grid a{display:block;color:#d9c5c2;margin:7px 0;font-size:14px}.footer-grid a:hover{color:#f1bb7a}.footer-icons{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}.footer-icons img{height:27px;max-width:90px}.copyright{text-align:center;margin-top:32px;border-top:1px solid #4a373e;padding-top:18px;font-size:12px;color:#97888b}@media(max-width:1100px){.desktop-nav{gap:14px}.nav-link{font-size:12px}.brand img{width:180px}.hero,.cat-shell{margin-left:16px;margin-right:16px}.cat-item{font-size:17px}.seo-article{padding:32px}}@media(max-width:760px){.header-inner{min-height:68px;padding:8px 16px}.brand img{width:165px}.desktop-nav{display:none}.menu-toggle{display:block}.mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:0;padding:10px 18px 20px;background:#2c2229}.mobile-nav .nav-link{padding:10px 6px;font-size:15px}.hero{min-height:420px;margin-top:14px;border-radius:15px}.hero-copy{padding:30px 25px;align-self:flex-end}.hero:after{background:linear-gradient(0deg,#20161fee 0%,#21151cd0 55%,#1d121650 100%)}.hero-art{width:100%;height:100%;object-position:center top}.hero-symbol{right:20%;top:12%;font-size:100px}.hero-title{font-size:32px}.hero-summary{font-size:14px}.cat-shell{margin-bottom:22px}.cat-item{min-height:65px;padding:8px 13px;font-size:15px}.cat-emoji{font-size:28px}.cat-arrow{font-size:24px;padding:0 7px}.page-layout{padding:0 13px}.seo-article{padding:26px 18px}.seo-article p{font-size:15px;overflow-wrap:anywhere}.seo-article h2{font-size:23px}.seo-article h3{font-size:19px}.table-scroll{margin-left:-5px;margin-right:-5px}.cta-panel{align-items:stretch;flex-direction:column;padding:21px}.footer-grid{grid-template-columns:1fr;gap:25px}.footer{padding:35px 22px 20px}}@media(max-width:380px){.brand img{width:128px}.button.small{padding:8px 11px;font-size:12px}.hero-title{font-size:28px}}
/* Promo hero: copy and CTA are accessible HTML above text-free artwork */
.hero-promo{min-height:440px;isolation:isolate;align-items:center;background:#2a1423}
.hero-promo:after{background:linear-gradient(90deg,rgba(20,9,20,.73) 0%,rgba(23,11,21,.39) 39%,transparent 66%);z-index:0}
.hero-promo-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-promo-copy{position:relative;z-index:1;padding:35px clamp(22px,5vw,75px);max-width:min(55%,740px);text-align:left}
.hero-promo-label{display:inline-block;background:linear-gradient(#351714,#1c0d11);border:2px solid #c58b33;border-radius:35px;padding:9px 19px;color:#ffcd50;font-weight:900;letter-spacing:.02em;line-height:1.3;text-shadow:0 2px 2px #170507;box-shadow:0 5px 15px #0008;font-size:clamp(14px,1.5vw,22px)}
.hero-promo-amount{font-size:clamp(48px,6.3vw,94px);line-height:1.02;font-weight:1000;letter-spacing:-.04em;color:#fff2cb;-webkit-text-stroke:1.3px #4e2013;text-shadow:0 5px 0 #683116,3px 8px 5px #000b;margin:15px 0 4px}
.hero-promo-spins{font-size:clamp(18px,2.2vw,31px);font-weight:950;color:#ffe1a1;text-shadow:0 3px 5px #1d0b0b;margin-bottom:19px}
.hero-promo-cta{display:inline-flex;align-items:center;justify-content:center;min-height:67px;padding:12px 35px;background:linear-gradient(180deg,#ffdf65,#f6a400 53%,#b85b08);border:3px solid #fce49b;outline:2px solid #682c0d;outline-offset:2px;box-shadow:inset 0 3px 0 #fff1b2,0 7px 0 #542408,0 12px 25px #0009;border-radius:12px;color:#fff8df;font-size:clamp(18px,2vw,28px);font-weight:1000;text-shadow:0 3px 2px #5a2105;transition:filter .2s,transform .2s}
.hero-promo-cta:hover{filter:brightness(1.1);transform:translateY(-2px)}
.hero-promo-terms{margin-top:20px;color:#f1dbcd;font-size:12px;text-shadow:0 2px 3px #000}
@media(max-width:760px){.hero-promo{min-height:420px;align-items:flex-end}.hero-promo:after{background:linear-gradient(0deg,rgba(22,9,18,.94),rgba(22,9,18,.67) 46%,rgba(22,9,18,.06))}.hero-promo-art{object-position:62% center}.hero-promo-copy{max-width:100%;width:100%;padding:24px 20px 27px}.hero-promo-label{font-size:13px;padding:7px 12px}.hero-promo-amount{font-size:clamp(44px,10vw,68px);margin-top:10px}.hero-promo-spins{font-size:18px;margin-bottom:12px}.hero-promo-cta{min-height:55px;font-size:18px;padding:10px 20px}.hero-promo-terms{font-size:10px;line-height:1.4;margin-top:16px}}

/* Header sign-in and registration actions */
.header-login{background:linear-gradient(180deg,#3c2938,#241c2b);color:#ffda9a;border-color:#ad865a}
.header-register{background:linear-gradient(180deg,#ffe19a,#eeaa41 58%,#b77130)}
.inline-cta-block{display:flex;justify-content:center;margin:30px 0 38px;padding:16px 10px;background:linear-gradient(90deg,transparent,#59403244,transparent);border-block:1px solid #7a5a4144}
.inline-cta-button{white-space:normal;text-align:center;min-height:52px;padding:12px 23px}
@media(max-width:900px){.header-inner{gap:12px;padding-inline:14px}.desktop-nav{gap:10px}.header-actions{gap:6px}.header-actions .button.small{padding:9px 12px;font-size:12px}}
@media(max-width:480px){.header-inner{gap:7px}.brand img{width:115px}.header-actions{gap:4px}.header-actions .button.small{padding:8px 7px;font-size:11px}.menu-toggle{padding:5px 7px;font-size:18px}}

/* Updated Dragonia wordmark with transparent background */
.brand img{width:clamp(180px,17vw,250px);height:auto;object-fit:contain}
.footer-logo{width:240px;max-width:100%;height:auto;object-fit:contain}
@media(max-width:1100px){.brand img{width:185px}}
@media(max-width:760px){.brand img{width:160px}}
@media(max-width:480px){.brand img{width:118px}}
@media(max-width:380px){.brand img{width:110px}}