/* RealBazzi — Einheitliche Basis-Styles (auf allen Seiten) */ :root{ --bg:#05060c!important;--bg1:#0c0e1c!important;--bg2:#181c30!important;--bg3:#212541!important;--bg4:#2a2f52!important; --blu:#4da6ff!important;--blu2:#74bcff!important;--blu3:#2d7fd4!important; --gold:#f5c842!important;--gold2:#ffe066!important;--gold3:#c99a10!important; --text:#eef0ff!important;--sub:#6b7194!important;--sub2:#3a3d58!important; --border:rgba(255,255,255,.1)!important;--orange:#ff6b35!important; --green:#22c55e!important;--red:#ef4444!important;--yellow:#eab308!important;--twitch:#9146ff!important; } body{ background:var(--bg)!important;color:var(--text)!important; font-family:'Sora',sans-serif!important;font-size:14px!important;line-height:1.5!important; background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(77,166,255,.08) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 90% 20%,rgba(245,200,66,.05) 0%,transparent 50%)!important; } ::-webkit-scrollbar{width:5px} ::-webkit-scrollbar-track{background:transparent} ::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:4px} .page{max-width:1200px!important;margin:0 auto!important;padding:28px 40px!important} footer{border-top:1px solid var(--border)!important;padding:16px 24px!important;margin-top:40px!important;text-align:center!important;font-size:11px!important;color:var(--sub2)!important} footer a{color:var(--sub)!important;text-decoration:none!important} /* ── LOGO WORDMARK (neben Icon im Header) ── */ .logo, .nav-logo{ gap:6px!important; } .logo .logo-wordmark, .nav-logo .logo-wordmark{ height:58px!important; width:auto!important; max-width:180px!important; object-fit:contain!important; mix-blend-mode:screen!important; } /* ── PAGE MAINTENANCE (hardcoded — für deaktivierte Originals) ── Seite: setze UND füge Maintenance-Block ein. Dadurch werden alle Game-Container ausgeblendet. */ body.page-off .game-wrap, body.page-off .orig-frame, body.page-off .orig-foot, body.page-off #particles { display:none !important; } .page-maintenance{ max-width:600px; margin:80px auto; padding:56px 32px; background:linear-gradient(160deg,#181c30,#0c0e1c); border:1px solid rgba(245,200,66,.25); border-radius:18px; text-align:center; box-shadow:0 20px 60px rgba(0,0,0,.55); } .page-maintenance .pm-icon{ font-size:64px; margin-bottom:14px; display:inline-block; animation:pm-spin 6s linear infinite; } @keyframes pm-spin{ to{ transform:rotate(360deg); } } .page-maintenance .pm-title{ font-family:'Sora',sans-serif; font-size:28px; font-weight:900; background:linear-gradient(135deg,#f5c842,#ff6b35); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; margin-bottom:12px; letter-spacing:.3px; } .page-maintenance .pm-sub{ color:#b8bcd9; font-size:14px; line-height:1.65; max-width:420px; margin:0 auto 28px; } .page-maintenance .pm-btn{ display:inline-block; background:rgba(77,166,255,.14); border:1px solid rgba(77,166,255,.3); color:#4da6ff; padding:11px 26px; border-radius:10px; font-size:13px; font-weight:700; text-decoration:none; transition:all .15s; } .page-maintenance .pm-btn:hover{ background:rgba(77,166,255,.2); transform:translateY(-1px); } @media(max-width:600px){ .page-maintenance{ margin:36px 14px; padding:36px 20px; border-radius:14px; } .page-maintenance .pm-title{ font-size:22px; } .page-maintenance .pm-icon{ font-size:48px; } } /* ── MOBILE RESPONSIVE ── */ @media(max-width:768px){ body{font-size:13px!important} .page{padding:16px 14px!important} footer{padding:14px 16px!important;margin-top:24px!important} .logo .logo-wordmark, .nav-logo .logo-wordmark{ height:42px!important; max-width:120px!important; } } @media(max-width:480px){ .logo .logo-wordmark, .nav-logo .logo-wordmark{ display:none!important; } }