body{color:#FFF !important;background:var(--black) !important}

.dg-login-shell{width:100%;display:block;padding-top:6rem}
.dg-game-login.container{max-width:150rem;margin:0 auto;padding:1.5rem}

.dg-auth-layout{display:grid;position:relative;grid-template-columns:minmax(0,.8fr) minmax(34rem,1.2fr);gap:clamp(2rem,4vw,5rem);align-items:start;z-index:2}
.dg-auth-brand,.dg-auth-card{border-radius:.6rem;padding:4rem 2rem;background:#000;display:flex;flex-direction:column;position:relative;border:.2rem solid rgba(255,255,255,.10);box-shadow:0 2rem 5rem rgba(0,0,0,.18)}
.dg-auth-brand{justify-content:center;overflow:hidden;min-height:24rem;background:radial-gradient(circle at 20% 10%,rgba(0,124,191,.35),transparent 35%),radial-gradient(circle at 80% 20%,rgba(145,70,255,.28),transparent 38%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02))}
.dg-auth-card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));margin-bottom:30rem}

.dg-auth-logo,.dg-login-left{max-height:20rem;text-align:right;padding-top:.5rem;z-index:2;position:relative}
.dg-login-left{margin-right:13.5rem;padding-top:6rem}
.dg-login-right{width:100%;margin-top:3rem}
.dg-login-logo img{width:20rem;height:auto;display:block}
.dg-login-logo-text{display:none}

