html,body,#app,#game-root{width:100%;height:100%;margin:0;overflow:visible;background:#061722;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}canvas{display:block;image-rendering:pixelated}#app.splash-mode:not(.splash-scene-ready) #game-root{opacity:0}#hud{position:fixed;top:14px;left:14px;right:14px;z-index:10;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:auto;opacity:1;transform:none}.hud-panel{display:flex;align-items:center;gap:8px;min-height:24px;padding:5px 8px;border:1px solid rgba(155,228,219,.4);background:#04141cb8;color:#d8fff6;box-shadow:0 2px #00000059;text-shadow:0 1px 0 #021017;pointer-events:auto}.hud-right{display:grid;justify-items:end;gap:6px;pointer-events:auto}#hud-logo-link{display:inline-flex;width:116px;height:116px;border-radius:50%;pointer-events:auto;cursor:pointer;animation:loading-logo 1.2s ease-in-out infinite alternate;transform-style:preserve-3d;transition:filter .14s ease,transform .14s ease}#hud-logo{width:116px;height:116px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 0 rgba(0,0,0,.35));transition:filter .14s ease,transform .14s ease}#hud-logo-link:hover #hud-logo,#hud-logo-link:focus-visible #hud-logo{filter:drop-shadow(0 3px 0 rgba(0,0,0,.35)) drop-shadow(0 0 10px rgba(216,255,246,.78)) drop-shadow(0 0 18px rgba(61,214,228,.5));transform:translateY(-1px) scale(1.04)}#hud-logo-link:focus-visible{outline:2px solid rgba(216,255,246,.78);outline-offset:4px}#hud-logo-link:active #hud-logo{animation:logo-click-pop .22s ease-out}#hud-version{position:fixed;right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:10;padding:3px 5px;border:1px solid rgba(155,228,219,.28);background:#04141c94;color:#97d8cd;box-shadow:0 2px #00000047;font-size:9px;line-height:1;text-shadow:0 1px 0 #021017;pointer-events:none}.hud-panel strong,.hud-panel select{font-size:12px;line-height:1}.hud-panel select{max-width:min(46vw,210px);padding:2px 22px 2px 4px;border:0;background:#020c12b8;color:#d8fff6;color-scheme:dark;font:inherit;font-size:12px;font-weight:700;line-height:1;text-shadow:0 1px 0 #021017;cursor:pointer}.hud-panel select option{background:#04141c;color:#d8fff6}.hud-panel select:focus-visible{outline:1px solid rgba(216,255,246,.72);outline-offset:3px}.hud-panel span{font-size:12px;line-height:1;color:#97d8cd}#depth-gauge{display:none;position:fixed;right:18px;top:86px;justify-items:center;gap:7px;color:#d8fff6;text-shadow:0 1px 0 #021017}#depth-gauge-max{min-width:48px;padding:4px 6px;border:2px solid rgba(155,228,219,.34);background:#04141cb8;box-shadow:0 3px #00000057;font-size:12px;line-height:1;text-align:center}#depth-gauge-max{color:#86cfc9}#depth-gauge-track{position:relative;width:16px;height:min(34vh,260px);min-height:132px;border:2px solid rgba(155,228,219,.46);background:linear-gradient(to bottom,#75eff438,#049de347 46%,#00071194),#04141ca3;box-shadow:0 3px #00000059;overflow:visible}#depth-gauge-fill{position:absolute;left:0;right:0;top:0;height:0%;background:linear-gradient(to bottom,#d8fff6,#37d0e4 46%,#08294a);opacity:.82;transition:height .12s linear}#depth-marker{position:absolute;left:-66px;top:0%;z-index:2;display:flex;align-items:center;gap:5px;transform:translateY(-50%);transition:top .12s linear}#depth-marker:after{content:"";width:14px;height:2px;background:#d8fff6db;box-shadow:0 1px #0000005c}#depth-label{min-width:42px;padding:4px 5px;border:2px solid rgba(155,228,219,.34);background:#04141cb8;box-shadow:0 3px #00000057;font-size:12px;line-height:1;text-align:center}.depth-gauge-tick{position:absolute;right:0;width:9px;height:2px;background:#d8fff6b8}.depth-gauge-tick.top{top:0}.depth-gauge-tick.mid{top:50%}.depth-gauge-tick.bottom{bottom:0}#touch-controls{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;display:none;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none}#touch-controls.dev-nav{display:block;pointer-events:auto;cursor:grab}#touch-joystick{position:absolute;left:0;top:0;width:122px;height:122px;display:none;pointer-events:none;transform:translate(-50%,-50%);filter:drop-shadow(0 5px 0 rgba(0,0,0,.24))}#touch-controls.is-active #touch-joystick{display:block}#fullscreen-toggle{position:fixed;right:calc(16px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:24;display:none;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(155,228,219,.48);background:#04141cc7;color:#d8fff6;box-shadow:0 3px #00000059;font:inherit;font-size:12px;line-height:1;text-shadow:0 1px 0 #021017;cursor:pointer;touch-action:manipulation}.fullscreen-icon{position:relative;width:22px;height:22px;display:block;background:linear-gradient(currentColor 0 0) left top / 8px 2px no-repeat,linear-gradient(currentColor 0 0) left top / 2px 8px no-repeat,linear-gradient(currentColor 0 0) right top / 8px 2px no-repeat,linear-gradient(currentColor 0 0) right top / 2px 8px no-repeat,linear-gradient(currentColor 0 0) left bottom / 8px 2px no-repeat,linear-gradient(currentColor 0 0) left bottom / 2px 8px no-repeat,linear-gradient(currentColor 0 0) right bottom / 8px 2px no-repeat,linear-gradient(currentColor 0 0) right bottom / 2px 8px no-repeat}.fullscreen-icon:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(216,255,246,.34)}#fullscreen-toggle[aria-pressed=true] .fullscreen-icon{width:20px;height:20px;background-size:7px 2px,2px 7px,7px 2px,2px 7px,7px 2px,2px 7px,7px 2px,2px 7px}#fullscreen-toggle[aria-pressed=true] .fullscreen-icon:before{top:4px;right:4px;bottom:4px;left:4px;border-color:#d8fff67a}#fullscreen-toggle:hover,#fullscreen-toggle:focus-visible{background:#0c404ddb;outline:none}#fullscreen-toggle[aria-pressed=true]{background:#137b79e6;border-color:#d8fff6bd}#fullscreen-toggle[hidden]{display:none}.creature-info-popup{--creature-info-popup-scale: 1;position:fixed;left:0;top:0;z-index:22;display:grid;grid-template-columns:181px minmax(231px,1fr);align-items:stretch;gap:13px;width:min(546px,calc(100vw - 24px));min-height:149px;padding:11px;border:1px solid rgba(155,228,219,.46);background:linear-gradient(180deg,#07222deb,#030f17eb),#04141ceb;color:#d8fff6;box-shadow:0 4px #00000057,0 14px 28px #00000047;pointer-events:none;transform-origin:left top;transform:translateZ(0)}.creature-info-popup[hidden]{display:none}.creature-info-preview{display:grid;grid-template-rows:auto auto;align-content:stretch;justify-items:center;gap:6px;min-width:0;min-height:126px;padding:6px;border:1px solid rgba(155,228,219,.28);background:radial-gradient(circle at 50% 45%,#49d4d02e,#020c122e 64%),#020c128a;overflow:hidden}#creature-info-preview-canvas{width:100%;height:auto;image-rendering:pixelated}.creature-info-copy{min-width:0;display:grid;align-content:start;gap:6px}.creature-info-kicker{color:#49d4d0;font-size:10px;line-height:1;text-transform:uppercase}#creature-info-title{margin:0;color:#f2fffb;font-size:15px;line-height:1.1;font-weight:700}#creature-info-summary{margin:0;color:#a9ddd5;font-size:12px;line-height:1.36;text-align:justify;text-justify:inter-word}.creature-info-section{display:grid;gap:1px}.creature-info-section h3{margin:0;color:#d7fff8;font-size:10px;line-height:1.15;text-transform:uppercase}.creature-info-section p{margin:0;text-align:justify}.creature-info-images{display:grid;gap:6px;min-height:0;width:100%;height:auto}.creature-info-images img{display:block;width:100%;height:auto;min-height:57px;object-fit:contain;border:1px solid rgba(155,228,219,.28);background:#020c128a;image-rendering:pixelated}#touch-joystick-ring,#touch-joystick-knob{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}#touch-joystick-ring{width:122px;height:122px;border:2px solid rgba(216,255,246,.44);background:radial-gradient(circle,#49d4d029,#04141c85 62%,#04141c33),#04141c52;box-shadow:inset 0 0 0 2px #49d4d024,0 0 18px #49d4d024}#touch-joystick-knob{width:48px;height:48px;border:2px solid rgba(216,255,246,.58);background:radial-gradient(circle at 38% 32%,#d8fff6a8,#49d4d08a 36%,#0e5460bd),#137b79c7;box-shadow:inset 0 -5px #0000002e,0 3px #00000047}#dev-tools{position:fixed;left:14px;right:14px;bottom:14px;z-index:20;display:flex;align-items:center;gap:7px;width:fit-content;max-width:calc(100vw - 28px);color:#d8fff6;text-shadow:0 1px 0 #021017;--dev-control-height: clamp(24px, 3.1vw, 28px);--dev-font-size: clamp(9px, 1.05vw, 11px);--dev-gap: clamp(4px, .75vw, 7px);--dev-pad-x: clamp(5px, .9vw, 8px);--dev-slider-width: clamp(76px, 11vw, 112px);--dev-seed-width: clamp(64px, 8vw, 82px);--dev-select-width: clamp(74px, 9vw, 92px);--dev-readout-width: clamp(156px, 21vw, 220px)}#dev-tools button{display:grid;place-items:center;min-width:var(--dev-control-height);height:var(--dev-control-height);padding:0 var(--dev-pad-x);border:1px solid rgba(155,228,219,.4);background:#04141cc7;color:#d8fff6;box-shadow:0 3px #00000059;font:inherit;font-size:var(--dev-font-size);line-height:1;cursor:pointer}#dev-tools button:hover,#dev-tools button:focus-visible{background:#0c404ddb;outline:none}#dev-toggle[aria-pressed=true]{background:#137b79e6;border-color:#d8fff6bd}.dev-extra{display:none;align-items:center;gap:var(--dev-gap);max-width:min(100%,calc(100vw - 68px));padding:clamp(4px,.8vw,6px);border:1px solid rgba(155,228,219,.34);background:#04141c9e;box-shadow:0 3px #00000052}#dev-tools.is-active .dev-extra{display:flex;flex-wrap:wrap}.dev-slider{display:grid;grid-template-columns:auto var(--dev-slider-width);align-items:center;gap:5px;min-width:0;font-size:var(--dev-font-size);color:#97d8cd}.dev-slider input{width:var(--dev-slider-width);min-width:0;accent-color:#49d4d0}.dev-seed{display:grid;grid-template-columns:auto var(--dev-seed-width);align-items:center;gap:5px;min-width:0;font-size:var(--dev-font-size);color:#97d8cd}.dev-seed input{width:var(--dev-seed-width);min-width:0;border:1px solid rgba(155,228,219,.34);background:#020c12ad;color:#d8fff6;font:inherit;font-size:var(--dev-font-size)}.dev-select{display:grid;grid-template-columns:auto var(--dev-select-width);align-items:center;gap:5px;min-width:0;font-size:var(--dev-font-size);color:#97d8cd}.dev-select select{width:var(--dev-select-width);min-width:0;border:1px solid rgba(155,228,219,.34);background:#020c12ad;color:#d8fff6;font:inherit;font-size:var(--dev-font-size)}.music-controls{position:relative;display:flex;align-items:center;justify-content:flex-end;width:auto;min-height:0;color:#d8fff6;font-size:10px;line-height:1;text-shadow:0 1px 0 #021017;pointer-events:auto}.music-controls button{display:grid;place-items:center;width:32px;height:30px;padding:0;border:1px solid rgba(155,228,219,.4);background:#04141cb8;color:#d8fff6;box-shadow:0 2px #00000052;font:inherit;line-height:1;cursor:pointer}.music-controls button:hover,.music-controls button:focus-visible{background:#0c404ddb;outline:none}#music-mute[aria-pressed=false]{background:#137b79e6;border-color:#d8fff6bd}.speaker-icon{display:block;width:22px;height:22px;background-image:var(--speaker-icon-url);background-repeat:no-repeat;background-position:left center;background-size:44px 22px}.speaker-icon:before{content:none}.speaker-icon:after{content:none}#music-mute[aria-pressed=true] .speaker-icon{background-position:left center}#music-mute[aria-pressed=false] .speaker-icon{background-position:right center}.music-volume-popover{position:absolute;top:calc(100% + 6px);right:0;display:grid;place-items:center;width:34px;height:144px;padding:8px 5px;border:1px solid rgba(155,228,219,.34);background:#04141cc7;box-shadow:0 3px #00000057;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .12s ease,transform .12s ease}.music-controls.is-open .music-volume-popover{opacity:1;pointer-events:auto;transform:translateY(0)}#music-volume{width:22px;height:126px;margin:0;display:block;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;writing-mode:vertical-lr;direction:rtl;background:transparent;accent-color:#49d4d0}#dev-camera-readout{width:var(--dev-readout-width);min-width:0;padding:4px 6px;border:1px solid rgba(155,228,219,.24);background:#020c127a;color:#97d8cd;font-size:var(--dev-font-size);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;min-height:100dvh;padding:12px;background:#061722;pointer-events:auto}#splash.is-ready{display:none}#splash:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:linear-gradient(#0b1f2a02,#08171c02);opacity:1}#loading-panel{display:grid;justify-items:center;gap:10px;width:min(72vw,360px);max-height:calc(100dvh - 24px);color:#d8fff6;text-align:center;text-shadow:none;padding:0;border:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-radius:10px;pointer-events:auto;outline:0}#start-button{margin-top:4px;border:2px solid rgba(216,255,246,.72);padding:10px 18px;color:#d8fff6;background:#04141cb8;border-radius:6px;font-size:13px;line-height:1;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,transform .12s ease;outline:0;text-shadow:none;box-shadow:0 3px #00000057}#start-button:hover,#start-button:focus-visible{background:#114b53d1;border-color:#d8fff6f2;outline:0}#start-button:active{transform:translateY(2px);box-shadow:0 1px #00000057}#app.splash-mode #hud,#app.splash-mode #touch-controls,#app.splash-mode #fullscreen-toggle,#app.splash-mode #dev-tools{pointer-events:none;opacity:0;visibility:hidden}#loading-panel img{width:min(46vw,56dvh,360px);height:auto;image-rendering:pixelated;animation:loading-logo 1.2s ease-in-out infinite alternate;transform-style:preserve-3d}#loading-title{margin-top:clamp(-110px,-19vw,-56px);font-size:14px;line-height:1;letter-spacing:0;animation:loading-logo 1.2s ease-in-out infinite alternate;transform-style:preserve-3d}@media(orientation:landscape)and (max-height:480px){#loading-title{margin-top:clamp(-150px,-21dvh,-56px)}}#loading-track{width:100%;height:12px;border:2px solid rgba(155,228,219,.48);background:#020c129e;box-shadow:inset 0 0 0 2px #49d4d01a;overflow:hidden}#loading-fill{width:0%;height:100%;background:linear-gradient(90deg,#49d4d0,#d8fff6),#49d4d0;transition:width .12s linear}#loading-percent{min-width:42px;padding:4px 6px;border:1px solid rgba(155,228,219,.34);background:#04141ca3;color:#97d8cd;font-size:12px;line-height:1}#loading-status{color:#97d8cd;font-size:11px;line-height:1}#start-button,#loading-panel.loading-ready #loading-track,#loading-panel.loading-ready #loading-status,#loading-panel.loading-ready #loading-percent{display:none}#loading-panel.loading-ready #start-button{display:inline-block}@keyframes loading-logo{to{transform:translateY(-4px)}}@keyframes logo-click-pop{45%{transform:translateY(1px) scale(.92)}to{transform:translateY(-1px) scale(1.04)}}@keyframes hud-in{to{opacity:1;transform:translateY(0)}}@media(max-width:640px){#hud{align-items:flex-start}.hud-panel{padding:4px 7px}#hud-logo{width:116px;height:116px}#hud-version{font-size:8px}#depth-gauge{right:10px;top:76px}#depth-gauge-track{width:14px;height:min(30vh,210px);min-height:118px}#depth-marker{left:-60px}#depth-label{min-width:38px;padding:4px}#dev-tools{left:10px;right:10px;bottom:10px;width:auto;max-width:calc(100vw - 20px);align-items:flex-start;--dev-slider-width: clamp(52px, 15vw, 88px);--dev-seed-width: clamp(52px, 16vw, 70px);--dev-select-width: clamp(64px, 18vw, 78px);--dev-readout-width: clamp(118px, 34vw, 150px)}.dev-extra{flex-wrap:wrap;max-width:calc(100vw - 68px)}.creature-info-popup{--creature-info-popup-scale: .88;grid-template-columns:minmax(0,1fr);gap:8px;width:min(441px,calc(100vw - 20px));min-height:122px;padding:8px}.creature-info-preview{min-height:99px}#creature-info-title{font-size:13px}#creature-info-summary{font-size:11px}.creature-info-section h3{font-size:9px}.dev-slider{grid-template-columns:auto minmax(72px,1fr);flex:0 1 104px}.dev-slider input{width:100%}.dev-seed{flex:0 1 104px;grid-template-columns:auto minmax(58px,1fr)}.dev-seed input{width:100%}.dev-select{flex:0 1 118px;grid-template-columns:auto minmax(64px,1fr)}.dev-select select{width:100%}#dev-camera-readout{flex:0 1 var(--dev-readout-width);width:var(--dev-readout-width)}}@media(max-width:420px){.creature-info-popup{--creature-info-popup-scale: .78;width:min(392px,calc(100vw - 18px))}}@media(hover:none),(pointer:coarse),(max-width:900px){#touch-controls{display:none}#touch-controls.dev-nav{display:block}#dev-tools{bottom:calc(18px + env(safe-area-inset-bottom))}}@media(hover:none),(pointer:coarse){#fullscreen-toggle{display:grid}}@media(max-width:640px)and (hover:none),(max-width:640px)and (pointer:coarse){#touch-joystick,#touch-joystick-ring{width:108px;height:108px}#touch-joystick-knob{width:44px;height:44px}}