@font-face{font-family:Kanit;font-weight:300;src:url(fonts/Kanit-Light.woff2) format('woff2');font-display:swap}
@font-face{font-family:Kanit;font-weight:400;src:url(fonts/Kanit-Regular.woff2) format('woff2');font-display:swap}
@font-face{font-family:Kanit;font-weight:500;src:url(fonts/Kanit-Medium.woff2) format('woff2');font-display:swap}
@font-face{font-family:Cinzel;font-weight:400 900;src:url(fonts/Cinzel.woff2) format('woff2');font-display:swap}
:root{--gold:#c9a24d;--gold-l:#f1d58a;--gold-d:#7a5a1e;--blood:#b3001b;--blood-d:#6e0010;--bone:#e9e4d8;--ash:#a39e93;--line:rgba(201,162,77,.28)}
*{box-sizing:border-box;border-radius:0}
html{background:#050304;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;font:300 16px/1.7 Kanit,system-ui,sans-serif;color:var(--bone);background:#050304}
a{color:var(--gold-l);text-decoration:none}a:hover{color:#fff}
.bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 30%,#160709 0%,#070405 55%,#000 100%)}
.bg .rose{position:absolute;left:50%;top:34%;width:60vh;height:80vh;transform:translate(-50%,-50%);background:url(logo.svg) center/contain no-repeat;opacity:.04}
.bg .vig{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.85) 100%)}
.wrap{width:100%;max-width:1020px;margin:0 auto;padding:0 1.2rem}
nav.top{position:sticky;top:0;z-index:5;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
nav.top::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent 35%,var(--blood) 50%,transparent 65%)}
nav.top .wrap{display:flex;justify-content:space-between;align-items:center;padding-top:.8rem;padding-bottom:.8rem}
.brand{display:flex;align-items:center;gap:.7rem;font:600 1.05rem Cinzel,serif;letter-spacing:.28em;color:var(--gold)}
.brand img{width:1.5rem;height:2rem}
.links{display:flex;align-items:center;gap:1.4rem}
.links a{font:400 .95rem Kanit;color:var(--bone);letter-spacing:.04em}.links a:hover{color:var(--gold-l)}
.links a.cta{border:1px solid var(--gold);padding:.3rem .9rem;color:var(--gold-l)}.links a.cta:hover{background:var(--gold);color:#000}
.hero{text-align:center;padding-top:4rem;padding-bottom:2.5rem}
.hero .mark{width:6.5rem;height:8.6rem;filter:drop-shadow(0 0 16px rgba(179,0,27,.4))}
.hero h1{margin:1rem 0 0;font:700 clamp(2.1rem,7.2vw,4.4rem) Cinzel,serif;letter-spacing:.26em;padding-left:.26em;line-height:1.1;background:linear-gradient(180deg,var(--gold-l),var(--gold) 55%,var(--gold-d));-webkit-background-clip:text;background-clip:text;color:transparent}
.rule{position:relative;height:1px;width:min(28rem,80%);margin:1.2rem auto;background:linear-gradient(90deg,transparent,var(--gold) 20%,var(--gold-l) 50%,var(--gold) 80%,transparent)}
.rule span{position:absolute;left:50%;top:50%;width:.55rem;height:.55rem;transform:translate(-50%,-50%) rotate(45deg);background:#050304;border:1px solid var(--blood);box-shadow:0 0 8px rgba(179,0,27,.8)}
.lead{font-size:clamp(1.05rem,2.6vw,1.3rem);letter-spacing:.05em;margin:0 auto 2rem;max-width:36rem}
.actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:.85rem 2.2rem;font:500 1.05rem Kanit;letter-spacing:.08em;color:#0a0606;background:linear-gradient(180deg,var(--gold-l),var(--gold));border:1px solid var(--gold);cursor:pointer;transition:filter .2s,background .2s}
.btn:hover{filter:brightness(1.12);color:#000}
.btn.big{font-size:1.3rem;padding:1rem 3rem;box-shadow:0 0 28px rgba(179,0,27,.35)}
.btn.ghost{background:transparent;color:var(--gold-l)}.btn.ghost:hover{background:rgba(201,162,77,.12);color:#fff}
.btn.off{opacity:.45;pointer-events:none;filter:grayscale(.6)}
.connect{margin:1.6rem auto 0;display:flex;max-width:30rem;border:1px solid var(--line);background:rgba(0,0,0,.6)}
.connect code{flex:1;padding:.7rem 1rem;font:400 .95rem/1.4 ui-monospace,Consolas,monospace;color:var(--gold-l);text-align:left;overflow-x:auto;white-space:nowrap}
.connect button{border:0;border-left:1px solid var(--line);background:transparent;color:var(--bone);font:400 .9rem Kanit;padding:0 1rem;cursor:pointer}
.connect button:hover{background:rgba(201,162,77,.14);color:var(--gold-l)}
.gl{color:var(--gold-l)}
.hint{color:var(--ash);font-size:.88rem;margin:.7rem 0 0}
.status{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.2rem;color:var(--ash);font-size:.92rem}
.status[hidden]{display:none}
.status i{width:.5rem;height:.5rem;border-radius:50%!important;background:#9fd39a;box-shadow:0 0 8px #9fd39a}
.status.off i{background:#ff4a5e;box-shadow:0 0 8px #ff4a5e}
section{padding:2.2rem 0}
h2{font:500 1.5rem Kanit;letter-spacing:.06em;margin:0 0 1.2rem;color:var(--gold-l);border-bottom:1px solid var(--line);padding-bottom:.5rem}
h2 small{font:300 .8rem Cinzel,serif;letter-spacing:.3em;color:var(--blood);margin-left:.6rem;vertical-align:middle}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.grid>div{background:rgba(5,3,4,.94);padding:1.5rem}
.grid b{font:600 1rem Cinzel,serif;color:var(--blood);letter-spacing:.2em}
.grid h3{margin:.3rem 0 .2rem;font-weight:500;color:var(--gold-l);font-size:1.1rem}
.grid p{margin:0;color:var(--ash);font-size:.95rem}
.rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.2rem}
.card{background:rgba(0,0,0,.62);border:1px solid var(--line);padding:1.5rem 1.6rem;position:relative}
.card::before{content:'';position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 30%,var(--blood) 50%,transparent 70%)}
.card h3{margin:0 0 .6rem;font-weight:500;color:var(--gold-l);font-size:1.1rem}
.card ul{margin:0;padding:0;list-style:none}
.card li{position:relative;padding-left:1.3rem;margin:.45rem 0}
.card li::before{content:'';position:absolute;left:.1rem;top:.7em;width:.38rem;height:.38rem;transform:rotate(45deg);background:var(--blood)}
.note{color:var(--ash);font-size:.88rem;margin-top:1rem}
.discord{text-align:center}
.discord p{margin:0 0 1.2rem;color:var(--ash)}
footer{text-align:center;padding:2.2rem 1rem 2.8rem;color:var(--ash);font-size:.78rem;letter-spacing:.12em;border-top:1px solid var(--line);margin-top:2rem}
footer small{display:block;margin-top:.6rem;letter-spacing:.02em;opacity:.7;font-size:.74rem}
.sr{position:absolute;left:-9999px}
section p.sub{color:var(--ash);margin:0 0 1rem}
.tabs{display:flex;flex-wrap:wrap;gap:.5rem}
.tabs span{border:1px solid var(--line);padding:.35rem .9rem;font-size:.9rem;background:rgba(0,0,0,.5)}
.dia{display:flex;gap:1.4rem;align-items:flex-start}
.dia img{flex:none;filter:drop-shadow(0 0 14px rgba(179,0,27,.5))}
.dia p{margin:1rem 0 0}
.faq details{border:1px solid var(--line);background:rgba(0,0,0,.55);margin-bottom:.6rem}
.faq summary{cursor:pointer;padding:.9rem 1.2rem;font-weight:400;color:var(--gold-l);list-style:none;position:relative;padding-right:2.6rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';position:absolute;right:1.1rem;top:.7rem;color:var(--blood);font-size:1.2rem}
.faq details[open] summary::after{content:'\2212'}
.faq details p{margin:0;padding:0 1.2rem 1.1rem;color:var(--bone)}
.news{list-style:none;margin:0;padding:0}
.news li{display:grid;grid-template-columns:5rem 1fr;gap:.2rem 1rem;border:1px solid var(--line);background:rgba(0,0,0,.55);padding:1rem 1.2rem}
.news time{color:var(--blood);font:500 .9rem Kanit;grid-row:span 2}
.news b{font-weight:500;color:var(--gold-l)}.news span{color:var(--ash)}
.flinks{margin:0 0 .8rem;letter-spacing:.04em;font-size:.85rem}
@media(max-width:640px){.hm{display:none}.dia{flex-direction:column}.news li{grid-template-columns:1fr}.news time{grid-row:auto}.brand span{display:none}.links{gap:.9rem}.links a{font-size:.85rem}.hero{padding-top:2.6rem}.hero .mark{width:5rem;height:6.6rem}.btn.big{width:100%}.actions .btn{flex:1 1 100%;text-align:center}.card{padding:1.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}