@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";*{padding:0;margin:0;box-sizing:border-box}a{appearance:none;display:block;color:#fff;text-decoration:none}a:disabled{pointer-events:none;cursor:not-allowed}:root{font-family:Nunito,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background:#5b6e8e;background:-webkit-linear-gradient(180deg,rgba(91,110,142,1) 0%,rgba(178,133,121,1) 100%);background:-moz-linear-gradient(180deg,rgba(91,110,142,1) 0%,rgba(178,133,121,1) 100%);background:linear-gradient(180deg,#5b6e8e,#b28579);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5B6E8E",endColorstr="#B28579",GradientType=0)}.top-title{position:absolute;top:2%;right:2%;font-size:clamp(.8rem,.8rem + 2vw,1.8rem);font-weight:700;z-index:60}.blur-back{display:flex;flex-direction:column;gap:25px;justify-content:center;align-items:center;width:100vw;height:100vh;background:#0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:20;position:fixed;opacity:0}.memo-paper{aspect-ratio:4/3;width:clamp(200px,95vw,420px);background-color:#f4fff3;border-radius:4px;box-shadow:2px 2px 8px #0000004d;display:flex;flex-direction:column;overflow:hidden}.memo-header{background-color:#cff1fc;padding:5px}.memo-title{font-weight:700;font-size:clamp(.5rem,.5rem + 2vw,1.2rem);margin:0;color:#363539;display:flex;gap:5px;align-items:center}.memo-subtitle{font-weight:500;font-size:clamp(.5rem,.5rem + 1vw,1rem);color:#6e6d72}.memo-form{color:#363539;font-weight:700;display:flex;flex-direction:column;justify-content:space-between;flex:1}.memo-value{display:flex;flex-direction:column;gap:10px;padding:10px}.memo-input{display:flex;gap:5px}.memo-input label{display:flex;justify-content:space-between;flex-basis:20%;font-size:clamp(.6rem,.6rem + 1vw,1rem)}.memo-input input{color:#363539;padding:0% .2rem .4rem;font-size:16px;background-color:transparent;border:none;outline:none;border-bottom:#363539 2px solid;width:clamp(150px,65%,300px);border-radius:0}.memo-warning{background-color:#cff1fc;font-size:clamp(.5rem,.5rem + 1vw,1rem);font-weight:700;padding:5px}.memo-buttons{display:flex;justify-content:flex-end;gap:5px;padding:10px}.memo-buttons button{font-size:clamp(.5rem,.5rem + 2vw,1.2rem);border-radius:50%;outline:none;border:transparent;cursor:pointer;display:flex;justify-content:center;align-items:center;width:clamp(20px,2rem + 1vw,45px);height:clamp(20px,2rem + 1vw,45px);color:#fff;transition:all .3s ease}.memo-buttons button:hover{transform:scale(1.1)}.send-button{background-color:#fcb483}.clear-button{background-color:#ff7575}.send-butto:disabled{background-color:#fdc8a4}.clear-button:disabled{background-color:#f99}.poster-container{position:relative;aspect-ratio:4/5;width:clamp(100px,70vw,300px);max-height:95vh}.poster-card{position:absolute;top:0;left:0;aspect-ratio:4/5;width:clamp(100px,70vw,300px);background-color:#edeeda;max-height:95vh;padding:5px;cursor:pointer;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.poster-comingsoon{position:absolute;top:6%;padding:2px 10px;right:-10%;background-color:#ff3636;color:#fff;font-weight:700;transform:rotate(45deg)}.poster-header{position:relative;aspect-ratio:1/1}.poster-title{position:absolute;bottom:15px;font-weight:700;left:5px;font-size:clamp(.8rem,.8rem + 2vw,1.1rem)}.poster-img{width:100%;aspect-ratio:1/1;object-fit:cover}.poster-button{padding:5px 12px;color:#fff;background-color:#f47018;font-weight:700;border:transparent;transition:all .2s ease;cursor:pointer;outline:none}.poster-button:hover{transform:scale(1.2)}.poster-desc{font-size:clamp(.6rem,.6rem + 1vw,1.2rem);line-height:1rem;color:#363539;font-weight:700;padding:5px}.visit-button{background-color:#f47018;color:#fff;width:100%;border:none;display:block;padding:.2rem;border-radius:8px;margin:12px auto;cursor:pointer;font-size:clamp(.4rem,.5rem + 1vw,1rem)}.visit-button:disabled{background-color:gray;cursor:not-allowed}.form-element{display:flex;flex-direction:column;margin-bottom:8px;gap:4px}.form-element label{font-size:clamp(.6rem,.6rem + 1vw,1rem);font-weight:600;color:#f47018}.form-element input{font-size:16px;max-width:300px;padding:4px 8px;border:transparent;border-radius:4px}.form-element textarea{font-size:16px;max-width:300px;height:150px;resize:none;padding:4px 8px;border:transparent;border-radius:4px;font-family:Nunito,sans-serif}.canvas{max-width:100vw;max-height:100vh;position:fixed;top:0;left:0}body,html,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;box-sizing:border-box}.dialog-box{background:#0009;padding:4px 8px;border-radius:4px;color:#fff;text-wrap:nowrap;font-size:clamp(8px,2vw,12px);font-weight:500;opacity:0;transform:translateY(10px);animation:dialogAppear .2s ease-out forwards}.skills-marquee,.hobby-section,.trivia-section{display:flex;justify-content:center;align-items:center;position:absolute;bottom:10%;left:0;width:100vw}.goals-section{display:flex;justify-content:center;align-items:center;position:absolute;top:10%;left:0;width:100vw}.trivia-section{bottom:15%}.skills-container{width:clamp(280px,95vw,600px);flex-wrap:wrap;margin:0 auto;display:flex;gap:5px;justify-content:center}.skills-pill{padding:2px 8px;color:#fff;background-color:#f47018;font-weight:700;border-radius:20px;align-items:center;display:flex;gap:5px}.skills-icon{width:20px;height:20px}.hobby-container{width:clamp(280px,95vw,600px);display:flex;flex-direction:column;gap:5px}.hobby-icon{width:40px;aspect-ratio:1/1;border-radius:50%;background-color:#f47018;display:flex;flex-direction:column;justify-content:center;align-items:center}.hobby-desc{width:fit-content;padding:5px;position:relative;border-radius:5px;min-height:30px;font-weight:700}.hobby-desc.green{background-color:#17aa40;margin-left:20px}.hobby-desc.white{background-color:#fff;color:#000;margin-left:auto;margin-right:20px}.hobby-desc:before{width:0px;height:0px;border-style:solid;border-width:5px 14px 5px 0;position:absolute;content:""}.hobby-desc.green:before{border-color:transparent #17aa40 transparent transparent;bottom:-6px;left:-8px;transform:rotate(-45deg)}.hobby-desc.white:before{border-color:transparent white transparent transparent;bottom:-6px;right:-8px;transform:rotate(-135deg)}@keyframes dialogAppear{to{opacity:1;transform:translateY(0)}}.scroll-down{display:flex;justify-content:center;gap:5px;position:absolute;color:#fff;z-index:40;bottom:5%;width:100%;font-size:clamp(.5rem,.5rem + 2vw,1.5rem);line-height:1.1;font-weight:700}.dot{display:flex;gap:2px;justify-content:center;align-items:center;height:20px}.dot span{width:5px;height:5px;border-radius:50%;animation:bounce 1s infinite ease-in-out}.dot.green span{background-color:#fff}.dot.white span{background-color:#000}.dot span:nth-child(1){animation-delay:0s}.dot span:nth-child(2){animation-delay:.2s}.dot span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.trivia-container{width:clamp(280px,95vw,600px);display:flex;flex-direction:column;gap:5px}.trivia{position:relative;font-size:clamp(1rem,1rem + 2vw,1.3rem);width:clamp(150px,85%,300px);margin:auto;padding:5px;text-align:center;border-radius:25px}.trivia.debuff{border:3px solid #4773a6;background:linear-gradient(45deg,#6b9cea 0% 15%,#568fe8 15% 85%,#6b9cea 85% 100%)}.trivia.buff{border:3px solid #884c00;background:linear-gradient(45deg,#ffbc1c 0% 15%,#ffd328 15% 85%,#ffbc1c 85% 100%)}.trivia.debuff:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5;z-index:10;border-radius:25px;background:linear-gradient(-45deg,#6b9cea 0% 15%,#568fe8 15% 85%,#6b9cea 85% 100%)}.trivia.buff:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5;z-index:10;border-radius:25px;background:linear-gradient(-45deg,#ffbc1c 0% 15%,#ffd328 15% 85%,#ffbc1c 85% 100%)}.trivia-title{z-index:30;position:absolute;top:-20px;text-align:center;width:100%;font-weight:900;font-style:italic;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.trivia-title.debuff{background:linear-gradient(180deg,#dceeff,#7ba8f2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.trivia-title.buff{background:linear-gradient(180deg,#fff5dc,#c9971a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.trivia-desc{color:#fff;font-weight:700;z-index:20;position:relative}.goals-container{width:clamp(280px,95vw,400px);display:flex;flex-direction:column;gap:5px}.goal-item{background-color:#f47018;color:#fff;padding:8px;border-radius:8px}.goal-title{font-size:clamp(1rem,1rem + 2vw,1.3rem);margin-bottom:4px;font-weight:700}