:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--abyss:#03141c;--deep-water:#0b3d46;--lit-water:#75aaa3;--sun-gold:#d9c58b;--paper-white:#dce4d9;--muted-ink:#d0e0d594;background:var(--abyss);font-family:Avenir Next,PingFang SC,Noto Sans CJK SC,sans-serif}*{box-sizing:border-box}html,body,#experience{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--abyss);color:var(--paper-white)}button{color:inherit;font:inherit}[hidden]{display:none!important}#experience{isolation:isolate;cursor:none;position:relative}#ocean-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.water-vignette,.film-grain{z-index:2;pointer-events:none;position:absolute;inset:0}.water-vignette{mix-blend-mode:multiply;background:linear-gradient(#3e91951c 0%,#0000 28%,#010d1217 100%),radial-gradient(at 53% 42%,#0000 38%,#000c1212 78%,#00080c3d 122%)}.film-grain{opacity:.018;background-image:repeating-radial-gradient(circle at 12% 18%,#0000 0,#ffffff40 .45px,#0000 .8px 3px),repeating-linear-gradient(83deg,#0000 0,#ffffff1f 1px,#0000 2px 7px);background-size:17px 19px,29px 31px;animation:8s steps(7,end) infinite grain-drift}.field-header,.field-footer,.depth-readout,.observation-card,.diver-entry,.diver-panel,.dive-transition,.dive-controls{z-index:4;position:absolute}.dive-controls{opacity:.62;grid-template:18px 30px 30px 30px/30px 30px 30px 30px;gap:4px;width:132px;transition:opacity .3s;display:grid;bottom:58px;right:34px}.dive-controls:hover,.dive-controls:focus-within{opacity:1}.dive-controls__label{color:#d0e0d57a;letter-spacing:.18em;text-align:right;grid-column:1/-1;font-family:SFMono-Regular,ui-monospace,monospace;font-size:7px}.dive-control{color:#deede29e;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:#04232c57;border:1px solid #b5e2d533;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;font-family:Songti SC,SFMono-Regular,monospace;font-size:11px;transition:border-color .18s,background .18s,color .18s,transform .18s;display:grid}.dive-control:hover,.dive-control:focus-visible,.dive-control.is-pressed{color:#f4ecc8f2;background:#1d5b5ea8;border-color:#d9c58ba6;outline:none;transform:scale(1.08)}.dive-control--up{grid-area:2/2}.dive-control--left{grid-area:3/1}.dive-controls__center{border:1px solid #d9c58b7a;border-radius:50%;grid-area:3/2;place-self:center;width:5px;height:5px}.dive-control--right{grid-area:3/3}.dive-control--back{grid-area:4/2}.dive-control--rise{grid-area:2/4}.dive-control--sink{grid-area:4/4}.diver-entry{color:#e2f1e8d6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#04242e6b;border:1px solid #8fe0d142;border-radius:999px;gap:3px;padding:7px 15px 8px;transition:border-color .3s,background .3s,transform .3s;display:grid;top:30px;left:50%;transform:translate(-50%)}.diver-entry:hover{background:#0942498f;border-color:#8fe0d194;transform:translate(-50%)translateY(-1px)}.diver-entry span{letter-spacing:.13em;font-family:Songti SC,STSong,serif;font-size:11px}.diver-entry small,.diver-panel__eyebrow,.portrait-upload small{letter-spacing:.16em;font-family:SFMono-Regular,Roboto Mono,ui-monospace,monospace;font-size:6px}.diver-entry small{color:#8fe0d180}.field-header{pointer-events:none;justify-content:space-between;align-items:flex-start;padding:30px 34px;display:flex;top:0;left:0;right:0}.field-title{align-items:center;gap:13px;display:flex}.field-title__mark{background:linear-gradient(var(--sun-gold), #d9c58b00);width:1px;height:36px;transform:rotate(9deg);box-shadow:4px 0 #d9c58b38}.field-title p{letter-spacing:.19em;margin:0;font-family:Songti SC,STSong,Iowan Old Style,serif;font-size:17px;font-weight:500}.field-title span,.quality-toggle,.depth-readout small,.observation-card__index,.sound-note{text-transform:uppercase;letter-spacing:.16em;font-family:SFMono-Regular,Roboto Mono,ui-monospace,monospace}.field-title span{color:var(--muted-ink);margin-top:4px;font-size:8px;display:block}.quality-toggle{cursor:pointer;pointer-events:auto;background:0 0;border:0;border-left:1px solid #d9c58b59;align-items:center;gap:12px;padding:9px 0 8px 14px;font-size:8px;display:flex}.quality-toggle span{color:var(--muted-ink)}.quality-toggle strong{min-width:34px;color:var(--sun-gold);font-size:9px;font-weight:500}.quality-toggle:focus-visible,.observation-card button:focus-visible{outline:1px solid var(--sun-gold);outline-offset:5px}.depth-readout{pointer-events:none;width:190px;top:50%;left:34px;transform:translateY(-46%)}.depth-readout__line{background:#d9c58b8c;width:38px;height:1px;margin-bottom:13px;display:block}.depth-readout p{color:#dce4d9ab;letter-spacing:.16em;margin:0 0 8px;font-size:10px}.depth-readout strong{letter-spacing:-.02em;white-space:nowrap;font-family:Iowan Old Style,Songti SC,serif;font-size:clamp(26px,2.6vw,40px);font-weight:400;display:block}.depth-readout small{color:var(--muted-ink);margin-top:9px;font-size:7px;display:block}.field-footer{pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;bottom:28px;left:34px;right:34px}.field-footer p{margin:0}#interaction-hint{color:#dce4d9a8;letter-spacing:.12em;font-size:10px;transition:opacity 1.2s}#interaction-hint i{color:#d9c58b8c;padding:0 6px;font-style:normal}#interaction-hint.is-used{opacity:.35}.sound-note{color:#d0e0d566;font-size:7px}.reticle{z-index:3;pointer-events:none;border:1px solid #cfe1d45c;border-radius:50%;width:30px;height:30px;transition:width .5s,height .5s,border-color .5s;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.reticle:before,.reticle:after{content:"";background:#d9c58bad;position:absolute}.reticle:before{width:6px;height:1px;top:50%;left:-4px}.reticle:after{width:1px;height:6px;top:-4px;left:50%}.reticle span{background:var(--sun-gold);border-radius:50%;width:2px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle.is-attracting{animation:.9s cubic-bezier(.2,.7,.25,1) attraction-pulse}.reticle.is-touching{animation:1.15s cubic-bezier(.16,.76,.25,1) touch-pulse}@keyframes attraction-pulse{0%{border-color:#d9c58bc7;box-shadow:0 0 #d9c58b6b}to{border-color:#cfe1d45c;box-shadow:0 0 0 24px #d9c58b00}}@keyframes touch-pulse{0%{border-color:#cafaedeb;width:30px;height:30px;box-shadow:0 0 #7be8d56b,inset 0 0 12px #beffef2e}42%{border-color:#7be8d585;width:54px;height:54px}to{border-color:#cfe1d45c;width:38px;height:38px;box-shadow:0 0 0 28px #7be8d500,inset 0 0 16px #beffef00}}.observation-card{opacity:0;pointer-events:auto;background:linear-gradient(90deg,#03141cd6,#03141cf5);border-top:1px solid #d9c58b8c;width:min(340px,100vw - 40px);padding:23px 34px 25px 0;transition:opacity .35s,transform .35s;bottom:76px;right:34px;transform:translateY(12px)}.observation-card.is-visible{opacity:1;transform:translateY(0)}.observation-card button{color:#dce4d9b3;cursor:pointer;background:0 0;border:0;width:26px;height:26px;font-size:20px;font-weight:200;position:absolute;top:13px;right:3px}.observation-card__index{color:var(--sun-gold);margin:0 0 13px;font-size:8px}.observation-card h2{letter-spacing:.08em;margin:0;font-family:Songti SC,STSong,Iowan Old Style,serif;font-size:25px;font-weight:400}.observation-card__latin{color:var(--muted-ink);margin:5px 0 0;font-family:Iowan Old Style,serif;font-size:11px;font-style:italic}.observation-card__rule{background:#dce4d924;width:100%;height:1px;margin:18px 0 13px}.observation-card>p:last-child{color:#dce4d9ad;margin:0;font-size:11px;line-height:1.75}.diver-panel{opacity:0;pointer-events:auto;background:linear-gradient(145deg,#0c414af5,#031922fa),#03141cf5;border:1px solid #97e2d340;width:min(430px,100vw - 40px);padding:32px;transition:opacity .35s,transform .35s;top:50%;left:50%;transform:translate(-50%,calc(14px - 50%))scale(.98);box-shadow:0 28px 90px #00080c80,inset 0 1px #e2f9ef14}.diver-panel.is-visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.diver-panel__close{color:#dcefe5a8;cursor:pointer;background:0 0;border:0;font-size:22px;position:absolute;top:12px;right:14px}.diver-panel__eyebrow{color:var(--sun-gold);margin:0 0 12px}.diver-panel h2{letter-spacing:.06em;margin:0;font-family:Songti SC,STSong,serif;font-size:25px;font-weight:400}.diver-panel__description{color:#dcebe1a6;margin:12px 0 20px;font-size:11px;line-height:1.75}.portrait-upload{color:#e7f3ebc7;cursor:pointer;background:radial-gradient(circle,#5ab4ab21,#01101740);border:1px dashed #8fe0d152;place-items:center;min-height:176px;display:grid;position:relative;overflow:hidden}.portrait-upload input{z-index:3;opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.portrait-upload img{object-fit:cover;object-position:center 24%;opacity:.4;width:100%;height:100%;position:absolute;inset:0}.portrait-upload>span,.portrait-upload>small{z-index:1;background:#031922a8;padding:6px 10px;position:relative}.portrait-upload>span{letter-spacing:.12em;align-self:end;font-family:Songti SC,serif;font-size:13px}.portrait-upload>small{color:#b0d3ca8a;align-self:start}.begin-dive{color:#ebf3e6e6;cursor:pointer;letter-spacing:.16em;background:#7cbfaf1f;border:1px solid #d0e2cd61;width:100%;margin-top:14px;padding:12px 16px;font-family:Songti SC,serif}.begin-dive:disabled{cursor:not-allowed;opacity:.35}.dive-transition{z-index:8;pointer-events:none;inset:0;overflow:hidden}.dive-transition span{bottom:-12vh;left:calc(20% + var(--bubble-offset,0%));opacity:0;border:1px solid #bbf7eb6b;border-radius:50%;width:18vw;height:18vw;position:absolute}.dive-transition span:nth-child(2){--bubble-offset:15%;width:9vw;height:9vw}.dive-transition span:nth-child(3){--bubble-offset:32%;width:14vw;height:14vw}.dive-transition span:nth-child(4){--bubble-offset:51%;width:7vw;height:7vw}.dive-transition span:nth-child(5){--bubble-offset:68%;width:12vw;height:12vw}.dive-transition.is-active span{animation:1.7s cubic-bezier(.2,.72,.26,1) both diver-bubble-rise}.dive-transition.is-active span:nth-child(2){animation-delay:80ms}.dive-transition.is-active span:nth-child(3){animation-delay:.16s}.dive-transition.is-active span:nth-child(4){animation-delay:.24s}.dive-transition.is-active span:nth-child(5){animation-delay:.31s}@keyframes diver-bubble-rise{0%{opacity:0;transform:translateY(0)scale(.35)}18%{opacity:.8}to{opacity:0;transform:translateY(-120vh)scale(1.45)}}.loading-screen,.fatal-error{z-index:20;background:radial-gradient(circle at 50% 44%,#124b506b,#0000 36%),#03141c;place-items:center;display:grid;position:absolute;inset:0}.loading-screen{transition:opacity .9s cubic-bezier(.65,0,.35,1)}.loading-screen.is-complete{opacity:0;pointer-events:none}.loading-screen__content{justify-items:center;min-width:250px;display:grid}.loading-screen__ring{border:1px solid #d9c58b2e;border-top-color:#d9c58bbf;border-radius:50%;width:64px;height:64px;animation:3s linear infinite loading-turn}.loading-screen__content p{color:#dce4d9a8;letter-spacing:.16em;margin:26px 0 8px;font-family:Songti SC,STSong,serif;font-size:12px}.loading-screen__content>span{color:var(--sun-gold);letter-spacing:.15em;font-family:SFMono-Regular,ui-monospace,monospace;font-size:9px}.fatal-error{text-align:center;align-content:center}.fatal-error p{margin:0 0 8px;font-family:Songti SC,serif;font-size:18px}.fatal-error span{color:var(--muted-ink);font-size:11px}@keyframes loading-turn{to{transform:rotate(360deg)}}@keyframes grain-drift{0%{transform:translate(0)}25%{transform:translate(-1.2%,1%)}50%{transform:translate(.8%,-1.2%)}75%{transform:translate(1.1%,.6%)}to{transform:translate(0)}}@media (max-width:760px){.field-header{padding:20px}.diver-entry{top:74px}.diver-panel{padding:28px 22px 22px}.depth-readout{top:auto;bottom:72px;left:20px;transform:none}.depth-readout p,.depth-readout small,.sound-note{display:none}.field-footer{bottom:20px;left:20px;right:20px}.dive-controls{opacity:.82;transform-origin:100% 100%;bottom:66px;right:18px;transform:scale(1.06)}.observation-card{bottom:62px;right:20px}#interaction-hint{font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}