:root{--bg:#0a0916;--s1:#13112a;--s2:#1c1940;--line:#2b2760;--tx:#eceaff;--mu:#9a96c7;--ac:#8b5cf6;--ac2:#c084fc;--gold:#f5b942;--ok:#34d399;--bad:#f87171;--tw:#9146ff}
*{box-sizing:border-box;margin:0}body{background:radial-gradient(900px 500px at 80% -10%,#2a1a6b66,transparent),radial-gradient(700px 400px at 0 30%,#1d0f4a55,transparent),var(--bg);color:var(--tx);font:15px/1.5 Manrope,system-ui,sans-serif;min-height:100vh}
h1,h2,h3,.logo{font-family:Outfit,system-ui,sans-serif}button{font:inherit;cursor:pointer;border:0;color:inherit}a{color:inherit;text-decoration:none}
header{position:sticky;top:0;z-index:20;background:#0a0916e6;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:12px 24px}
.logo{font-weight:800;font-size:22px;color:var(--gold);white-space:nowrap}.logo b{color:var(--ac2)}.logo.big{font-size:32px}
nav{display:flex;gap:4px;flex:1;overflow-x:auto}nav a{padding:8px 14px;border-radius:10px;color:var(--mu);font-weight:600;white-space:nowrap;transition:.2s}nav a.on,nav a:hover{background:var(--s2);color:var(--tx)}
.coins{background:var(--s2);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-weight:700;color:var(--gold);white-space:nowrap}
.me{display:flex;align-items:center;gap:8px;background:var(--s1);border:1px solid var(--line);border-radius:999px;padding:4px 12px 4px 4px}.av{width:30px;height:30px;border-radius:50%;background:var(--tw);display:grid;place-items:center;font-weight:800;overflow:hidden}.av img{width:100%;height:100%;object-fit:cover}
#banner{background:#3b2a05;color:var(--gold);text-align:center;padding:8px;font-size:13px}
main{max-width:1180px;margin:0 auto;padding:32px 20px 80px}.page{display:none}.page.on{display:block;animation:fi .35s}@keyframes fi{from{opacity:0;transform:translateY(8px)}}
h1{font-size:36px;margin-bottom:6px;background:linear-gradient(90deg,#fff,var(--ac2));-webkit-background-clip:text;background-clip:text;color:transparent}h2{font-size:24px;margin-bottom:14px}h3{margin-bottom:6px}.sub{color:var(--mu);margin-bottom:26px}
.hero{padding:10px 0 4px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.card{background:linear-gradient(180deg,#171434,var(--s1));border:1px solid var(--line);border-radius:18px;padding:18px}.mb{margin-bottom:18px}.mt{margin-top:14px}
.cas{display:flex;flex-direction:column;gap:12px;transition:.2s}.cas:hover{border-color:var(--ac);transform:translateY(-3px);box-shadow:0 12px 30px #8b5cf622}
.lg{height:96px;border-radius:12px;display:grid;place-items:center;overflow:hidden;font:800 20px Outfit;padding:10px}.lg img{max-width:100%;max-height:100%;object-fit:contain}
.bn{color:var(--gold);font-weight:700}.tag{font-size:12px;color:var(--mu)}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.w{width:100%}.hide{display:none!important}
.btn{background:linear-gradient(135deg,var(--ac),#6d28d9);padding:11px 18px;border-radius:12px;font-weight:700;text-align:center;display:inline-block;transition:.15s}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}
.btn.gold{background:linear-gradient(135deg,var(--gold),#d98e12);color:#201400}.btn.tw{background:var(--tw);padding:14px}.btn.red{background:#b91c1c}.btn[disabled]{opacity:.4;cursor:not-allowed;transform:none}.lg2{font-size:18px;padding:14px}
.ghost{background:var(--s2);border:1px solid var(--line)}
.tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.tabs button{background:var(--s1);border:1px solid var(--line);padding:9px 18px;border-radius:999px;font-weight:700;color:var(--mu)}.tabs button.on{background:var(--ac);color:#fff;border-color:var(--ac)}
.days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin:0 0 18px}.day{background:var(--s2);border:1px solid var(--line);border-radius:14px;padding:14px 6px;text-align:center}.day.done{border-color:var(--ok);background:#0f2a22}.day.now{border-color:var(--gold);box-shadow:0 0 0 2px #f5b94244}.day b{display:block;font:800 18px Outfit;color:var(--gold)}
.slot{max-width:520px;margin:0 auto 20px;text-align:center;background:linear-gradient(180deg,#241d5a,#120f2e);border:2px solid var(--gold);border-radius:24px;padding:24px;box-shadow:0 0 40px #f5b94222}
.reels{display:flex;gap:10px;justify-content:center;margin:18px 0;background:#07061a;padding:14px;border-radius:16px;border:1px solid var(--line)}.reel{width:30%;height:110px;background:linear-gradient(#fff,#e9e4ff 50%,#fff);border-radius:12px;display:grid;place-items:center;font-size:56px;color:#000}.reel.spin{animation:sh .12s infinite}@keyframes sh{50%{transform:translateY(5px);filter:blur(2px)}}
.win{min-height:28px;font:800 20px Outfit;color:var(--ok);margin:8px 0}.win.bad{color:var(--bad)}.nlc{max-width:520px;margin:0 auto;text-align:center}.nlc .btn{margin-top:10px}
.mini{width:auto;display:inline;padding:4px 8px;margin:0}
.rwrap{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}.wheel-box{position:relative;width:240px;margin:auto;text-align:center}.ptr{position:absolute;top:-14px;left:50%;transform:translateX(-50%);color:var(--gold);font-size:24px;z-index:2}
#wheel{width:240px;height:240px;border-radius:50%;border:6px solid var(--gold);transition:transform 4.2s cubic-bezier(.12,.7,.15,1);box-shadow:0 0 30px #f5b94233}#rres{margin-top:14px;display:inline-block;min-width:64px;padding:8px 16px;border-radius:12px;font:800 24px Outfit;background:var(--s2)}
.chips{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.chips button{width:48px;height:48px;border-radius:50%;background:var(--s2);border:2px dashed var(--mu);font-weight:800}.chips button.on{border-color:var(--gold);color:var(--gold);background:#2a2208}
#rtable{display:grid;grid-template-columns:repeat(12,1fr);gap:3px}.rc{position:relative;padding:9px 0;text-align:center;border-radius:6px;font-weight:700;font-size:13px;cursor:pointer;user-select:none}.rc:hover{outline:2px solid var(--gold)}.rc.r{background:#b91c1c}.rc.b{background:#1f2937}.rc.g{background:#15803d;grid-column:1/-1}.rc.o{background:var(--s2);grid-column:span 4}.rc.o2{background:var(--s2);grid-column:span 2}
.rc i{position:absolute;top:-6px;right:-3px;background:var(--gold);color:#201400;font:800 10px Outfit;border-radius:9px;padding:1px 5px;font-style:normal}
.hand{display:flex;gap:8px;min-height:84px;flex-wrap:wrap}.pc{width:58px;height:82px;background:#fff;color:#111;border-radius:8px;display:grid;place-items:center;font:800 20px Outfit;box-shadow:0 4px 12px #0006;animation:fi .3s}.pc.red{color:#c0172b}.pc.back{background:repeating-linear-gradient(45deg,var(--ac),var(--ac) 6px,#6d28d9 6px,#6d28d9 12px);color:transparent}
.vip{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.vip .card.cur{border-color:var(--gold)}.bar{height:10px;background:var(--s2);border-radius:9px;overflow:hidden;margin:8px 0}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--ac),var(--gold))}
input,textarea,select{width:100%;background:var(--s2);border:1px solid var(--line);border-radius:12px;padding:11px 14px;color:var(--tx);font:inherit;margin-bottom:12px}
.empty{text-align:center;padding:50px 20px;grid-column:1/-1}.empty .ic{font-size:48px}
#gate{position:fixed;inset:0;z-index:100;background:#07061aef;backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px}.gate{max-width:420px;text-align:center;background:var(--s1);border:1px solid var(--line);border-radius:24px;padding:36px}.gate h2{margin:18px 0 8px}.gate .tag{margin-top:14px}
#modal{position:fixed;inset:0;z-index:90;background:#000a;display:none;place-items:center;padding:20px}#modal.on{display:grid}.mod{max-width:520px;width:100%;max-height:90vh;overflow:auto;background:var(--s1);border:1px solid var(--line);border-radius:22px;padding:26px}
.tk{border-top:1px solid var(--line);padding:12px 0;font-size:14px}.st{display:inline-block;font-size:11px;font-weight:800;padding:2px 9px;border-radius:99px;background:#3b2a05;color:var(--gold)}.st.in{background:#1e2a5a;color:#93c5fd}.st.ok{background:#0f2a22;color:var(--ok)}.re{margin-top:6px;padding:8px 12px;border-left:3px solid var(--ac);background:var(--s2);border-radius:8px}
.ga{display:flex;flex-direction:column;gap:8px}.ga .pr{font:800 20px Outfit;color:var(--gold)}.acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.acts .btn{padding:8px 14px}
footer{text-align:center;color:var(--mu);font-size:12px;padding:30px 20px;border-top:1px solid var(--line)}
@media(max-width:760px){header{padding:10px 12px;gap:10px}.days{grid-template-columns:repeat(4,1fr)}h1{font-size:27px}.rwrap{grid-template-columns:1fr}}


/* ===== Refined visual layer ===== */
:root{--bg:#070914;--s1:#101426;--s2:#171e35;--line:#2b3655;--tx:#f4f6ff;--mu:#a4aec8;--ac:#7568ff;--ac2:#b3a8ff;--gold:#f6c85f}
body{background:radial-gradient(900px 520px at 85% -8%,#6355ff2b,transparent 65%),radial-gradient(750px 480px at -5% 38%,#18b7b022,transparent 62%),var(--bg)}
header{border-bottom-color:#ffffff13;background:#080b16eF;box-shadow:0 8px 28px #0002}
.logo{letter-spacing:.06em}.logo b{color:#a99cff}
main{max-width:1280px;padding-top:38px}
h1{letter-spacing:-.035em;font-size:clamp(30px,4vw,46px);line-height:1.12;margin-bottom:12px}
h2{letter-spacing:-.02em}
.sub{line-height:1.75}
.card{background:linear-gradient(145deg,#151c31f5,#0f1425f5);border-color:#ffffff16;box-shadow:0 12px 34px #00000018}
.card:hover{border-color:#8c83ff55}
.btn{border-radius:12px;box-shadow:0 5px 16px #7568ff20}
.btn.gold{background:linear-gradient(135deg,#ffe18a,#e8ad3b);box-shadow:0 5px 18px #f6c85f22}
nav a{font-size:14px}nav a.on,nav a:hover{background:#7568ff20;color:#fff}
#banner{border-bottom:1px solid #f6c85f30;background:linear-gradient(90deg,#32240b,#45300b,#32240b);padding:10px 14px;font-weight:600}
.upload-card{text-align:center;padding:36px 20px;border:1px dashed #8e86ff88;background:radial-gradient(400px 200px at 50% 0,#7568ff14,transparent),var(--s1)}
.upload-icon{margin:0 auto 12px;width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#7568ff22;color:#c7c0ff;font-size:32px}
.upload-card .sub{margin-bottom:18px}
.win-card{padding:12px;gap:12px;min-width:0}.win-card img{width:100%;height:220px;object-fit:contain;background:#080b15;border-radius:12px}.win-card .row{align-items:center}
.nlc-panel{max-width:100%;text-align:left;margin-top:22px;padding:22px}
.nlc-panel .row{align-items:center;margin-bottom:16px}.nlc-panel select{max-width:260px}
.nl-frame{position:relative;width:100%;height:clamp(360px,58vw,680px);overflow:hidden;border-radius:16px;background:#05070d;border:1px solid #ffffff20}
.nl-frame iframe{width:100%;height:100%;border:0;display:block;background:#05070d}
.nlc-panel .tag{line-height:1.6}
footer{border-color:#ffffff13}
@media(max-width:760px){main{padding:24px 14px 60px}.nlc-panel{padding:14px}.nlc-panel .row{align-items:stretch;flex-direction:column}.nlc-panel select{max-width:none}.nl-frame{height:65vh;min-height:400px}.win-card img{height:180px}}


/* ===== Stadium-Night Design (final layer) ===== */
:root{--bg:#050716;--s1:#0b1022;--s2:#121a33;--line:#1f2b4d;--tx:#f1f5ff;--mu:#97a3c4;--ac:#5ee0ff;--ac2:#9aeaff;--gold:#c6f432;--lime:#c6f432;--cyan:#5ee0ff;--ok:#c6f432;--bad:#ff6b7a;--tw:#9146ff}
body{font-family:"Hanken Grotesk",system-ui,sans-serif;background:
 linear-gradient(115deg,transparent 0 38%,#5ee0ff0d 38% 39%,transparent 39% 100%),
 radial-gradient(900px 520px at 88% -6%,#5ee0ff22,transparent 65%),
 radial-gradient(800px 520px at -6% 42%,#c6f43214,transparent 62%),var(--bg);background-attachment:fixed}
h1,h2,h3,.logo,.win,.pr,.day b{font-family:Archivo,system-ui,sans-serif}
h1{font-weight:900;font-style:italic;letter-spacing:-.03em;text-transform:none;background:none;color:var(--tx);-webkit-text-fill-color:currentColor;font-size:clamp(34px,5.4vw,64px);line-height:1.02;margin-bottom:14px}
h2{font-weight:800;letter-spacing:-.015em}
.sub{color:var(--mu);max-width:62ch}
.hero{padding:26px 0 30px;position:relative}
.hero:after{content:"";display:block;width:84px;height:5px;margin-top:22px;border-radius:3px;background:linear-gradient(90deg,var(--cyan) 0 50%,var(--lime) 50%);transform:skewX(-24deg)}

/* Header */
header{background:#050716ee;border-bottom:1px solid #5ee0ff1f;padding:12px 28px}
.logo{font-style:italic;font-weight:900;letter-spacing:.02em;color:var(--tx)}.logo b{color:var(--lime)}
nav a{font-weight:600;color:var(--mu);border-radius:8px}
nav a.on,nav a:hover{background:#5ee0ff18;color:#fff;box-shadow:inset 0 -2px 0 var(--cyan)}
.coins{background:#c6f4321a;border-color:#c6f43255;color:var(--lime)}
.me{background:var(--s1);border-color:#5ee0ff33}

/* Casino-Karten */
#casinos{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:26px;max-width:1280px}
.cas{--brand:var(--cyan);padding:0;overflow:hidden;gap:0;border-radius:22px;background:var(--s1);border:1px solid color-mix(in srgb,var(--brand) 35%,transparent);box-shadow:0 0 0 1px #0006,0 18px 50px -18px color-mix(in srgb,var(--brand) 45%,transparent);transition:transform .25s,box-shadow .25s,border-color .25s}
.cas:hover{transform:translateY(-4px);border-color:var(--brand);box-shadow:0 0 0 1px #0006,0 26px 60px -16px color-mix(in srgb,var(--brand) 60%,transparent)}
.cas .lg{height:230px;border-radius:0;padding:26px;position:relative;border-bottom:3px solid var(--brand)}
.cas .lg:after{content:"";position:absolute;inset:0;background:radial-gradient(260px 160px at 50% 110%,color-mix(in srgb,var(--brand) 28%,transparent),transparent 70%);pointer-events:none}
.cas .lg img{width:auto;height:auto;max-height:150px;max-width:80%;position:relative;z-index:1}
.cas-body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px}
.cas-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cas h3{font-size:26px;font-weight:900;font-style:italic;letter-spacing:-.01em;margin:0}
.chip{font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px;color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 55%,transparent);background:color-mix(in srgb,var(--brand) 10%,transparent)}
.bn{color:var(--tx);font-size:17px;font-weight:700}
.cas .tag{margin-bottom:6px}
.btn.cta{background:var(--brand);color:#04101a;font-family:Archivo,sans-serif;font-weight:800;font-size:17px;padding:15px 20px;border-radius:12px;box-shadow:0 8px 24px -8px color-mix(in srgb,var(--brand) 80%,transparent)}
.btn.cta:hover{filter:brightness(1.08);transform:translateY(-2px)}

/* Buttons & Formular */
.btn{background:var(--cyan);color:#04101a;font-weight:800;border-radius:12px;box-shadow:none}
.btn.gold{background:var(--lime);color:#0b1300;box-shadow:0 6px 20px -8px #c6f432aa}
.btn.tw{background:var(--tw);color:#fff}
.btn.ghost{background:var(--s2);color:var(--tx);border:1px solid var(--line)}
.btn.red{color:#fff}
.tabs button{background:var(--s1);border-color:var(--line);color:var(--mu)}
.tabs button.on{background:var(--cyan);border-color:var(--cyan);color:#04101a}
input,textarea,select{background:var(--s2);border-color:var(--line)}
input:focus,textarea:focus,select:focus{outline:2px solid var(--cyan);outline-offset:1px}
.btn:focus-visible,nav a:focus-visible,.tabs button:focus-visible,.me:focus-visible{outline:2px solid var(--lime);outline-offset:3px}

/* Karten allgemein */
.card{background:linear-gradient(160deg,#0f1630,var(--s1));border-color:var(--line);border-radius:18px;box-shadow:none}
.card:hover{border-color:#5ee0ff55}
.cas.card:hover{border-color:var(--brand)}
.upload-card{border:2px dashed #5ee0ff66;background:radial-gradient(420px 200px at 50% 0,#5ee0ff14,transparent),var(--s1)}
.upload-icon{background:#5ee0ff1f;color:var(--cyan)}

/* Spiele */
.slot{background:linear-gradient(180deg,#0e1a3a,#050716);border:2px solid var(--lime);box-shadow:0 0 44px #c6f43222}
.reels{background:#02040d}
.day{background:var(--s2);border-color:var(--line)}
.day.done{border-color:var(--lime);background:#16220a}
.day.now{border-color:var(--cyan);box-shadow:0 0 0 2px #5ee0ff44}
.day b{color:var(--lime)}
.bar i{background:linear-gradient(90deg,var(--cyan),var(--lime))}
.chips button.on{border-color:var(--lime);color:var(--lime);background:#16220a}
#wheel{border-color:var(--lime);box-shadow:0 0 30px #c6f43233}.ptr{color:var(--lime)}
.rc i{background:var(--lime)}
.win{color:var(--lime)}.win.bad{color:var(--bad)}
.vip .card.cur{border-color:var(--lime)}
.ga .pr{color:var(--lime)}
.st{background:#2a2a08;color:var(--lime)}
.re{border-left-color:var(--cyan)}
#banner{background:linear-gradient(90deg,#1b2a08,#26380b,#1b2a08);color:var(--lime);border-bottom-color:#c6f43233}
.gate{background:var(--s1);border:1px solid #5ee0ff33;box-shadow:0 30px 80px -30px #5ee0ff55}
.gate .logo.big{font-size:34px}
footer{background:#03050f;color:var(--mu);border-top:1px solid #5ee0ff1a}

@media(max-width:760px){
 header{padding:10px 12px}
 .cas .lg{height:190px}
 .cas-body{padding:18px}
 .hero{padding-top:12px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:760px){header{flex-wrap:wrap}.logo{font-size:19px}nav{order:3;flex:1 0 100%;padding-bottom:2px;scrollbar-width:none}nav::-webkit-scrollbar{display:none}.coins{margin-left:auto}}