@import url(https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;700&display=swap);.nav{flex-direction:row;gap:2rem;position:static;z-index:5}.nav,.ui-bar{align-items:flex-start;display:flex}.ui-bar{gap:4rem;margin-top:3rem;padding-left:1rem}a{align-items:center;display:flex;flex-direction:column;gap:.625rem;justify-content:center;width:3.125rem}.page-title{color:#fff;cursor:default;font-size:.875rem}.nav-link{align-items:center;aspect-ratio:1/1;background:#0d416d;border:2px solid #fff;border-radius:4px;box-shadow:inset -2px -2px 0 #000,inset 2px 2px 0 #6d9fc7,2px 2px 0 #000;display:flex;justify-content:center;padding:.4rem;position:relative;transition:all .2s ease-in-out;width:5rem}.nav-link img{height:100%;object-fit:contain;width:100%}.nav-link:hover{opacity:1;transform:scale(1.1)}.nav-link.current{background-color:#092d4b;border-color:#fff;box-shadow:inset 2px 2px 0 #000,inset -2px -2px 0 #144f80,1px 1px 0 #000;opacity:1;transform:scale(.96)}.nav-link.current:before{animation:bounce .5s infinite alternate;color:#fff;content:"▶";font-size:1rem;left:-1.2rem;position:absolute;text-shadow:1px 1px 0 #000,0 0 4px #6d9fc7;top:50%;transform:translateY(-50%)}.nav-item{align-items:center;display:flex;flex-direction:column;position:relative}.nav-label{color:#fff;font-family:Pixelify Sans,sans-serif;font-size:.85rem;margin-top:.7rem;opacity:0;pointer-events:none;position:absolute;text-align:center;top:100%;transition:opacity .2s ease-in-out;white-space:nowrap;z-index:10}.nav-item:hover .nav-label{opacity:.5}.nav-item:hover .nav-label:not(.active){font-size:1.2rem;opacity:.6;text-shadow:1px 1px 0 #000}.nav-label.active{background:#144f80;border:2px solid #fff;border-radius:3px;box-shadow:inset -1px -1px 0 #000,inset 1px 1px 0 #6d9fc7,2px 2px 0 #000;font-size:1.3rem;opacity:1;padding:.3rem .7rem}.nav-link:hover:after{animation:navGlowPulse 2s ease-in-out infinite;border-radius:4px;box-shadow:0 0 10px 3px #97d2ffcc,0 0 16px 6px #6d9fc7aa;content:"";inset:-2px;opacity:1;pointer-events:none;position:absolute;z-index:-1}@keyframes bounce{0%{transform:translateY(-50%) scale(1)}to{transform:translateY(-55%) scale(1.05)}}@media (max-width:1100px){.nav{align-items:flex-end;bottom:2rem;flex-direction:row;gap:1.2rem;justify-content:center;left:50%;position:fixed;transform:translateX(-50%)}.nav-item{align-items:center}.nav-link{aspect-ratio:1/1;padding:.5rem;width:3rem}.nav-label{bottom:100%;font-size:.75rem;margin:0;top:auto;transform:translateY(-.6rem)}.nav-label.active{font-size:1rem;margin:0;padding:.2rem .5rem}.nav-item:hover .nav-label:not(.active){font-size:.9rem;opacity:.6;text-shadow:1px 1px 0 #000}.nav-link.current:before{font-size:.9rem;left:-.9rem}}.dialog-box{background:#0d416d;border:4px solid #fff;border-radius:4px;box-shadow:inset 3px 3px 0 #000c,inset 6px 6px 0 #0a2f4d88,inset -3px -3px 0 #6d9fc788,inset -6px -6px 0 #97d2ff55,4px 4px 6px #00000059;color:#fff;display:flex;flex-direction:column;font-family:Pixelify Sans,sans-serif;overflow:visible;padding:1rem 1.75rem;position:relative;text-shadow:1px 1px 0 #000,2px 2px 0 #000;width:max-content;z-index:0}.dialog-box:hover:after{animation:glowPulse 2s ease-in-out infinite;opacity:1}.dialog-box:after{border-radius:4px;box-shadow:0 0 10px 3px #97d2ffcc,0 0 16px 6px #6d9fc7aa;content:"";inset:-4px;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s ease;z-index:-2}#myStats{display:flex;flex-direction:column;justify-content:space-between;left:1rem;line-height:1.5;max-width:40vw;position:relative;width:auto}h1{font-size:3rem}h1,h2{margin:0}h2{font-size:1.8rem;font-weight:400}h3{font-size:1.2rem}h3,p{margin:0}p{font-size:1.8rem;font-weight:400}.double-line{display:flex;flex-direction:column;gap:.3rem;margin:.6rem 0;width:100%}.divider-line{background-color:#fff;box-shadow:2px 2px 0 #000,1px 1px 0 #000}.divider-line.thick{height:4px;width:100%}.divider-line.thin{height:2px;width:100%}.dialog-prompt{animation:fade-flicker 2s ease-in-out infinite,bob 1.5s ease-in-out infinite;bottom:1rem;font-size:1.5rem;pointer-events:none;right:1.25rem;text-shadow:2px 2px 0 #000,1px 1px 0 #000;-webkit-user-select:none;user-select:none;z-index:5}.dialog-prompt,.rpg-toggle{color:#fff;position:absolute}.rpg-toggle{background:#0d416d;border:2px solid #fff;border-radius:4px;box-shadow:inset -2px -2px 0 #000,inset 2px 2px 0 #6d9fc7,2px 2px 0 #000;cursor:pointer;font-family:Pixelify Sans,sans-serif;font-size:1.2rem;min-width:10rem;padding:.4rem 1rem;right:2rem;top:2rem;transition:all .2s ease-in-out}.rpg-toggle:hover{transform:scale(1.05)}@keyframes fade-flicker{0%,to{opacity:.15}50%{opacity:1}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}@media (min-width:1100px){.dialog-box,.dialog-box h1,.dialog-box h2,.dialog-box h3{text-shadow:3px 3px 0 #000,2px 2px 0 #000}}@media (max-width:1100px){.dialog-box{padding:.6rem 1rem}#myStats{left:0;top:-1rem;width:auto}.double-line{gap:.15rem;margin:.3rem 0}.divider-line{background-color:#fff;box-shadow:1px 1px 0 #000,.5px .5px 0 #000}.divider-line.thick{height:2px}.divider-line.thin{height:1px}h1{font-size:1rem}h2,h3{font-size:.7rem}p{font-size:1.4rem}#myStats span{bottom:.6rem;font-size:.7rem;right:.8rem}.rpg-toggle{font-size:.8rem;min-width:7rem;padding:.2rem .5rem}}#myPlayer{height:60vh;justify-content:space-between;left:2rem;line-height:1.5;margin-top:2rem;max-width:50vw;position:relative;width:auto}#myPlayer,.dialog-box--player{display:flex;flex-direction:column}.dialog-box--player{flex:1 1}.dialog-content-wrapper{flex:1 1;overflow:hidden;position:relative}.dialog-content{height:100%;margin-bottom:.5rem;overflow-y:auto;padding-right:.5rem;scrollbar-color:#6d9fc7 #0d416d;scrollbar-width:thin}.dialog-content:after{background:linear-gradient(180deg,#0000,#0d416d);bottom:0;content:"";height:2rem;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.dialog-content::-webkit-scrollbar{width:6px}.dialog-content::-webkit-scrollbar-thumb{background-color:#6d9fc7;border-radius:12px}.dialog-content::-webkit-scrollbar-track{background-color:#0d416d;border-radius:12px}.dialog-content::-webkit-scrollbar-button{display:none;height:0;width:0}.dialog-content h2,.dialog-content p{white-space:pre-wrap}@media (max-width:1100px){.dialog-box{padding:.6rem 1rem}#myPlayer{height:40vh;left:1rem;max-width:70vw;top:2rem}#myDialogPrompt{bottom:.6rem;font-size:.7rem;right:.8rem}}.skills-container{color:#fff;display:flex;flex-direction:column;font-family:Pixelify Sans,sans-serif;height:65vh;justify-content:space-between;left:2rem;margin-top:2rem;max-width:50vw;position:relative;text-shadow:1px 1px 0 #000,2px 2px 0 #000;width:100%}.tree-section.vertical-rows{gap:1.5rem;position:relative}.tree-scroll-wrapper,.tree-section.vertical-rows{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.tree-scroll-wrapper{overflow-x:visible;overflow-y:visible}.dialog-box--tree{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a324680;border:4px solid #fff;border-radius:4px;box-shadow:inset 3px 3px 0 #000c,inset 6px 6px 0 #0a2f4d88,inset -3px -3px 0 #6d9fc788,inset -6px -6px 0 #97d2ff55,4px 4px 6px #00000059;height:auto;margin-bottom:2rem;max-width:100%;padding:1rem 1.75rem;position:relative;width:100%}.dialog-box--tree:hover:after{animation:none;opacity:0}.tree-row{align-items:center;display:flex;flex-direction:row;gap:6rem;height:6rem;justify-content:flex-start}.branch-column,.leaf-column{flex-direction:column}.branch-column,.leaf-column,.skill-node{display:flex;height:5rem;justify-content:center;width:15rem}.skill-node{align-items:center;background:#0d416d;border:2px solid #fff;border-radius:4px;box-shadow:inset -2px -2px 0 #000,inset 2px 2px 0 #6d9fc7,2px 2px 0 #000;color:#1a1a1a;cursor:pointer;font-size:1.8rem;font-weight:600;text-align:center;text-shadow:0 0 2px #ffffffe6,0 1px 1px #fffc,0 0 4px #fff6;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}.skill-node--arts{background-color:#e7b752}.skill-node--technology{background-color:#4c9ae0}.skill-node--meta{background-color:#bd7ed4}.skill-node--arts:hover{background-color:#d19f39}.skill-node--technology:hover{background-color:#3f8cd3}.skill-node--meta:hover{background-color:#aa67c1}.skill-node--arts.active{background-color:#b5862c}.skill-node--technology.active{background-color:#3375b4}.skill-node--meta.active{background-color:#914fa6}.skill-node--arts-1,.skill-node--arts-2,.skill-node--arts-3{background-color:#f1cc77}.skill-node--arts-1:hover,.skill-node--arts-2:hover,.skill-node--arts-3:hover{background-color:#e0b95a}.skill-node--arts-1.active,.skill-node--arts-2.active,.skill-node--arts-3.active{background-color:#c29f44}.skill-node--tech-1,.skill-node--tech-2,.skill-node--tech-3{background-color:#8dbbf1}.skill-node--tech-1:hover,.skill-node--tech-2:hover,.skill-node--tech-3:hover{background-color:#78a8e0}.skill-node--tech-1.active,.skill-node--tech-2.active,.skill-node--tech-3.active{background-color:#6193c7}.skill-node--meta-1,.skill-node--meta-2,.skill-node--meta-3{background-color:#d49ce9}.skill-node--meta-1:hover,.skill-node--meta-2:hover,.skill-node--meta-3:hover{background-color:#c087d7}.skill-node--meta-1.active,.skill-node--meta-2.active,.skill-node--meta-3.active{background-color:#a26bbb}.skill-node--arts-1-1,.skill-node--arts-1-2,.skill-node--arts-1-3,.skill-node--arts-2-1,.skill-node--arts-2-2,.skill-node--arts-2-3,.skill-node--arts-3-1,.skill-node--arts-3-2,.skill-node--arts-3-3{background-color:#fff1c2}.skill-node--arts-1-1:hover,.skill-node--arts-1-2:hover,.skill-node--arts-1-3:hover,.skill-node--arts-2-1:hover,.skill-node--arts-2-2:hover,.skill-node--arts-2-3:hover,.skill-node--arts-3-1:hover,.skill-node--arts-3-2:hover,.skill-node--arts-3-3:hover{background-color:#f6e1a6}.skill-node--arts-1-1.active,.skill-node--arts-1-2.active,.skill-node--arts-1-3.active,.skill-node--arts-2-1.active,.skill-node--arts-2-2.active,.skill-node--arts-2-3.active,.skill-node--arts-3-1.active,.skill-node--arts-3-2.active,.skill-node--arts-3-3.active{background-color:#d9c074}.skill-node--tech-1-1,.skill-node--tech-1-2,.skill-node--tech-1-3,.skill-node--tech-2-1,.skill-node--tech-2-2,.skill-node--tech-2-3,.skill-node--tech-3-1,.skill-node--tech-3-2,.skill-node--tech-3-3{background-color:#deefff}.skill-node--tech-1-1:hover,.skill-node--tech-1-2:hover,.skill-node--tech-1-3:hover,.skill-node--tech-2-1:hover,.skill-node--tech-2-2:hover,.skill-node--tech-2-3:hover,.skill-node--tech-3-1:hover,.skill-node--tech-3-2:hover,.skill-node--tech-3-3:hover{background-color:#c4ddf2}.skill-node--tech-1-1.active,.skill-node--tech-1-2.active,.skill-node--tech-1-3.active,.skill-node--tech-2-1.active,.skill-node--tech-2-2.active,.skill-node--tech-2-3.active,.skill-node--tech-3-1.active,.skill-node--tech-3-2.active,.skill-node--tech-3-3.active{background-color:#a7c3dc}.skill-node--meta-1-1,.skill-node--meta-1-2,.skill-node--meta-1-3,.skill-node--meta-2-1,.skill-node--meta-2-2,.skill-node--meta-2-3,.skill-node--meta-3-1,.skill-node--meta-3-2,.skill-node--meta-3-3{background-color:#f4e5ff}.skill-node--meta-1-1:hover,.skill-node--meta-1-2:hover,.skill-node--meta-1-3:hover,.skill-node--meta-2-1:hover,.skill-node--meta-2-2:hover,.skill-node--meta-2-3:hover,.skill-node--meta-3-1:hover,.skill-node--meta-3-2:hover,.skill-node--meta-3-3:hover{background-color:#e5cef3}.skill-node--meta-1-1.active,.skill-node--meta-1-2.active,.skill-node--meta-1-3.active,.skill-node--meta-2-1.active,.skill-node--meta-2-2.active,.skill-node--meta-2-3.active,.skill-node--meta-3-1.active,.skill-node--meta-3-2.active,.skill-node--meta-3-3.active{background-color:#c9a1db}.skill-node:hover{transform:scale(1.05)}.skill-node.glowing:before{animation:bounce .5s infinite alternate;color:#fff;content:"▶";font-size:1rem;left:-1.2rem;position:absolute;text-shadow:0 0 4px #6d9fc7,1px 1px 0 #000;top:50%;transform:translateY(-50%)}.skill-node.active{border-color:#fff;box-shadow:0 0 6px 2px #ffffff59;color:#fff;font-weight:700;transform:scale(.96)}.skill-node.glowing{box-shadow:0 0 10px 3px #97d2ffcc,0 0 16px 6px #6d9fc7aa,inset 2px 2px 0 #000,inset -2px -2px 0 #144f80,1px 1px 0 #000}.skill-node.greyed-out{filter:grayscale(.8);opacity:.5;pointer-events:auto}.skill-placeholder{height:100%;visibility:hidden;width:12rem}.tree-lines{height:100%;left:0;overflow:visible;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.line{stroke:#fff;stroke-width:5px}.line,.line-glow-masked{fill:none;stroke-linecap:round}.line-glow-masked{stroke-width:4px;opacity:1;pointer-events:none}.line-glow-arts{stroke:#ffd34e;filter:drop-shadow(0 0 3px #ffd34eaa) drop-shadow(0 0 6px #ffaa00aa)}.line-glow-tech{stroke:#5caeff;filter:drop-shadow(0 0 3px #5caeffaa) drop-shadow(0 0 6px #3e7bbfaa)}.line-glow-meta{stroke:#ff6b6b;filter:drop-shadow(0 0 3px #ff6b6baa) drop-shadow(0 0 6px #cc4444aa)}@keyframes slideMask{0%{transform:translateX(-80%)}to{transform:translateX(120%)}}.mask-rect{animation:slideMask 2.5s ease-in-out infinite}.description-box{background:#0d416d;border:4px solid #fff;border-radius:4px;box-shadow:inset 3px 3px 0 #000c,inset 6px 6px 0 #0a2f4d88,inset -3px -3px 0 #6d9fc788,inset -6px -6px 0 #97d2ff55,4px 4px 6px #00000059;height:15vh;padding:1rem 1.75rem;position:relative;width:100%}.description-box h3{font-size:2rem;margin:0}.description-box p{font-size:1.25rem;line-height:1.4;margin:.5rem 0 0}.description-box:hover:after{animation:glowPulse 2s ease-in-out infinite;opacity:1}.description-box:after{border-radius:4px;box-shadow:0 0 10px 3px #97d2ffcc,0 0 16px 6px #6d9fc7aa;content:"";inset:-4px;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s ease;z-index:-2}@keyframes navGlowPulse{0%,to{filter:brightness(1.1);opacity:1}50%{filter:brightness(1.4);opacity:.85}}@media (max-width:1600px){.tree-row{align-items:center;display:flex;flex-direction:row;gap:3rem;height:6rem;justify-content:flex-start}}@media (max-width:1100px){.dialog-box--tree{max-width:100%;overflow-x:auto;width:100%}.tree-scroll-wrapper{display:block;min-width:100%;overflow-x:auto;overscroll-behavior-y:contain;touch-action:pan-x;width:max-content}.tree-section{box-sizing:border-box;margin:0;padding:.5rem 3.5rem .5rem 1.5rem;width:max-content}.tree-section.vertical-rows{gap:0}.tree-row{gap:3rem;width:max-content}.skills-container{height:52vh;left:1rem;max-width:75vw;top:0}.skill-node{font-size:1rem;height:1.9rem;padding:.8rem 1.2rem;width:6rem}.branch-column,.leaf-column,.skill-placeholder{font-size:.95rem;height:1.9rem;padding:.8rem 1.2rem;width:6rem}.description-box{line-height:1;min-height:11vh;padding:.85rem 1.5rem}.description-box h3{font-size:1rem}#skillPrompt,.description-box p{font-size:.7rem}#skillPrompt{bottom:.6rem;right:.8rem}}.quest-page-container{display:flex;flex-direction:row;height:60vh;justify-content:space-between;left:2rem;line-height:1.5;margin-top:2rem;max-width:50vw;position:relative;width:auto}.quest-boxes{background:#0d416d;border:4px solid #fff;border-radius:4px;box-shadow:inset 3px 3px 0 #000c,inset 6px 6px 0 #0a2f4d88,inset -3px -3px 0 #6d9fc788,inset -6px -6px 0 #97d2ff55,4px 4px 6px #00000059;color:#fff;display:flex;flex-direction:column;font-family:Pixelify Sans,sans-serif;overflow:visible;padding:1rem 1.75rem;position:relative;text-shadow:1px 1px 0 #000,2px 2px 0 #000;width:max-content;z-index:0}.quest-list-panel{margin-right:2rem;width:35%}.quest-list-panel::-webkit-scrollbar{width:6px}.quest-list-panel::-webkit-scrollbar-thumb{background-color:#555}.quest-list-panel::-webkit-scrollbar-track{background-color:#222}.quest-dialog-panel{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a324680;box-sizing:border-box;height:100%;max-width:65%;min-width:65%;padding:.6rem 1rem}.quest-dialog-placeholder{align-items:center;display:flex;font-style:italic;height:100%;justify-content:center;text-align:center}.illustration-gallery{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);justify-items:center;margin-top:1rem}.illustration-gallery img{border-radius:6px;box-shadow:0 0 6px #000;cursor:pointer;margin-left:1rem;object-fit:cover;transition:transform .2s ease;width:90%}.expandImg{min-width:10vw}.illustration-gallery img:hover{transform:scale(1.05)}.quest-dialog-box{max-height:none;overflow-y:auto;overflow:visible;scrollbar-color:#6d9fc7 #0d416d;scrollbar-width:thin}.external-links{font-size:.9rem;margin-top:1.5rem}.external-links p{margin-bottom:.5rem}.external-links a{color:#97d2ff;display:inline-block;font-weight:700;text-decoration:none;transition:color .2s ease}.external-links a:hover{color:#fff;text-decoration:underline}.quest-dialog-box p{font-size:1rem}.quest-dialog-box .illustration-gallery,.quest-dialog-box iframe,.quest-dialog-box img{max-width:100%}.quest-dialog-scroll-wrapper{margin-bottom:.5rem;max-height:100%;overflow-y:auto;padding-right:.5rem;position:relative}.quest-dialog-scroll-wrapper::-webkit-scrollbar{width:6px}.quest-dialog-scroll-wrapper::-webkit-scrollbar-thumb{background-color:#6d9fc7;border-radius:12px}.quest-dialog-scroll-wrapper::-webkit-scrollbar-track{background-color:#0d416d;border-radius:12px}.quest-dialog-scroll-wrapper::-webkit-scrollbar-button{display:none;height:0;width:0}.image-popup-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.image-popup-backdrop img{border-radius:6px;box-shadow:0 0 20px #000;max-height:85vh;max-width:90vw;object-fit:contain}.image-popup-backdrop:before{color:#fff;content:"✕";cursor:pointer;font-size:2rem;position:absolute;right:2rem;text-shadow:1px 1px 2px #000;top:2rem}.zoomed-image{border-radius:6px;box-shadow:0 0 20px #000000bf;max-height:90vh;max-width:90vw;object-fit:contain}@media (max-width:1100px){.illustration-gallery img{margin-left:.5rem;width:90%}.expandImg{min-width:17vw}.quest-dialog-box h2{font-size:1.5rem}.quest-dialog-box p{font-size:.8rem}.quest-page-container{height:50vh;left:.5rem;margin-top:2rem;max-width:90vw}.quest-list-panel{margin-right:1rem;min-width:40%}.quest-dialog-panel{min-width:60%}#questPrompt{bottom:.6rem;font-size:.7rem;right:.8rem}}.quest-log-box{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a324680;box-sizing:border-box;height:100%;max-width:100%;min-width:100%;padding:.6rem 1rem}.quest-list-title{font-size:2rem;font-weight:400;margin:0;text-shadow:1px 1px 0 #000,2px 2px 0 #000}.quest-list{margin-left:0;max-height:none;overflow-y:auto;overflow:visible;padding-left:0;scrollbar-color:#6d9fc7 #0d416d;scrollbar-width:thin}.quest-list-scroll-wrapper{margin-bottom:.5rem;max-height:100%;overflow-y:auto;padding-right:.5rem;position:relative}.quest-list-scroll-wrapper::-webkit-scrollbar{width:6px}.quest-list-scroll-wrapper::-webkit-scrollbar-thumb{background-color:#6d9fc7;border-radius:12px}.quest-list-scroll-wrapper::-webkit-scrollbar-track{background-color:#0d416d;border-radius:12px}.quest-list-scroll-wrapper::-webkit-scrollbar-button{display:none;height:0;width:0}@media (max-width:1100px){.quest-log-box{padding:0}.quest-list-scroll-wrapper{padding-right:0}.quest-list-title{font-size:1.2rem;padding-left:1rem;padding-top:.5rem}}.quest-list-item{align-items:center;border:2px solid #fff;border-radius:4px;box-shadow:inset -2px -2px 0 #000,inset 2px 2px 0 #6d9fc7,2px 2px 0 #000;box-sizing:border-box;color:#1a1a1a;cursor:pointer;display:flex;flex-direction:column;font-size:1rem;font-weight:600;justify-content:center;margin:0 auto .75rem;max-width:15rem;min-height:4.5rem;padding:.5rem 1rem;position:relative;text-align:center;text-shadow:0 1px 1px #ffffffb3,0 0 2px #ffffff40;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}.quest-list-item.active:before{animation:bounce .5s infinite alternate;color:#fff;content:"▶";font-size:1rem;left:-1.2rem;position:absolute;text-shadow:1px 1px 0 #000,0 0 4px #6d9fc7;top:50%;transform:translateY(-50%)}.quest-list-item:after{border-radius:4px;box-shadow:0 0 3px 2px #97d2ffcc,0 0 3px 2px #6d9fc7aa;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease-in-out;z-index:-1}.quest-list-item:hover{opacity:1;transform:scale(1.03)}.quest-list-item:hover:after{animation:glowPulse 2s ease-in-out infinite;opacity:1}@keyframes glowPulse{0%{filter:brightness(1.3);opacity:1}50%{filter:brightness(1);opacity:.85}to{filter:brightness(1.3);opacity:1}}.quest-list-item.tech{background-color:#4c9ae0}.quest-list-item.arts{background-color:#e7b752}.quest-list-item.meta{background-color:#bd7ed4}.quest-list-item.tech:hover{background-color:#3f8cd3}.quest-list-item.arts:hover{background-color:#d19f39}.quest-list-item.meta:hover{background-color:#aa67c1}.quest-list-item.tech.active{background-color:#3375b4}.quest-list-item.arts.active{background-color:#b5862c}.quest-list-item.meta.active{background-color:#914fa6}.quest-list-item.active{box-shadow:0 0 6px 2px #ffffff59;color:#fff;font-weight:700;text-shadow:0 0 2px #ffffffe6,0 1px 1px #fffc,0 0 4px #fff6;transform:scale(.96)}.quest-title{font-size:1.5rem;font-weight:700;line-height:1}.quest-subtitle{font-size:.8rem;font-weight:700;margin-top:.25rem}@media (max-width:1600px){.quest-list-item{max-width:10rem}}@media (max-width:1100px){.quest-list-item:after{inset:-2px}.quest-list-item{max-width:5.5rem}.quest-title{font-size:.8rem}.quest-subtitle{font-size:.5rem}}.contact-box{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a324680;border:4px solid #fff;border-radius:4px;box-shadow:inset 3px 3px 0 #000c,inset 6px 6px 0 #0a2f4d88,inset -3px -3px 0 #6d9fc788,inset -6px -6px 0 #97d2ff55,4px 4px 6px #00000059;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Pixelify Sans,sans-serif;height:60vh;left:2rem;line-height:1.2;margin-top:2rem;max-width:50vw;overflow:visible;padding:1rem 1.75rem;position:relative;text-shadow:1px 1px 0 #000,2px 2px 0 #000;width:max-content;width:auto;z-index:0}.contact-box h2{font-size:2.5rem;font-weight:550}.contact-box p{font-size:2rem;font-weight:400}.contact-box label{font-size:2.5rem;font-weight:500;margin-right:.5rem}.contact-info span{font-size:2rem;font-weight:400}.phone-section{font-family:Pixelify Sans,sans-serif;font-size:2rem;gap:1rem;margin-top:1rem}.phone-reveal,.phone-section{align-items:center;display:flex}.phone-reveal{gap:10px}.h3{font-size:1rem}.email-actions,.social-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.link-button{align-items:center;background:#0d416d;border:2px solid #fff;border-radius:4px;box-shadow:inset -2px -2px 0 #000,inset 2px 2px 0 #6d9fc7,2px 2px 0 #000;color:#fff;cursor:pointer;display:flex;font-family:Pixelify Sans,sans-serif;font-size:1.5rem;font-weight:400;justify-content:center;line-height:1;padding:.4rem 1rem;position:relative;text-align:center;text-decoration:none;text-shadow:1px 1px 0 #000;transition:all .2s ease-in-out;white-space:nowrap;width:fit-content}.link-button:hover{background:#10558f;transform:translateY(-2px)}.contact-scroll-wrapper{margin-bottom:.5rem;max-height:100%;overflow-y:auto;padding-right:.5rem;position:relative}.contact-scroll-wrapper::-webkit-scrollbar{width:6px}.contact-scroll-wrapper::-webkit-scrollbar-thumb{background-color:#6d9fc7;border-radius:12px}.contact-scroll-wrapper::-webkit-scrollbar-track{background-color:#0d416d;border-radius:12px}.contact-scroll-wrapper::-webkit-scrollbar-button{display:none;height:0;width:0}.social-links{display:block;margin-bottom:1rem}@media (max-width:1100px){.contact-box{height:50vh;left:1rem;max-width:90vw;padding:1rem;top:0}.contact-box h2{font-size:1.5rem;font-weight:550}.contact-box p{font-size:1rem;font-weight:400}.contact-box label{font-size:1.1rem;font-weight:500;margin-right:.5rem}.contact-info span{font-size:1rem;font-weight:400}.phone-section{align-items:center;display:flex;font-family:Pixelify Sans,sans-serif;font-size:2rem;gap:1rem;margin-top:1rem}.phone-section span{font-size:.8rem}.phone-reveal{align-items:center;display:flex;gap:10px}h3{font-size:.65rem}.link-button{font-size:1rem}.email-actions,.social-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}#linkPrompt{bottom:.6rem;font-size:.7rem;right:.8rem}}body{-webkit-tap-highlight-color:transparent;color:#fff;font-family:Pixelify Sans,sans-serif;font-weight:700;letter-spacing:.5px;line-height:1.6;text-shadow:1px 1px 0 #000,2px 2px 0 #000,0 0 4px #000000bf}:root{--purple:#540351;--blue:#3627b1;--cyan:#25afce;--transparent:#0000;--radius-left:3rem 0 0 3rem;--radius-right:0 3rem 3rem 0}.class-sub-container a:hover,.item:not(.active):hover,.project-item:hover,.skill-item:hover,.sub-container-2:not(.active-subheading):hover,.sub-container-3:not(.active-subheading):hover,button:hover{background-image:linear-gradient(90deg,#fff0,#ffffff42 50%,#fff0)}#bg{object-fit:cover;z-index:-5}#bg,.shadow-overlay{height:100vh;left:0;position:fixed;top:0;width:100vw}.shadow-overlay{background-color:#0006;z-index:-4}@media (max-width:700px){.shadow-overlay{background-color:#000000b3}}.avatar{background:#0000;bottom:-2vh;height:100vh;left:75%;overflow:hidden;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:-2}.nyarucchi{animation:nyarucchi-float 3s ease-in-out infinite;bottom:50vh;height:25vh;left:56%;pointer-events:auto;position:fixed;transition:opacity 1s ease-in-out;z-index:-1}@keyframes nyarucchi-float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(2deg)}to{transform:translateY(0) rotate(0deg)}}@media (max-width:1100px){.avatar{bottom:-1vh;height:100vh;left:60%;transform:translateX(-50%)}.nyarucchi{bottom:55vh;height:20vh;left:5%;position:fixed}}
/*# sourceMappingURL=main.8ca1caa1.css.map*/