.bg-container{width:100%;height:610px;position:relative;top:-105px;overflow:hidden}.bg-container .header-container{position:relative;display:flex;flex-direction:column;top:-450px;left:0;z-index:20;gap:1rem}.bg-container .header-container .title{display:flex;font-family:"Baumans",system-ui;font-weight:normal;font-size:3rem;text-shadow:3px 3px 2px rgba(0,0,0,.5);letter-spacing:.03rem;color:#ddd}.bg-container .header-container .title h1{font-family:"Baumans",system-ui;font-weight:normal;font-size:3rem;text-shadow:3px 3px 2px rgba(0,0,0,.5);letter-spacing:.03rem;color:#ddd;padding:0;margin:0}.bg-container .header-container .sub-text{max-width:800px;color:#e6af67;text-shadow:3px 3px 2px rgba(0,0,0,.5);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:500;font-size:1.1rem;letter-spacing:.02rem}.bg-container .header-container .options{position:relative;display:flex;flex-wrap:wrap;gap:1rem}.bg-container .header-container .options .option a{display:block;text-decoration:none}.bg-container .header-container .options .option a label{text-decoration:none;text-shadow:3px 3px 2px rgba(0,0,0,.5);font-family:"Roboto",system-ui;font-weight:500;font-size:1.1rem;letter-spacing:.02rem;height:50px;display:block;color:#e6af67;padding:1.6rem 4rem 2.6rem 4rem;border:1px #f4ad41 solid;text-align:center;background-color:rgba(0,0,0,.6);cursor:pointer}@media(max-width: 600px){.bg-container .header-container .options .option a label{padding:1.3rem 3rem 2.3rem 3rem}}.bg-container .header-container .options .option a span{display:flex;justify-content:center;position:relative;top:12px;color:#e6af67;font-size:1.8rem}.bg-container .header-container .options .option a:hover label{box-shadow:#e6af67 1px 1px 10px;background-color:rgba(0,0,0,.9)}.bg-container .header-container .options .option a:hover span{color:#ffbc64}.bg-container .header-container .options .option .play-now-button{display:block;text-decoration:none}.bg-container .header-container .options .option .play-now-button label{text-shadow:3px 3px 2px rgba(0,0,0,.5);font-family:"Roboto",system-ui;font-weight:500;font-size:1.1rem;letter-spacing:.02rem;height:50px;display:block;color:#e6af67;padding:1.6rem 4rem 2.6rem 4rem;border:1px #f4ad41 solid;text-align:center;background-color:rgba(230,175,103,.4);cursor:pointer}@media(max-width: 600px){.bg-container .header-container .options .option .play-now-button label{padding:1.3rem 3rem 2.3rem 3rem}}.bg-container .header-container .options .option .play-now-button span{display:flex;justify-content:center;position:relative;top:12px;color:#e6af67;font-size:1.8rem}.bg-container .header-container .options .option .play-now-button:hover label{box-shadow:#e6af67 1px 1px 10px;background-color:rgba(230,175,103,.6)}.bg-container .header-container .options .option .play-now-button:hover span{color:#ffbc64}@media(min-width: 1024px){.bg-container .background-image{display:none}.bg-container .background-video{position:relative;top:50%;left:50%;width:100%;height:auto;max-height:580px;transform:translate(-50%, -50%);object-fit:cover;filter:grayscale(50%);box-shadow:0 5px 20px rgba(0,0,0,.75);z-index:1}}@media(max-width: 1024px){.bg-container .background-video{display:none}.bg-container .background-image{position:relative;width:100%;height:100%;max-height:580px;z-index:1;background:url("/public/img/pristontale/background/garden.png") no-repeat center center;background-size:cover;min-height:50vh}}.bg-container .separator{position:absolute;top:590px;width:100%;height:20px;background-size:auto 100%;border-top:1px #222 solid;border-bottom:1px #222 solid;z-index:2}.container-index{position:relative;display:flex;flex-direction:column;top:-65px;gap:1rem;padding:1rem}@media(max-width: 600px){.container-index{margin-bottom:50px}}.container-index .section-container{width:100%;position:relative;display:flex;align-items:center;border:1px rgba(230,175,103,.18) dashed;background-color:rgba(34,34,34,.32);padding:1rem 2rem 1rem 2rem}.container-index .section-container .section-icon{display:flex;justify-content:center}.container-index .section-container .section-icon span{position:absolute;top:-20px;left:-20px;color:#e6af67;font-size:2rem}.container-index .section-container .section-title{display:flex;width:100%;color:#e6af67;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:500;font-size:1.1rem;letter-spacing:.02rem;justify-content:left}.container-index .section-container .section-title h2{color:#e6af67;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:500;font-size:1.1rem;letter-spacing:.02rem;padding:0;margin:0}.container-index .section-container .section-link a{min-width:100px;display:flex;color:#e6af67;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:500;font-size:.9rem;letter-spacing:.02rem;justify-content:right;text-decoration:none}.container-index .section-container .section-link a:hover{opacity:.7}.container-index .section-container .section-link a span{position:relative;left:5px;top:1px}.container-index .news-block{display:flex;min-height:35vh;flex-wrap:wrap;gap:1rem;justify-content:center}.container-index .news-block .news-box{display:flex;flex-direction:column;justify-content:space-between;width:300px;max-height:300px;margin-bottom:1rem;box-shadow:#000 2px 10px 20px;background-color:rgba(20,20,20,.4);border:1px #333 solid}@media(max-width: 680px){.container-index .news-block .news-box{width:100%;min-height:360px}}.container-index .news-block .news-box a{display:flex;flex:1 1;flex-direction:column;text-decoration:none;padding:0;margin:0}.container-index .news-block .news-box:hover{border:1px rgba(230,175,103,.69) solid;transform:scale(1.02)}.container-index .news-block .news-box .image img{width:100%;height:180px;border-radius:4px}@media(max-width: 680px){.container-index .news-block .news-box .image img{width:100%;height:240px}}.container-index .news-block .news-box .title{display:flex;flex-direction:column;justify-content:flex-start;width:100%;height:70px;padding:1rem 1rem 1rem 1rem;position:relative;bottom:0;color:#e6af67;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:500;font-size:1.1rem;letter-spacing:.02rem;z-index:10;overflow:hidden}.container-index .news-block .news-box .date{display:flex;flex-direction:column;flex:1 1;justify-content:flex-end;padding:1rem;color:#aaa;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;font-size:.9rem;letter-spacing:.02rem}.background-separator{position:relative;width:100%;height:100%;max-height:580px;top:-650px;z-index:1;background:url("/public/img/pristontale/background/newtopt.png") no-repeat center center;background-size:cover;min-height:100vh}@media(max-width: 848px){.background-separator{top:-1215px !important}}.container-video{width:100%;position:relative;background:url("/public/img/pristontale/background/newtopt.png") no-repeat center center;background-size:cover;min-height:75vh;top:-135px;display:flex;flex-direction:column;z-index:1;filter:sepia(0%) grayscale(0%)}.container-video .video-block{display:flex;flex-direction:row;flex-wrap:wrap;min-height:250px;gap:5rem;justify-content:center;margin-top:100px}.container-video .video-block .video-box{position:relative;display:flex;flex-direction:column;margin-bottom:1rem;z-index:30;justify-content:center;align-items:center}.container-video .video-block .video-box .display-video{position:relative}.container-video .video-block .video-box .display-video .mdi-play-circle{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:5;cursor:pointer;user-select:none}.container-video .video-block .video-box .display-video span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:5rem;color:rgba(230,175,103,.7);pointer-events:none;z-index:3}.container-video .video-block .video-box .display-video{--frame-width: 400px;--frame-ratio: 16 / 10;position:relative;width:var(--frame-width);aspect-ratio:var(--frame-ratio);background:#111;box-shadow:#000 2px 10px 20px;overflow:hidden}.container-video .video-block .video-box .display-video .video-border{position:absolute;inset:0;background:url("/public/img/pristontale/borders/video_border.png") no-repeat center;background-size:100% 100%;pointer-events:none;z-index:2}.container-video .video-block .video-box .display-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.container-video .video-block .video-box .display-video:hover{cursor:pointer;box-shadow:#e6af67 2px 2px 10px}.container-video .video-block .video-box .display-video:hover span{color:#e6af67}.container-video .video-block .video-box .title{padding:3rem 0 2rem 0;color:#e6af67;text-shadow:3px 3px 2px rgba(0,0,0,.5);font-family:"Roboto",system-ui;font-weight:300;font-size:2.8rem;letter-spacing:.02rem}.container-video .video-block .video-box .sub-text{max-width:400px;color:#ccc;text-shadow:3px 3px 2px rgba(0,0,0,.5);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;font-size:1rem;letter-spacing:.02rem}.container-video .video-block .video-box .option a{text-decoration:none}.container-video .video-block .video-box .option a span{position:relative;top:35px;left:-20px;font-size:3rem;color:rgba(230,175,103,.93)}.container-video .video-block .video-box .option a label{text-decoration:none;text-shadow:3px 3px 2px rgba(0,0,0,.5);font-family:"Roboto",system-ui;font-weight:400;font-size:1.1rem;letter-spacing:.02rem;height:70px;display:block;color:#e6af67;padding:1.5rem;border:1px #6c4e23 solid;text-align:center;background-color:rgba(0,0,0,.6);cursor:pointer}.container-video .video-block .video-box .option a:hover label{box-shadow:#e6af67 2px 2px 10px;background-color:rgba(0,0,0,.7)}.container-video .video-block .video-box .option a:hover span{color:#ffbc64}.container-characters{width:100%;position:relative;background:url("/public/img/pristontale/background/dark-bg.png") no-repeat center center;background-size:cover;min-height:100vh;top:-125px;display:flex;flex-direction:column;z-index:1;filter:sepia(0%) grayscale(0%)}.container-characters .separator{top:-10px}.container-characters .section-container{display:flex;flex-direction:column;justify-content:center}.container-characters .section-container .section-title{display:flex;padding:3rem 0 1rem 0;color:#e6af67;text-shadow:3px 3px 2px rgba(0,0,0,.5);font-family:"Roboto",system-ui;font-weight:300;font-size:2.8rem;letter-spacing:.02rem;justify-content:center}.container-characters .section-container .section-subtext{max-width:600px;display:flex;justify-content:center;text-align:center;color:#eee;text-shadow:3px 3px 2px rgba(0,0,0,.5);font-family:"Roboto",system-ui;font-weight:300;font-size:1rem;letter-spacing:.02rem;padding-bottom:3rem}.container-characters .characters-block{display:flex;flex-direction:row;flex-wrap:wrap;min-height:250px;gap:3rem;justify-content:center}.container-characters .characters-block .character-box a{max-width:200px;display:flex;flex-direction:column;background-color:rgba(17,17,17,.79);border:1px rgba(230,175,103,.35) solid;justify-content:center;align-items:center;border-radius:5px;background:url("/public/img/pristontale/background/char_bg.png") no-repeat center center;background-size:cover;margin-bottom:2rem;text-decoration:none}.container-characters .characters-block .character-box a .name{color:#ccc;text-shadow:3px 3px 2px rgba(0,0,0,.5);font-family:"Roboto",system-ui;font-weight:500;font-size:1.4rem;position:relative;z-index:25}.container-characters .characters-block .character-box a .image{transform:scale(1.3)}.container-characters .characters-block .character-box a .icon{position:relative;top:20px;overflow:hidden;border-radius:5px}.container-characters .characters-block .character-box a:hover{cursor:pointer;box-shadow:#e6af67 2px 2px 10px}.container-characters .characters-block .character-box a:hover .image{transform:scale(1.4)}.container-journey{width:100%;position:relative;background:url("/public/img/pristontale/background/journey.png") no-repeat center center;background-size:cover;min-height:100vh;top:-125px;display:flex;flex-direction:column;z-index:1;filter:sepia(0%) grayscale(0%)}.container-journey .separator{top:-10px}.container-journey .fog-container{position:absolute;width:100%;height:100%;overflow:hidden;z-index:0}.container-journey .fog-img{position:absolute;height:100vh;width:300vw;z-index:3}@keyframes marquee{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-50vw, 0, 0)}}.container-journey .fog-img.fog-1{background-position-x:0%;background-position-y:0%;background-size:contain;background:url("/public/img/pristontale/animations/fog-1.png") repeat center;animation:marquee 45s linear infinite}.container-journey .fog-img.fog-1{background-position-x:0%;background-position-y:0%;background-size:contain;background:url("/public/img/pristontale/animations/fog-2.png") repeat center;animation:marquee 45s linear infinite}.container-journey .feature-block{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:5rem}.container-journey .feature-block .feature-box{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.container-journey .feature-block .feature-box .image{width:200px;height:200px;overflow:hidden;border-radius:100vh;border:5px #111 solid;box-shadow:#111 2px 2px 15px}.container-journey .feature-block .feature-box .image.quests{background:url("/public/img/pristontale/features/quests.png");background-position-x:10%;background-position-y:50%;background-size:250px}.container-journey .feature-block .feature-box .image.mechanics{background:url("/public/img/pristontale/features/mechanics.png");background-position-x:10%;background-position-y:50%;background-size:250px}.container-journey .feature-block .feature-box .image.competitive{background:url("/public/img/pristontale/features/competitive.png");background-position-x:10%;background-position-y:50%;background-size:250px}.container-journey .feature-block .feature-box .image.rebalance{background:url("/public/img/pristontale/features/balance.png");background-position-x:10%;background-position-y:50%;background-size:250px}.container-journey .feature-block .feature-box .name{color:#e6af67;text-shadow:3px 3px 2px rgba(0,0,0,.5);font-family:"Roboto",system-ui;font-weight:500;font-size:1rem;position:relative;bottom:30px;background-color:rgba(0,0,0,.7);padding:1rem;border:1px rgba(230,175,103,.54) solid;border-radius:5px;box-shadow:#111 2px 2px 15px}.container-journey .section-container{display:flex;flex-direction:column;justify-content:center}.container-journey .section-container .section-title{display:flex;padding:3rem 0 1rem 0;color:#e6af67;text-shadow:3px 3px 2px rgba(0,0,0,.5);font-family:"Roboto",system-ui;font-weight:300;font-size:2.8rem;letter-spacing:.02rem;justify-content:center}.container-journey .section-container .section-subtext{max-width:800px;justify-content:center;text-align:center;color:#eee;text-shadow:3px 3px 2px rgba(0,0,0,.5);font-family:"Roboto",system-ui;font-weight:300;font-size:1.1rem;letter-spacing:.02rem;padding-bottom:3rem}.container-journey .section-container .section-options{display:flex;justify-content:center;align-items:center}.container-journey .section-container .section-options .journey-button{display:block;text-decoration:none;position:relative}@media(max-width: 600px){.container-journey .section-container .section-options .journey-button{top:-50px}}.container-journey .section-container .section-options .journey-button label{font-family:"Roboto",system-ui;font-weight:500;font-size:1rem;letter-spacing:.02rem;height:50px;display:block;color:rgba(23,23,22,.67);padding:1.3rem 3rem 2.3rem 3rem;border:2px #f4ad41 solid;text-align:center;background-color:rgba(230,175,103,.76);cursor:pointer}.container-journey .section-container .section-options .journey-button span{position:relative;top:25px;left:42%;transform:translateX(-50%);color:#231e18;font-size:3rem}.container-journey .section-container .section-options .journey-button:hover label{box-shadow:#e6af67 1px 1px 10px;background-color:rgba(230,175,103,.6)}.container-journey .section-container .section-options .journey-button:hover span{color:#ffbc64}.footer-container{margin-top:-125px}@media(max-width: 600px){.footer-container{margin-top:-100px}}