#p_archive{min-height:auto;overflow:hidden}#p_archive .archive-title{text-align:center;margin-top:200px;color:#fff;text-shadow:0 0 4px #fff}#p_archive .archive-title .sth{font-size:4rem}#p_archive .archive-title p{max-width:min(800px,90%);margin:0 auto}#p_archive #selector{width:100%;z-index:1;position:relative;height:900px;margin-top:-150px;padding-bottom:100px;padding-top:300px;overflow:hidden}@media screen and (max-width:1280px){#p_archive #selector{height:auto}}#p_archive #selector .back{z-index:-10;position:absolute;background:url(/g/lore-back.png);background-position:50%;height:100%;width:100%;top:0;left:0;background-repeat:repeat-x;background-position:10px 400px;animation:selectorback 150s linear infinite alternate}@media screen and (max-width:1280px){#p_archive #selector .back{top:auto;bottom:0;animation:none;background-position:center calc(100% + 200px)}}@keyframes selectorback{0%{background-position:10px 400px}to{background-position:-2000px 400px}}#p_archive #selector .center{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:150px}#p_archive #selector .center .pillar{position:relative;height:100%}#p_archive #selector .center .pillar:has(.btn-pillar:hover) .plart{transform:translateY(-50px);filter:brightness(140%) drop-shadow(0 0 10px var(--b))}#p_archive #selector .center .pillar .plart{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;filter:brightness(100%);transition:all 1.5s ease;width:750px;height:750px;left:0}#p_archive #selector .center .pillar:first-child .plart{bottom:-250px;left:-150px}#p_archive #selector .center .pillar:nth-child(2){padding-top:200px}#p_archive #selector .center .pillar:nth-child(2) .plart{bottom:-150px;left:-200px}#p_archive #selector .center .pillar:nth-child(3) .plart{left:-150px;bottom:-300px}@media screen and (max-width:1280px){#p_archive #selector .desktop{display:none}}@media screen and (min-width:1280px){#p_archive #selector .mobile{display:none}}@media screen and (max-width:1280px){#p_archive #selector .mobile{display:flex}}#p_archive #selector .mobile{flex-direction:column-reverse;align-items:center;justify-content:center;gap:1em}#p_archive #selector .mobile .pillar:first-child,#p_archive #selector .mobile .pillar:nth-child(3){transform:translateX(15%)}#p_archive #selector .mobile .pillar:nth-child(2){transform:translateX(-15%)}#p_archive #selector .front{position:absolute;z-index:10;bottom:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%}#p_archive #selector .front .fp{width:50%;height:50%;object-fit:contain;position:absolute;filter:blur(3px) brightness(100%)}@media screen and (max-width:1440px){#p_archive #selector .front .fp{width:30%;height:30%}}#p_archive #selector .front .fp.l{bottom:0;object-position:bottom left;left:0}#p_archive #selector .front .fp.r{bottom:0;right:0;object-position:bottom right}#p_archive .btn-pillar{width:350px;height:350px;border-radius:50%;font-family:var(--fontSC);font-weight:bolder}@media screen and (max-width:420px){#p_archive .btn-pillar{width:300px;height:300px}}#p_archive .btn-pillar .bg{width:100%;height:100%;position:absolute;top:0;object-fit:cover;left:0;opacity:.4;border-radius:inherit}#p_archive .btn-pillar{display:flex;flex-direction:column;justify-content:flex-start;padding-top:27%;position:relative}#p_archive .btn-pillar .magic{transition:all .5s ease-out;position:absolute;width:100%;height:100%;object-fit:contain;top:0;left:0;opacity:0;scale:3.2;rotate:-180deg;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;z-index:-10;filter:blur(5px);transition-delay:.2s}#p_archive .btn-pillar:hover .magic{opacity:.4;filter:blur(0);scale:1.35;rotate:0deg}#p_archive .btn-pillar:after{background-size:500px;box-shadow:inset 0 0 50px 30px rgba(130,187,241,.699);opacity:.7}#p_archive .btn-pillar .content{z-index:500;position:relative;padding:1em;display:flex;justify-content:center;align-items:center;flex-direction:column}#p_archive .btn-pillar .content .gem{width:110px;height:110px;object-fit:contain;margin-top:-30px}@media screen and (max-width:420px){#p_archive .btn-pillar .content .gem{width:80px;height:80px}}#p_archive .btn-pillar .content h2{font-family:var(--fontSR);font-weight:bolder;font-size:3rem;text-align:center;color:rgba(0,0,0,0);background:linear-gradient(to left,var(--p),var(--b));-webkit-background-clip:text;background-clip:text}@media screen and (max-width:420px){#p_archive .btn-pillar .content h2{font-size:2rem}}#p_archive .btn-pillar .content h2{filter:drop-shadow(2px 2px 0 rgba(255,255,255,.925))}#p_archive .btn-pillar .content{filter:drop-shadow(0 0 4px rgba(130,187,241,.562))}#p_archive .btn-pillar .content p{color:#fff;font-family:var(--fontS)}