.login-page{--login-ink:#c5cce0}.login-hero{isolation:isolate;background:radial-gradient(at 85% 30%,#36437b66,#0000 65%),linear-gradient(120deg,#151a2d,#182138);padding:25px 0 0;position:relative;overflow:hidden}.login-hero:before{content:"";opacity:.45;pointer-events:none;z-index:-1;background:url(/assets/duel-creatures.webp) bottom/1200px repeat-x;position:absolute;inset:0}.login-breadcrumbs{color:#a7b0cb;align-items:center;gap:13px;margin-bottom:24px;font-size:12px;line-height:1.6;display:flex}.login-breadcrumbs a{align-items:center;min-height:36px;display:flex}.login-breadcrumbs a:hover{color:#fff}.login-intro{min-height:465px;padding:48px 50% 45px 0;position:relative}.login-intro h1{letter-spacing:-.05em;text-wrap:balance;margin-bottom:26px;font-size:60px;line-height:1.1}.login-intro p{color:var(--login-ink);max-width:550px;font-size:17px;line-height:1.85}.login-intro .age-note{color:#a5adc5;margin-top:20px;font-size:12px}.login-hero-art{filter:drop-shadow(0 22px 35px #070b204d);width:355px;margin:0;position:absolute;top:0;right:4%;transform:rotate(3deg)}.login-hero-art>img{pointer-events:none;user-select:none;border-radius:14px;outline:1px solid #ffffff1a;width:100%;height:auto}.login-hero-art figcaption{color:#b7c5e3;text-align:center;margin-top:16px;font-size:11px;transform:rotate(-3deg)}.login-jumps{border-top:1px solid #b9ceff1c;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 0 24px;display:grid}.login-jumps a{color:#d1d8ed;background:#202a415c;border:1px solid #b9ceff12;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:10px 15px;font-size:12px;font-weight:500;line-height:1.5;transition:background .15s,border-color .15s;display:flex}.login-jumps a:hover{color:#fff;background:#2c3653;border-color:#b9ceff40}.login-jumps .action-icon{flex:none;width:16px;height:16px}.login-page .login-section{padding-block:52px}.login-page .login-section h2{text-wrap:balance;gap:14px;margin-bottom:25px;font-size:34px;line-height:1.2}.login-section .section-body>p{color:var(--login-ink);text-wrap:pretty;max-width:850px;font-size:16px;line-height:1.85}.login-section .section-body>p:last-child{margin-bottom:0}.login-steps{grid-template-columns:repeat(3,1fr);gap:30px;margin:30px 0;display:grid}.login-steps article{background:linear-gradient(145deg,#222b42,#171e32);border-radius:15px;padding:26px;position:relative;box-shadow:inset 0 0 0 1px #bccbff12}.step-number{letter-spacing:-.04em;color:#91a4d559;font-variant-numeric:tabular-nums;font-size:24px;font-weight:650;position:absolute;top:26px;right:23px}.step-icon{color:#a9baff;background:#9daeff12;border-radius:12px;place-items:center;width:46px;height:46px;margin-bottom:22px;display:grid}.login-steps h3{letter-spacing:-.025em;margin:0 0 12px;font-size:20px;font-weight:600;line-height:1.4}.login-steps p{color:#bdc6dc;margin:0;font-size:14px;line-height:1.8}.login-page .google-steam{background:linear-gradient(115deg,#1d2940,#202543);border:0;border-radius:18px;margin:20px 0;padding:38px 34% 38px 35px;position:relative;overflow:hidden}.google-steam .section-body>p{font-size:15px}.connected-art{color:#b0c4ec;align-items:center;gap:23px;display:flex;position:absolute;top:50%;right:5%;transform:translateY(-50%)}.connected-art>span{background:#2c3b59;border:1px solid #a6bcf32a;border-radius:18px;place-items:center;width:65px;height:65px;display:grid}.connected-art>span .icon{width:30px;height:30px}.connected-art img{width:100px;height:auto}.login-page .passwort .section-body{grid-template-columns:1.1fr .85fr;align-items:start;gap:0 65px;display:grid}.passwort .section-body>p,.passwort .section-body>h3{grid-column:1}.passwort .section-body>h3{letter-spacing:-.025em;margin:10px 0 17px;font-size:21px;line-height:1.4}.recovery-image{background:#1d253c;border-radius:18px;grid-area:1/2/span 5;align-self:start;margin:5px 0 0;padding:17px;box-shadow:inset 0 0 0 1px #b9ceff12}.recovery-image img{pointer-events:none;user-select:none;border-radius:10px;width:100%;height:auto}.recovery-image figcaption{color:#a8b6d4;text-align:center;margin:17px 0 3px;font-size:12px;line-height:1.6}.login-page .registrierung{isolation:isolate;background:linear-gradient(125deg,#1b2b44,#202641);border:0;border-radius:18px;margin:22px 0;padding:36px 38px;position:relative;overflow:hidden}.registrierung:before{content:"";z-index:-1;opacity:.4;background:url(/assets/duel-creatures.webp) bottom/auto 150px repeat-x;position:absolute;inset:0}.registrierung .section-body>p{max-width:970px}.registrierung .actions{margin-top:25px}.login-help{grid-template-columns:1fr 1fr;gap:22px 34px;margin:0;display:grid}.login-help>div{background:#182036;border:1px solid #a3b2df18;border-radius:14px;padding:25px 25px 25px 86px;position:relative}.help-icon{color:#b8caff;background:#95aff416;border-radius:11px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:26px;left:24px}.help-icon .icon{width:23px;height:23px}.login-help dt{letter-spacing:-.02em;color:#fff;margin:0 0 14px;font-size:18px;font-weight:600;line-height:1.5}.login-help dd{color:#c0cbe2;margin:0;font-size:14px;line-height:1.85}.login-page .mobil{min-height:320px;padding-right:37%;position:relative}.mobile-art{background:radial-gradient(#465da733,#0000 90%),#1d2841;border:2px solid #8fa2d057;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:135px;height:225px;display:flex;position:absolute;top:45px;right:11%;transform:rotate(8deg);box-shadow:15px 15px #1a223a,0 12px 35px #05091255}.mobile-art:before{content:"";z-index:-1;border:1px solid #8198dc20;border-radius:50%;position:absolute;inset:-45px}.phone-speaker{background:#8fa2d078;border-radius:3px;width:35px;height:3px;position:absolute;top:13px}.mobile-art img{width:78px;height:auto}.phone-login{color:#bacbff;background:#748dc925;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.login-page .login-fragen{grid-template-columns:.8fr 1.45fr;gap:55px;display:grid}.login-page .login-fragen .section-heading{max-width:280px;font-size:31px}.login-page .login-start{isolation:isolate;background:linear-gradient(120deg,#172740,#22243e);border:1px solid #ffffff0b;border-radius:20px;margin:24px 0 55px;padding:52px 24px;position:relative;overflow:hidden}.login-start:before{content:"";opacity:.7;z-index:-1;background:url(/assets/duel-creatures.webp) bottom/1200px repeat-x;position:absolute;inset:0}.login-page .login-start .section-heading{justify-content:center;font-size:40px}.login-page .login-start .section-body>p{margin-inline:auto;max-width:720px;margin-bottom:23px}.header-actions a.login:hover{color:#fff}@media (width<=1100px){.login-intro h1{font-size:51px}.login-intro{min-height:440px;padding-right:47%}.login-hero-art{width:325px;top:12px;right:2%}.login-page .login-section h2{font-size:31px}.login-steps{gap:20px}.login-steps article{padding:23px}.connected-art{gap:14px;right:4%}.connected-art img{width:80px}.connected-art>span{width:52px;height:52px}.login-page .passwort .section-body{column-gap:40px}.login-help{gap:20px}.login-help>div{padding:23px 23px 23px 78px}.help-icon{width:38px;height:38px;top:23px;left:21px}}@media (width<=800px){.login-intro h1{font-size:45px}.login-intro{padding-top:25px;padding-right:44%}.login-hero-art{width:265px;top:25px;right:0}.login-intro .button{padding-inline:17px;font-size:12px}.login-jumps{grid-template-columns:repeat(2,1fr)}.login-steps{gap:13px}.login-steps article{padding:19px}.login-steps h3{font-size:18px}.login-page .google-steam{padding-right:30%}.connected-art{flex-direction:column;gap:17px}.connected-art>.icon{transform:rotate(90deg)}.login-page .passwort .section-body{column-gap:25px}.recovery-image{padding:12px}.login-help{grid-template-columns:1fr}.login-page .login-fragen{grid-template-columns:1fr;gap:15px}.login-page .login-fragen .section-heading{max-width:none}}@media (width<=680px){.login-hero{padding-top:18px}.login-breadcrumbs{gap:10px;margin-bottom:20px;font-size:11px}.login-intro{min-height:0;padding:5px 0 18px}.login-intro h1{margin-bottom:24px;font-size:42px}.login-intro p{font-size:15px}.login-hero-art{width:min(100%,330px);margin:30px auto 7px;position:relative;top:auto;right:auto;transform:rotate(2deg)}.login-hero-art figcaption{font-size:10px}.login-jumps{gap:8px;padding:15px 0 20px}.login-jumps a{padding:10px 12px;font-size:11px}.login-page .login-section{padding-block:44px}.login-page .login-section h2{font-size:29px}.login-section .section-body>p{font-size:15px}.login-steps{grid-template-columns:1fr;gap:12px;margin-block:25px}.login-steps article{padding:23px 22px 23px 87px}.step-icon{width:44px;height:44px;margin:0;position:absolute;top:23px;left:22px}.step-number{font-size:20px;top:24px;right:20px}.login-steps h3{padding-right:33px;font-size:19px}.login-steps p{font-size:14px}.login-page .google-steam{margin:18px 0;padding:28px 24px}.connected-art{flex-direction:row;justify-content:center;gap:25px;margin:25px 0 7px;position:relative;top:auto;right:auto;transform:none}.connected-art>.icon{transform:none}.connected-art img{width:90px}.login-page .passwort .section-body{flex-direction:column;gap:0;display:flex}.recovery-image{order:0;width:100%;max-width:440px;margin:7px auto 27px;padding:13px}.passwort .section-body>h3{margin-top:4px}.recovery-image figcaption{font-size:11px}.login-page .registrierung{margin:18px 0;padding:28px 24px}.registrierung .actions{flex-direction:column;align-items:stretch}.registrierung .actions .button{width:100%;font-size:13px}.login-help>div{padding:23px 23px 23px 78px}.login-help dt{font-size:17px}.login-help dd{font-size:14px}.login-page .mobil{flex-direction:column;min-height:0;padding-right:0;display:flex}.mobil .section-heading{order:0}.mobile-art{order:1;align-self:center;margin:18px 0 40px;position:relative;top:auto;right:auto}.mobil .section-body{order:2}.login-page .login-start{margin-bottom:40px;padding:42px 22px}.login-page .login-start .section-heading{font-size:32px}}@media (width<=420px){.login-intro h1{font-size:38px}.login-intro .actions{flex-direction:column;align-items:stretch}.login-intro .actions>*{width:100%;font-size:13px}.login-intro .age-note{font-size:11px}.login-hero-art{width:calc(100% - 14px)}.login-page .login-section h2{font-size:28px}.login-page .login-start .section-heading{font-size:30px}.login-help>div{padding:23px}.help-icon{margin-bottom:17px;position:static}.login-steps article{padding:22px}.step-icon{margin-bottom:18px;position:static}.login-jumps a{font-size:10px}}@media (width<=360px){.login-intro h1{font-size:34px}.login-page .login-section h2{gap:10px;font-size:25px}.login-jumps a{gap:8px;padding-inline:9px}.login-jumps .action-icon{width:13px}}.login-hero{background:radial-gradient(at 77% 32%,#4864bb55,#0000 60%),#151a2d}.login-hero:before{opacity:.85;background:linear-gradient(90deg,#151a2d 15%,#151a2dcc 42%,#151a2d33 75%),url(/assets/duel-world.webp) 100%/auto 100% no-repeat}.login-intro{min-height:480px;padding-top:46px;padding-right:52%}.login-hero-art{filter:none;background:#12182be6;border-radius:22px;width:340px;padding:14px 14px 0;top:9px;right:6%;transform:none;box-shadow:0 30px 70px #05091e88,inset 0 0 0 1px #fff2}.login-hero-art>img{border-radius:10px;outline:none}.login-hero-art figcaption{margin:0;padding:16px 0;font-size:12px;transform:none}.hero-access-mark{color:#fff;pointer-events:none;background:linear-gradient(135deg,#5263ed,#283470);border-radius:24px;place-items:center;width:82px;height:82px;display:grid;position:absolute;top:290px;right:calc(6% + 330px);transform:rotate(-8deg);box-shadow:0 15px 30px #040b2370,inset 0 0 0 1px #fff3}.hero-access-mark .icon{stroke-width:1.5px;width:43px;height:43px}.login-hero>.container{position:relative}.login-jumps a{background:#141a2dcc;border-color:#b9ceff25;font-size:13px}.login-steps{gap:20px}.login-steps article{background:linear-gradient(145deg,#252e48,#171e32);padding-bottom:30px}.step-icon{color:#c2cbff;background:#4852ff26}.login-page .google-steam{background:radial-gradient(at 95% 45%,#4d63b750,#0000 60%),#1c263e;padding:42px 39% 42px 36px}.connected-art{gap:20px;right:4%}.provider-pair{flex-direction:column;gap:15px;display:flex}.provider-pair>span{background:#304062;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;box-shadow:inset 0 0 0 1px #fff2}.connected-art .provider-pair img{width:29px;height:29px}.duel-account{background:linear-gradient(145deg,#5260cb,#273457);border-radius:28px;place-items:center;width:125px;height:125px;display:grid;box-shadow:0 18px 35px #080f2440,inset 0 0 0 1px #fff3}.connected-art .duel-account img{width:85px}.recovery-image{background:linear-gradient(135deg,#374562,#202941);border-radius:22px;padding:12px;box-shadow:0 20px 40px #060c2040,inset 0 0 0 1px #fff2}.recovery-image img{border-radius:12px}.login-page .registrierung{min-height:310px;padding:42px 34% 42px 36px}.registrierung:before{opacity:1;background:linear-gradient(90deg,#1b2944 45%,#1b294480),url(/assets/duel-world.webp) 100%/auto 100% no-repeat}.registration-art{flex-direction:column;align-items:center;gap:28px;display:flex;position:absolute;top:50%;right:8%;transform:translateY(-50%)}.registration-art>img{width:110px;height:auto}.registration-art>span{color:#c9d5ff;background:#5262c855;border-radius:30px;place-items:center;width:110px;height:110px;display:grid;transform:rotate(-8deg);box-shadow:inset 0 0 0 1px #b2c9ff40}.registration-art .icon{stroke-width:1.3px;width:56px;height:56px;transform:rotate(8deg)}.login-help{gap:0 36px}.login-help>div{background:0 0;border:0;border-top:1px solid #a3b2df26;border-radius:0;padding-block:28px}.help-icon{top:29px}.login-page .mobil{isolation:isolate;background:radial-gradient(at 80%,#334b8855,#0000 55%),#151c30;border:0;border-radius:22px;min-height:380px;margin-top:8px;padding:44px 46% 44px 36px;overflow:hidden}.mobil:before{content:"";opacity:.6;z-index:-1;background:url(/assets/duel-creatures.webp) bottom/auto 130px repeat-x;width:48%;height:100%;position:absolute;bottom:0;right:0}.mobile-art{background:#14182a;border:5px solid #56658c;border-radius:30px;gap:12px;width:184px;height:290px;padding:26px 8px 12px;top:44px;right:13%;transform:rotate(7deg);box-shadow:20px 20px #26334c,0 25px 50px #05091280}.mobile-art>img:not(.phone-screen){flex:none;width:62px}.mobile-art .phone-screen{border-radius:8px;flex:none;width:100%;height:auto}.mobile-art:before{border-color:#b5c7ff26;inset:-50px}.login-page .login-start:before{opacity:1;background:linear-gradient(90deg,#172740dd,#172740aa),url(/assets/duel-world.webp) 50% 58%/cover no-repeat}.login-jumps a:focus-visible{outline-offset:3px;outline:2px solid #b6c4ff}@media (width<=1100px){.login-intro{padding-right:48%}.login-hero-art{width:320px;right:2%}.hero-access-mark{right:calc(2% + 305px)}.connected-art{gap:13px}.duel-account{width:100px;height:100px}.provider-pair>span{width:55px;height:55px}}@media (width<=800px){.login-intro{min-height:440px}.login-hero-art{width:270px;top:20px;right:0}.hero-access-mark{width:58px;height:58px;top:285px;right:240px}.hero-access-mark .icon{width:33px;height:33px}.login-page .google-steam{padding-right:36%}.connected-art{flex-direction:row;gap:10px;right:3%}.connected-art>.icon{transform:none}.duel-account{border-radius:22px;width:85px;height:85px}.connected-art .duel-account img{width:64px}.provider-pair>span{width:48px;height:48px}.mobile-art{right:8%}.login-page .registrierung{padding-right:30%}.registration-art{right:6%}}@media (width<=680px){.login-hero:before{background:linear-gradient(#151a2d 15%,#151a2d99 60%,#151a2d55),url(/assets/duel-world.webp) bottom/auto 70% no-repeat}.login-intro{min-height:0;padding:5px 0 18px}.login-hero-art{border-radius:18px;width:min(100%,300px);margin:28px auto 8px;padding:10px 10px 0;top:auto;right:auto}.login-hero-art figcaption{padding:12px 0;font-size:11px}.hero-access-mark{display:none}.login-jumps a{min-height:54px;font-size:12px}.login-page .google-steam{padding:28px 24px}.connected-art{gap:25px;margin:28px 0 0;position:relative;top:auto;right:auto}.provider-pair{flex-direction:column;gap:10px}.duel-account{width:110px;height:110px}.connected-art .duel-account img{width:78px}.login-page .registrierung{padding:28px 24px}.registration-art{flex-direction:row;justify-content:center;gap:30px;margin:28px 0 0;position:relative;top:auto;right:auto;transform:none}.registration-art>img{width:90px}.registration-art>span{border-radius:22px;width:76px;height:76px}.registration-art .icon{width:40px;height:40px}.login-page .mobil{min-height:0;padding:28px 24px}.mobile-art{order:1;width:180px;height:285px;margin:14px 0 42px;position:relative;top:auto;right:auto}.mobil:before{width:100%}.login-help>div{padding:25px 0 25px 65px}.help-icon{top:27px;left:0}.login-page .login-start{padding:42px 22px}.login-start:before{background-position:50%}}@media (width<=420px){.login-help>div{padding:24px 0}.help-icon{margin-bottom:14px;position:static}.login-jumps a{font-size:11px}.login-hero-art{width:min(100%,290px)}.login-steps article{padding:22px 20px 22px 70px}.step-icon{width:34px;height:34px;margin:0;position:absolute;top:23px;left:19px}.step-icon .icon{width:21px;height:21px}.step-number{font-size:18px;right:16px}.login-steps h3{padding-right:28px;font-size:18px}.login-steps p{font-size:14px}}@media (width<=360px){.login-steps article{padding:20px}.step-icon{margin-bottom:12px;position:static}.login-steps h3{padding-right:30px}}