:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgb(235, 235, 235)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:16px;font-weight:bolder;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}*{margin:0}html:focus-within{scroll-behavior:smooth}html,body,#app{height:100%}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{background:none;border:0;padding:0}:root{--brand-grad: linear-gradient(135deg,#4f46e5,#22d3ee)}body{background:var(--color-background);color:var(--color-text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji;line-height:1.6;font-weight:400}.container{max-width:1120px;margin:0 auto;padding:0 20px}.button{display:inline-block;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:600}.button.primary{color:#fff;background:var(--brand-grad)}.button.ghost{color:var(--color-text);border:1px solid rgba(255,255,255,.06);background:transparent}a.button,.button{cursor:pointer}*,*: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}.world{background:linear-gradient(to bottom,#c8e8f5 0%,#87ceeb 28%,#38b8cc 33%,#0891b2 40%,#0369a1 56%,#075985 68%,#0c2461 80%,#030818 91%,#000000 100%);position:relative}.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,.05) 3px,rgba(0,0,0,.05) 4px)}.cursor{display:none;position:fixed;width:8px;height:8px;border:1px solid rgba(255,255,255,.7);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%)}@media (pointer: fine){body{cursor:none}}.ruler{position:fixed;left:0;top:0;height:100vh;width:52px;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) 32%,rgba(255,255,255,.2) 37%,rgba(255,255,255,.15) 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}.depth-readout{position:fixed;top:18px;right:18px;font-family:ui-monospace,Courier New,monospace;font-size:.6rem;letter-spacing:.14em;color:#fff6;z-index:100;pointer-events:none}.zone{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:80px 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}.layer-border{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent 5%,rgba(255,255,255,.18) 50%,transparent 95%);z-index:2}.zone-tag{font-family:ui-monospace,Courier New,monospace;font-size:.6rem;letter-spacing:.18em;color:#ffffff59}.section-title{font-family:Big Shoulders Display,sans-serif;font-weight:900;font-size:clamp(1.8rem,8vw,3rem);letter-spacing:.1em;color:#ffffffe6;line-height:1}.abyssal-title{color:#a78bfad9}.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}.sun{position:absolute;top:-80px;right:15%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,240,180,.9) 0%,rgba(255,220,100,.4) 40%,transparent 70%);pointer-events:none}.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)}}.sky-name{font-family:Big Shoulders Display,sans-serif;font-weight:900;font-size:clamp(3rem,16vw,7rem);letter-spacing:.12em;line-height:1;color:#0a2744;text-shadow:0 2px 20px rgba(255,255,255,.3)}.sky-sub{font-family:ui-monospace,Courier New,monospace;font-size:.72rem;letter-spacing:.1em;color:#0a274480;margin-top:-8px}.work-list{display:flex;flex-direction:row;gap:10px;justify-content:center}.work-card{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid rgba(10,39,68,.12);border-radius:6px;background:rgba(255,255,255,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:border-color .2s,background .2s}.work-card:hover{border-color:#0a274440;background:rgba(255,255,255,.5)}.wc-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#0a274499}.wc-icon.emoji{font-size:1.2rem}.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:#0a2744a6}.zone-sky{flex-direction:column;justify-content:center}.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,.025) 60px,rgba(255,255,255,.025) 90px);animation:sway 10s ease-in-out infinite;pointer-events:none}@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}}.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:#22d3ee73}.hobby-name{font-family:Big Shoulders Display,sans-serif;font-weight:800;font-size:1.45rem;letter-spacing:.06em;color:#a5f3fc}.hobby-desc{font-family:ui-monospace,Courier New,monospace;font-size:.68rem;color:#ffffff59}.hobby-divider{width:100%;height:1px;background:rgba(34,211,238,.1)}.game-row{display:flex;justify-content:space-between;align-items:center;font-family:ui-monospace,Courier New,monospace;font-size:.7rem;color:#ffffff73;padding:8px 0;border-bottom:1px solid rgba(34,211,238,.07)}.hrs{color:#22d3ee;font-size:.62rem;letter-spacing:.05em}.zone-seabottom{flex-direction:column;justify-content:flex-start;align-items:stretch;padding:0;min-height:100svh;overflow:hidden}.seabottom-inner{padding:80px 24px 40px;align-self:center;max-width:480px}.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)}}.quote{font-family:Big Shoulders Display,sans-serif;font-weight:800;font-size:clamp(1.8rem,8vw,2.8rem);letter-spacing:.04em;line-height:1.2;color:#a78bfae6;text-shadow:0 0 60px rgba(139,92,246,.4);font-style:normal}.secret-sub{font-family:ui-monospace,Courier New,monospace;font-size:.66rem;letter-spacing:.16em;color:#a78bfa66}.seabed{position:absolute;bottom:0;left:0;right:0;height:170px;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:28px;gap:10px;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}}.zone-sky:after{content:"";position:absolute;bottom:0;left:0;right:0;height:110px;background:linear-gradient(to bottom,transparent,rgba(8,145,178,.14));pointer-events:none;z-index:0}.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:#0a274447;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}}.game-stat-hero{font-family:Big Shoulders Display,sans-serif;font-weight:900;font-size:3.2rem;line-height:1;color:#22d3eee0;letter-spacing:-.01em;margin-bottom:4px}.stat-unit{font-size:.85rem;letter-spacing:.16em;color:#22d3ee61;margin-left:6px;vertical-align:middle}@media (min-width: 768px){.hobby-block{background:rgba(34,211,238,.03);border:1px solid rgba(34,211,238,.07);border-radius:12px;padding:24px 24px 20px}}.abyss-data{display:flex;gap:10px;align-items:center;font-family:ui-monospace,Courier New,monospace;font-size:.54rem;letter-spacing:.16em;color:#a78bfa47}.abyss-dot{opacity:.35}.secret-hint{font-family:ui-monospace,Courier New,monospace;font-size:.58rem;letter-spacing:.1em;color:#a78bfa33;font-style:italic;margin-top:-6px}@media (min-width: 768px){.zone{padding:100px 60px}.inner{max-width:680px}.seabottom-inner{padding:100px 60px 60px;max-width:680px}.zone-sunlight .inner{flex-direction:row;align-items:flex-start;gap:48px;text-align:left}.hobby-block{flex:1}.hobby-divider{display:none}.sky-name{font-size:clamp(4rem,10vw,9rem)}.work-list{gap:14px}.work-card{padding:12px 20px;gap:10px}}@media (prefers-reduced-motion: reduce){.blink-cursor,.particle,.bubble,.dive-hint,.light-rays,.cloud,.chest-lid,.chest-crack{animation:none}.cursor{display:none!important}body{cursor:auto!important}}