/* Überschriften und Beschreibungen */
.dg-auth-brand .dg-auth-headline,.dg-game-login h2{line-height:1.05;letter-spacing:-.04em;font-size:24px;margin-bottom:1rem}
.dg-auth-brand .dg-auth-headline span{font-size:.6em}
.dg-auth-headline.#FF3B3F{color:#FF3B3F}
.dg-auth-brand .dg-auth-subline{margin:0;font-size:1.6em;line-height:1.6;color:#FFF;max-width:50ch}
.dg-auth-brand p{margin-top:2rem;font-size:1.2em;color:rgba(255,255,255,.5);font-weight:700}
.dg-auth-subline span a{display:block;font-size:1.2em;margin:1rem 0 0;color:#FFF}
.dg-auth-subline a{text-decoration:none}
.dg-auth-subline a:hover{text-decoration-line:underline;text-decoration-thickness:.2rem;text-decoration-color:#007cbf;text-underline-offset:.4rem}
.dg-auth-subline a.is-active{color:#fff!important;text-decoration:underline;text-decoration-thickness:.2rem;text-decoration-color:#007cbf;text-underline-offset:.4rem}

.dg-game-login h2{font-size:3em;margin:2rem 0}
.dg-register-sub{margin:0 0 1rem;font-size:28px!important}

.dg-login-footer{font-size:1.2em;opacity:.9;position:relative;z-index:5}
.dg-login-footer a{color:#FFF}
.dg-logout-link{font-size:.95rem;text-decoration:none;opacity:.9;margin-top:2rem}
.dg-logout-link:hover{text-decoration:underline;opacity:1}
.logout a:hover{text-decoration-color:#FF3B3F}

.dg-register-newsinfo,.dg-register-hint,.dg-register-sync{font-size:16px;line-height:1.6;opacity:.85;margin:0 0 2rem}
.dg-register-sync{margin:2rem 0 0!important}
.dg-register-newsinfo{margin:0!important}
.dg-register-hint a,.dg-terms a{color:#FFF;text-decoration:underline;text-decoration-thickness:.2rem;text-underline-offset:.2rem}
.dg-register-hint a:hover,.dg-terms a:hover{text-decoration-color:var(--highlight)!important}

.dg-login-switch{font-size:20px;margin-top:1.5rem}
.dg-login-switch a{font-size:20px;display:inline-block;position:relative;z-index:6;font-weight:700;color:#FFF}
.dg-login-switch a:hover{text-decoration-color:var(--highlight)!important}

/* Formulare */
.dg-game-login form{display:grid;font-size:1.4em;gap:1rem}
.dg-game-login label{font-size:16px;font-weight:700;opacity:.9;display:block;margin:0 0 1rem}
.dg-game-login .choose-games{display:none}
.form-row{margin-bottom:1rem}
.dg-game-login .form-row{position:relative;margin-bottom:1.5rem}

.dg-game-login input[type="text"],
.dg-game-login input[type="email"],
.dg-game-login input[type="password"],
.dg-game-login input[type="date"],
.dg-game-login select,
.dg-game-login textarea{width:100%;box-sizing:border-box;min-height:5.4rem;padding:1rem 1.2rem;border-radius:1rem;border:.15rem solid rgba(255,255,255,.16);background:rgba(0,0,0,.22);color:#fff;outline:none;font-size:1.4em;font-family:inherit;line-height:1.4;margin-bottom:2rem;color-scheme:dark;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}

.dg-game-login input:focus,.dg-game-login select:focus,.dg-game-login textarea:focus{border-color:#007cbf;box-shadow:0 0 0 .35rem rgba(0,124,191,.18);background:rgba(0,0,0,.30)}

.dg-game-login select{width:100%!important;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:4rem;background-image:url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L7 7.5L13 1.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.4rem center;background-size:1.4rem auto}
.dg-game-login select option{background-color:#1f2027;color:#fff}
.dg-game-login select option:checked{background-color:#007cbf;color:#fff}
.dg-game-login select option[value=""]{color:rgba(255,255,255,.55)}

.dg-game-login input[type="date"]{color-scheme:dark}
.dg-game-login input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(3) contrast(1.2);opacity:1;cursor:pointer}
.dg-game-login input[type="date"]::-webkit-calendar-picker-indicator:hover{opacity:1;filter:invert(1) brightness(4) contrast(1.3)}

.dg-game-login .is-invalid{border-color:rgba(255,80,80,.75)!important;box-shadow:0 0 0 3px rgba(255,80,80,.15)}
.dg-game-login .is-valid{border-color:rgba(90,200,120,.65)!important;box-shadow:0 0 0 3px rgba(90,200,120,.10)}

#dg-profile-form select,#dg-profile-form input,#dg-profile-form textarea{margin-bottom:.2rem}

/* Buttons */
.dg-login-new button,
.dg-game-login button{width:100%;margin:0 auto!important;display:flex;font-family:var(--font-body);justify-content:center;align-items:center;border-radius:.6rem;transition:background-color .3s ease,color .3s ease;text-decoration:none!important;font-weight:700;font-size:1.4em;color:var(--white)}

.dg-login-new button:hover{background:var(--black);color:var(--white);cursor:pointer}
.dg-login-new button:disabled{opacity:.45;cursor:not-allowed}

.dg-game-login button,.dg-profile-save-btn{padding:2rem 1.5rem;border:0;border-radius:.6rem;background:linear-gradient(135deg,#007cbf,#9146FF);box-shadow:0 1rem 2.4rem rgba(0,0,0,.22);color:#FFF;font-weight:700}
.dg-game-login button:hover{background:linear-gradient(135deg,#005f95,#6d35c9);color:var(--white);cursor:pointer;text-decoration:none!important}
.dg-profile-save-btn:hover{background:linear-gradient(135deg,#005f95,#6d35c9);text-decoration:none!important}
.dg-game-login button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}

.dg-game-login button.dg-btn-danger{margin-top:1rem!important}
.dg-btn-secondary,.dg-btn-danger{background:rgba(255,80,80,.15)!important;color:inherit!important;border:.2rem solid rgba(255,80,80,.45)!important}
.dg-btn-secondary:hover,.dg-btn-danger:hover{background:rgba(255,80,80,.92)!important;color:white!important}

.dg-game-login .dg-profile-avatar-buttons button{height:auto;padding:1.2rem 1.5rem}

/* Login */
.dg-login-remember{margin-bottom:2rem!important}
.dg-login-new{position:relative;margin:0 0 2rem}
.dg-login-new__badge,.dg-login-new__features span{display:inline-flex;align-items:center;width:max-content;padding:.5rem .75rem;border-radius:.6rem;letter-spacing:.1rem;font-size:14px;font-weight:700}
.dg-login-new__badge{margin-bottom:2rem;background:rgba(0,0,0,.5)}
.dg-login-new__features{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}
.dg-login-new__features span{border:.2rem solid rgba(255,255,255,.10);background:rgba(0,0,0,.2)}
.dg-login-new h2{margin:0 0 1.5rem;font-size:3em}
.dg-login-new p{margin:0 0 1.5rem;font-size:1.6em;line-height:1.6;color:rgba(255,255,255,.90)}

.dg-acc-row{display:grid;gap:.5rem}
.dg-acc-row label{font-size:1.4em;font-weight:700;margin:0 0 .5rem}
.dg-game-login label.dg-acc-public{font-size:1.2em;font-weight:400;margin:1rem 0 0}
.dg-acc-public{font-size:.9rem;opacity:.85;display:inline-flex;gap:.4rem;align-items:center}

/* Meldungen */
.dg-login-notice,.dg-login-error,.dg-form-msg{position:sticky;width:auto;border-radius:1rem;padding:1.4rem 1.6rem;margin:1rem 0 3rem;font-size:1.25em;line-height:1.45;color:#fff;white-space:pre-line}
.dg-login-error{font-size:1.8em!important}
.dg-form-msg.is-ok,.dg-login-notice{background:rgba(40,167,69,.92)}
.dg-form-msg.is-err,.dg-login-error{background:rgba(255,59,63,.95)}
.dg-onboarding-note{background:linear-gradient(135deg,rgba(0,124,191,.95),rgba(145,70,255,.85))}

/* Registrierung Genres/Spiele */
#games-wrapper{display:grid;gap:1rem}
.genre-group{border-radius:.6rem;padding:1rem;border:.2rem solid rgba(255,255,255,.10);background:rgba(0,0,0,.10)}
.genre-group-title{font-weight:700;margin-bottom:1rem;font-size:1.2em}
.genre-games{display:flex;flex-wrap:wrap;gap:1rem}
.genre-games label{display:inline-flex;align-items:center;gap:.5rem;opacity:.90}

.genre-checkboxes{display:grid;flex-wrap:wrap;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.5rem;margin-top:.2rem}
.genre-checkboxes label,.genre-games label{position:relative;border:.15rem solid rgba(255,255,255,.14);border-radius:1rem;padding:1.2rem;background:rgba(0,0,0,.18);font-weight:800;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease;margin:0 0 1rem!important}
.genre-checkboxes label{display:inline-flex;align-items:center;gap:1rem;font-size:1.2em}
.genre-checkboxes label:hover,.genre-games label:hover{transform:translateY(-.15rem);border-color:rgba(0,124,191,.65);background:rgba(0,124,191,.12)}
.genre-checkboxes input,.genre-games input{accent-color:#007cbf}
.genre-checkboxes label:has(input:checked),.genre-games label:has(input:checked){border-color:#007cbf;background:rgba(0,124,191,.20);box-shadow:0 0 0 .25rem rgba(0,124,191,.12)}

.dg-terms-row{margin-top:.5rem}
.dg-terms{display:inline-flex;align-items:flex-start;gap:1rem;font-size:.95rem;opacity:.90;line-height:1.45;border-radius:1rem;padding:1.2rem;background:rgba(0,0,0,.12)}
.dg-terms input{margin-top:.25rem;margin-right:.5rem}
.dg-terms-row .is-invalid{outline:2px solid rgba(255,80,80,.35);outline-offset:.5rem;border-radius:.6rem}

#games-row.is-invalid{border:.3rem solid rgba(255,80,80,.55);border-radius:.6rem;padding:1rem}
#games-row.is-valid{border:.3rem solid rgba(90,200,120,.35);border-radius:.6rem;padding:1rem}

/* Registrierung Fortschritt-System */
.dg-register-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:0 0 2rem}
.dg-register-step-indicator{min-height:4.4rem!important;height:auto!important;padding:.7rem 1rem!important;border-radius:.6rem!important;background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.72)!important;box-shadow:none!important;font-size:1.1em!important;gap:.55rem}
.dg-register-step-indicator span{width:2.2rem;height:2.2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.14);font-weight:900}
.dg-register-step-indicator.is-active{background:#007cbf!important;color:#fff!important}
.dg-register-step-indicator.is-done{background:rgba(90,200,120,.22)!important;color:#fff!important}

.dg-register-step{display:none}
.dg-register-step.is-active{display:block;animation:dgRegisterStepIn .18s ease-out}
.dg-register-step[hidden]{display:none!important}

.dg-register-actions{display:flex;gap:1rem;margin:2rem 0}
.dg-register-actions button{width:100%}
.dg-register-actions--split{grid-template-columns:1fr 1fr}
.dg-register-prev{background:rgba(255,255,255,.12)!important;box-shadow:none!important}
.dg-register-prev:hover{background:rgba(255,255,255,.2)!important}
.dg-register-next{background:linear-gradient(135deg,#007cbf,#9146FF)!important}

@keyframes dgRegisterStepIn{
from{opacity:0;transform:translateY(.4rem)}
to{opacity:1;transform:translateY(0)}
}


/* Push-Bonus */
.dg-register-push-row{margin-top:1rem}
.dg-game-login .dg-register-push-btn{background:rgba(0,124,191,.18);border:.15rem solid rgba(0,124,191,.65);box-shadow:none}
.dg-game-login .dg-register-push-btn:hover{background:rgba(0,124,191,.32)}
.dg-game-login .dg-register-push-btn.is-active{background:rgba(40,167,69,.22);border-color:rgba(90,200,120,.8)}
.dg-game-login .dg-register-push-btn.is-active:hover{background:rgba(40,167,69,.32)}
.dg-register-push-btn strong{margin-left:.5rem}
.dg-register-bonus-hint{max-width:none!important;margin:.8rem 0 0!important}
#dg-register-push-status.is-active{color:rgba(150,240,170,.95);opacity:1}
#dg-register-push-status.is-error{color:#ff8b8e;opacity:1}

/* Profil */
hr{background:var(--black)!important;width:calc(100% + 4rem)!important;height:3rem!important;margin:2rem -2rem!important}

.dg-game-login hr{width:100%!important;height:.5rem!important;margin:3rem 0!important;background:rgba(255,255,255,.12)!important}
.dg-profile-grid{display:grid;grid-template-columns:1fr;gap:1rem}
.dg-profile-col{width:100%}
.dg-profile-readonly-list p{margin-top:1rem}
.dg-profile-avatar-row{display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap;margin:2rem 0}
.dg-profile-avatar-img{width:15rem;height:15rem;border-radius:.6rem;object-fit:cover;border:.2rem solid rgba(255,255,255,.12);background:rgba(0,0,0,.12)}
.dg-profile-avatar-actions{flex:1;min-width:260px}
.dg-profile-avatar-actions strong{font-weight:700}
.dg-profile-avatar-row .dg-register-hint{margin:2rem 0 !important}
.dg-profile-avatar-buttons{display:flex;gap:.8rem;margin-top:.8rem;flex-wrap:nowrap}
.dg-profile-current-badge{margin-left:.5rem}
.dg-profile-badge-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1rem;margin:1.5rem 0}
.dg-profile-badge-choice{display:flex;align-items:center;gap:1rem;padding:1rem;border:.2rem solid rgba(255,255,255,.08);border-radius:.6rem;cursor:pointer}
.dg-profile-badge-choice:has(input:checked){border-color:currentColor;background:rgba(255,255,255,.06)}
.dg-profile-badge-choice img{width:19px;height:19px;object-fit:contain;flex:0 0 19px;margin-left:.5rem}
.dg-profile-badge-choice__text{display:flex;flex-direction:column;gap:1rem}
.dg-profile-badge-choice__text small{opacity:.7}
.dg-profile-badge-form{margin-bottom:1.5rem}

.kill-account{font-size:1.4em!important;color:#FF3B3F;margin-bottom:3rem!important}
.dg-delete-confirm{font-size:3em!important;font-weight:700}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Avatar */
.dg-avatar-file-wrap{width:100%}
.dg-profile-avatar-file{position:absolute;width:.1rem;height:.1rem;opacity:0;overflow:hidden;pointer-events:none}
.dg-avatar-file-label{display:flex;align-items:center;gap:1rem;width:100%;box-sizing:border-box;min-height:5.4rem;padding:1rem 1.2rem;border-radius:1rem;border:.15rem dashed rgba(255,255,255,.22);background:rgba(0,0,0,.22);color:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .15s ease}
.dg-avatar-file-label:hover{border-color:#007cbf;background:rgba(0,124,191,.12);box-shadow:0 0 0 .35rem rgba(0,124,191,.12)}
.dg-avatar-file-label:active{transform:translateY(.1rem)}
.dg-avatar-file-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:3.2rem;padding:.7rem 1rem;border-radius:.6rem;background:#007cbf;color:#fff;font-weight:800;line-height:1}
.dg-avatar-file-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.78);font-size:1.3em;line-height:1.2;margin-left:1rem}
.dg-profile-avatar-file:focus + .dg-avatar-file-label{border-color:#007cbf;box-shadow:0 0 0 .35rem rgba(0,124,191,.22)}
.dg-profile-avatar-hint{margin:1.5rem 0;opacity:.7;font-size:14px}

body.dg-avatar-crop-open{overflow:hidden}
.dg-avatar-crop-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1.6rem;background:rgba(0,0,0,.72)}
.dg-avatar-crop-modal[hidden]{display:none!important}
.dg-avatar-crop-dialog{width:min(42rem,100%);max-height:calc(100vh - 3.2rem);overflow:auto;padding:1.6rem;border-radius:.6rem;background:#1b1f24;border:.1rem solid rgba(255,255,255,.12);box-shadow:0 1.2rem 3.2rem rgba(0,0,0,.45);color:#fff}
.dg-avatar-crop-dialog h3{margin:0 0 1.2rem;font-size:1.8rem;font-weight:700}
.dg-avatar-crop-stage{width:100%;max-height:min(52vh,36rem);overflow:hidden;background:#0f1216;border-radius:.6rem}
.dg-avatar-crop-stage img{display:block;max-width:100%}
.dg-avatar-crop-zoom-label{display:block;margin:1.2rem 0 .4rem;font-size:1.2rem;opacity:.8}
.dg-avatar-crop-zoom{width:100%;margin:0 0 1.4rem}
.dg-avatar-crop-actions{display:flex;gap:.8rem;justify-content:flex-end;flex-wrap:wrap}
.dg-avatar-crop-actions button{min-width:12rem}
.dg-avatar-crop-modal .cropper-view-box,.dg-avatar-crop-modal .cropper-face{border-radius:50%}

/* Passwort */
.dg-password-wrap{position:relative;display:block;width:100%}
.dg-game-login .dg-password-wrap input[type="password"],.dg-game-login .dg-password-wrap input[type="text"]{padding-right:5.5rem!important}
.dg-game-login .dg-password-toggle{position:absolute;z-index:4;top:.7rem;right:.8rem;width:3.8rem!important;height:3.8rem!important;min-width:0!important;padding:0!important;margin:0!important;display:flex!important;align-items:center;justify-content:center;border:0!important;border-radius:.5rem;background:transparent!important;color:inherit!important;opacity:.72;box-shadow:none!important}
.dg-game-login .dg-password-toggle:hover,.dg-game-login .dg-password-toggle:focus-visible{background:rgba(255,255,255,.10)!important;color:inherit!important;opacity:1}
.dg-password-toggle .dg-password-icon{display:block;width:2.2rem;height:2.2rem;pointer-events:none}
.dg-password-toggle .dg-password-icon[hidden]{display:none!important}

/* Registrierung: Passwort-Anforderungen */
.dg-password-requirements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1.2rem;margin:-1rem 0 2rem;padding:1.2rem;border:.15rem solid rgba(255,255,255,.12);border-radius:.6rem;background:rgba(0,0,0,.12)}
.dg-game-login .dg-password-requirements label{display:flex;align-items:center;gap:.7rem;margin:0;font-size:12px;font-weight:700;line-height:1.35;opacity:.58;transition:opacity .16s ease,color .16s ease}
.dg-password-requirements input[type="checkbox"]{width:1.6rem;height:1.6rem;margin:0;accent-color:#28A745;pointer-events:none}
.dg-password-requirements label.is-valid{opacity:1;color:#9ee7ae}
.dg-password-requirements.is-complete{border-color:rgba(90,200,120,.45);background:rgba(40,167,69,.08)}

@media(max-width:500px){.dg-password-requirements{grid-template-columns:1fr}}

/* Navigation */
.dg-profile-link-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important}
.dg-personal-match-option .dg-register-hint{margin:1rem 0 0}

.dg-profile-nav{display:flex;flex-direction:column;max-width:none!important}
.dg-profile-nav-group{display:flex;flex-direction:column}
.dg-profile-nav-group+.dg-profile-nav-group{margin-top:2.5rem;padding-top:2.5rem;border-top:.1rem solid rgba(255,255,255,.12)}
.dg-profile-nav-title{display:block;margin:0 0 .7rem;font-size:.82em;font-weight:800;line-height:1.35;color:rgba(255,255,255,.58);letter-spacing:.02em}
.dg-profile-nav .dg-profile-nav-title+span a{margin-top:.4rem}
.dg-profile-nav-logout{margin-top:2.5rem;padding-top:2.5rem;border-top:.1rem solid rgba(255,255,255,.12)}
.dg-profile-nav-logout .logout a{margin-top:0;color:#fff}

.userbar{border-bottom:2rem solid var(--black)}
/* The Stripes */

.dg-login-topnav::after{content:"";position:absolute;z-index:1;top:0;right:2rem;width:9.5rem;min-height:22rem;pointer-events:none;--stripe-1:#FF3B3F;--stripe-2:#00B3B3;--stripe-3:#9146FF;--stripe-4:#007cbf;background:repeating-linear-gradient(to left,var(--stripe-4) 0%,var(--stripe-4) 14.28%,var(--black,#101015) 14.28%,var(--black,#101015) 28.57%,var(--stripe-3) 28.57%,var(--stripe-3) 42.85%,var(--black,#101015) 42.85%,var(--black,#101015) 57.13%,var(--stripe-2) 57.13%,var(--stripe-2) 71.42%,var(--black,#101015) 71.42%,var(--black,#101015) 85.71%,var(--stripe-1) 85.71%,var(--stripe-1) 100%);animation:dg-switch-brand-colors 12s steps(1,end) infinite}

@keyframes dg-switch-brand-colors{
0%,42.49%{--stripe-1:#FF3B3F;--stripe-2:#00B3B3;--stripe-3:#9146FF;--stripe-4:#007cbf}
42.5%{--stripe-1:#007cbf;--stripe-2:#00B3B3;--stripe-3:#9146FF;--stripe-4:#007cbf}
45%{--stripe-1:#007cbf;--stripe-2:#28A745;--stripe-3:#9146FF;--stripe-4:#007cbf}
47.5%{--stripe-1:#007cbf;--stripe-2:#28A745;--stripe-3:#FF3B3F;--stripe-4:#007cbf}
50%,92.49%{--stripe-1:#007cbf;--stripe-2:#28A745;--stripe-3:#FF3B3F;--stripe-4:#FFD200}
92.5%{--stripe-1:#FF3B3F;--stripe-2:#28A745;--stripe-3:#FF3B3F;--stripe-4:#FFD200}
95%{--stripe-1:#FF3B3F;--stripe-2:#00B3B3;--stripe-3:#FF3B3F;--stripe-4:#FFD200}
97.5%{--stripe-1:#FF3B3F;--stripe-2:#00B3B3;--stripe-3:#9146FF;--stripe-4:#FFD200}
100%{--stripe-1:#FF3B3F;--stripe-2:#00B3B3;--stripe-3:#9146FF;--stripe-4:#007cbf}
}

/* Responsive */
@media (max-width:1179px){
.dg-auth-layout{grid-template-columns:1fr}
.dg-auth-brand{min-height:auto}
.dg-auth-card{margin-bottom:4rem}
.dg-login-topnav::before{display:none}
.genre-games{grid-template-columns:1fr}
}

@media (max-width:700px){
.dg-register-progress{gap:.45rem}
.dg-register-step-indicator{padding:.65rem .45rem!important;font-size:.92em!important;flex-direction:column}
.dg-register-step-indicator span{width:2rem;height:2rem}
.dg-register-actions{flex-direction:column}
}

@media (min-width:1180px){
.dg-auth-brand{position:sticky;top:7rem;align-self:start;justify-content:flex-start;max-height:calc(100vh - 9rem);overflow:auto;overscroll-behavior:contain}
}

@media (min-width:1440px){
.container{margin:0 !important;max-width:203rem}   
.dg-game-login.container{max-width:290rem;margin-top:3rem;padding:0}
.dg-login-topnav::before{margin-left:-13rem;min-height:100%!important}
.dg-auth-layout{grid-template-columns:.7fr 1.3fr;gap:3rem}
.dg-auth-brand,.dg-auth-card{min-height:auto;}
.dg-auth-brand{min-width:40rem;margin-bottom:30rem}
.dg-auth-card{min-width:88rem}  
.dg-auth-subline{position:sticky;top:5rem}
.dg-auth-logo{max-height:40rem;position:sticky;top:7rem;margin-right:8.5rem}
.dg-login-logo img{width:40rem}
.dg-login-shell{display:flex;margin:0px auto}
.dg-login-left{margin-right:0;max-height:100%;display:flex;min-width:50rem;width:40rem;justify-content:right;z-index:1;position:relative}
.dg-login-right{width:62%;display:flex;align-items:center;padding-left:6rem}
.dg-game-login{width:100%;max-width:50rem}
.dg-register-hint{max-width:80%}
.dg-login-notice,.dg-login-error,.dg-form-msg{font-size:1.6em!important}
.dg-login-topnav::after{display:none}
    
.dg-login-topnav::before{content:"";position:fixed;z-index:1;margin-left:-14.5rem;width:10rem;min-height:23rem;top:0;pointer-events:none;--stripe-1:#FF3B3F;--stripe-2:#00B3B3;--stripe-3:#9146FF;--stripe-4:#007cbf;background:repeating-linear-gradient(to left,var(--stripe-4) 0%,var(--stripe-4) 14.28%,var(--black,#101015) 14.28%,var(--black,#101015) 28.57%,var(--stripe-3) 28.57%,var(--stripe-3) 42.85%,var(--black,#101015) 42.85%,var(--black,#101015) 57.13%,var(--stripe-2) 57.13%,var(--stripe-2) 71.42%,var(--black,#101015) 71.42%,var(--black,#101015) 85.71%,var(--stripe-1) 85.71%,var(--stripe-1) 100%);animation:dg-switch-brand-colors 12s steps(1,end) infinite}

.dg-auth-brand{min-width:50rem}
.dg-login-left{width:auto}
.dg-login-right{width:auto}
.dg-auth-layout{grid-template-columns:.5fr 1.5fr;max-width:150rem}
}

/* Avatar Builder */
.dg-avatar-builder{display:grid;grid-template-columns:minmax(25rem,31rem) minmax(0,1fr);gap:2rem;align-items:start;margin:2rem 0 2.5rem}
.dg-avatar-builder__preview-col{position:sticky;top:2rem;z-index:4}
.dg-avatar-builder__card{padding:1.6rem;border:.15rem solid rgba(255,255,255,.14);border-radius:1.2rem;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));box-shadow:0 1.2rem 3rem rgba(0,0,0,.18)}
.dg-avatar-builder__eyebrow{margin:0 0 1rem;font-size:1.15rem;letter-spacing:.09em;text-transform:uppercase;opacity:.72}
.dg-avatar-builder__preview{display:block;width:100%;height:auto;aspect-ratio:1/1;max-width:24rem;margin:0 auto 1.4rem;border-radius:0;object-fit:cover;background:rgba(0,0,0,.18);border:.2rem solid rgba(255,255,255,.12);box-shadow:0 1rem 2.4rem rgba(0,0,0,.28)}
.dg-avatar-builder__buttons{display:grid;grid-template-columns:1fr 1.25fr;gap:.8rem;margin-bottom:1rem}
.dg-game-login .dg-avatar-builder__buttons button{width:100%!important;min-width:0!important;margin:0!important}
.dg-game-login .dg-avatar-builder__buttons .dg-btn-secondary{min-height:4.6rem!important;padding:1rem 1.2rem!important;border:.15rem solid rgba(255,255,255,.2)!important;border-radius:.7rem!important;background:rgba(255,255,255,.045)!important;box-shadow:none!important;color:#fff!important;font-size:1.25em!important}
.dg-game-login .dg-avatar-builder__buttons .dg-btn-secondary:hover,.dg-game-login .dg-avatar-builder__buttons .dg-btn-secondary:focus-visible{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.34)!important}
.dg-game-login .dg-avatar-builder__buttons .dg-profile-save-btn{min-height:4.6rem!important;padding:1rem 1.2rem!important;font-size:1.25em!important}
.dg-avatar-builder__controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;align-items:start}
.dg-avatar-builder__group{min-width:0;padding:1.2rem 1.25rem 1.3rem;border:.2rem solid rgba(255,255,255,.1);border-radius:.6rem;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.12))}
.dg-avatar-builder__label{display:block;margin-bottom:1rem;font-size:1.2rem;font-weight:800;line-height:1.2}
.dg-avatar-swatch-grid{display:flex!important;flex-wrap:wrap!important;align-items:center;gap:1rem!important;min-height:3.4rem}
.dg-game-login .dg-avatar-swatch{position:relative!important;display:block!important;flex:0 0 3rem!important;width:3rem!important;min-width:3rem!important;max-width:3rem!important;height:3rem!important;min-height:3rem!important;margin:0!important;padding:0!important;border:.18rem solid rgba(255,255,255,.16)!important;border-radius:999rem!important;background:linear-gradient(135deg,var(--swatch-a,#666) 0%,var(--swatch-b,#999) 100%)!important;box-shadow:inset 0 0 0 .12rem rgba(0,0,0,.16),0 .25rem .6rem rgba(0,0,0,.22)!important;cursor:pointer!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important}
.dg-game-login .dg-avatar-swatch:hover,.dg-game-login .dg-avatar-swatch:focus-visible{transform:scale(1.08)!important;border-color:rgba(255,255,255,.44)!important;background:linear-gradient(135deg,var(--swatch-a,#666) 0%,var(--swatch-b,#999) 100%)!important}
.dg-game-login .dg-avatar-swatch.is-active{border-color:#fff!important;box-shadow:inset 0 0 0 .12rem rgba(0,0,0,.16),0 0 0 .3rem #ff643c,0 .35rem .8rem rgba(0,0,0,.3)!important}
.dg-game-login .dg-avatar-swatch.is-active::after{content:"";position:absolute;inset:.55rem;border:.15rem solid rgba(255,255,255,.82);border-radius:999rem;pointer-events:none}
.dg-avatar-stepper{display:grid;grid-template-columns:4.2rem minmax(0,1fr) 4.2rem;gap:.8rem;align-items:center}
.dg-game-login .dg-avatar-stepper__btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:4.2rem!important;min-width:4.2rem!important;max-width:4.2rem!important;height:4.2rem!important;min-height:4.2rem!important;margin:0!important;padding:0!important;border:.15rem solid rgba(255,255,255,.16)!important;border-radius:.6rem!important;background:rgba(255,255,255,.055)!important;box-shadow:none!important;color:#fff!important;font-size:2rem!important;line-height:1!important;cursor:pointer!important}
.dg-game-login .dg-avatar-stepper__btn:hover,.dg-game-login .dg-avatar-stepper__btn:focus-visible{background:rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.3)!important}
.dg-avatar-stepper__value{display:flex;align-items:center;justify-content:center;min-width:0;min-height:4.2rem;padding:.8rem 1rem;border-radius:.6rem;background:rgba(255,255,255,.055);font-size:1.2em;font-weight:700;text-align:center;overflow:hidden;text-overflow:ellipsis}
@media (max-width:900px){
.dg-avatar-builder{grid-template-columns:1fr;gap:1rem}
.dg-avatar-builder__preview-col{position:sticky;top:0;z-index:40;margin:0 -1rem 1rem;padding:.8rem 1rem 2rem;backdrop-filter:blur(1rem);border-bottom:.2rem solid rgba(255,255,255,.1)}
.dg-avatar-builder__card{display:grid;grid-template-columns:8.4rem minmax(0,1fr);grid-template-areas:"avatar title" "avatar buttons";column-gap:1rem;row-gap:.6rem;padding:.85rem 1rem;border-radius:1rem}
.dg-avatar-builder__eyebrow{grid-area:title;align-self:end;margin:0;font-size:1.2em}
.dg-avatar-builder__preview{grid-area:avatar;width:8.4rem;height:8.4rem;margin:0;border-radius:0}
.dg-avatar-builder__buttons{grid-area:buttons;grid-template-columns:1fr 1.15fr;margin:0}
.dg-game-login .dg-avatar-builder__buttons .dg-btn-secondary,.dg-game-login .dg-avatar-builder__buttons .dg-profile-save-btn{}
.dg-avatar-builder__card .dg-profile-avatar-hint,.dg-avatar-builder__card .dg-register-hint{display:none!important}
.dg-avatar-builder__controls{grid-template-columns:1fr 1fr;gap:.9rem}
.dg-avatar-builder__group{padding:1rem}
.dg-avatar-builder__label{margin-bottom:.75rem}
}
@media (max-width:600px){
.dg-avatar-builder{margin-top:1rem}
.dg-avatar-builder__preview-col{margin-left:-.6rem;margin-right:-.6rem;padding-left:.6rem;padding-right:.6rem}
.dg-avatar-builder__card{grid-template-columns:7.6rem minmax(0,1fr)}
.dg-avatar-builder__preview{width:7.6rem;height:7.6rem}
.dg-avatar-builder__controls{grid-template-columns:1fr}
.dg-avatar-builder__group{border-radius:.6rem}
.dg-game-login .dg-avatar-swatch{flex-basis:3.2rem!important;width:3.2rem!important;min-width:3.2rem!important;max-width:3.2rem!important;height:3.2rem!important;min-height:3.2rem!important}
.dg-avatar-stepper{grid-template-columns:4.6rem minmax(0,1fr) 4.6rem}
.dg-game-login .dg-avatar-stepper__btn{width:4.6rem!important;min-width:4.6rem!important;max-width:4.6rem!important;height:4.6rem!important;min-height:4.6rem!important}
}
@media (max-width:420px){
.dg-avatar-builder__card{grid-template-columns:6.8rem minmax(0,1fr);column-gap:.8rem}
.dg-avatar-builder__preview{width:6.8rem;height:6.8rem}
.dg-avatar-builder__buttons{gap:.5rem}
.dg-game-login .dg-avatar-builder__buttons .dg-btn-secondary,.dg-game-login .dg-avatar-builder__buttons .dg-profile-save-btn{}
}
.dg-game-login [data-avatar-swatch="background"]{flex-basis:4.8rem!important;width:4.8rem!important;min-width:4.8rem!important;max-width:4.8rem!important;border-radius:.6rem!important}
.dg-game-login [data-avatar-swatch="background"].is-active::after{}
.dg-avatar-swatch-current{display:block;margin-top:.9rem;font-size:1.1rem;font-weight:700;opacity:.72}
.dg-avatar-builder__preview,.dg-avatar-builder__preview-col .dg-profile-avatar-img{border-radius:0!important}

@media (max-width:2200px){
.dg-login-shell{display:block!important;margin:0 auto!important;padding-top:3rem!important}
.dg-game-login.container{max-width:150rem!important;margin:0 auto!important;padding:1.5rem!important}
.dg-login-left{display:flex!important;width:100%!important;min-width:0!important;max-height:none!important;margin:0!important;padding:2rem 0 0!important;justify-content:center!important}
.dg-login-right{display:block!important;width:100%!important;margin-top:2rem!important;padding-left:0!important}
.dg-game-login{width:100%!important;max-width:none!important}
.dg-auth-layout{grid-template-columns:1fr!important;max-width:none!important;gap:2rem!important}
.dg-auth-brand{position:relative!important;top:auto!important;min-width:0!important;min-height:auto!important;max-height:none!important;margin-bottom:2rem!important;overflow:visible!important;align-self:stretch!important}
.dg-auth-subline{position:relative!important;top:auto!important}
.dg-auth-logo{position:relative!important;top:auto!important;max-height:20rem!important;margin-right:0!important}
.dg-register-hint{max-width:100%!important}
.dg-login-topnav::before{display:none!important}
}
@media (max-width:900px){
.dg-avatar-builder__preview-col{position:sticky!important;top:0!important;z-index:40!important}
.dg-avatar-builder__card{padding:1rem!important}
.dg-avatar-builder__preview{grid-area:avatar!important}
.dg-avatar-builder__buttons{grid-template-columns:1fr!important;align-content:center!important}
.dg-game-login .dg-avatar-builder__buttons .dg-btn-secondary,.dg-game-login .dg-avatar-builder__buttons .dg-profile-save-btn{min-height:4.35rem!important;padding:.85rem 1rem!important;font-size:1.2em!important}
}
@media (max-width:600px){
.dg-avatar-builder__preview-col{margin-left:-.6rem!important;margin-right:-.6rem!important;padding:.65rem .6rem!important}
.dg-avatar-builder__card{padding:.8rem!important}
.dg-avatar-builder__preview{}
.dg-avatar-builder__buttons{gap:.55rem!important}
.dg-game-login .dg-avatar-builder__buttons .dg-btn-secondary,.dg-game-login .dg-avatar-builder__buttons .dg-profile-save-btn{min-height:4.1rem!important;padding:.7rem .75rem!important;font-size:1em!important}
}
@media (max-width:420px){
.dg-avatar-builder__card{}
.dg-avatar-builder__preview{}
.dg-game-login .dg-avatar-builder__buttons .dg-btn-secondary,.dg-game-login .dg-avatar-builder__buttons .dg-profile-save-btn{min-height:3.9rem!important;padding:.6rem .55rem!important;font-size:.92em!important}
}

@media (max-width:2200px){

.dg-avatar-builder,
.dg-avatar-builder__preview-col,
.dg-avatar-builder__card,
.dg-avatar-builder__controls,
.dg-avatar-builder__group,
.dg-avatar-swatch-grid,
.dg-avatar-stepper,
.dg-avatar-stepper__value{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}

.dg-avatar-builder,
.dg-avatar-builder__controls{width:100%!important}
.dg-avatar-builder__preview-col{width:100%!important;margin-left:0!important;margin-right:0!important}
.dg-avatar-builder__card,
.dg-avatar-builder__group{width:100%!important;overflow:hidden}
.dg-avatar-stepper{width:100%!important;grid-template-columns:minmax(3.8rem,4.6rem) minmax(0,1fr) minmax(3.8rem,4.6rem)!important}
.dg-avatar-stepper__value{width:100%!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}
}
@media (max-width:900px){
.dg-game-login.container{padding-left:1rem!important;padding-right:1rem!important}
.dg-avatar-builder__preview-col{padding-left:0!important;padding-right:0!important}
.dg-avatar-builder__card{}
.dg-avatar-builder__buttons{min-width:0!important}
}
@media (max-width:600px){
.dg-game-login.container{padding-left:.7rem!important;padding-right:.7rem!important}
.dg-avatar-builder__card{}
}
@media (max-width:420px){
.dg-avatar-builder__card{}
}

.dg-avatar-builder__topline{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.dg-avatar-builder__topline .dg-avatar-builder__eyebrow{margin:0}
.dg-avatar-level-badge{display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;padding:.35rem .75rem;border:.1rem solid rgba(255,255,255,.16);border-radius:.6rem;background:rgba(255,255,255,.06);font-size:1.1em;font-weight:700;white-space:nowrap}
.dg-avatar-builder__preview-wrap{grid-area:avatar;position:relative;display:flex;flex-direction:column;width:100%;min-width:0}
.dg-avatar-lock-overlay{order:-1;display:block;margin:0 0 .6rem;padding:.55rem .7rem;border-radius:.6rem;background:rgba(10,12,16,.86);border:.1rem solid rgba(255,255,255,.18);color:#fff;font-size:1.2em;font-weight:700;text-align:center;backdrop-filter:blur(.4rem)}
.dg-avatar-lock-overlay[hidden]{display:none!important}
.dg-avatar-stepper__value.is-locked{opacity:.5;filter:saturate(.55)}
.dg-avatar-builder__group.has-locked-selection{border-color:rgba(255,255,255,.12)!important;background:rgba(255,255,255,.018)!important}
.dg-avatar-builder__group.has-locked-selection .dg-avatar-stepper__btn{opacity:.78}
.dg-avatar-unlock-note{display:inline-flex;align-items:center;min-height:2rem;margin:.55rem 0 0;padding:.28rem .58rem;border:.1rem solid rgba(255,255,255,.13);border-radius:.6rem;background:rgba(0,0,0,.18);color:rgba(255,255,255,.68);font-size:1.1em;font-weight:700;line-height:1.2}
.dg-avatar-unlock-note[hidden]{display:none!important}
.dg-avatar-swatch.is-locked{opacity:.42;filter:saturate(.55)}
.dg-avatar-swatch.is-locked::before{content:"🔒";position:absolute;right:-.35rem;bottom:-.45rem;display:flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;border-radius:50%;background:#17191f;font-size:.72rem;line-height:1;z-index:3}
.dg-avatar-builder__buttons .dg-profile-save-btn:disabled{cursor:not-allowed;opacity:.58;filter:saturate(.65)}
@media (max-width:600px){
.dg-avatar-builder__topline{align-items:flex-start;flex-direction:column;gap:.45rem}
.dg-avatar-level-badge{font-size:.82em;min-height:2.4rem}
}

.dg-avatar-presets{grid-column:1/-1;min-width:0;padding:1.4rem;border:.15rem solid rgba(255,255,255,.1);border-radius:1rem;background:rgba(0,0,0,.1);box-sizing:border-box}
.dg-avatar-presets__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.dg-avatar-presets__head strong{font-size:1.5rem}
.dg-avatar-presets__head span{font-size:1.2rem;opacity:.65}
.dg-avatar-presets__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;min-width:0}
.dg-avatar-preset{display:grid;grid-template-columns:7.2rem minmax(0,1fr);align-items:center;gap:1rem;width:100%;min-width:0;padding:.8rem;border:.15rem solid rgba(255,255,255,.12);border-radius:.6rem;background:rgba(255,255,255,.035);color:inherit;text-align:left;cursor:pointer;box-sizing:border-box;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.dg-avatar-preset:hover,.dg-avatar-preset:focus-visible{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.07);transform:translateY(-.1rem)}
.dg-avatar-preset img{display:block;width:7.2rem;height:7.2rem;max-width:100%;object-fit:cover;border-radius:0}
.dg-avatar-preset span{min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dg-avatar-presets__empty{grid-column:1/-1;margin:0;padding:.8rem 0;opacity:.65}
@media (max-width:900px){
.dg-avatar-presets__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.dg-avatar-preset{grid-template-columns:1fr;justify-items:center;text-align:center}
.dg-avatar-preset img{width:8rem;height:8rem}
}
@media (max-width:520px){
.dg-avatar-presets__head{display:block}
.dg-avatar-presets__head span{display:block;margin-top:.25rem}
.dg-avatar-presets__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.dg-avatar-preset{padding:.55rem;gap:.5rem}
.dg-avatar-preset img{width:100%;height:auto;aspect-ratio:1/1}
.dg-avatar-preset span{font-size:1.1rem}
}

.dg-avatar-builder{display:block!important}
.dg-avatar-builder__main{display:grid;grid-template-columns:minmax(25rem,31rem) minmax(0,1fr);gap:2rem;align-items:start;min-width:0;width:100%}
.dg-avatar-builder__main > .dg-avatar-builder__preview-col,
.dg-avatar-builder__main > .dg-avatar-builder__controls{min-width:0}
.dg-avatar-presets{margin-top:2rem}
@media (max-width:900px){
.dg-avatar-builder__main{grid-template-columns:1fr;gap:1rem}
}

@media (min-width:901px){
.dg-avatar-builder__preview-wrap{width:100%!important}
.dg-avatar-builder__preview{width:100%!important;max-width:none!important;height:auto!important;margin:0 0 1rem!important}
.dg-avatar-builder__buttons{width:100%!important}
}
@media (max-width:900px){
.dg-avatar-builder__card{grid-template-columns:minmax(14rem,15rem) minmax(0,1fr)!important;grid-template-areas:"avatar title" "avatar buttons"!important;column-gap:2rem!important;row-gap:1rem!important}
.dg-avatar-builder__preview-wrap{grid-area:avatar!important;width:15rem!important;max-width:15rem!important;align-self:start!important}
.dg-avatar-builder__preview{width:15rem!important;height:15rem!important;max-width:15rem!important;margin:0!important}
.dg-avatar-builder__topline{grid-area:title!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-width:0!important;gap:.8rem!important;margin:0!important}
.dg-avatar-builder__topline .dg-avatar-builder__eyebrow{min-width:0!important;margin:0!important}
.dg-avatar-level-badge{flex:0 0 auto!important;margin-left:auto!important}
.dg-avatar-builder__buttons{grid-area:buttons!important;width:100%!important;gap:.7rem!important;margin:0!important}
}
@media (max-width:600px){
.dg-avatar-builder__card{grid-template-columns:14rem minmax(0,1fr)!important;column-gap:1rem!important;row-gap:1rem!important}
.dg-avatar-builder__preview-wrap{width:14rem!important;max-width:14rem!important}
.dg-avatar-builder__preview{width:14rem!important;height:14rem!important;max-width:14rem!important}
}
@media (max-width:420px){
.dg-avatar-builder__card{grid-template-columns:13rem minmax(0,1fr)!important;column-gap:1rem!important;row-gap:1rem!important}
.dg-avatar-builder__preview-wrap{width:13rem!important;max-width:13rem!important}
.dg-avatar-builder__preview{width:13rem!important;height:13rem!important;max-width:13rem!important}
.dg-avatar-builder__topline{gap:.5rem!important}
.dg-avatar-builder__eyebrow{font-size:.95rem!important}
.dg-avatar-level-badge{min-height:2.3rem!important;padding:.3rem .55rem!important;font-size:.78em!important}
}
@media (min-width:1440px){
    .dg-avatar-stepper__value{min-height:2.6rem}
}

/* ================================================================
   Profilnavigation v2: begrenzte Breite, ohne horizontales Scrollen.
   Keine Änderungen an Login, Registrierung oder Avatar Builder.
   ================================================================ */
.dg-game-login:has(.dg-profile-nav){
  --dg-profile-edge:rgba(255,255,255,.12);
  --dg-profile-blue:#007cbf;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:1919px!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:20px clamp(12px,2vw,28px)!important;
}
.dg-game-login:has(.dg-profile-nav),
.dg-game-login:has(.dg-profile-nav) .dg-auth-layout,
.dg-game-login:has(.dg-profile-nav) .dg-auth-brand,
.dg-game-login:has(.dg-profile-nav) .dg-auth-card{
  box-sizing:border-box!important;
  min-width:0!important;
}
.dg-game-login:has(.dg-profile-nav) .dg-auth-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:20px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
margin-bottom:40rem !important
}
.dg-game-login:has(.dg-profile-nav) .dg-auth-brand{
  display:block!important;
  position:static!important;
  width:100%!important;
  min-width:0!important;
  max-height:none!important;
  min-height:0!important;
  margin:0!important;
  padding:20px!important;
  overflow:visible!important;
  border-radius:12px;
}
.dg-game-login:has(.dg-profile-nav) .dg-auth-card{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:clamp(18px,3vw,34px)!important;
  border-radius:12px;
}
.dg-game-login:has(.dg-profile-nav) .dg-auth-brand > .dg-auth-headline{
  font-size:17px!important;
  line-height:1.3!important;
  margin:0 0 12px!important;
  overflow-wrap:anywhere;
}
.dg-game-login .dg-profile-nav{
  display:block!important;
  position:static!important;
  top:auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  padding:0!important;
  margin:.5rem 0!important;
  font-size:15px!important;
  line-height:1.35!important;
}
.dg-game-login .dg-profile-nav-group{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:2px!important;
  min-width:0!important;
}
.dg-game-login .dg-profile-nav-group + .dg-profile-nav-group{
  border-top:1px solid var(--dg-profile-edge);
  margin-top:14px!important;
  padding-top:14px!important;
}
.dg-game-login .dg-profile-nav-group > span,
.dg-game-login .dg-profile-nav-logout > span{display:block!important;min-width:0!important;}
.dg-game-login .dg-profile-nav a{
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-height:40px!important;
  padding:9px 12px!important;
  margin:0!important;
  border-radius:7px;
  border:1px solid transparent;
  background:transparent;
  color:rgba(255,255,255,.83)!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.4!important;
  overflow-wrap:anywhere;
  transition:background-color .16s ease,border-color .16s ease;
}
.dg-game-login .dg-profile-nav a:hover{
  background:rgba(0,124,191,.15);
  border-color:rgba(0,124,191,.3);
  color:#fff!important;
}
.dg-game-login .dg-profile-nav a:focus-visible{
  outline:2px solid #fff;
  outline-offset:2px;
}
.dg-game-login .dg-profile-nav a.is-active,
.dg-game-login .dg-profile-nav a[aria-current="page"]{
  background:rgba(0,124,191,.19);
  border-color:rgba(0,124,191,.5);
  box-shadow:inset 3px 0 0 var(--dg-profile-blue);
  color:#fff!important;
  font-weight:800!important;
}
.dg-game-login .dg-profile-nav-group--profile .dg-auth-headline{
  grid-column:1/-1;
  margin:0 0 6px!important;
  font-size:17px!important;
  line-height:1.3!important;
  font-weight:800!important;
  letter-spacing:normal!important;
}
.dg-game-login .dg-profile-nav-logout{
  margin-top:14px!important;
  padding-top:14px!important;
  border-top:1px solid var(--dg-profile-edge);
}
.dg-game-login .dg-profile-nav-logout a{
  color:#ffafb2!important;
  background:rgba(255,59,63,.06)!important;
  border-color:rgba(255,59,63,.18)!important;
}
.dg-game-login .dg-profile-nav-logout a:hover{
  color:#fff!important;
  background:rgba(255,59,63,.18)!important;
}
/* Normale Desktopbreite: links nur eine SCHMALE Sidebar. */
@media (min-width:1000px){
  .dg-game-login:has(.dg-profile-nav) .dg-auth-layout{
    grid-template-columns:minmax(235px,265px) minmax(0,1fr)!important;
    align-items:start!important;
    gap:clamp(18px,2.4vw,32px)!important;
  }
  .dg-game-login:has(.dg-profile-nav) .dg-auth-brand{
    position:sticky!important;
    top:20px!important;
    max-height:calc(100vh - 40px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    padding:19px 15px!important;
  }
}
/* Tablet und schmale Fenster: Navigation bleibt kompakt und EINspaltig. */
@media (min-width:600px) and (max-width:999px){
  .dg-game-login:has(.dg-profile-nav) .dg-auth-brand{
    max-width:480px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
@media (max-width:599px){
  .dg-game-login:has(.dg-profile-nav){padding:12px!important;}
  .dg-game-login:has(.dg-profile-nav) .dg-auth-brand{padding:16px!important;}
  .dg-game-login:has(.dg-profile-nav) .dg-auth-card{padding:16px!important;}
}
@media (prefers-reduced-motion:reduce){
  .dg-game-login .dg-profile-nav a{transition:none;}
}

/* ================================================================
   Profilansicht ab 1920px: Logo | Navigation | Inhalt.
   Überschreibt gezielt die alte <=2200px-Einspaltenregel.
   Andere Login-/Registrierungsansichten bleiben unverändert.
   ================================================================ */
@media (min-width:1920px){
  .dg-login-shell:has(.dg-profile-nav){
    display:grid!important;
    grid-template-columns:clamp(300px,22vw,410px) minmax(0,1fr)!important;
    align-items:start!important;
    column-gap:clamp(22px,2vw,42px)!important;
    width:100%!important;
    max-width:1920px!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:70px clamp(24px,3vw,55px) 40px!important;
    box-sizing:border-box!important;
  }
  .dg-login-shell:has(.dg-profile-nav) .dg-login-left{
    display:flex!important;
    position:sticky!important;
    top:70px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    justify-content:center!important;
    align-self:start!important;
  }
  .dg-login-shell:has(.dg-profile-nav) .dg-auth-logo{
    position:static!important;
    width:100%!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
  }
  .dg-login-shell:has(.dg-profile-nav) .dg-login-logo img{
    display:block!important;
    width:min(100%,330px)!important;
    height:auto!important;
    margin:0 auto!important;
  }
  .dg-login-shell:has(.dg-profile-nav) .dg-login-right{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .dg-login-shell:has(.dg-profile-nav) .dg-game-login.container,
  .dg-login-shell:has(.dg-profile-nav) .dg-game-login:has(.dg-profile-nav){
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  .dg-login-shell:has(.dg-profile-nav) .dg-auth-layout{
    display:grid!important;
    grid-template-columns:230px minmax(0,1fr)!important;
    gap:clamp(20px,1.8vw,34px)!important;
    align-items:start!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  .dg-login-shell:has(.dg-profile-nav) .dg-auth-brand{
    position:sticky!important;
    top:70px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:0!important;
    max-height:calc(100vh - 90px)!important;
    margin:0!important;
    padding:18px 13px!important;
    overflow-y:auto!important;
    align-self:start!important;
  }
  .dg-login-shell:has(.dg-profile-nav) .dg-auth-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
  }
}

/* ==============================================================
   Desktop-Feinschliff: Farbstriche und breitere Profilnavigation
   ab 1920 px, auch auf Ultra-Wide-Monitoren.
   ============================================================= */
@media (min-width:1920px){
  /* Alte, viewportbezogene Streifen in der Profilansicht deaktivieren. */
  body:has(.dg-profile-nav) .dg-login-topnav::before,
  body:has(.dg-profile-nav) .dg-login-topnav::after{display:none!important;}

  .dg-login-shell:has(.dg-profile-nav){
    max-width:2200px!important;
    grid-template-columns:clamp(305px,18vw,390px) minmax(0,1fr)!important;
    column-gap:clamp(26px,2.1vw,46px)!important;
    padding-left:clamp(25px,2.5vw,50px)!important;
    padding-right:clamp(25px,2.5vw,50px)!important;
  }
  /* Die Streifen hängen direkt an der Logo-Spalte, statt an der Fensterbreite. */
  .dg-login-shell:has(.dg-profile-nav) .dg-login-left{
    position:sticky!important;
    isolation:isolate;
    padding-right:clamp(26px,2.6vw,54px)!important;
    box-sizing:border-box!important;
  }
  .dg-login-shell:has(.dg-profile-nav) .dg-login-left::after{
    content:"";
    display:block!important;
    position:absolute;
    top:-70px;
    bottom:auto;
    right:0;
    width:clamp(24px,2.5vw,48px);
    height:calc(100vh + 70px);
    min-height:100%;
    pointer-events:none;
    z-index:0;
    background:linear-gradient(to right,
      #007cbf 0 17%, transparent 17% 27%,
      #28a745 27% 44%, transparent 44% 54%,
      #ff3b3f 54% 71%, transparent 71% 81%,
      #ffd200 81% 100%);
  }
  .dg-login-shell:has(.dg-profile-nav) .dg-login-logo img{
    width:min(100%,340px)!important;
  }
  .dg-login-shell:has(.dg-profile-nav) .dg-auth-layout{
    grid-template-columns:clamp(275px,15vw,335px) minmax(0,1fr)!important;
    gap:clamp(20px,1.5vw,34px)!important;
  }
  .dg-login-shell:has(.dg-profile-nav) .dg-auth-brand{
    padding:20px 17px!important;
  }
}

/* ==============================================================
   Profil: 1920px+ – Streifen am Logo, ausgewogene Navigation.
   Keine Änderungen an Formularen oder Avatar-Komponenten.
   ============================================================== */
@media (min-width:1920px){
  /* Bisherige globale Streifen-Pseudoelemente unterdrücken, damit
     weder doppelte Streifen noch ein Versatz durch fixed entstehen. */
  .dg-login-shell:has(.dg-profile-nav) .dg-login-topnav::before,
  .dg-login-shell:has(.dg-profile-nav) .dg-login-topnav::after{display:none!important}
  .dg-login-shell:has(.dg-profile-nav){
    grid-template-columns:clamp(355px,22vw,445px) minmax(0,1fr)!important;
    column-gap:clamp(28px,2.1vw,50px)!important;
    max-width:1920px!important;
  }
  .dg-login-shell:has(.dg-profile-nav) .dg-auth-layout{
    grid-template-columns:clamp(280px,15.2vw,315px) minmax(0,1fr)!important;
    gap:clamp(22px,1.8vw,36px)!important;
  }
  .dg-login-shell:has(.dg-profile-nav) .dg-login-left{
    position:sticky!important;
    isolation:isolate;
    justify-content:flex-start!important;
    padding-right:90px!important;
    box-sizing:border-box!important;
  }
  .dg-login-shell:has(.dg-profile-nav) .dg-login-left::after{
    content:"";
    display:block!important;
    position:absolute;
    z-index:0;
    top:-70px;
    right:0;
    width:74px;
    height:calc(100vh + 70px);
    min-height:560px;
    pointer-events:none;
    --stripe-1:#FF3B3F;
    --stripe-2:#00B3B3;
    --stripe-3:#9146FF;
    --stripe-4:#007cbf;
    background:repeating-linear-gradient(to left,var(--stripe-4) 0%,var(--stripe-4) 14.28%,var(--black,#101015) 14.28%,var(--black,#101015) 28.57%,var(--stripe-3) 28.57%,var(--stripe-3) 42.85%,var(--black,#101015) 42.85%,var(--black,#101015) 57.13%,var(--stripe-2) 57.13%,var(--stripe-2) 71.42%,var(--black,#101015) 71.42%,var(--black,#101015) 85.71%,var(--stripe-1) 85.71%,var(--stripe-1) 100%);
    animation:dg-switch-brand-colors 12s steps(1,end) infinite;
  }
  .dg-login-shell:has(.dg-profile-nav) .dg-auth-logo{
    z-index:1;
    min-width:0!important;
  }
  .dg-login-shell:has(.dg-profile-nav) .dg-login-logo img{
    width:min(100%,330px)!important;
    max-width:330px!important;
  }
}
@media (min-width:2400px){
  /* Sehr breite Displays: Logo nicht im mittig begrenzten 1920er-Container. */
  .dg-login-shell:has(.dg-profile-nav){
    max-width:none!important;
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:clamp(35px,3vw,85px)!important;
    padding-right:clamp(35px,3vw,85px)!important;
    grid-template-columns:clamp(380px,18vw,475px) minmax(0,1fr)!important;
  }
  .dg-login-shell:has(.dg-profile-nav) .dg-auth-layout{
    grid-template-columns:clamp(305px,13vw,360px) minmax(0,1fr)!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .dg-login-shell:has(.dg-profile-nav) .dg-login-left::after{animation:none}
}