@font-face{font-family:TrajanPro;src:url(/TrajanPro-Regular.ttf) format("truetype");font-weight:400;font-style:normal}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--selectable-color: rgb(255, 170, 60);--selected-color: rgb(247, 185, 103)}body{background-color:#000;display:flex;justify-content:center;align-items:center;place-items:center;overflow:hidden;margin:0;min-width:320px;min-height:100vh}#root{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:hidden;height:100vh;width:100vw}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus{outline:none}.logo{height:12em;padding:1.5em;will-change:filter;transition:filter .3s}.hidden{display:none}nav.main-bar{position:absolute;bottom:5%;padding-top:10px;font-size:clamp(10px,calc(10px + 1vw),20px);display:flex;gap:5px;justify-content:center;z-index:1;font-family:TrajanPro,serif}a{color:#a5a8df;transition:all .3s;cursor:pointer;font-weight:500;text-decoration:inherit}a:hover{color:var(--selectable-color);transition:all .6s}nav.main-bar .current,nav.map-bar .current{color:var(--selected-color)!important;cursor:default}.dot{color:#fff}.popup.hidden{visibility:hidden}.popup.visible{visibility:visible}.popup{position:fixed;top:5vh;margin-left:auto;max-width:min(700px,80vw);width:calc(500px + 15vw);max-height:90vh;overflow:hidden;background-color:#fff;color:#000;padding:5px;border-radius:12px;border:1px black solid;box-shadow:0 5px 25px #fff;z-index:1000;display:flex;flex-direction:column}@media screen and (max-width: 649px){.popup{max-width:90vw}}.popup button{position:absolute;top:0;right:10px;padding:4px;background:none;border:none;outline:none;font-size:30px;cursor:pointer;font-family:Cinzel,serif;color:#000}.popup button:hover{color:#ff0015;text-shadow:0 0 5px #ff0015,0 0 10px #ff0015}.clone{color:#84a85b}.divine{color:#5aa5ad}.machine{color:#7658a3}.master{color:#ad8f4c}.content{width:70vw;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;height:90vh}@media screen and (max-width: 499px){.content{height:90vh;max-height:90vh;width:100vw;justify-content:flex-start}}.neon-text{color:#ffeb3b;text-shadow:0 0 5px #ffeb3b,0 0 10px #fff9a1}.neon-button{background-color:#252525;box-shadow:0 0 10px #ffeb3b,0 0 20px #ffeb3b,0 0 30px #fff9a1;border:2px solid #ffeb3b;cursor:pointer;transition:background-color 1s,color 1s,box-shadow 1s,text-shadow 1s}.neon-button:hover{background-color:#fff700;color:#000;box-shadow:0 0 10px #fff700,0 0 20px #ffeb3b,0 0 40px #fff9a1;text-shadow:none;border:2px solid #ffeb3b;transition:all .5s}.neon-text.inverted{color:#ff9a3b;text-shadow:0 0 5px #ff893b,0 0 10px #ffbfa1}.neon-button.inverted{background-color:#252525;box-shadow:0 0 10px #ff893b,0 0 20px #ff793b,0 0 30px #ffbca1;border:2px solid #ff893b}.neon-button.inverted:hover{color:#000;background-color:#ff893b;box-shadow:0 0 10px #ff893b,0 0 20px #ff793b,0 0 40px #ffd9a1;border:2px solid #ff893b}.background-video{width:1000px;max-width:100vw;min-width:700px;pointer-events:none;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,1) 30%,rgba(0,0,0,0) 70%);mask-image:radial-gradient(circle at center,#000 30%,#0000 70%);mask-mode:alpha}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:999;background:#7770;animation:overlayFadein .4s ease-out forwards}@keyframes overlayFadein{to{background:#777777a6}}.popup-overlay.closing{background:#777777a6;animation:overlayFadeout .4s ease-in forwards}@keyframes overlayFadeout{to{background:#7770}}.popup-content{background:#000;color:#fff;padding:2em;border-radius:10px;max-width:min(80vw,600px);max-height:80vh;width:90%;position:relative;opacity:0;transform:translateY(20px);animation:popupSlideIn .4s ease-out forwards;box-shadow:0 0 5px #fff700,0 0 10px #ffeb3b}#character-popup{opacity:0;transform:translateY(20px);animation:popupSlideIn .4s ease-out forwards}@keyframes popupSlideIn{to{opacity:1;transform:translateY(0)}}.closing .popup-content,.closing #character-popup{opacity:1;transform:translateY(0);animation:popupFadeOut .4s ease-in forwards}@keyframes popupFadeOut{to{opacity:0;transform:translateY(20px)}}.popup-close{position:absolute;top:5px;right:15px;padding:0;min-height:50px;min-width:50px;max-height:50px;max-width:50px;display:flex;justify-content:center;align-items:center;background:none;border:none;cursor:pointer;outline:none!important}#characters{display:grid;max-height:90dvh;margin-top:auto;margin-bottom:auto;grid-template-columns:repeat(4,150px);gap:10px 10px;overflow-y:auto;overflow-x:hidden}#characters img{width:150px;cursor:pointer;transition:transform .5s}#characters img:hover{transform:scale(1.05);transition:transform .3s}@media screen and (max-width: 650px) and (min-width: 500px){#characters{grid-template-columns:repeat(4,1fr)}#characters img{width:calc((100vw - 40px)/4)}}@media screen and (max-width: 499px){#characters{grid-template-columns:repeat(2,1fr);padding-right:10px;margin:0}#characters img{width:calc((100vw - 40px)/2)}}#character-popup #portrait{--size: clamp(200px, calc(150px + 8vw) , 250px);width:var(--size);height:var(--size);margin-top:20px}@media screen and (max-width: 499px){#character-popup #portrait{width:250px;height:250px;margin-top:20px;align-self:center}}#character-popup #type-icon{position:absolute;height:100%;top:0;left:calc(20% + 10vw);opacity:.3;z-index:-1}@media screen and (max-width: 499px){#character-popup #type-icon{width:100%;height:auto;left:0%;top:45%}}#character-popup .top-row{display:flex;margin-bottom:10px;margin-left:10px}#character-popup .top-row .info-grid{padding:5px;margin-top:20px;font-size:clamp(12px,calc(6px + 1vw),18px)}#character-popup .section{margin-left:20px;margin-bottom:10px}#character-popup .section .title{font-size:20px;font-weight:700}#character-popup .description{align-self:center;font-size:clamp(12px,calc(5px + 1vw),16px);width:500px;max-width:96%;margin-left:10px;margin-bottom:10px}@media screen and (max-width: 499px){#character-popup .top-row{flex-direction:column}#character-popup .top-row .info-grid{margin-left:20px;font-size:15px}#character-popup .description{font-size:13px}}#character-popup.dotdotdot{width:400px;display:flex;align-items:center}#character-popup.dotdotdot img{width:300px;margin-bottom:10px;margin-top:10px}#character-popup.dotdotdot .description{width:325px}#faq{width:100%;max-width:800px;margin-top:90px;padding-right:5px;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}#faq::-webkit-scrollbar{width:6px}#faq::-webkit-scrollbar-track{background:transparent}#faq::-webkit-scrollbar-thumb{background-color:var(--selectable-color);border-radius:2px}@media screen and (max-width: 499px){#faq{margin-top:10px;width:95vw;max-width:95vw;padding-right:5px;padding-left:5px;max-height:90dvh}}.faq-item{padding:10px 0;display:flex;flex-direction:column}.faq-question{font-weight:700;cursor:pointer;position:relative;padding-right:30px;transition:color .2s ease;font-family:TrajanPro,serif}@media (hover: hover) and (pointer: fine){.faq-question:hover{color:var(--selectable-color)}}.selected .faq-question{color:var(--selected-color)}.faq-answer{margin:5px 0;padding-left:10px;color:#dad3c1;animation:fadeIn .3s ease}@media screen and (max-width: 499px){.faq-question,.faq-answer{font-size:14px}}@media screen and (min-width: 999px){.faq-question{font-size:17px}.faq-answer{font-size:16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.faq-item hr{width:65%;min-width:425px;margin:4px 0 0;color:#fff;transition:all .5s}@media screen and (max-width: 499px){.faq-item hr{min-width:96%}}.faq-item.selected hr{border-color:var(--selected-color);width:96%;transition:all .5s ease}#game{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;text-align:center}@media screen and (max-width: 1099px){#game{width:100vw}}#game .title{font-size:35px;font-weight:700;z-index:1;font-family:TrajanPro,serif}#game .sub-title{font-size:16px}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;text-shadow:0 0 5px #fff700,0 0 10px #ffeb3b,0 0 20px #fff9a1}20%,22%,24%,55%{opacity:.7;text-shadow:none}}.flicker{animation:flicker 3s infinite}@media screen and (max-width: 799px){#game .title{font-size:clamp(20px,4vw,35px)}#game .sub-title{font-size:clamp(10px,1.8vw,16px)}}@media screen and (max-width: 599px){.center{position:absolute;top:30px;width:100vw}#game .title{font-size:32px}#game .sub-title{font-size:14px}}.keyword-bubbles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0);animation:orbit 200s linear infinite;transform-origin:center;font-family:TrajanPro,serif}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.keyword-bubble-outer{position:absolute;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 499px){.keyword-bubbles{position:static;padding:10px;transform:none;animation:none;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0px}.keyword-bubble-outer{position:static;display:flex;justify-content:center;align-items:center}}.keyword-bubble{height:100px;min-height:50px;width:100px;min-width:50px;transform:translate(0);padding:25px;border-radius:9999px;z-index:2;display:flex;justify-content:center;align-items:center;animation:counter-rotate 200s linear infinite}@keyframes counter-rotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media screen and (min-width: 500px) and (max-width: 799px){.keyword-bubble{height:clamp(30px,13vw,100px);width:clamp(30px,13vw,100px)}}@media screen and (max-width: 499px){.keyword-bubble{border-radius:5px;padding:5px;animation:none}}.popup-close span{color:#ffeb3b;text-shadow:0 0 3px #fff700,0 0 6px #ffeb3b;transition:all .3s ease;font-size:3rem}.popup-close:hover span{text-shadow:0 0 5px #fff700,0 0 10px #ffeb3b;transform:scale(1.1);transition:all .2s ease}.popup-close:active span{transform:scale(.9)}.popup-title{font-size:25px;text-align:center;font-family:TrajanPro,serif}.glow-line{height:2px;border:none;margin:2px auto 16px;background:#fff700;box-shadow:0 0 5px #fff700,0 0 10px #ffeb3b,0 0 15px #fff9a1;width:auto;max-width:0%;animation:spread 1s ease forwards}@keyframes spread{to{max-width:100%}}.popup-media-wrapper{cursor:pointer;transition:all .3 ease;z-index:1}.media-expanded{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1000}.popup-image,.popup-video{width:100%;height:auto;max-height:300px;object-fit:cover;margin-bottom:1em;border-radius:5px}.media-expanded .popup-image,.media-expanded .popup-video{max-width:min(1600px,90%);max-height:90%;width:auto;height:90%;border-radius:10px;transition:transform .3s ease}.popup-description{font-size:1rem}#maps{max-height:90dvh;max-width:95vw;margin-top:auto;margin-bottom:auto}@media screen and (max-width: 500px){#maps{max-height:90dvh;max-width:95vw;margin-top:15px}}#maps .map-bar{margin-left:auto;margin-right:auto;margin-bottom:20px;width:100%;display:flex;align-items:center;justify-content:center;gap:5px;font-size:20px}#maps .map{display:flex;flex-direction:column;align-items:center}#unity-container,.map-video{max-width:min(960px,95vw);width:min(960px,95vw);height:100%;display:flex;align-items:center}#unity-canvas{max-width:min(960px,95vw);width:min(960px,95vw);max-height:min(650px,95vh);height:min(650px,95vh)}@media screen and (max-width: 500px){#unity-canvas{max-height:min(450px,95vh);height:min(450px,95vh)}}#maps .description{font-family:TrajanPro,serif;font-size:clamp(10px,calc(4px + 1vh),16px);max-width:min(80%,850px);margin-left:auto;margin-right:auto}@media screen and (max-width: 500px){#maps .description{max-width:95%}}#maps #unity-explore{display:flex;flex-direction:column;align-items:center;position:relative}#maps #unity-explore .small-text{font-size:12px;position:absolute;top:-90px;z-index:2;background-color:#747474;box-shadow:0 0 3px #fff,0 0 6px #e2e2e2,0 0 9px #8d8d8d;border:solid 2px white;padding:12px;line-height:2}#studiopzd{margin-top:50px;display:flex;flex-direction:column;align-items:center;max-width:800px;min-width:300px}#studiopzd img{width:400px;max-width:95vw;min-width:300px;margin-bottom:10px}#studiopzd .text{font-size:16px;line-height:1.3;min-width:300px;max-width:min(500px,95vw)}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#000;color:#dc143c;text-align:center;padding:2rem;font-family:Orbitron,sans-serif}.portal{width:150px;height:150px;border:5px solid crimson;border-radius:50%;box-shadow:0 0 20px 5px #dc143c;animation:spin 3s linear infinite,glow 1.5s ease-in-out infinite alternate;margin-bottom:2rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%{box-shadow:0 0 10px 2px #dc143c}to{box-shadow:0 0 30px 10px #813f01}}