*{margin:0;padding:0}.webgl{position:fixed;top:0;left:0}@font-face{font-family:Hans Kendrick;src:url(/assets/HansKendrick-Regular-Iu39iie0.woff) format("woff")}@media (width<= 768px){.intro-title{font-size:1.2rem!important}.intro-description{font-size:.9rem!important}#start-button{font-size:.7rem!important}h2{font-size:1rem!important}h3,ul,li,a,.die-smalltext,#about{font-size:.7rem!important}.die-screen{padding-top:10rem!important;padding-bottom:10rem!important}#popup-container{height:20vh!important;padding:3vh 1rem 10vh 1rem!important;overflow-y:auto!important}.popup-content{font-size:.9rem!important;line-height:1.8!important}#stress-bar-container{width:86vw!important}}html,body{overflow:hidden;font-family:Hans Kendrick,sans-serif;color:#000}h2{font-size:1rem}h3{font-size:.9rem}ul,li{font-size:.8rem;list-style-type:none}a{font-size:.8rem;color:#a9a9a9}span{font-weight:700}strong{text-shadow:1px 2px 4px rgba(0,0,0,.225)}#main-header{position:absolute;top:1.25rem;left:0;right:0;z-index:120;display:flex;justify-content:space-between;align-items:center;padding:0 1.25rem;height:auto;pointer-events:none}#logo-container{display:flex;gap:10px;align-items:center}#logo,#about{font-size:14px;pointer-events:auto}#logo{width:40px;height:auto}#logo svg,#logo img{width:100%;height:auto}#about{display:flex;flex-direction:row;width:100%;justify-content:end;color:#fff;font-size:14px;margin-right:0rem;cursor:pointer;transition:opacity .3s ease}#about:hover{opacity:.6}.die-screen{position:absolute;width:100vw;height:100vh;box-sizing:border-box;padding:2rem;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#121212be;color:#fff;z-index:100}.intro-screen{position:absolute;width:100vw;height:100vh;box-sizing:border-box;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#002a47be;color:#fff;z-index:100}.intro-title{font-size:1.5rem;font-weight:700;margin-bottom:2rem}.die-smalltext{font-size:1rem;margin-bottom:2rem;max-width:800px;line-height:2}.intro-description{font-size:1.2rem;margin-bottom:2rem;max-width:800px;line-height:2}.highlight{color:#90ffff;font-weight:700}#start-button{display:none;background-color:#fff3;color:#fff;font-size:.8rem;font-family:Hans Kendrick,sans-serif;padding:.75rem 2rem;cursor:pointer;transition:background-color .2s ease-in-out;pointer-events:auto;border:1px solid white}#start-button:hover{background-color:#fff6}#popup-container{position:fixed;bottom:0;left:0;width:100%;height:27vh;background:linear-gradient(to top,#101010cc,#10101066 72%,#10101000);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-sizing:border-box;padding:6vh 2rem 0 2rem;display:flex;flex-direction:column;align-items:center;z-index:99;pointer-events:none;opacity:0;transition:opacity .5s ease-in-out}#popup-container.show{opacity:1}.popup-content.show{transition:transform 1s ease,opacity 1s ease;transform:translateY(0);opacity:1}.popup-content{color:#fff;font-size:1.1rem;line-height:2.2;text-shadow:1px 2px 4px rgba(0,0,0,.9);text-align:center;width:100%;max-width:760px;transform:translateY(100%);opacity:0}.hidden{display:none}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#333}.close-button{position:absolute;top:.5rem;right:.5rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;transition:color .2s;background-color:red}.close-button:hover{color:#333}.action-button{padding:10px 20px;font-size:1.125rem;cursor:pointer;border:none;border-radius:8px;background-color:#2a73a6;color:#fff;box-shadow:0 4px 6px #0000001a;transition:transform .2s,background-color .2s;pointer-events:auto}.action-button:hover{background-color:#1a5c88;transform:translateY(-2px)}.action-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}#stress-bar-container{position:absolute;top:10%;left:50%;transform:translate(-50%,-50%);width:400px;height:7px;background-color:#ffffff71;overflow:hidden;z-index:1}#stress-bar{height:100%;width:0%;background-color:#ff5733;transition:width .3s ease-in-out}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}