#p_factions{height:100vh;background:url(/b/texture_2.png),linear-gradient(to bottom,var(--accentB),var(--accentA),var(--accentC),var(--accentD));background-blend-mode:overlay;transition:all 1.5s ease,height 0,width 0}#p_factions .overlayvid{position:absolute;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;z-index:2;mix-blend-mode:screen;opacity:.2;filter:blur(1px);object-fit:cover}#p_factions #f-selector{display:flex;justify-content:center;gap:1em;position:absolute;width:100%;z-index:100}#p_factions #f-selector:before{content:"";position:absolute;z-index:-10;top:0;left:0;width:100%;height:100px;background:url(/b/texture_1.png),linear-gradient(to bottom,var(--black),var(--bblack));background-blend-mode:multiply;background-size:800px,100%;box-shadow:0 0 40px 20px var(--accentB)}#p_factions #f-selector .btn-dark{width:60px;height:60px;background:#000;border:3px solid var(--bb);color:var(--bb);padding:.45em;margin-top:20px}@media screen and (max-width:550px){#p_factions #f-selector .btn-dark{width:45px;height:45px}}#p_factions #f-selector .btn-dark svg{width:100%;height:100%}#p_factions #f-selector .btn-dark.playing,#p_factions #f-selector .btn-dark:hover{background:var(--bb);color:var(--black)}@media screen and (max-width:550px){#p_factions #f-selector .btn-dark{position:fixed;z-index:100;top:20%;right:0}#p_factions #f-selector .btn-dark.l{right:auto;left:0}}#p_factions #f-selector .btn-change{background:#fff;color:#000;height:90px;width:60px;border-radius:.25em;margin-top:50px;outline:5px solid var(--bblack)}@media screen and (max-width:1024px){#p_factions #f-selector .btn-change{display:none}}#p_factions #f-selector .btn-change svg{width:100%;height:100%}#p_factions #f-selector .btn-change.l{margin-left:2em}#p_factions #f-selector .btn-change.r{margin-right:2em}#p_factions #f-selector .selector{display:flex;gap:1.5em}@media screen and (max-width:1600px){#p_factions #f-selector .selector{gap:1em}}@media screen and (max-width:1280px){#p_factions #f-selector .selector{gap:.5em}}@media screen and (max-width:360px){#p_factions #f-selector .selector{gap:2px}}#p_factions #f-selector .selector .btn-selector{width:170px;height:300px;--accent:var(--bb);transition:all .2s ease;display:flex;justify-content:center;align-items:center;padding-bottom:100px;background:#282828;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);padding-top:2em}@media screen and (max-width:1600px){#p_factions #f-selector .selector .btn-selector{width:120px;padding-inline:1em}}@media screen and (max-width:1024px){#p_factions #f-selector .selector .btn-selector{width:10vw;height:200px}}@media screen and (max-width:550px){#p_factions #f-selector .selector .btn-selector{height:80px;padding-top:60px}}@media screen and (max-width:500px){#p_factions #f-selector .selector .btn-selector{width:100%;padding-top:10px;padding-bottom:70px}}#p_factions #f-selector .selector .btn-selector:not(.active){transform:translateY(-60px);padding-top:120px;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%)}#p_factions #f-selector .selector .btn-selector.active{height:340px;padding-top:80px}@media screen and (max-width:1024px){#p_factions #f-selector .selector .btn-selector.active{height:240px}}@media screen and (max-width:550px){#p_factions #f-selector .selector .btn-selector.active{height:100px}}#p_factions #f-selector .selector .btn-selector img{object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 2px 0 var(--accent));transition:all .1s ease;height:140px;width:140px}#p_factions #f-selector .selector .btn-selector.active,#p_factions #f-selector .selector .btn-selector:hover{background:var(--accent)}#p_factions #f-selector .selector .btn-selector.active img,#p_factions #f-selector .selector .btn-selector:hover img{filter:invert(0) grayscale(0) brightness(100%) drop-shadow(0 10px 0 rgba(0,0,0,.224))}#p_factions #f-display{position:relative;z-index:1;height:100%;background:var(--accentB);transition:background .5s;display:flex;flex-direction:column;overflow:hidden;justify-content:flex-end}#p_factions #f-display .bottom-bar{display:flex;padding:3%;color:#fff;justify-content:space-between;align-items:flex-end;filter:drop-shadow(0 3px 2px rgba(14,24,38,.3882352941));gap:5em}@media screen and (max-width:1024px){#p_factions #f-display .bottom-bar{flex-direction:column;align-items:flex-start}}#p_factions #f-display .bottom-bar .info .fn{font-family:var(--ff);font-size:5rem;text-shadow:0 0 10px var(--accentA)}@media screen and (max-width:1024px){#p_factions #f-display .bottom-bar .info .fn{font-size:3rem}}@media screen and (max-width:550px){#p_factions #f-display .bottom-bar .info .fn{font-size:2rem}}#p_factions #f-display .bottom-bar .info .fi{font-size:1.3em;font-family:var(--fontrs)}@media screen and (max-width:1024px){#p_factions #f-display .bottom-bar .info .fi{font-size:1rem}}#p_factions #f-display .bottom-bar .action{display:flex;align-items:center;gap:1em;width:40%;justify-content:flex-end}@media screen and (max-width:1440px){#p_factions #f-display .bottom-bar .action{flex-direction:column;align-items:flex-end}}@media screen and (max-width:1024px){#p_factions #f-display .bottom-bar .action{flex-direction:row;flex-wrap:wrap;width:100%;justify-content:flex-start}}#p_factions #f-display .bottom-bar .action .btn-faction{background:var(--black);padding:.25em 1em;font-size:1.2rem;align-items:center;display:flex;gap:1em;border-bottom:2px solid var(--bb);white-space:nowrap}#p_factions #f-display .bottom-bar .action .btn-faction img{width:50px;filter:brightness(500%)}#p_factions #f-display .bg-art{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:.5;scale:1.2;animation:scale-down 2s ease forwards;will-change:transform}@keyframes scale-down{0%{scale:1.4}to{scale:1.1}}@keyframes bgmovement{0%{transform:translate(0)}20%{transform:translate(1%,-.5%)}40%{transform:translate(-.5%,1%)}60%{transform:translate(1%,.5%)}80%{transform:translate(-1%,-1%)}to{transform:translate(0)}}