html,body,#app{height:100%}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}body{background:#cfeaf6;color:#0a2744;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0}html,body,#app{height:100%;overscroll-behavior:none}*{touch-action:manipulation}a{color:inherit;text-decoration:none}::selection{background:rgba(34,211,238,.35);color:#fff}:focus-visible{outline:2px solid #22d3ee;outline-offset:3px}.world{background:linear-gradient(to bottom,#cfeaf6 0%,#8fd0ec 12%,#46bcd2 18%,#0891b2 26%,#0369a1 36%,#075985 46%,#0c3a63 54%,#0c2461 62%,#091540 70%,#04081f 78%,#020412 88%,#000000 100%);position:relative}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;pointer-events:none;z-index:210;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain-shift .9s steps(4) infinite}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(-1%,2%)}to{transform:translate(2%,-1%)}}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.045) 3px,rgba(0,0,0,.045) 4px)}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:190;background:radial-gradient(ellipse at center,transparent 58%,rgba(0,0,10,.28) 100%)}.cursor{display:none;position:fixed;width:8px;height:8px;border:1px solid rgba(255,255,255,.75);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .18s,height .18s,background .18s}.cursor.grow{width:34px;height:34px;background:rgba(34,211,238,.08);border-color:#22d3eecc}@media (pointer: fine){body{cursor:none}}.ruler{position:fixed;left:0;top:0;height:100vh;width:60px;z-index:100;pointer-events:none}.ruler-line{position:absolute;left:36px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,rgba(10,39,68,.4) 0%,rgba(10,39,68,.4) 12%,rgba(255,255,255,.22) 20%,rgba(255,255,255,.14) 100%)}.ruler-indicator{position:absolute;left:28px;width:17px;height:2px;transform:translateY(-1px);transition:top .1s linear,background .3s,box-shadow .3s}.ruler-mark{position:absolute;left:0;display:flex;align-items:center;transform:translateY(-50%)}.ruler-tick{display:block;width:10px;height:1px;background:rgba(255,255,255,.35);margin-left:26px}.mark-dark .ruler-tick{background:rgba(10,39,68,.35)}.ruler-label{font-family:ui-monospace,Courier New,monospace;font-size:.48rem;letter-spacing:.06em;color:#ffffff59;margin-left:4px;white-space:nowrap}.mark-dark .ruler-label{color:#0a274473}.hud{position:fixed;top:16px;right:16px;z-index:100;pointer-events:none;display:flex;flex-direction:column;gap:3px;font-family:ui-monospace,Courier New,monospace;font-size:.56rem;letter-spacing:.12em;color:#ffffff8c;background:rgba(2,10,25,.25);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:8px 10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:color .4s,border-color .4s,background .4s;min-width:118px}.hud-dark{color:#0a2744a6;border-color:#0a27442e;background:rgba(255,255,255,.22)}.hud-row{display:flex;justify-content:space-between;gap:12px}.hud-key{opacity:.55}.hud-light{display:inline-flex;gap:2px;align-items:center}.lit{width:6px;height:6px;display:inline-block;background:currentColor;opacity:.15}.lit.on{opacity:.9}.zone{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:90px 24px;position:relative;overflow:hidden}.inner{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:480px;gap:20px;position:relative;z-index:1}.zone-divider{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;z-index:2}.zone-divider:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent 5%,rgba(255,255,255,.16) 50%,transparent 95%)}.zone-divider span{font-family:ui-monospace,Courier New,monospace;font-size:.5rem;letter-spacing:.28em;color:#ffffff4d;padding:10px 14px 0;white-space:nowrap}.zone-divider.dark span{color:#8c96dc47}.zone-tag{font-family:ui-monospace,Courier New,monospace;font-size:.6rem;letter-spacing:.22em;color:#ffffff61}.zone-tag.violet{color:#a78bfa73}.zone-link{font-family:ui-monospace,Courier New,monospace;font-size:.72rem;letter-spacing:.1em;color:#ffffff80;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:2px;transition:color .2s,border-color .2s;align-self:flex-start}.zone-link:hover{color:#fff;border-color:#ffffff80}.zone-link.cyan{color:#22d3eeb3;border-color:#22d3ee33}.zone-link.cyan:hover{color:#22d3ee;border-color:#22d3ee80}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}[data-reveal].in{opacity:1;transform:none}.zone-sky{flex-direction:column;justify-content:center}.sun{position:absolute;top:-80px;right:15%;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,240,180,.95) 0%,rgba(255,220,100,.4) 40%,transparent 70%);pointer-events:none;animation:sun-breathe 7s ease-in-out infinite}@keyframes sun-breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.92}}.clouds{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.cloud{position:absolute;border-radius:50px;background:rgba(255,255,255,.55);filter:blur(8px)}.c1{width:120px;height:40px;top:18%;left:10%;animation:drift 30s linear infinite}.c2{width:80px;height:28px;top:28%;left:55%;animation:drift 40s linear infinite reverse}.c3{width:160px;height:50px;top:12%;left:35%;animation:drift 35s linear infinite 5s}@keyframes drift{0%{transform:translate(0)}to{transform:translate(60px)}}.birds{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bird{position:absolute;width:14px;height:5px}.bird:before,.bird:after{content:"";position:absolute;top:0;width:8px;height:1.5px;border-radius:2px;background:rgba(10,39,68,.5)}.bird:before{left:0;transform:rotate(-24deg);transform-origin:right center}.bird:after{right:0;transform:rotate(24deg);transform-origin:left center}.b1{top:20%;left:20%;animation:bird-fly 26s linear infinite}.b2{top:15%;left:60%;animation:bird-fly 34s linear infinite 6s}.b3{top:25%;left:42%;animation:bird-fly 30s linear infinite 12s;transform:scale(.7)}@keyframes bird-fly{0%{transform:translate(0)}50%{transform:translate(90px,-14px)}to{transform:translate(180px)}}.sky-eyebrow{font-family:ui-monospace,Courier New,monospace;font-size:.55rem;letter-spacing:.26em;color:#0a274473}.sky-name{font-family:Big Shoulders Display,sans-serif;font-weight:900;font-size:clamp(3.4rem,17vw,9.5rem);letter-spacing:.1em;line-height:.95;color:#0a2744;text-shadow:0 2px 24px rgba(255,255,255,.35)}.sky-sub{font-family:ui-monospace,Courier New,monospace;font-size:.72rem;letter-spacing:.1em;color:#0a27448c;margin-top:-6px}.work-list{display:flex;flex-direction:row;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:8px}.work-card{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:1px solid rgba(10,39,68,.14);border-radius:6px;background:rgba(255,255,255,.38);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:border-color .2s,background .2s,transform .25s cubic-bezier(.22,.61,.36,1),box-shadow .25s}.work-card:hover{border-color:#0a27444d;background:rgba(255,255,255,.55);transform:translateY(-3px);box-shadow:0 12px 30px -12px #0a274459}.wc-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#0a2744a6}.wc-icon.emoji{font-size:1.15rem}.wc-name{font-family:Big Shoulders Display,sans-serif;font-weight:800;font-size:.95rem;letter-spacing:.08em;color:#0a2744}.wc-arrow{color:#0a274440;font-size:.8rem;flex-shrink:0;transition:transform .2s,color .2s}.work-card:hover .wc-arrow{transform:translate(2px,-2px);color:#0a2744b3}.waterline{position:absolute;bottom:0;left:0;right:0;height:90px;pointer-events:none;overflow:hidden;z-index:0}.wave{position:absolute;left:-50%;right:-50%;height:46px;border-radius:45%;bottom:-28px;background:rgba(8,145,178,.16)}.w1{animation:wave-roll 9s ease-in-out infinite}.w2{bottom:-34px;background:rgba(8,145,178,.1);animation:wave-roll 13s ease-in-out infinite reverse}@keyframes wave-roll{0%,to{transform:translate(-2.5%) scaleY(1)}50%{transform:translate(2.5%) scaleY(1.12)}}.dive-hint{position:absolute;bottom:26px;left:50%;transform:translate(-50%);font-family:ui-monospace,Courier New,monospace;font-size:.5rem;letter-spacing:.24em;color:#0a274452;white-space:nowrap;animation:bob-hint 2.8s ease-in-out infinite;z-index:1}@keyframes bob-hint{0%,to{transform:translate(-50%) translateY(0);opacity:.6}50%{transform:translate(-50%) translateY(7px);opacity:1}}.light-rays{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-12deg,transparent 0px,transparent 60px,rgba(255,255,255,.03) 60px,rgba(255,255,255,.03) 90px);animation:sway 10s ease-in-out infinite;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,black 55%,transparent 100%);mask-image:linear-gradient(to bottom,black 55%,transparent 100%)}@keyframes sway{0%,to{transform:skew(0) scaleX(1)}50%{transform:skew(1.5deg) scaleX(1.01)}}.bubbles-wrap{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bubble{position:absolute;bottom:-20px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.08);animation:rise ease-in infinite}@keyframes rise{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.6}90%{opacity:.3}to{transform:translateY(-110vh) translate(15px);opacity:0}}.fish-school{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.fish{position:absolute;width:16px;height:7px;background:rgba(10,50,80,.4);border-radius:50% 40% 40% 50%;animation:swim linear infinite}.fish:after{content:"";position:absolute;right:-5px;top:.5px;border-top:3px solid transparent;border-bottom:3px solid transparent;border-right:6px solid rgba(10,50,80,.4)}.f1{top:30%;animation-duration:24s}.f2{top:33%;animation-duration:26s;animation-delay:-4s;transform:scale(.8)}.f3{top:36%;animation-duration:22s;animation-delay:-9s;transform:scale(1.1)}.f4{top:62%;animation-duration:30s;animation-delay:-14s;transform:scale(.7)}.f5{top:65%;animation-duration:27s;animation-delay:-2s}.f6{top:68%;animation-duration:25s;animation-delay:-18s;transform:scale(.9)}.f7{top:45%;animation-duration:32s;animation-delay:-7s;transform:scale(.6)}@keyframes swim{0%{left:105%}to{left:-8%}}.hobby-block{width:100%;text-align:left;display:flex;flex-direction:column;gap:8px}.hobby-cat{font-family:ui-monospace,Courier New,monospace;font-size:.55rem;letter-spacing:.22em;color:#22d3ee80}.hobby-name{font-family:Big Shoulders Display,sans-serif;font-weight:800;font-size:clamp(1.6rem,6vw,2.4rem);letter-spacing:.06em;color:#a5f3fc;line-height:1.05}.hobby-desc{font-family:ui-monospace,Courier New,monospace;font-size:.68rem;color:#fff6}.whale{position:absolute;top:16%;left:0;right:0;color:#04142d80;pointer-events:none}.whale svg{width:clamp(150px,24vw,260px);filter:blur(1.5px);opacity:.75;animation:whale-cross 60s linear infinite}@keyframes whale-cross{0%{transform:translate(110vw) translateY(0) scaleX(1)}49%{transform:translate(-40vw) translateY(20px) scaleX(1)}50%{transform:translate(-40vw) translateY(20px) scaleX(-1)}99%{transform:translate(110vw) translateY(0) scaleX(-1)}to{transform:translate(110vw) translateY(0) scaleX(1)}}.jellies{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.jelly{position:absolute;width:26px;height:20px;border-radius:50% 50% 10% 10%/90% 90% 10% 10%;background:radial-gradient(circle at 50% 20%,rgba(167,139,250,.35),rgba(167,139,250,.08));box-shadow:0 0 18px #8b5cf640;animation:jelly-rise ease-in-out infinite}.jelly i{position:absolute;top:100%;width:1px;height:16px;background:linear-gradient(to bottom,rgba(167,139,250,.35),transparent)}.jelly i:nth-child(1){left:25%}.jelly i:nth-child(2){left:50%;height:20px}.jelly i:nth-child(3){left:75%}.j1{left:16%;bottom:8%;animation-duration:18s}.j2{left:78%;bottom:20%;animation-duration:24s;animation-delay:-8s;transform:scale(.7)}@keyframes jelly-rise{0%,to{transform:translateY(0) scaleY(1)}25%{transform:translateY(-26px) scaleY(1.06)}50%{transform:translateY(-48px) scaleY(.96)}75%{transform:translateY(-22px) scaleY(1.04)}}.twilight-block{background:rgba(34,211,238,.03);border:1px solid rgba(34,211,238,.08);border-radius:12px;padding:24px 24px 20px}.game-stat-hero{font-family:Big Shoulders Display,sans-serif;font-weight:900;font-size:clamp(3rem,10vw,4.2rem);line-height:1;color:#22d3eee6;letter-spacing:-.01em;margin-bottom:4px;text-shadow:0 0 40px rgba(34,211,238,.3)}.stat-unit{font-size:.85rem;letter-spacing:.16em;color:#22d3ee66;margin-left:6px;vertical-align:middle}.game-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:ui-monospace,Courier New,monospace;font-size:.7rem;color:#ffffff80;padding:9px 0;border-bottom:1px solid rgba(34,211,238,.08)}.game-bar{flex:1;height:2px;background:rgba(34,211,238,.08);border-radius:2px;overflow:hidden}.game-bar i{display:block;height:100%;background:linear-gradient(to right,rgba(34,211,238,.5),rgba(34,211,238,.9));border-radius:2px}.hrs{color:#22d3ee;font-size:.62rem;letter-spacing:.05em;min-width:42px;text-align:right}.particles-wrap{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.particle{position:absolute;border-radius:50%;background:#22d3ee;opacity:0;animation:biolum ease-in-out infinite}@keyframes biolum{0%,to{opacity:0;transform:translateY(0)}30%,70%{opacity:.3}50%{opacity:.6;transform:translateY(-12px)}}.angler{position:absolute;top:18%;right:8%;width:120px;height:70px;pointer-events:none;animation:angler-drift 14s ease-in-out infinite}@keyframes angler-drift{0%,to{transform:translate(0)}50%{transform:translate(-26px,14px)}}.angler-body{position:absolute;right:0;top:22px;width:74px;height:42px;background:#05030e;border-radius:55% 45% 48% 52%/60% 55% 45% 40%;box-shadow:inset -6px -4px 12px #1e143c99}.angler-eye{position:absolute;left:14px;top:12px;width:5px;height:5px;border-radius:50%;background:rgba(200,220,255,.55);box-shadow:0 0 6px #c8dcff80}.angler-jaw{position:absolute;left:2px;bottom:6px;width:26px;height:10px;border-bottom:2px solid rgba(140,120,200,.35);border-radius:0 0 60% 40%}.angler-tail{position:absolute;right:-14px;top:12px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:16px solid #05030e}.angler-stalk{position:absolute;left:32px;top:6px;width:22px;height:20px;border-left:1.5px solid rgba(140,120,200,.4);border-radius:60% 0 0;transform:rotate(-16deg)}.angler-lure{position:absolute;left:26px;top:0;width:8px;height:8px;border-radius:50%;background:#c4b5fd;box-shadow:0 0 16px 6px #a78bfa8c;animation:lure-pulse 2.6s ease-in-out infinite}@keyframes lure-pulse{0%,to{opacity:.6;box-shadow:0 0 10px 3px #a78bfa59}50%{opacity:1;box-shadow:0 0 22px 9px #a78bfab3}}.quote{font-family:Big Shoulders Display,sans-serif;font-weight:800;font-size:clamp(2rem,9vw,3.4rem);letter-spacing:.04em;line-height:1.15;color:#a78bfaeb;text-shadow:0 0 60px rgba(139,92,246,.45);font-style:normal}.secret-sub{font-family:ui-monospace,Courier New,monospace;font-size:.66rem;letter-spacing:.16em;color:#a78bfa73}.secret-hint{font-family:ui-monospace,Courier New,monospace;font-size:.58rem;letter-spacing:.1em;color:#a78bfa38;font-style:italic;margin-top:-6px}.abyss-data{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center;font-family:ui-monospace,Courier New,monospace;font-size:.54rem;letter-spacing:.16em;color:#a78bfa52}.abyss-dot{opacity:.35}.zone-seabottom{flex-direction:column;justify-content:center;padding-bottom:230px}.seabottom-inner{max-width:520px}.floor-title{font-family:Big Shoulders Display,sans-serif;font-weight:900;font-size:clamp(2.2rem,10vw,4rem);letter-spacing:.08em;line-height:1.05;color:#ffffffe0}.floor-sub{font-family:ui-monospace,Courier New,monospace;font-size:.68rem;letter-spacing:.12em;color:#ffffff59}.floor-mail{font-family:ui-monospace,Courier New,monospace;font-size:.85rem;letter-spacing:.1em;color:#22d3eed9;border:1px solid rgba(34,211,238,.25);border-radius:6px;padding:12px 20px;transition:background .25s,border-color .25s,box-shadow .25s}.floor-mail:hover{background:rgba(34,211,238,.08);border-color:#22d3ee99;box-shadow:0 0 30px #22d3ee2e}.seabed{position:absolute;bottom:0;left:0;right:0;height:190px;background:linear-gradient(to bottom,transparent 0%,#1a0c04 12%,#0e0602 50%,#060200 100%);clip-path:polygon(0% 22%,4% 12%,9% 26%,15% 8%,21% 19%,28% 4%,34% 16%,41% 6%,47% 18%,53% 3%,59% 14%,65% 5%,71% 17%,77% 7%,83% 20%,89% 9%,94% 18%,100% 10%,100% 100%,0% 100%);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:30px;gap:8px;z-index:2}.chest{width:92px;perspective:300px;flex-shrink:0}.chest-lid{width:92px;height:30px;background:linear-gradient(to bottom,#b45309,#92400e);border-radius:10px 10px 2px 2px;border:2px solid #d97706;position:relative;animation:lid-bob 3s ease-in-out infinite;transform-origin:bottom center}.chest-lid:before{content:"";position:absolute;top:5px;left:6px;right:6px;height:1px;background:rgba(251,191,36,.35)}@keyframes lid-bob{0%,to{transform:rotateX(0) translateY(0)}50%{transform:rotateX(-14deg) translateY(-3px)}}.chest-crack{height:6px;background:radial-gradient(ellipse at center,#a78bfa 0%,rgba(139,92,246,.7) 50%,transparent 100%);box-shadow:0 0 20px 8px #8b5cf680;animation:crack-pulse 3s ease-in-out infinite}@keyframes crack-pulse{0%,to{opacity:.55;box-shadow:0 0 14px 5px #8b5cf659}50%{opacity:1;box-shadow:0 0 32px 14px #8b5cf6bf}}.chest-body{width:92px;height:56px;background:linear-gradient(to bottom,#92400e,#451a03);border-radius:2px 2px 8px 8px;border:2px solid #78340f;display:flex;align-items:center;justify-content:center;position:relative}.chest-body:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:rgba(217,119,6,.4);transform:translateY(-50%)}.chest-clasp{width:16px;height:20px;background:linear-gradient(to bottom,#d97706,#b45309);border-radius:3px;border:1px solid #92400e;position:relative;z-index:1}.chest-clasp:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;background:#451a03;transform:translate(-50%,-50%)}.blink-cursor{font-family:ui-monospace,Courier New,monospace;font-size:1.4rem;color:#503c328c;animation:blink 1.2s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.floor-footer{font-family:ui-monospace,Courier New,monospace;font-size:.52rem;letter-spacing:.18em;color:#785a4666}@media (min-width: 768px){.zone{padding:110px 60px}.inner,.seabottom-inner{max-width:640px}.hud{top:20px;right:20px;font-size:.6rem}.work-list{gap:14px}.work-card{padding:13px 22px;gap:10px}}@media (prefers-reduced-motion: reduce){.grain,.blink-cursor,.particle,.bubble,.dive-hint,.sun,.light-rays,.cloud,.bird,.fish,.whale svg,.jelly,.angler,.angler-lure,.wave,.chest-lid,.chest-crack{animation:none}.cursor{display:none!important}body{cursor:auto!important}[data-reveal]{opacity:1;transform:none;transition:none}}