body.yuu-page{overflow-x:hidden;overflow-y:auto}.yuu-layout{min-height:100vh;width:100%;display:flex;flex-direction:column;background-color:#75ffe9;font-family:var(--font-sour-gummy,"Comic Sans MS",cursive)}.yuu-layout.navbar-spaced{padding-top:0}.yuu-hero{position:relative;overflow:hidden;background:#75ffe9;display:flex;align-items:center;justify-content:space-evenly;gap:40px;padding:50px 60px 110px;box-sizing:border-box}.yuu-hero:before{content:"";position:absolute;inset:-30px;background:url(/content/environments/docks/docks-1-flipped.webp) 50%/cover no-repeat;filter:blur(3px);z-index:0;pointer-events:none}.yuu-logo-container,.yuu-portraits{position:relative;z-index:1}.yuu-logo-container{flex-shrink:0}.yuu-logo{width:clamp(340px,42vw,720px);height:auto;filter:drop-shadow(-10px 20px 10px rgba(0,0,0,.55));animation:yuuLogoBreathe 4.5s ease-in-out infinite}@keyframes yuuLogoBreathe{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.yuu-portraits{display:flex;align-items:flex-end;gap:5vw;transform:translateY(110px)}.yuu-portrait{height:clamp(100px,55vh,550px);width:auto;filter:drop-shadow(10px 20px 10px rgba(0,0,0,.75))}.yuu-ocean{position:relative;flex:1 1;margin-top:-64px;overflow:hidden}.yuu-bubbles{position:absolute;top:64px;left:0;right:0;bottom:0;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 44px);mask-image:linear-gradient(180deg,transparent 0,#000 44px)}.yuu-ocean:after,.yuu-ocean:before{content:"";position:absolute;top:64px;bottom:0;width:clamp(96px,21vw,300px);background:url(/content/YuuGame/VerticalBars.webp) 0 0/100% auto repeat-y;z-index:1;pointer-events:none}.yuu-ocean:before{left:0}.yuu-ocean:after{right:0;transform:scaleX(-1)}.yuu-bubbles .bubble{animation-name:yuuBubbleRise;width:62.5px;background-image:url(/content/bubble.webp)}.yuu-bubbles .bubble.popped{background-image:url(/content/bubblepopped.webp)}@keyframes yuuBubbleRise{0%{transform:translateY(0)}to{transform:translateY(-600vh)}}.yuu-wave-transition{position:relative;width:100%;height:64px;z-index:10;pointer-events:none;overflow:visible}.yuu-wave-svg{width:3200px;height:100%;display:block;position:absolute;left:-800px;animation:yuuWaveScroll 4s linear infinite}@keyframes yuuWaveScroll{0%{transform:translateX(-200px)}to{transform:translateX(0)}}.yuu-bar{display:block;width:100%;height:auto;margin:0}.yuu-body{flex:1 1;background-color:transparent;padding:80px 20px 200px;margin-top:-6vw;position:relative;z-index:5;box-sizing:border-box}.yuu-synopsis{width:33.333%;margin:0 auto;text-align:center;font-size:1.65rem;line-height:1.75;font-weight:500;color:#14514a;text-shadow:0 1px 8px rgba(255,255,255,.6)}.yuu-rival{position:relative;z-index:2;display:flex;align-items:center;height:700px}.yuu-rival--cindred{margin-top:-64px;z-index:3}.yuu-rival-image{object-fit:cover;-webkit-mask-image:linear-gradient(#000000,#000000),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%2064'%20preserveAspectRatio='none'%3E%3Cpath%20d='M0,32%20Q25,12%2050,32%20Q75,52%20100,32%20L100,64%20L0,64%20Z'%20fill='%23000'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%2064'%20preserveAspectRatio='none'%3E%3Cpath%20d='M0,32%20Q25,12%2050,32%20Q75,52%20100,32%20L100,0%20L0,0%20Z'%20fill='%23000'/%3E%3C/svg%3E");mask-image:linear-gradient(#000000,#000000),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%2064'%20preserveAspectRatio='none'%3E%3Cpath%20d='M0,32%20Q25,12%2050,32%20Q75,52%20100,32%20L100,64%20L0,64%20Z'%20fill='%23000'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%2064'%20preserveAspectRatio='none'%3E%3Cpath%20d='M0,32%20Q25,12%2050,32%20Q75,52%20100,32%20L100,0%20L0,0%20Z'%20fill='%23000'/%3E%3C/svg%3E");-webkit-mask-size:100% calc(100% - 128px),200px 64px,200px 64px;mask-size:100% calc(100% - 128px),200px 64px,200px 64px;-webkit-mask-repeat:no-repeat,repeat-x,repeat-x;mask-repeat:no-repeat,repeat-x,repeat-x;-webkit-mask-position:0 64px,0 0,0 100%;mask-position:0 64px,0 0,0 100%;-webkit-mask-composite:source-over;mask-composite:add}.yuu-rival-text{position:relative;z-index:2;width:40%;opacity:0;transform:translateY(46px);transition:opacity .7s ease-out,transform .85s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.yuu-rival--yuu .yuu-rival-text{margin-left:50%;text-align:right}.yuu-rival--cindred .yuu-rival-text{margin-left:10%;text-align:left}.yuu-rival.yuu-revealed .yuu-rival-text{opacity:1;transform:translateY(0)}.yuu-rival-name{display:inline-block;height:clamp(80px,10vw,140px);width:auto;margin:0 0 18px;filter:drop-shadow(6px 10px 8px rgba(0,0,0,.35))}.yuu-rival-description{--rival-outline:#7d2154;margin:0;font-size:clamp(1.05rem,1.5vw,1.5rem);line-height:1.65;font-weight:500;color:#ffffff;text-shadow:-2px -2px var(--rival-outline),2px -2px var(--rival-outline),-2px 2px var(--rival-outline),2px 2px var(--rival-outline),-2px 0 var(--rival-outline),2px 0 var(--rival-outline),0 -2px var(--rival-outline),0 2px var(--rival-outline)}.yuu-rival--cindred .yuu-rival-description{--rival-outline:#7d2c21}.yuu-section-header,.yuu-story-title{color:#ffffff;text-shadow:-3px -3px 0 #000000,3px -3px 0 #000000,-3px 3px 0 #000000,3px 3px 0 #000000,-3px 0 0 #000000,3px 0 0 #000000,0 -3px 0 #000000,0 3px 0 #000000,5px 0 0 #000000,0 5px 0 #000000,5px 5px 0 #000000}.yuu-mention-cindred,.yuu-mention-yuu{text-shadow:-2px -2px 0 #ffffff,2px -2px 0 #ffffff,-2px 2px 0 #ffffff,2px 2px 0 #ffffff,-2px 0 0 #ffffff,2px 0 0 #ffffff,0 -2px 0 #ffffff,0 2px 0 #ffffff}.yuu-mention-yuu{color:#fd71b2}.yuu-mention-cindred{color:#fd7f71}.yuu-story{position:relative;z-index:2;display:flex;flex-direction:column;gap:44px;padding:90px 0 100px}.yuu-story-slot.yuu-revealed .yuu-story-card{opacity:1;transform:translateX(0)}.yuu-story-card{display:flex;align-items:center;gap:40px;width:min(1000px,90%);margin:0 auto;box-sizing:border-box}.yuu-story-card--flipped{flex-direction:row-reverse}.yuu-story-image{flex-shrink:0}.yuu-story-img{display:block;height:clamp(240px,34vh,380px);width:auto;border-color:#05282e;border-style:solid;border-width:4px 7px 7px 4px;border-radius:12px;filter:drop-shadow(8px 12px 10px rgba(20,81,74,.35))}.yuu-story-text{flex:1 1;min-width:0;text-align:center}.yuu-story-title{margin:0 0 10px;font-size:2.3rem;font-weight:700}.yuu-story-description{margin:0;font-size:1.2rem;line-height:1.6;color:#33413f;text-shadow:0 1px 8px rgba(255,255,255,.6)}.yuu-section-header{margin:0 0 30px;text-align:center;font-size:clamp(2.3rem,3.8vw,3rem);font-weight:700}.yuu-places{position:relative;z-index:2;padding:0 0 60px}.yuu-reel{display:flex;flex-direction:column;gap:18px;width:100%;overflow:hidden;padding:16px 0 30px}.yuu-reel-track{display:flex;width:max-content;animation:yuuReelScroll 40s linear infinite}.yuu-reel-track--offset{animation-delay:-5s}.yuu-reel-cell{position:relative;height:clamp(180px,32vh,320px);aspect-ratio:3510/2480;margin:0 14px;flex-shrink:0;border-color:#05282e;border-style:solid;border-width:4px 7px 7px 4px;padding:0;background:#ffffff;border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.12);transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box}.yuu-reel-cell:hover{transform:translateY(-4px);box-shadow:0 8px 18px rgba(0,0,0,.18)}.yuu-reel-image{object-fit:cover}@keyframes yuuReelScroll{0%{transform:translateX(0)}to{transform:translateX(calc(-100% / 3))}}.yuu-friends{position:relative;z-index:2;padding:40px 0 130px}.yuu-friend-list{display:flex;flex-direction:column;gap:90px}.yuu-friend-slot.yuu-revealed .yuu-friend-card{opacity:1;transform:translateX(0)}.yuu-friend-card{position:relative;display:flex;align-items:center;height:200px;width:min(860px,88%);margin:0 auto;padding:0 28px;background:#ffffff;border-radius:20px;border-color:#05282e;border-style:solid;border-width:4px 7px 7px 4px;box-shadow:0 6px 16px rgba(0,0,0,.15);box-sizing:border-box}.yuu-friend-card--flipped{flex-direction:row-reverse}.yuu-friend-card--flipped .yuu-friend-text{text-align:right}.yuu-friend-mugshot{position:relative;top:-34px;align-self:center;flex-shrink:0;height:260px}.yuu-friend-image{height:100%;width:auto;object-fit:contain;filter:drop-shadow(4px 8px 6px rgba(0,0,0,.3))}.yuu-friend-text{flex:1 1;min-width:0;padding:0 10px}.yuu-friend-name{margin:0 0 6px;font-size:1.6rem;font-weight:700;color:#14514a}.yuu-friend-description{margin:0;font-size:1.2rem;line-height:1.6;color:#33413f}.yuu-slide-in{opacity:0;transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .55s ease-out;will-change:transform,opacity}.yuu-slide-from-left{transform:translateX(-110vw)}.yuu-slide-from-right{transform:translateX(110vw)}.yuu-stuff{position:relative;z-index:2;padding:0 0 96px}.yuu-stuff-row{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.2vw,24px);padding:0 16px}.yuu-stuff-item{position:relative;flex:0 1 auto;width:clamp(230px,30vw,470px);min-width:0}.yuu-stuff-image{position:relative;background:#ffffff;border-color:#05282e;border-style:solid;border-width:4px 7px 7px 4px;border-radius:12px;overflow:hidden}.yuu-stuff-img{display:block;width:100%;height:auto}.yuu-stuff-arrow{flex-shrink:0;font-size:clamp(1.8rem,4vw,3.2rem);color:#05282e}.yuu-stuff-label{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);padding:9px 26px;background:repeating-linear-gradient(45deg,#ffe066 0 12px,#ffcf33 12px 24px);border-color:#05282e;border-style:solid;border-width:4px 7px 7px 4px;border-radius:999px;font-size:1.5rem;font-weight:700;color:#5d4037;white-space:nowrap;z-index:3}.yuu-seabed-bar{display:block;width:100%;height:150px;object-fit:fill}.yuu-seabed{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;min-height:250px;margin-bottom:calc(-1 * var(--navbar-bottom-height));padding:26px 20px calc(26px + var(--navbar-bottom-height));background-color:#cccccc;box-sizing:border-box}.yuu-seabed-text-wrapper{position:relative;width:100%;margin-top:10px}.yuu-seabed-pixel{position:absolute;bottom:calc(100% - var(--offset-y));left:var(--offset-x);width:auto;height:auto;zoom:var(--scale);margin:0;image-rendering:pixelated;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.yuu-seabed-pixel--sleeping-yuu{--offset-x:40%;--offset-y:4px;--scale:3}.yuu-seabed-pixel--sitting-cindred{--offset-x:58%;--offset-y:7.5px;--scale:3}.yuu-seabed-header{margin:0;text-align:center;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:#33383c}.yuu-seabed-text{margin:0 auto;max-width:640px;text-align:center;font-size:1.05rem;line-height:1.6;color:#454b4f}.yuu-seabed-button{display:inline-flex;align-items:center;gap:12px;padding:12px 34px;background:#ffffff;color:#33383c;border:none;border-radius:30px;font-family:inherit;font-weight:600;font-size:1.1rem;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 18px rgba(0,0,0,.18)}.yuu-seabed-button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.22)}.yuu-seabed-arrow{font-size:1.2rem;transition:transform .2s ease}.yuu-seabed-arrow:before{content:"→"}.yuu-seabed-button:hover .yuu-seabed-arrow{transform:translateX(5px)}.concept-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(240,248,255,.85);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1010;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;overflow:hidden}.concept-carousel{--carousel-h:min(36vw,540px);position:relative;width:100%;height:var(--carousel-h)}.concept-carousel-item{position:absolute;top:50%;left:50%;height:var(--carousel-h);aspect-ratio:3510/2480;border-color:#000000;border-style:solid;border-width:4px 7px 7px 4px;border-radius:12px;padding:0;background:#ffffff;overflow:hidden;cursor:pointer;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .45s ease}.concept-carousel-image{object-fit:cover}.concept-carousel-item--center{transform:translate(-50%,-50%) scale(1);z-index:3;cursor:default}.concept-carousel-item--left,.concept-carousel-item--right{z-index:2}.concept-carousel-item--left{transform:translate(calc(-50% - 53vw),-50%) scale(.5)}.concept-carousel-item--right{transform:translate(calc(-50% + 53vw),-50%) scale(.5)}.concept-carousel-item--far-left,.concept-carousel-item--far-right{z-index:1;opacity:0;pointer-events:none}.concept-carousel-item--far-left{transform:translate(calc(-50% - 82vw),-50%) scale(.4)}.concept-carousel-item--far-right{transform:translate(calc(-50% + 82vw),-50%) scale(.4)}.concept-modal-close{margin-top:24px;background:#ffffff;color:#5d4037;border:3px solid #000000;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.5rem;box-shadow:0 4px 15px rgba(0,0,0,.2)}.concept-modal-close:hover{transform:scale(1.1)}@media (max-width:768px){.yuu-hero{flex-direction:column;gap:0;padding:110px 0 100px}.yuu-portraits{transform:translateY(100px)}.yuu-logo{width:min(88vw,480px)}.yuu-portrait{height:clamp(200px,60vh,300px)}.yuu-synopsis{width:86%;font-size:1.15rem}.yuu-story{gap:30px;padding-bottom:40px}.yuu-story-card,.yuu-story-card--flipped{flex-direction:column;gap:18px;width:92%}.yuu-story-img{height:auto;max-width:100%;max-height:260px}.yuu-story-title{font-size:2rem}.yuu-story-description{font-size:1rem}.yuu-body{padding:40px 20px 80px}.yuu-rival{height:clamp(320px,110vw,440px)}.yuu-rival--cindred .yuu-rival-text,.yuu-rival--yuu .yuu-rival-text{width:min(560px,88%);margin-left:6%}.yuu-rival-name{height:clamp(56px,15vw,96px);margin-bottom:12px}.yuu-rival-description{font-size:.95rem}.yuu-section-header{margin-bottom:20px}.yuu-places{padding-bottom:24px}.yuu-reel-cell{height:clamp(140px,24vh,220px);margin:0 8px;border-radius:10px}.yuu-friends{padding-bottom:100px}.yuu-stuff{padding-bottom:70px}.yuu-stuff-row{gap:8px}.yuu-stuff-item{width:clamp(84px,27vw,170px)}.yuu-stuff-label{padding:6px 16px;font-size:1rem}.yuu-friend-list{gap:76px}.yuu-friend-card{width:92%;padding:0 16px}.yuu-friend-mugshot{height:230px;top:-26px}.yuu-friend-name{font-size:1.25rem}.yuu-friend-description{font-size:.6rem}.yuu-seabed-bar{height:40px}.yuu-seabed{min-height:230px;gap:12px}.yuu-seabed-text-wrapper{margin-top:48px}.yuu-seabed-pixel--sleeping-yuu{--offset-x:13%;--scale:2}.yuu-seabed-pixel--sitting-cindred{--offset-x:62%;--scale:2}.yuu-seabed-text{max-width:92%;font-size:.95rem}.concept-carousel{--carousel-h:min(50vh,62vw)}.concept-carousel-item--left{transform:translate(calc(-50% - 48vw),-50%) scale(.5)}.concept-carousel-item--right{transform:translate(calc(-50% + 48vw),-50%) scale(.5)}.concept-carousel-item--far-left{transform:translate(calc(-50% - 78vw),-50%) scale(.4)}.concept-carousel-item--far-right{transform:translate(calc(-50% + 78vw),-50%) scale(.4)}.concept-modal-close{width:38px;height:38px;font-size:1.2rem}}