:root{--abyss:#010a0f;--deep:#04202b;--mid:#0b4756;--shaft:#6fc9c4;--silver:#d4e6e8;--muted:#86a5ad;--gold:#e9cf94;--line:#6fc9c42e;--panel:#03141c;--display:"Cormorant Garamond", "Iowan Old Style", Georgia, serif;--body:"Instrument Sans", "Helvetica Neue", Arial, sans-serif;--light:1;--w1:#78e1e1;--w2:#2e8fa3;--w3:#0e5268;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:var(--abyss);color:var(--silver);font-family:var(--body);font-size:15px;line-height:1.55}#app{height:100%;height:100dvh}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}#stage{--edge:200px;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(ellipse 130% 55% at 50% -8%, var(--w1) 0%, transparent 72%), linear-gradient(180deg, var(--w2) 0%, var(--w3) 100%);height:100%;position:relative;overflow:hidden;container:stage/inline-size}#gl{width:100%;height:100%;display:block;position:absolute;inset:0}.nogl{text-align:center;color:var(--muted);margin:0;font-size:13px;position:absolute;top:56px;left:0;right:0}.shafts{pointer-events:none;mix-blend-mode:screen;opacity:var(--light,1);position:absolute;inset:0;overflow:hidden}.shafts i{filter:blur(22px);transform-origin:50% 0;background:linear-gradient(#bef8f057,#a0ebe61a 40%,#a0ebe600 75%);width:14%;height:130%;animation:12s ease-in-out infinite alternate sway;position:absolute;top:-15%}.shafts i:first-child{--r:10deg;opacity:.7;left:14%}.shafts i:nth-child(2){--r:0deg;animation-delay:-5s;left:43%}.shafts i:nth-child(3){--r:-9deg;opacity:.8;animation-delay:-9s;left:70%}@media (max-width:600px){.shafts i{filter:blur(16px);width:24%}.shafts i:first-child{left:4%}.shafts i:nth-child(2){left:38%}.shafts i:nth-child(3){left:72%}}@keyframes sway{0%{transform:rotate(calc(var(--r) - 1.5deg))}to{transform:rotate(calc(var(--r) + 1.5deg))}}.vignette{pointer-events:none;background:radial-gradient(ellipse 80% 70% at 50% 35%, transparent 0%, color-mix(in srgb, var(--w3) 45%, transparent) 70%, var(--w3) 100%);position:absolute;inset:0}.ui{z-index:2;position:absolute}#mapBtn{top:calc(16px + env(safe-area-inset-top,0px));border:1px solid var(--line);color:var(--silver);background:#03141cb3;border-radius:999px;padding:6px 14px;font-size:13px;left:20px}#mapBtn:hover{border-color:var(--shaft)}.nb{max-width:170px;color:var(--silver);background:0 0;border:0;flex-direction:column;gap:2px;padding:14px 8px;transition:opacity .3s;display:flex;top:58%;transform:translateY(-50%)}.nb.left{text-align:left;--nx:-60px;align-items:flex-start;left:18px}.nb.right{text-align:right;--nx:60px;align-items:flex-end;right:88px}.nb .chev{color:var(--gold);font-size:30px;line-height:.8;animation:2.4s ease-in-out 1.5s infinite nbNudge}.nb.left .chev{--dx:-5px}.nb.right .chev{--dx:5px}.nb:hover .chev{animation:none}@keyframes nbNudge{0%,60%,to{translate:0}80%{translate:var(--dx,0px) 0}}.nb .name{font-family:var(--display);opacity:.9;overflow-wrap:anywhere;font-size:1.2rem;line-height:1.1;transition:opacity .3s}.nb .name.sp{font-style:italic}.nb .com{color:var(--muted);font-size:12px;line-height:1.3}.nb:hover .name{opacity:1}.nbin{animation:.9s cubic-bezier(.16,.85,.2,1) .25s both nbIn}@keyframes nbIn{0%{opacity:0;translate:var(--nx,0px) 0}to{opacity:1;translate:0}}.sibpos{left:50%;bottom:calc(10px + env(safe-area-inset-bottom,0px));pointer-events:none;color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex;transform:translate(-50%)}.sibpos i{background:var(--muted);opacity:.45;border-radius:50%;width:5px;height:5px}.sibpos i.on{background:var(--gold);opacity:1}.lbl{text-align:left;color:var(--silver);white-space:nowrap;text-shadow:0 0 10px var(--abyss);background:0 0;border:0;padding:0 0 4px;transition:opacity .4s;top:0;left:0}.lbl .n{font-family:var(--display);opacity:.88;font-size:1.1rem;font-style:italic;line-height:1.1;transition:color .3s;display:block}.lbl .c{color:var(--muted);font-size:11.5px;line-height:1.3;display:block}.lbl.hov .n{color:var(--gold);opacity:1}.lbl.off{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility 0s .3s}@container stage (width<=700px){#stage,.info{--edge:84px}.nb{top:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));flex-direction:row;align-items:baseline;gap:6px;max-width:46%;padding:10px 6px;transform:none}.nb.left{text-align:left;left:6px}.nb.right{text-align:right;flex-direction:row-reverse;right:22px}.nb .name{font-size:1.05rem}.nb .com{display:none}.nb .chev{font-size:26px;line-height:1}.lbl .c{display:none}.lbl .n{font-size:.95rem}}@media (prefers-reduced-motion:reduce){.nbin,.nb .chev,.shafts i{animation:none}}.info{width:min(38rem, calc(100% - 2 * var(--edge)));text-align:center;text-shadow:0 0 26px #010a0fbf;top:66%;left:50%;transform:translate(-50%,-50%)}.info.sp{top:65%}.rank{color:var(--gold);letter-spacing:.04em;margin:0 0 6px;font-size:13px}.latin{font-family:var(--display);text-wrap:balance;letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-size:clamp(2rem,5.6cqw,4.8rem);font-weight:500;line-height:.98}.latin.sp{font-style:italic}.common{font-family:var(--display);color:var(--shaft);margin:8px 0 14px;font-size:clamp(1.15rem,2vw,1.5rem)}.meaning{color:var(--shaft);opacity:.75;margin:-8px 0 14px;font-size:12px;font-style:italic}.desc{max-width:30rem;color:var(--silver);opacity:.88;text-wrap:pretty;margin:0 auto}.facts{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 22px;margin:16px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.facts b{color:var(--silver);font-weight:500}.wiki{vertical-align:.12em;opacity:.6;width:.28em;min-width:15px;height:.28em;min-height:15px;margin-left:.18em;font-style:normal;transition:opacity .25s,transform .25s;display:inline-block}.wiki:hover,.wiki:focus-visible{opacity:1;transform:scale(1.12)}.wiki svg{width:100%;height:100%;display:block;overflow:visible}.wiki path{fill:none;stroke:var(--gold);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.range{width:min(18rem,100%);margin:14px auto 0}@media (max-height:720px){.range{width:min(13rem,100%);margin-top:10px}}.range svg{border:1px solid var(--line);border-radius:10px;width:100%;height:auto;display:block;overflow:hidden}.rg-sea{fill:#6fc9c412}.rg-land{fill:#0b2b36;stroke:#6fc9c46b;stroke-width:.7px;stroke-linejoin:round}.rg-grid{fill:none;stroke:#6fc9c433;stroke-width:.6px;stroke-dasharray:4 5}.rg-fs{fill:var(--gold)}.rg-ss{fill:none;stroke:var(--gold)}.info.in{animation:.95s cubic-bezier(.16,.85,.2,1) both slideIn}.info.in.seq{animation-delay:.3s}.info.out{pointer-events:none;animation:.3s cubic-bezier(.4,0,.8,.5) both slideOut}@keyframes slideIn{0%{opacity:0;transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,0px))) scale(.9);filter:blur(10px)}45%{opacity:1}to{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}}@keyframes slideOut{0%{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(calc(-50% - var(--dx,0px)), calc(-50% - var(--dy,0px))) scale(.9);filter:blur(10px)}}@container stage (width<=700px){.latin{font-size:clamp(1.5rem,6.6cqw,2.6rem)}.range{width:min(15rem,100%);margin-top:10px}}@media (prefers-reduced-motion:reduce){.info.in,.info.out{animation:none}}.gauge{width:56px;top:16%;bottom:16%;right:10px}.gauge svg{display:block;overflow:visible}.rl{fill:none;stroke:var(--shaft);stroke-opacity:.2;stroke-width:1px;transition:stroke-opacity .7s,stroke .7s}.rl.path{stroke:var(--gold);stroke-opacity:.85;stroke-width:1.4px}.rn{fill:var(--muted);opacity:.5;r:3px;transition:fill .6s,opacity .6s,r .6s}.rn.path{fill:var(--silver);opacity:.95}.rn.on{fill:var(--gold);opacity:1;r:4.8px}.rh{fill:#0000;pointer-events:all;cursor:pointer}g[role=button]:focus-visible{outline:none}g[role=button]:focus-visible .rh{stroke:var(--gold);stroke-width:1.5px}.rm{fill:var(--muted);opacity:.55}.railsvg{animation:.5s both railIn}@keyframes railIn{0%{opacity:.3}to{opacity:1}}.pulse{fill:#fff6dc;opacity:0;filter:drop-shadow(0 0 5px var(--gold));pointer-events:none}.rlab{color:var(--gold);white-space:nowrap;pointer-events:none;font-size:12px;transition:top .7s cubic-bezier(.2,.8,.2,1);position:absolute;right:64px;transform:translateY(-50%)}.rlab.anc{color:var(--muted);opacity:.8;font-size:11px}.rlab.anc.sp{font-style:italic}@container stage (width<=700px){.gauge{right:6px}.rlab{display:none}}@media (prefers-reduced-motion:reduce){.railsvg{animation:none}}.intro{z-index:50;background:var(--abyss);place-items:center;transition:opacity .6s;display:grid;position:absolute;inset:0}.intro.out{opacity:0;pointer-events:none}.introbody{flex-direction:column;align-items:center;gap:28px;display:flex}.introtree{width:150px;height:auto;overflow:visible}.introdot{fill:var(--gold);filter:drop-shadow(0 0 6px var(--gold))}.keypad{grid-template-columns:repeat(3,40px);grid-template-areas:".up.""left down right";justify-items:center;gap:6px;display:grid}.keypad span,.swipepad span{letter-spacing:.08em;color:var(--muted);grid-column:1/-1;margin-top:10px;font-size:13px}.key{grid-area:var(--a);border:1px solid var(--line);width:40px;height:40px;font:18px var(--body);color:var(--muted);border-color:#6fc9c440;border-radius:8px;place-items:center;display:grid}.key.up{--a:up}.key.down{--a:down}.key.left{--a:left}.key.right{--a:right}.swipepad{flex-direction:column;justify-content:flex-end;align-items:center;width:120px;height:80px;display:flex;position:relative}.finger{border:1px solid var(--gold);opacity:0;background:#e9cf9459;border-radius:50%;width:22px;height:22px;position:absolute;top:18px;left:calc(50% - 11px)}@media (prefers-reduced-motion:reduce){.intro{transition:none}}.logo{--w:min(340px, 80vw);width:var(--w);flex-direction:column;align-items:center;gap:6px;display:flex}.logoshark{width:100%;display:block;overflow:visible}.sharkbody{animation:1.1s cubic-bezier(.2,.7,.2,1) both sharkIn}.gill{fill:none;stroke:var(--shaft);stroke-opacity:.35;stroke-width:1.2px;stroke-linecap:round}.eye{fill:var(--abyss)}.sharkfill{fill:#0b4756;fill-opacity:.85;stroke:var(--shaft);stroke-opacity:.25;stroke-width:1px}.branch{fill:none;stroke:var(--gold);stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:.5s ease-out both wakeDraw}.node{fill:#fff6dc;filter:drop-shadow(0 0 3px var(--gold));opacity:0;transform-box:fill-box;transform-origin:50%;animation:.35s ease-out forwards nodeIn}.introtitle{text-align:center;white-space:nowrap;font:500 calc(var(--w) * .2) var(--display);letter-spacing:.04em;color:var(--silver);margin:0;animation:.9s 2s both titleIn}@keyframes sharkIn{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:none}}@keyframes wakeDraw{to{stroke-dashoffset:0}}@keyframes nodeIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}@keyframes titleIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.introtitle,.sharkbody,.branch,.node{animation:none}.branch{stroke-dashoffset:0}.node{opacity:1}}.map{z-index:6;opacity:0;touch-action:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(80% 70% at 50% 42%,#052632e6,#010a0ff7);transition:opacity .5s;inset:0}.map.open{opacity:1}.mapbox{inset:calc(52px + env(safe-area-inset-top,0px)) 0 72px 0;position:absolute}.mapscroll{overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:#6fc9c44d transparent;position:absolute;inset:0;overflow:auto}.mapin{position:relative}.mapin svg{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.ml{fill:none;stroke:var(--shaft);stroke-opacity:.3;stroke-width:1.2px;stroke-dasharray:1;stroke-dashoffset:1px}.map.open .ml{stroke-dashoffset:0;transition:stroke-dashoffset 1s,stroke .6s,stroke-opacity .6s;transition-delay:calc(var(--d) * .13s)}.ml.path{stroke:var(--gold);stroke-opacity:.9;stroke-width:1.8px}.mn{will-change:transform;position:absolute;top:0;left:0}.mni{opacity:0;text-align:center;color:var(--silver);flex-direction:column;align-items:center;gap:2px;display:flex;transform:translate(-50%,-50%)scale(.6)}.map.open .mni{opacity:1;transition:opacity .6s,transform .8s cubic-bezier(.2,.9,.25,1.15);transition-delay:calc(var(--d) * .13s);transform:translate(-50%,-50%)scale(1)}.mm{text-align:center;color:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;max-width:100%;padding:8px 6px;display:flex}.mn .dot{background:var(--muted);border-radius:50%;width:11px;height:11px;transition:background .5s,box-shadow .5s}.mn.path .dot{background:var(--silver);box-shadow:0 0 12px #d4e6e880}.mn.on .dot{background:var(--gold);box-shadow:0 0 0 5px #e9cf942e,0 0 18px #e9cf94b3}.mn .t{font-family:var(--display);overflow-wrap:anywhere;text-shadow:0 0 5px var(--abyss), 0 0 9px var(--abyss), 0 0 14px var(--abyss);font-size:1.05rem;line-height:1.05}.mn .t.sp{font-style:italic}.mn .c{color:var(--muted);text-shadow:0 0 5px var(--abyss), 0 0 9px var(--abyss);font-size:11.5px;line-height:1.3}.mn.on .t{color:var(--gold)}.mm:hover .t{color:#fff}.mx{border:1px solid var(--line);color:var(--muted);background:#03141cb3;border-radius:999px;padding:1px 9px;font-size:11px;line-height:1.5}.mx:hover{border-color:var(--shaft);color:var(--silver)}.mrank{color:var(--muted);opacity:.7;pointer-events:none;font-size:11px;position:absolute;left:16px;transform:translateY(-50%)}.mapclose{top:calc(16px + env(safe-area-inset-top,0px));border:1px solid var(--line);color:var(--silver);background:#03141cb3;border-radius:999px;padding:6px 14px;font-size:13px;position:absolute;right:20px}.mapclose:hover{border-color:var(--shaft)}.maphint{left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom,0px));text-align:center;color:var(--muted);margin:0;padding:0 16px;font-size:12px;position:absolute}@container stage (width<=700px){.mn .t{font-size:.95rem}.mn .c{font-size:10.5px}}@container stage (width<=520px){.mrank{display:none}}@media (prefers-reduced-motion:reduce){.map,.map .mni,.map .ml{transition:none!important}.ml{stroke-dashoffset:0}.mni{opacity:1;transform:translate(-50%,-50%)}}