#page_talents{overflow:hidden;max-width:100%;--max-height:min(100vh,1200px);padding-bottom:200px;padding-top:120px}@media screen and (min-width:1024px){#page_talents{--max-height:min(100vh,1500px)}}#page_talents .talent-load{position:fixed;z-index:80;background:rgba(0,0,0,.296);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;transition:all .4s ease}#page_talents .talent-load.load{opacity:1}#page_talents .talent-load.loaded{opacity:0;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}#page_talents .talent-load svg{animation:speen 2s linear infinite;width:10vh;height:10vh}@keyframes speen{0%{rotate:0deg}to{rotate:1turn}}#page_talents .fullscreen-bg{position:absolute;left:0;top:0;width:100%;height:var(--max-height);z-index:-2;display:grid;grid-template-columns:2.5fr 1fr}@media screen and (max-width:420px){#page_talents .fullscreen-bg{grid-template-columns:1fr 4fr}}#page_talents .fullscreen-bg .left{background:url(/bg/steel.webp),#0c0f13;background-size:cover}#page_talents .fullscreen-bg .left .name{font-size:8rem;text-transform:uppercase;font-family:var(--fontH);letter-spacing:-5px;color:#6b6b6b;position:absolute;right:30%;opacity:.1}#page_talents .fullscreen-bg .left .scroll-text{background:url(/de/scrolling-text.png);background-size:contain;width:80px;height:100%;position:absolute;animation:scroll 25s linear infinite;background-repeat:repeat-y;left:2%}@keyframes scroll{0%{background-position:0 0}to{background-position:0 2000px}}#page_talents .fullscreen-bg .right{position:relative;overflow:hidden;background:#08090b}#page_talents .fullscreen-bg .right .hexa{width:100%;height:100%;position:absolute;background:url(/bg/hexa-fix.png);opacity:.2;z-index:1}#page_talents .fullscreen-bg .right .title{font-size:7rem;text-transform:uppercase;font-family:var(--fontH);letter-spacing:-5px;color:rgba(100,115,255,.356);position:absolute;right:50px;bottom:50px;opacity:1;line-height:0%;white-space:nowrap;text-align:right;opacity:.2;rotate:90deg;transform-origin:right}#page_talents .fullscreen-bg .right .talent{width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.1;z-index:2;position:absolute;top:0;left:0}#page_talents #talent-heading .line{width:80px;height:8px;background:var(--grey);display:block;margin:1em 0}#page_talents #talent-list{position:relative;height:500px;margin-bottom:150px}@media screen and (min-width:1024px){#page_talents #talent-list{height:400px}}@media screen and (max-width:1024px){#page_talents #talent-list{transform:translateX(-200px)}}@media screen and (max-width:768px){#page_talents #talent-list{transform:translateX(-400px)}}#page_talents #talent-list .talent-card{z-index:2;width:300px;height:470px;background:var(--black);border:1px solid var(--gold);scale:.94;position:absolute;margin:1em 0;transition:all .7s ease;filter:saturate(20%) brightness(50%);overflow:hidden}#page_talents #talent-list .talent-card .corner{position:absolute;width:50px;height:100px;--border:8px solid var(--gold);--offset:-11px;scale:4 4;z-index:-2;opacity:0;transition:all .5s}#page_talents #talent-list .talent-card .corner.tl{top:var(--offset);left:var(--offset);border-top:var(--border);border-left:var(--border)}#page_talents #talent-list .talent-card .corner.tr{top:var(--offset);right:var(--offset);border-top:var(--border);border-right:var(--border)}#page_talents #talent-list .talent-card .corner.bl{bottom:var(--offset);left:var(--offset);border-bottom:var(--border);border-left:var(--border)}#page_talents #talent-list .talent-card .corner.br{bottom:var(--offset);right:var(--offset);border-bottom:var(--border);border-right:var(--border)}#page_talents #talent-list .talent-card.wide .talent-art{background:red;width:400px;left:-80px}#page_talents #talent-list .talent-card .talent-art{position:absolute;width:100%;height:100%;top:0;left:0;scale:1.3;filter:drop-shadow(0 0 5px var(--black));object-fit:contain}#page_talents #talent-list .talent-card .icon{position:absolute;width:60px;height:60px;filter:drop-shadow(0 0 5px rgba(0,0,0,.726));right:0;top:0;object-fit:contain}#page_talents #talent-list .talent-card .logo{position:absolute;width:200px;height:100px;bottom:100px;right:-20%;transition:all .5s ease;opacity:0}#page_talents #talent-list .talent-card .arrow{width:50px;height:50px;background:var(--blue);position:absolute;z-index:-2}#page_talents #talent-list .talent-card .arrow.l{top:10px;left:10px;-webkit-clip-path:polygon(0 0,0 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 0)}#page_talents #talent-list .talent-card .arrow.r{bottom:10px;right:10px;-webkit-clip-path:polygon(0 100%,100% 100%,100% 0);clip-path:polygon(0 100%,100% 100%,100% 0)}#page_talents #talent-list .talent-card .sidewarn{position:absolute;left:-25px;width:50px;bottom:25%;z-index:-2;filter:drop-shadow(0 0 4px var(--black))}#page_talents #talent-list .talent-card .sidewarn.g{left:auto;right:-25px;bottom:auto;top:25%}#page_talents #talent-list .talent-card .data{transition:all .5s ease;opacity:0;filter:drop-shadow(0 0 4px var(--black));position:absolute;bottom:10%;right:55%;width:70%;background:#0c0f13;border-bottom:3px solid var(--blue);padding:.05em .4em .6em;transform:translateY(0);text-transform:uppercase}#page_talents #talent-list .talent-card .data .talent{font-family:var(--fontH);font-size:1.1rem;filter:drop-shadow(0 0 4px var(--black))}#page_talents #talent-list .talent-card .data .talent-title{font-size:.7rem;font-weight:700;opacity:.6;line-height:100%}#page_talents #talent-list .talent-card .data .arrow{position:absolute;top:2px;right:2px;width:20px;height:20px;background:var(--blue);-webkit-clip-path:polygon(0 0,100% 100%,100% 0);clip-path:polygon(0 0,100% 100%,100% 0)}#page_talents #talent-list .talent-card .data .backarrow{position:absolute;z-index:-2;top:-2px;left:-2px;width:30px;height:30px;border-left:3px solid var(--blue);border-top:3px solid var(--blue)}#page_talents #talent-list .talent-card .data .note{position:absolute;top:100%;right:0;background:rgba(0,0,0,.39);font-size:.6rem;display:flex;align-items:center;justify-content:center;opacity:1;gap:.25em;height:2em;text-shadow:0 0 2px #000}#page_talents #talent-list .talent-card .card-bg{position:absolute;width:100%;height:100%;object-fit:cover;filter:blur(2px);opacity:1;z-index:-10}#page_talents #talent-list .talent-card .card-bg.texture{mix-blend-mode:color-burn;filter:none;opacity:.7;background-size:1200px}#page_talents #talent-list .talent-card:hover{scale:1.05}#page_talents #talent-list .talent-card.active{overflow:visible;border:3px solid var(--blue);filter:saturate(100%) brightness(100%);scale:1.15;z-index:2}#page_talents #talent-list .talent-card.active .logo{opacity:1}#page_talents #talent-list .talent-card.active .talent-art{scale:1.4}#page_talents #talent-list .talent-card.active .data{transform:translateY(0);opacity:1}#page_talents #talent-list .talent-card.active .corner{scale:1;opacity:1}#page_talents #talent-list .talent-card.a{left:-450px;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;z-index:-1}#page_talents #talent-list .talent-card.b{left:-100px}#page_talents #talent-list .talent-card.c{left:250px}#page_talents #talent-list .talent-card.d{left:670px}#page_talents #talent-list .talent-card.e{left:1100px}#page_talents #talent-list .talent-card.f{left:1500px;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;z-index:-1;opacity:0}#page_talents #talent-list .talent-card.hidden{transition:0s;left:50%;display:none;opacity:0}@media screen and (max-width:550px){#page_talents #talent-list{height:300px;scale:.5}}@media screen and (max-width:380px){#page_talents #talent-list{margin-bottom:80px;scale:.4;transform:translateX(-600px)}}#page_talents #generation-select{margin-bottom:2em}#page_talents #generation-select .common-h{margin-bottom:20px;font-size:2rem}#page_talents #generation-select .gen-list{max-width:380px;display:grid;grid-template-columns:1fr 1fr;grid-gap:.5em;gap:.5em}#page_talents #generation-select .gen-list .btn-gen{background:rgba(254,195,0,.294);cursor:pointer;text-align:left;font-weight:700;padding:.25em 1em;font-size:1.2rem;color:rgba(12,15,19,.671);position:relative}#page_talents #generation-select .gen-list .btn-gen:before{content:"";width:20px;height:20px;background:var(--blue);position:absolute;bottom:0;right:0;-webkit-clip-path:polygon(0 100%,100% 100%,100% 0);clip-path:polygon(0 100%,100% 100%,100% 0);opacity:0}#page_talents #generation-select .gen-list .btn-gen.selected{background:var(--gold);color:#0c0f13;scale:1.02}#page_talents #generation-select .gen-list .btn-gen.selected:before{opacity:1}#page_talents #generation-select .gen-list .btn-gen.disabled{color:rgba(254,195,0,.129);background:#06080a;cursor:not-allowed}#page_talents #talent-control{display:flex;justify-content:center;gap:1em;position:relative;z-index:10;max-width:max-content;margin:-100px auto 0}@media screen and (max-width:1024px){#page_talents #talent-control{position:fixed;right:0;bottom:0;align-items:center;width:100%}}@media screen and (max-width:550px){#page_talents #talent-control .btn-special{font-size:1rem}}