:root{color-scheme:dark;--bg:#100e19;--panel:#1b1728;--muted:#b9b2ca;--purple:#ff42b3;--orange:#ff920b;--line:#363043}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:#f6f3ff;font:16px/1.6 system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,.button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 22px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:#fff;font-weight:700}button:hover,.button:hover{filter:brightness(1.15)}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.primary{background:var(--orange);color:#21120a;border-color:var(--orange)}header{position:sticky;top:0;z-index:5;background:#100e19ee;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}nav{max-width:1200px;margin:auto;min-height:82px;display:flex;align-items:center;justify-content:space-between;padding:15px 28px;gap:24px}.brand{font-size:23px;font-weight:900;letter-spacing:-1px}.brand b{color:var(--orange)}.mark{display:inline-grid;place-items:center;width:38px;height:38px;background:var(--purple);color:var(--bg);margin-right:10px;transform:skew(-10deg);border-radius:7px}.links{display:flex;gap:28px;color:var(--muted);font-size:14px}.wrap{max-width:1200px;margin:auto;padding:0 28px}.hero{padding:94px 0 76px;position:relative;background:radial-gradient(ellipse at 85% 35%,#65379940,transparent 55%)}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:12px;font-weight:800;color:var(--purple)}h1{font-size:clamp(48px,7.5vw,96px);line-height:1.02;letter-spacing:-5px;margin:24px 0}h1 span{color:var(--orange)}.hero p{max-width:570px;color:var(--muted);font-size:18px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.strip{display:flex;gap:35px;border-top:1px solid var(--line);padding:23px 0;color:var(--muted);font-size:14px}.strip strong{color:white;margin-right:8px}section{padding:65px 0;border-top:1px solid var(--line)}h2{font-size:clamp(30px,4vw,43px);letter-spacing:-1.5px;line-height:1.15;margin:10px 0 20px}h3{font-size:20px;margin:10px 0}.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.card{padding:27px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.number{color:var(--orange);font-weight:800;font-size:14px}.card p{color:var(--muted);margin-bottom:0}.editor{display:grid;grid-template-columns:1fr 1.12fr;gap:42px;margin-top:32px;align-items:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:14px;color:var(--muted)}input{width:100%;margin-top:7px;padding:12px;background:#100e19;border:1px solid #494058;color:white;border-radius:7px;min-width:0}input[type=file]{font-size:13px}.wide{grid-column:1/-1}.preview{background:#251c39;border:1px solid #5e457e;border-radius:16px;padding:18px;box-shadow:0 24px 70px #0005}.preview canvas{display:block;width:100%;height:auto;border-radius:10px}.caption{font-size:12px;color:var(--muted);margin-top:16px}.status{color:var(--orange);font-size:14px;min-height:24px}.rules{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.rule{padding:23px 0;border-bottom:1px solid var(--line)}.rule h3{font-size:17px}.rule p{color:var(--muted);margin:0;font-size:14px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:700}details p{color:var(--muted);max-width:800px}.join{border:1px solid #704696;background:linear-gradient(110deg,#302040,#1d162a);padding:40px;border-radius:16px}.join p{color:var(--muted)}footer{padding:30px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}@media(max-width:760px){nav{flex-wrap:wrap;gap:12px}.links{gap:18px}nav>.button{display:none}.hero{padding-top:55px}h1{letter-spacing:-2.5px}.cards,.editor,.rules{grid-template-columns:1fr}.editor{gap:25px}.strip{flex-wrap:wrap;gap:10px 25px}.wrap{padding:0 20px}.join{padding:25px}section{padding:45px 0}}


.brand{display:inline-flex;align-items:center;gap:7px}.brand-logo{width:56px;height:56px;object-fit:contain}.hero .wrap{position:relative;min-height:490px}.hero-logo{float:right;width:49%;max-width:540px;margin:-25px -15px 15px 25px;filter:drop-shadow(0 15px 45px #ff640029)}.hero{background:radial-gradient(ellipse at 85% 35%,#ac216030,transparent 60%)}.hero h1{font-size:clamp(48px,6.2vw,78px);letter-spacing:-3px}.hero h1 span{color:#ffab19}.primary{background:linear-gradient(110deg,#ffab19,#ff7816);border-color:#ff9c15}.preview{border-color:#8b346f}.eyebrow{color:#ff64be}@media(max-width:760px){.hero-logo{float:none;display:block;width:85%;max-width:360px;margin:0 auto 28px}.hero .wrap{min-height:0}.hero{padding-top:28px}.hero h1{letter-spacing:-2px}.brand-logo{width:44px;height:44px}}


:root{--bg:#100619;--panel:#251035;--muted:#d4bedf;--purple:#ff40e9;--orange:#ff9b08;--line:#62306d}
body{background:radial-gradient(ellipse at 0% 45%,#710e722b,transparent 48%),radial-gradient(ellipse at 100% 80%,#ff65001c,transparent 42%),#100619}
header{background:#14071cee;border-bottom-color:#a54187;box-shadow:0 2px 24px #f02cbd14}
.brand b{color:#ffba20}.brand-logo{width:62px;height:62px}.links a:hover{color:#ffd253}
.hero{background:radial-gradient(ellipse at 85% 45%,#ff860036,transparent 48%),radial-gradient(ellipse at 20% 10%,#b21af54a,transparent 62%),linear-gradient(135deg,#1d092c,#2d0a32 60%,#34112a)}
.hero-logo{filter:drop-shadow(0 0 30px #ee1ecd30);max-width:530px}
.hero h1 span{color:#ffc02c;background:linear-gradient(105deg,#fff182,#ffb309 45%,#ff7028);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.primary{background:linear-gradient(110deg,#ffda3c,#ff9b08 55%,#ff6421);border-color:#ffbc25;box-shadow:0 5px 24px #ff820025;color:#271000}
.button:not(.primary){background:#361343;border-color:#be43b6}.eyebrow{color:#ff69ed}
.strip{border-color:#a64178}.strip strong{color:#ffd14d}
.card{background:linear-gradient(140deg,#371442,#23102e);border-color:#783789;border-top:3px solid #e940cb;box-shadow:0 12px 35px #08020e33}
.card:nth-child(2){border-top-color:#ffac14}.card:nth-child(3){border-top-color:#ff6639}.number{color:#ffc139}
input{background:#1b0b26;border-color:#854793}input:focus{border-color:#ffb32b}
.preview{background:linear-gradient(135deg,#692273,#321335);border:1px solid #ec57c1;box-shadow:0 18px 65px #d91daf20}
.rule{border-color:#65306c}.rule h3{color:#ffcd6c}details{border-color:#65306c}summary::marker{color:#ff5ade}
.join{background:radial-gradient(ellipse at 100% 0,#ff8d0033,transparent 65%),linear-gradient(115deg,#531465,#2c1037);border:1px solid #c94dab;box-shadow:inset 4px 0 #ffa91c}
footer{border-color:#88426e;background:#14091e}.status{color:#ffd15c}
@media(max-width:760px){.brand-logo{width:48px;height:48px}}


.rulebook{margin-top:30px}.rulebook summary{font-size:18px;color:#ffd16c}.rule-content{padding:10px 0 20px;max-width:900px}.rule-content h3{color:#ff94e8;margin-top:28px}.rule-content p{max-width:none}.rule-content strong{color:#fff0d7}.rule-item{padding-left:18px;text-indent:-14px}


body{background:radial-gradient(ellipse at 5% 25%,#65209635,transparent 35%),#0d0713}header{border-bottom:1px solid #ffffff16;background:#100916ed}nav{max-width:1320px}.wrap{max-width:1280px}.brand{letter-spacing:.4px;font-size:20px}.links{font-weight:650}.links a{padding:8px 0}.hero{overflow:hidden;padding:74px 0 64px;background:radial-gradient(ellipse at 90% 45%,#ed5a1622,transparent 55%),radial-gradient(ellipse at 40% 0%,#8526d33b,transparent 65%),#130a1d}.hero .wrap{min-height:540px}.hero-logo{width:48%;max-width:570px;margin:-12px -4px 0 22px;filter:drop-shadow(0 20px 50px #ff731326)}.hero .eyebrow{display:inline-block;border:1px solid #be55bd65;background:#5b20612b;padding:7px 13px;border-radius:30px;letter-spacing:2px}.hero h1{font-size:clamp(55px,6.6vw,86px);line-height:1.04;margin:28px 0;letter-spacing:-3.8px}.hero p{max-width:520px;font-size:18px}.button,button{min-height:48px;border-radius:12px;transition:transform .18s,box-shadow .18s}.button:hover,button:hover{transform:translateY(-2px)}.primary{box-shadow:0 7px 26px #ff85002b}.strip{justify-content:space-between;padding:26px 18px;border:1px solid #ffffff18;background:#21112e;border-radius:14px;margin:0 0 20px;position:relative}.strip strong{display:block;font-size:20px;letter-spacing:-.4px}.strip span{padding:0 20px}.eyebrow{font-size:13px;letter-spacing:2.5px}section{padding:76px 0;border-color:#ffffff12}h2{font-size:clamp(32px,3.9vw,48px);letter-spacing:-1.8px}.cards{gap:22px}.card{padding:32px;border:1px solid #85429a65;border-top:2px solid #eb4ada;background:linear-gradient(150deg,#331740,#1b1025);border-radius:18px}.card h3{margin-top:24px;font-size:22px}.number{letter-spacing:1px}.editor{gap:32px;grid-template-columns:1fr 1.12fr}#idform{padding:28px;background:#1c1028;border:1px solid #753b845e;border-radius:18px}.preview{padding:12px;border-radius:20px;background:linear-gradient(135deg,#fc932c,#c03bba 50%,#592a8c);border:0;box-shadow:0 20px 70px #0006}.editor>div{position:sticky;top:118px}.form-grid{gap:18px 16px}input{border-radius:10px;background:#100917;border-color:#68367b;min-height:48px}#newid{font-size:14px;min-height:40px;padding:8px 14px;color:#f8c966;border-color:#7e5837}.rulebook{display:grid;gap:12px}.rulebook>details,#faq>details{border:1px solid #64317565;background:#1d1029;border-radius:13px;padding:0;overflow:hidden}.rulebook summary,#faq summary{padding:21px 24px;font-size:17px;list-style-position:inside}.rulebook details[open],#faq details[open]{border-color:#c750aa}.rulebook details[open]>summary,#faq details[open]>summary{background:#42204b;color:#ffce64}.rule-content{padding:4px 26px 24px;max-width:none}.rule-content h3{font-size:20px}#faq>details{margin:12px 0}#faq>details>p{padding:0 25px 18px;max-width:1000px}.join{padding:48px;background:radial-gradient(ellipse at 100% 50%,#ff8c0026,transparent 60%),linear-gradient(115deg,#531664,#24102e);border-radius:22px}.join h2{max-width:650px}.caption{line-height:1.7}.foot{align-items:center}footer{padding:35px 0}.skip{position:absolute;left:20px;top:-100px;z-index:99;background:#fff;color:#111;padding:10px}.skip:focus{top:10px}@media(max-width:850px){nav{padding:12px 20px}.hero{padding:35px 0 45px}.hero .wrap{min-height:0;display:flex;flex-direction:column}.hero-logo{float:none;order:4;width:85%;max-width:390px;margin:35px auto 0}.hero h1{font-size:clamp(46px,10vw,76px);letter-spacing:-2px}.hero p{max-width:100%}.hero .actions{order:3}.hero .eyebrow{align-self:flex-start}.cards,.editor{grid-template-columns:1fr}.editor>div{position:static}.strip{gap:20px;flex-wrap:wrap;padding:20px 4px}.strip span{padding:0 12px}.strip strong{font-size:17px}section{padding:48px 0}.join{padding:28px}#idform{padding:20px}.rulebook summary,#faq summary{padding:18px}.rule-content{padding:0 18px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button,.button{transition:none}}


textarea{box-sizing:border-box;width:100%;margin-top:8px;padding:12px;border:1px solid #68367b;background:#100917;color:#fff;border-radius:10px;font:inherit;resize:vertical}.card ul{padding-left:20px;color:var(--muted)}.card li{margin:9px 0}.side-controls{display:flex;gap:10px;margin-bottom:14px}.side-controls button{padding:9px 18px;min-height:42px}.side-controls [aria-pressed=true]{background:#ffd060;color:#24112c;border-color:#ffd060}#download-back{margin-top:12px}.links{flex-wrap:wrap}@media(max-width:600px){nav{gap:8px}.links{gap:8px 16px;font-size:13px}}

.discord-counter{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:26px 30px;margin:28px 0;background:linear-gradient(115deg,#3f174b,#24102f);border:1px solid #a94a9b;border-radius:18px}.discord-counter p{margin:6px 0}.discord-counter strong{font-size:42px;line-height:1.2;color:#ffd166;font-variant-numeric:tabular-nums}.discord-counter small,#discord-count-status{font-size:13px;color:#d4bedf}@media(max-width:600px){.discord-counter{padding:22px;gap:14px}.discord-counter strong{font-size:35px}}


:root{--gold:#ffd166;--pink:#ff65dc}::selection{background:#c840a5;color:#fff}body{overflow-wrap:break-word}header:after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:var(--reading-progress,0%);background:linear-gradient(90deg,#ffcb32,#ff7426,#eb41e5);box-shadow:0 0 12px #ff8d69;pointer-events:none}.brand-logo{filter:drop-shadow(0 0 8px #ffac2328)}.links a{position:relative;transition:color .2s}.links a.active{color:#ffd166}.links a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:3px;background:linear-gradient(90deg,#ffcc45,#ff54d2)}.hero{border-bottom:1px solid #f18aba24}.hero .wrap{isolation:isolate}.hero-logo{filter:drop-shadow(0 18px 55px #ee541d32)}.hero h1{font-weight:900;text-wrap:balance}.hero p{line-height:1.85}.hero .actions{margin-top:34px}.hero .button{padding:15px 24px}.hero .eyebrow{box-shadow:inset 0 1px #ffffff13}.strip{box-shadow:0 14px 35px #0003}.card{position:relative;transition:transform .22s,border-color .22s,box-shadow .22s}.card:hover{transform:translateY(-5px);border-color:#dc6bbb;box-shadow:0 20px 45px #05010855}.card .number{display:inline-block;font-size:12px;background:#12091666;border:1px solid #ffd16630;padding:6px 10px;border-radius:7px}.card p{line-height:1.8}section>.eyebrow{display:flex;align-items:center;gap:12px}section>.eyebrow:before{content:"";width:24px;height:2px;background:#ffad36}.discord-counter{box-shadow:0 14px 38px #0003;background:radial-gradient(ellipse at 85% 30%,#fb8c1720,transparent 55%),linear-gradient(115deg,#401b53,#20102d)}.discord-counter strong{letter-spacing:-1.5px}.discord-counter .eyebrow{font-size:12px}.rulebook summary,#faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none}.rulebook summary::-webkit-details-marker,#faq summary::-webkit-details-marker{display:none}.rulebook summary:after,#faq summary:after{content:"+";flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;border:1px solid #b06b9966;border-radius:8px;color:#ffca69;font-size:22px;font-weight:400}.rulebook details[open]>summary:after,#faq details[open]>summary:after{content:"−"}.rulebook summary:hover,#faq summary:hover{background:#40204766}input:focus,textarea:focus{outline:2px solid #d866c5;outline-offset:2px;box-shadow:0 0 0 5px #a332a71a}.preview{box-shadow:0 22px 70px #0008,0 0 32px #d944b21c}#ausweis .caption{max-width:65ch}.join{position:relative;overflow:hidden;border-color:#b9659a}.join .eyebrow{color:#ffa5e8}.join .button{margin-top:8px}.foot .brand{font-size:23px}.back-top{position:fixed;right:22px;bottom:22px;width:46px;min-height:46px;padding:0;border-radius:14px;background:#34163eee;color:#ffce6c;border:1px solid #e3985766;box-shadow:0 8px 22px #0006;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.back-top.visible{opacity:1;pointer-events:auto}.footer-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px;font-size:14px}.footer-links a:hover{color:#ffd166}.hero-note{font-size:13px!important;line-height:1.6!important;color:#c9accd!important;display:flex;gap:10px;align-items:center;margin-top:20px}.hero-note:before{content:"";width:6px;height:6px;background:#ffbe4c;border-radius:50%;flex-shrink:0}
@media(hover:none){.card:hover{transform:none}}@media(max-width:850px){.hero .hero-note{order:3}.hero h1{font-size:clamp(48px,9vw,72px)}header nav{gap:12px}.links{width:100%;flex-wrap:nowrap;overflow-x:auto;gap:23px;padding-bottom:3px;scrollbar-width:thin;scrollbar-color:#85437d transparent}.links a{white-space:nowrap;flex-shrink:0}.hero .button{flex:1;min-width:190px}.hero .actions{gap:12px}.strip{margin-top:0}.hero-logo{max-width:360px}.back-top{right:14px;bottom:14px}.discord-counter{gap:18px}.discord-counter .button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* Ventora sunset redesign */
:root{--orange:#ffbe23;--purple:#dc58ff;--panel:#1c1027;--muted:#ded3e8;--line:#ffffff24}body{background:#0b0612}header{background:#0b0715ed;border-bottom:1px solid #bd53ec66}nav{max-width:1560px;padding:10px 28px;min-height:80px;gap:18px}.links{gap:20px;flex-wrap:wrap}.brand{white-space:nowrap;letter-spacing:2px}.brand-logo{width:65px;height:65px}.hero{background:linear-gradient(90deg,#0b051550,#10041408 65%),linear-gradient(0deg,#09050ff0,transparent 35%),url('ventora-sunset.png') center/cover no-repeat;padding:70px 0 90px;min-height:calc(100vh - 80px);display:flex;align-items:center}.hero .wrap{width:100%;max-width:1510px;min-height:0;padding:0 50px}.hero-logo{width:48%;max-width:660px;float:right;margin:0 0 20px 35px;filter:drop-shadow(0 12px 35px #fa710047)}.hero h1{font-weight:900;font-size:clamp(52px,6.3vw,99px);line-height:1.02;letter-spacing:-3px;max-width:700px;text-shadow:0 3px 30px #0006}.hero h1 span{color:#ffc629}.hero p{color:#fff;max-width:590px;text-shadow:0 2px 14px #000;font-size:18px}.hero .eyebrow{background:#1b0827aa;border:1px solid #df61ff;border-radius:25px;color:#ec77ff;padding:7px 18px}.hero .hero-note{font-size:14px;color:#eee}.primary{background:linear-gradient(135deg,#ffc72f,#ffa119);color:#171009;border-color:#ffe095;box-shadow:0 0 26px #ffa31944}.hero .button:not(.primary){background:#120b1ce6;border-color:#e290ff}.button{border-radius:13px;padding:15px 25px}.card,.join,.strip,details{border-radius:22px}.hero .actions{max-width:680px}.strip{margin-top:25px}footer{background:#09060e}.back-top{z-index:6}@media(max-width:1100px){nav{flex-wrap:wrap}.links{order:3;width:100%;justify-content:center;gap:14px}.hero .wrap{padding:0 28px}.hero h1{font-size:clamp(48px,6.4vw,76px)}}@media(max-width:760px){.hero{padding:40px 0 50px;min-height:0;background-position:60% center}.hero .wrap{display:flex;flex-direction:column;padding:0 22px}.hero-logo{order:5;float:none;width:85%;max-width:400px;margin:25px auto 0}.hero h1{font-size:clamp(44px,10vw,64px);letter-spacing:-1.6px}.hero .eyebrow{align-self:flex-start;font-size:11px;letter-spacing:1px}.hero p{font-size:16px}.hero .actions{flex-direction:column}.hero .button{width:100%}.brand-logo{width:46px;height:46px}nav{padding:8px 18px}.links{font-size:13px;gap:8px 16px}.links a{padding:4px 0}.hero .hero-note{font-size:12px}.strip{margin-top:15px}}
.hero h1 span{-webkit-text-fill-color:#ffc629;background:none;color:#ffc629}