/*
 * DWGame Global Design Foundation
 * Die öffentliche Startseite ist der verbindliche Style-Master.
 * Globale Änderungen werden ausschließlich hier vorgenommen.
 */
:root{
 color-scheme:dark;
 --dwf-gold:#f2c45d;--dwf-gold-soft:#ffe6a3;--dwf-gold-deep:#d99a29;
 --dwf-ink:#05070d;--dwf-bg-top:#070912;--dwf-bg-bottom:#080b13;
 --dwf-panel:rgba(13,18,31,.88);--dwf-panel-strong:rgba(9,12,20,.96);
 --dwf-panel-soft:rgba(255,255,255,.06);--dwf-line:rgba(242,196,93,.25);
 --dwf-line-soft:rgba(255,255,255,.10);--dwf-text:#fff;
 --dwf-muted:#aeb8cc;--dwf-success:#35d06f;--dwf-danger:#ef4444;
 --dwf-radius:22px;--dwf-radius-small:13px;
 --dwf-shadow:0 35px 90px rgba(0,0,0,.44);
 --gold:var(--dwf-gold);--gold-soft:var(--dwf-gold-soft);
 --ink:var(--dwf-ink);--panel:var(--dwf-panel);
 --line:var(--dwf-line);--muted:var(--dwf-muted);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 margin:0;min-height:100vh;color:var(--dwf-text);
 font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 background:
  radial-gradient(circle at 15% 10%,rgba(85,48,148,.32),transparent 34%),
  radial-gradient(circle at 85% 18%,rgba(195,83,37,.24),transparent 28%),
  linear-gradient(180deg,var(--dwf-bg-top),#02040a 58%,var(--dwf-bg-bottom));
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
.dwg-shell,.dwp-shell,.dwf-shell{width:min(1500px,100%);margin:auto;padding:0 28px}
.dwg-topbar,.dwp-top,.dwf-topbar{
 position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;
 align-items:center;gap:20px;padding:18px 0;backdrop-filter:blur(18px);
 background:linear-gradient(180deg,rgba(4,6,12,.94),rgba(4,6,12,.58));
 border-bottom:1px solid rgba(255,255,255,.08)
}
.dwp-top nav,.dwg-topbar nav,.dwf-topbar nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.dwp-brand,.dwg-brand,.dwf-brand{color:var(--dwf-gold);font-weight:1000;letter-spacing:.08em}
.dwp-top nav a,.dwg-topbar nav a,.dwf-topbar nav a{color:#dbe3f3;transition:.18s ease}
.dwp-top nav a:hover,.dwg-topbar nav a:hover,.dwf-topbar nav a:hover{color:var(--dwf-gold-soft);transform:translateY(-1px)}
.dwp-card,.dwg-game-card,.dwg-continue,.dwf-card{
 border:1px solid var(--dwf-line);border-radius:var(--dwf-radius);
 background:var(--dwf-panel);box-shadow:0 24px 65px rgba(0,0,0,.28)
}
.dwp-button,.dwg-primary,.dwf-button,button.primary{
 display:inline-flex;align-items:center;justify-content:center;min-height:46px;
 padding:0 19px;border:0;border-radius:var(--dwf-radius-small);
 color:#211704;font-weight:900;cursor:pointer;
 background:linear-gradient(145deg,#ffe798,var(--dwf-gold-deep));
 box-shadow:0 11px 30px rgba(224,159,42,.22);transition:.18s ease
}
.dwp-button:hover,.dwg-primary:hover,.dwf-button:hover,button.primary:hover{transform:translateY(-2px);filter:brightness(1.06)}
.dwp-button.secondary,.dwg-secondary,.dwf-button.secondary{
 color:#fff;border:1px solid rgba(255,255,255,.16);
 background:rgba(255,255,255,.06);box-shadow:none
}
.dwp-button.danger,.dwf-button.danger{color:#fff;background:#7f1d1d;box-shadow:none}
.dwp-form input,.dwp-form textarea,.dwp-form select,
.dwf-form input,.dwf-form textarea,.dwf-form select,.login-page input{
 width:100%;padding:12px 13px;color:#fff;border:1px solid rgba(255,255,255,.14);
 border-radius:12px;outline:none;background:#111827;transition:.18s ease
}
.dwp-form input:focus,.dwp-form textarea:focus,.dwp-form select:focus,
.dwf-form input:focus,.dwf-form textarea:focus,.dwf-form select:focus,.login-page input:focus{
 border-color:rgba(242,196,93,.68);box-shadow:0 0 0 3px rgba(242,196,93,.12)
}
.dwp-message,.dwg-notice,.dwf-notice{
 padding:14px 18px;border:1px solid rgba(53,208,111,.42);
 border-radius:14px;background:rgba(34,197,94,.16)
}
.dwp-message.dwp-error,.dwf-notice.error{border-color:rgba(239,68,68,.46);background:rgba(239,68,68,.16)}
.dwp-status-dot,.dwf-status-dot{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:50%;vertical-align:middle}
.dwp-status-dot.online,.dwf-status-dot.online{background:var(--dwf-success);box-shadow:0 0 11px var(--dwf-success)}
.dwp-status-dot.offline,.dwf-status-dot.offline{background:#6b7280}
.dwp-profile-head{background:linear-gradient(135deg,rgba(27,34,53,.94),rgba(10,13,22,.94))}
.dwp-avatar{border-color:var(--dwf-gold)!important;box-shadow:0 0 36px rgba(242,196,93,.24)!important}
.dwp-stat strong{color:var(--dwf-gold-soft)!important}
.dwp-user{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.dwp-user:hover{transform:translateY(-4px);border-color:rgba(242,196,93,.52);box-shadow:0 24px 60px rgba(0,0,0,.38)}
.dwp-user img{border-color:rgba(242,196,93,.62)!important}
.login-page{background:inherit}
.login-shell{border-color:var(--dwf-line)!important;border-radius:30px!important;background:var(--dwf-panel-strong)!important;box-shadow:var(--dwf-shadow)!important}
.login-page .eyebrow{color:var(--dwf-gold)!important}
.game-page,.mj-stage{color:var(--dwf-text)}
.mj-stage{border-color:var(--dwf-line)!important;box-shadow:var(--dwf-shadow)}
@media(max-width:760px){
 .dwg-shell,.dwp-shell,.dwf-shell{padding-left:14px;padding-right:14px}
 .dwg-topbar,.dwp-top,.dwf-topbar{position:relative;align-items:flex-start;flex-direction:column;gap:12px}
}

/* DWGame-Version 1.1.0 – globale CI-Komponenten in game-components.css */