#p_faction{--fontfn:var(--fontcg);--accentA:#12cad1;--accentB:#005e68}#p_faction #faction-head{background:var(--accentB);position:relative;z-index:1;padding-top:250px;padding-bottom:250px}#p_faction #faction-head .bg-art{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.8;filter:brightness(20%) saturate(.8);z-index:-1;top:0}#p_faction #faction-head .confine{display:grid;grid-template-columns:2fr 1fr;max-width:1440px;margin:0 auto;padding:0 5%;position:relative;z-index:10;align-items:center;grid-gap:2em;gap:2em;color:#fff;justify-content:center}@media screen and (max-width:1024px){#p_faction #faction-head .confine{display:flex;flex-direction:column-reverse}}#p_faction #faction-head .confine .info-part{text-shadow:0 3px 0 rgba(0,0,0,.178);position:relative;z-index:1}#p_faction #faction-head .confine .info-part .t{font-size:4.5rem;font-family:var(--ff);color:var(--accentA);font-weight:700;opacity:1;filter:drop-shadow(0 0 10px var(--accentB))}@media screen and (max-width:768px){#p_faction #faction-head .confine .info-part .t{font-size:2rem}}#p_faction #faction-head .confine .info-part .d{max-width:600px;font-family:var(--fontrb);font-size:1.2rem}@media screen and (max-width:768px){#p_faction #faction-head .confine .info-part .d{font-size:1rem}}#p_faction #faction-head .confine .art-part{display:flex;justify-content:center}#p_faction #faction-head .confine .art-part .flag-c{position:relative;filter:drop-shadow(0 0 2px var(--accentB))}#p_faction #faction-head .confine .art-part .flag-c .ftop{position:absolute;z-index:1;width:100%;height:50px;filter:invert(1);top:-25px;scale:1.4}#p_faction #faction-head .confine .art-part .flag-c .flag{width:250px;height:400px;background:url(/b/texture_2.png),var(--accentB);padding:50px 1em 150px;-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%)}@media screen and (max-width:768px){#p_faction #faction-head .confine .art-part .flag-c .flag{height:300px;width:180px;padding-bottom:70px;padding-top:20px}}#p_faction #faction-head .confine .art-part .flag-c .flag img{width:100%;height:100%;object-fit:contain}#p_faction #choose-faction{position:relative;background:var(--accentB);padding:60px 0;overflow:hidden}#p_faction #choose-faction .bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8;object-fit:cover;z-index:10;filter:grayscale(1) brightness(30%)}#p_faction #choose-faction:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(3,5,15,.74);-webkit-mask-image:linear-gradient(180deg,black 0,transparent 40%,transparent 70%,black);mask-image:linear-gradient(180deg,black 0,transparent 40%,transparent 70%,black);scale:1.2;transform-origin:center;z-index:5}#p_faction #choose-faction .confine{position:relative;display:grid;grid-template-columns:1.4fr 1fr;max-width:1920px;margin:0 auto;padding:100px;z-index:10;grid-gap:2em;gap:2em}@media screen and (max-width:1600px){#p_faction #choose-faction .confine{display:grid;grid-template-columns:1fr}}@media screen and (max-width:1440px){#p_faction #choose-faction .confine{padding:5%}}#p_faction #choose-faction .confine .r{display:flex;align-items:center;justify-content:flex-end}#p_faction #choose-faction .confine .r .text-part{text-shadow:0 0 6px #fff}#p_faction #choose-faction .confine .r .text-part p{text-align:right;color:#fff;font-size:2.5rem;line-height:1;font-family:var(--fontrs);font-family:var(--ff);white-space:nowrap}@media screen and (max-width:1024px){#p_faction #choose-faction .confine .r .text-part p{white-space:normal}}#p_faction #choose-faction .confine .r .text-part .tt{font-weight:700;line-height:1.3;font-size:3.4rem}@media screen and (max-width:1440px){#p_faction #choose-faction .confine .r .text-part .tt{font-size:2.5rem}}@media screen and (max-width:420px){#p_faction #choose-faction .confine .r .text-part .tt{font-size:2rem}}@media screen and (max-width:1440px){#p_faction #choose-faction .confine .r .text-part .bt{font-size:2rem}}@media screen and (max-width:420px){#p_faction #choose-faction .confine .r .text-part .bt{font-size:1.4rem}}#p_faction #choose-faction .confine .l .btn-ol{font-size:1.4rem}@media screen and (max-width:420px){#p_faction #choose-faction .confine .l .btn-ol{font-size:1rem}}#p_faction #choose-faction .confine .l h2{font-size:3.5rem;color:#fff}@media screen and (max-width:550px){#p_faction #choose-faction .confine .l h2{font-size:2rem;margin-bottom:1em;line-height:.8}}#p_faction #choose-faction .confine .l h2 .slash{font-size:5rem}@media screen and (max-width:550px){#p_faction #choose-faction .confine .l h2 .slash{font-size:3.5rem}}#p_faction #characters{border-top:20px solid var(--accentB);border-bottom:20px solid var(--accentB);position:relative;z-index:1;padding-bottom:100px}#p_faction #characters:before{top:-1%;left:0;-webkit-clip-path:polygon(0 0,100% 0,83% 100%,0 100%);clip-path:polygon(0 0,100% 0,83% 100%,0 100%)}#p_faction #characters:after,#p_faction #characters:before{content:"";position:absolute;width:30%;height:30px;background:var(--accentB)}#p_faction #characters:after{right:0;bottom:0;-webkit-clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}#p_faction #characters .bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-50;opacity:.11;z-index:-10;filter:grayscale(1);-webkit-user-select:none;-moz-user-select:none;user-select:none;object-fit:cover;pointer-events:none}#p_faction #characters .confine{max-width:1920px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;padding-top:100px;position:relative;z-index:1}@media screen and (max-width:1024px){#p_faction #characters .confine{display:flex;flex-direction:column-reverse}}#p_faction #characters .confine .char-name{position:absolute;top:0;right:2%;--stroke:var(--g);font-size:12rem;white-space:nowrap;text-align:right;font-style:italic;letter-spacing:-10px;z-index:-10;opacity:.2;text-transform:uppercase}@media screen and (max-width:1280px){#p_faction #characters .confine .char-name{font-size:8rem}}#p_faction #characters .confine .l{display:grid;grid-template-columns:350px 1fr;grid-gap:50px;gap:50px}@media screen and (max-width:1600px){#p_faction #characters .confine .l{grid-template-columns:200px 1fr}}@media screen and (max-width:768px){#p_faction #characters .confine .l{grid-template-columns:1fr 2fr;gap:20px}}@media screen and (max-width:550px){#p_faction #characters .confine .l{grid-template-columns:1fr 3fr;gap:5px}}#p_faction #characters .confine .l .selector{display:flex;flex-direction:column;gap:1em}#p_faction #characters .confine .l .selector .btn-charselect{height:110px;width:330px;transform:translateX(-100px);border:1px solid var(--accentA);position:relative;z-index:1;background:var(--accentB);filter:grayscale(1);scale:1}@media screen and (max-width:1600px){#p_faction #characters .confine .l .selector .btn-charselect{width:100%;transform:translateX(-20px)}}#p_faction #characters .confine .l .selector .btn-charselect img{width:100%;height:100%;object-fit:cover}#p_faction #characters .confine .l .selector .btn-charselect:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--accentA);-webkit-clip-path:polygon(0 0,47% 0,21% 100%,0 100%);clip-path:polygon(0 0,47% 0,21% 100%,0 100%);opacity:0;transition:all .5s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}#p_faction #characters .confine .l .selector .btn-charselect:hover{scale:1;transform:translateX(-10px)}#p_faction #characters .confine .l .selector .btn-charselect.active{border-width:4px;transform:translateX(-10px);filter:grayscale(0)}#p_faction #characters .confine .l .selector .btn-charselect.active:before{opacity:1;left:0}#p_faction #characters .confine .l .char-info .name{font-size:4.2rem;font-family:var(--fonta);line-height:1}#p_faction #characters .confine .l .char-info .name:first-letter{color:var(--accentA);font-size:5rem}@media screen and (max-width:1440px){#p_faction #characters .confine .l .char-info .name{font-size:3rem}#p_faction #characters .confine .l .char-info .name:first-letter{font-size:3.4rem}}@media screen and (max-width:550px){#p_faction #characters .confine .l .char-info .name{font-size:2rem}#p_faction #characters .confine .l .char-info .name:first-letter{font-size:inherit}}#p_faction #characters .confine .l .char-info .info-field{display:grid;grid-template-columns:1.9fr 2.2fr 2.5fr;background:#fff;border:4px solid var(--accentA);margin:1em 0}@media screen and (max-width:768px){#p_faction #characters .confine .l .char-info .info-field{display:flex}}@media screen and (max-width:400px){#p_faction #characters .confine .l .char-info .info-field{flex-direction:column}}#p_faction #characters .confine .l .char-info .info-field .if{display:flex;flex-direction:column;padding-top:1em;padding-bottom:.25em}@media screen and (max-width:768px){#p_faction #characters .confine .l .char-info .info-field .if{width:100%}}#p_faction #characters .confine .l .char-info .info-field .if h2{width:100%;background:var(--black);color:#fff;font-weight:700;font-family:var(--fontcg);padding:.15em;font-size:1.1rem;text-align:center;white-space:nowrap;text-transform:uppercase}@media screen and (max-width:768px){#p_faction #characters .confine .l .char-info .info-field .if h2{font-size:.9rem}}#p_faction #characters .confine .l .char-info .info-field .if p{text-align:center;padding:1em .25em;color:var(--ddb);display:flex;align-items:center;justify-content:center;height:100%;margin:.25em}@media screen and (max-width:768px){#p_faction #characters .confine .l .char-info .info-field .if p{font-size:.8rem}}#p_faction #characters .confine .l .char-info .info-field .if p:not(.last){border-right:2px solid var(--black)}#p_faction #characters .confine .l .bio-panel .panel{width:100%;padding:2em;position:relative;color:#fff;z-index:1;height:500px;overflow-y:auto;background:linear-gradient(180deg,#113841,#0e0e0e);opacity:.64;-webkit-clip-path:polygon(9% 0,100% 0,100% 94%,93% 100%,0 100%,0 7%);clip-path:polygon(9% 0,100% 0,100% 94%,93% 100%,0 100%,0 7%)}#p_faction #characters .confine .l .bio-panel .panel p{margin-bottom:2em;font-size:.9rem}@media screen and (max-width:550px){#p_faction #characters .confine .l .bio-panel .panel{font-size:.9rem}}#p_faction #characters .confine .l .bio-panel .panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}#p_faction #characters .confine .l .star{width:100%;margin:1.55em 0}#p_faction #characters .confine .r{position:relative;min-height:1000px;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}@media screen and (max-width:1024px){#p_faction #characters .confine .r{height:70vh;width:100%;min-height:auto}}@media screen and (max-width:550px){#p_faction #characters .confine .r{height:50vh}}#p_faction #characters .confine .r .char-art{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;animation:float 5s ease-in-out infinite alternate-reverse}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-10px)}to{transform:translatey(0)}}#p_faction #characters .confine .r .faction-icon{position:absolute;width:100%;height:100%;object-fit:contain;left:20%;top:-10%;scale:.8;filter:saturate(0);opacity:.8;-webkit-mask-image:linear-gradient(180deg,black 0,transparent);mask-image:linear-gradient(180deg,black 0,transparent)}#p_faction #poi{padding-top:120px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;position:relative;z-index:1;border-top:30px solid var(--accentB)}@media screen and (max-width:550px){#p_faction #poi{display:flex;flex-direction:column-reverse}}#p_faction #poi:before{content:"";position:absolute;top:-1%;left:0;width:80%;height:30px;background:var(--accentB);-webkit-clip-path:polygon(0 0,100% 0,95% 100%,0 100%);clip-path:polygon(0 0,100% 0,95% 100%,0 100%)}#p_faction #poi .l{display:grid;grid-template-columns:1fr 2fr;padding:8%;grid-gap:50px;gap:50px;position:relative}@media screen and (max-width:1280px){#p_faction #poi .l{display:flex;flex-direction:column}}#p_faction #poi .l .poiline{position:absolute;bottom:10%;left:15%;scale:2;opacity:.5}#p_faction #poi .l .placelist{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:.24em}#p_faction #poi .l .placelist .place{color:var(--accentB);font-family:var(--fontrs);display:flex;gap:1em}#p_faction #poi .l .placelist .place .indicator{width:40px;height:20px;border:2px solid var(--accentA);transform-origin:right}#p_faction #poi .l .placelist .place p{opacity:.4;transition:all .55s ease;font-family:var(--fontcg);text-transform:uppercase}#p_faction #poi .l .placelist .place.active,#p_faction #poi .l .placelist .place:hover{scale:1}#p_faction #poi .l .placelist .place.active p,#p_faction #poi .l .placelist .place:hover p{opacity:1}#p_faction #poi .l .placelist .place.active .indicator,#p_faction #poi .l .placelist .place:hover .indicator{background:var(--accentA);transition:all .5s ease}#p_faction #poi .l .place-name{text-align:right;position:relative;display:flex;flex-direction:column;align-items:flex-end}#p_faction #poi .l .place-name .facticon{position:absolute;z-index:-100;-webkit-mask-image:linear-gradient(180deg,black 0,transparent);mask-image:linear-gradient(180deg,black 0,transparent);opacity:.2;top:-100px;right:-200px;height:500px;width:500px;object-fit:contain}#p_faction #poi .l .place-name .n{font-size:3rem;font-family:var(--fonta)}@media screen and (max-width:1440px){#p_faction #poi .l .place-name .n{font-size:1.4rem}}#p_faction #poi .l .place-name hr{border:none;background:var(--accentA);height:2px;width:100%;margin:.2em .2em 2em;max-width:90%}#p_faction #poi .l .place-name .desc{min-height:400px;max-width:80%}@media screen and (max-width:768px){#p_faction #poi .l .place-name .desc{font-size:.9rem;max-width:95%}}#p_faction #poi .l .place-name .desc p{margin-bottom:2em;font-weight:200;line-height:1.4}#p_faction #poi .l .place-name .btn-map{display:flex;align-items:center;background:var(--accentA);justify-content:center;color:var(--accentB);font-size:1.2rem;margin-top:1em}#p_faction #poi .l .place-name .btn-map svg{color:var(--accentB)}#p_faction #poi .r{width:100%;height:100%;max-width:100%;min-width:0;position:relative;z-index:10}#p_faction #poi .r .place-art{width:100%;height:100%;object-fit:cover;border-radius:3em 0 0 3em;min-height:800px}@media screen and (max-width:550px){#p_faction #poi .r{height:40vh}#p_faction #poi .r .place-art{min-height:auto}}#p_faction #media{position:relative;z-index:1}#p_faction #media .fc-bg{height:400px;width:100%;background-image:var(--bg);background-size:cover;background-attachment:fixed;position:absolute;z-index:-50;top:200px}#p_faction #media .basic-bg{position:absolute;z-index:-100;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.2}#p_faction #media .confine{max-width:1920px;position:relative;z-index:1;margin:0 auto;padding-bottom:150px}#p_faction #media .confine .mt{font-size:8rem;--colb:#9bd5e2;margin-top:200px;padding:2% 2% 0;font-style:italic;letter-spacing:-5px}@media screen and (max-width:1024px){#p_faction #media .confine .mt{font-size:3rem;text-align:center;width:100%}}#p_faction #media .confine .ml{display:flex;justify-content:flex-end;padding:5%;padding-block:0;gap:1em}@media screen and (max-width:768px){#p_faction #media .confine .ml{flex-direction:column}}#p_faction #media .confine .ml .media{width:500px;background:#fff;box-shadow:0 0 14px rgba(0,0,0,.212);padding:1.5em;border-radius:.25em .25em .25em 2em}@media screen and (max-width:768px){#p_faction #media .confine .ml .media{width:100%}}#p_faction #media .confine .ml .media .img{height:300px;width:100%;object-fit:cover;aspect-ratio:16/9}@media screen and (max-width:550px){#p_faction #media .confine .ml .media .img{height:auto}}#p_faction #media .confine .ml .media h2{margin:.25em 0}@media screen and (max-width:420px){#p_faction #media .confine .ml .media h2{font-size:1.2rem}}#p_faction #media .confine .ml .media p{color:var(--g);font-size:.9rem;padding-bottom:2em}#p_faction #media .confine img{max-width:100%}#p_faction .fs{position:fixed;top:0;left:0;background:rgba(0,0,0,.685);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:800;transition:all .5s ease}#p_faction .fs.closed{opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}#p_faction .fs img{position:relative;height:90vh;object-fit:contain}#p_faction #info{display:flex;justify-content:center;gap:2em;--x:50%;--y:50%;background:url(/b/texture_1.png),radial-gradient(circle at var(--x) var(--y),var(--accentB) -10%,var(--black) 50%);transition:all .1s ease;background-blend-mode:multiply;padding:140px 0;flex-wrap:wrap;position:relative;box-shadow:0 0 50px 50px var(--black) inset;z-index:1}#p_faction #info .minih{position:absolute;top:5%;color:#fff;padding:.25em 1em;left:10%}#p_faction #info:before{background:#fff;-webkit-clip-path:polygon(63% 0,100% 0,100% 100%,0 100%);clip-path:polygon(63% 0,100% 0,100% 100%,0 100%);z-index:1;-webkit-clip-path:polygon(80% 0,100% 0,100% 100%,60% 100%);clip-path:polygon(80% 0,100% 0,100% 100%,60% 100%);content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(217,217,217,.0470588235);opacity:1;z-index:-1;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}#p_faction #info .ibox{width:420px;height:420px;box-shadow:0 0 20px var(--black)}@media screen and (max-width:768px){#p_faction #info .ibox{width:35%;height:auto;aspect-ratio:1/1}}@media screen and (max-width:420px){#p_faction #info .ibox{width:90%}}#p_faction #info .ibox img{width:100%;height:100%;object-fit:contain}#p_faction #concept-art{padding-right:0;padding-block:5%;position:relative}#p_faction #concept-art .fs{position:fixed;top:0;left:0;background:rgba(0,0,0,.685);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:500;transition:all .5s ease}#p_faction #concept-art .fs.closed{opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}#p_faction #concept-art .fs img{height:90vh;object-fit:contain}#p_faction #concept-art .dt{position:absolute;font-size:11rem;color:var(--g);opacity:.1;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:-4px}#p_faction #concept-art .dt.t{font-family:var(--fonta);letter-spacing:-12px;top:-25px;left:2%}#p_faction #concept-art .dt.b{bottom:0;right:2%;font-style:italic;font-size:10rem;font-family:var(--ff);letter-spacing:-12px;opacity:.03}#p_faction #concept-art .scroller{display:flex;gap:2em;flex:1 0;height:500px;overflow:hidden;white-space:nowrap;width:100%;position:relative;padding-left:5%;padding-right:5%}@media screen and (max-width:550px){#p_faction #concept-art .scroller{height:300px}}@media screen and (max-width:1024px){#p_faction #concept-art .scroller{overflow-x:scroll}}#p_faction #concept-art .scroller img{max-width:100%;max-height:100%}#p_faction #concept-art .scroller .ca{width:auto;height:100%;aspect-ratio:1/1}#p_faction #concept-art .scroller .ca img{width:100%;object-fit:cover;height:100%}#p_faction #concept-art .scroller .cc{width:auto;height:100%;aspect-ratio:16/9}#p_faction #concept-art .scroller .cc img{width:100%;object-fit:cover;height:100%}#p_faction #concept-art .scroller .cb{height:100%;width:auto;aspect-ratio:1/1;gap:1em;display:flex;flex-direction:column;position:relative}#p_faction #concept-art .scroller .cb .b,#p_faction #concept-art .scroller .cb .t{display:grid;grid-template-columns:1fr 1fr;grid-gap:1em;gap:1em}#p_faction #concept-art .scroller .cb img{aspect-ratio:1/1;height:100%;width:auto;object-fit:cover}#p_faction #concept-art .scroller .cd{height:100%;width:auto;grid-gap:1em;gap:1em;display:grid;grid-template-rows:1fr 1fr;position:relative}#p_faction #concept-art .scroller .cd .b,#p_faction #concept-art .scroller .cd .t{display:flex;height:100%;width:auto;gap:1em}#p_faction #concept-art .scroller .cd img{height:100%;width:100%;aspect-ratio:16/9;object-fit:cover}#p_faction #concept-art .scroller>div{flex-shrink:0}#p_faction #concept-art .controls{display:flex;gap:.25em;padding-left:5%;margin:1em 0}#p_faction #concept-art .controls .btn.btn-main{background:var(--accentA);color:var(--accentB)}#p_faction #concept-art .controls .btn.btn-main svg{color:var(--accentB)}#p_faction #fact-footer{background:var(--black);display:flex;justify-content:space-between;align-items:center;padding:1em}@media screen and (max-width:1024px){#p_faction #fact-footer{flex-direction:column}}#p_faction #fact-footer h2{color:#fff;font-family:var(--fonta);font-size:4rem}#p_faction #fact-footer h2 img{filter:brightness(700%);height:50px}@media screen and (max-width:550px){#p_faction #fact-footer h2{font-size:3.2rem}#p_faction #fact-footer h2 img{display:none}}@media screen and (max-width:420px){#p_faction #fact-footer h2{font-size:1.5rem}}#p_faction #fact-footer .selections{display:flex;gap:1em}@media screen and (max-width:550px){#p_faction #fact-footer .selections{gap:.1em}}#p_faction #fact-footer .selections .btn{width:80px;height:80px;--fc:var(--accentB);border-radius:50%;outline:4px solid rgba(0,0,0,0);outline-offset:6px;padding:.8em}@media screen and (max-width:420px){#p_faction #fact-footer .selections .btn{width:100%}}@media screen and (max-width:550px){#p_faction #fact-footer .selections .btn{background:var(--fc);border-radius:0;margin:.1em 0;box-shadow:inset 0 0 10px rgba(0,0,0,.158)}}#p_faction #fact-footer .selections .btn:hover{background:var(--fc);outline-color:var(--fc)}#p_faction #fact-footer .selections .btn img{width:100%;height:100%;object-fit:contain}