:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root,.tiny-ocean-shell{width:100%;height:100%;margin:0;overflow:hidden}.tiny-ocean-shell{position:relative;background:#05070d;color:#f5fbfa}.tiny-ocean-canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.tiny-ocean-hidden-canvas{position:fixed;left:-10000px;width:256px;height:256px;pointer-events:none}.tiny-ocean-title,.tiny-ocean-controls,.tiny-ocean-terrain-tuner,.tiny-ocean-status,.tiny-ocean-error{position:absolute;z-index:2;border:1px solid rgba(190,236,238,.19);background:#04141bbd;box-shadow:0 12px 40px #0000003d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tiny-ocean-terrain-tuner{top:18px;right:18px;width:min(292px,calc(100% - 36px));max-height:calc(100% - 150px);overflow:auto;padding:11px 13px 13px;border-radius:14px;color:#c7dcde;font-size:11px}.tiny-ocean-terrain-tuner summary{color:#eafffb;cursor:pointer;font-size:12px;font-weight:750;letter-spacing:.01em}.tiny-ocean-archetype{display:grid;gap:5px;margin-top:12px}.tiny-ocean-archetype span,.tiny-ocean-terrain-sliders label>span{color:#9bb8bb}.tiny-ocean-archetype select,.tiny-ocean-debug-select select{width:100%;padding:7px 9px;border:1px solid rgba(108,231,214,.25);border-radius:8px;background:#051f27f0;color:#eafffb;font:inherit}.tiny-ocean-terrain-sliders{display:grid;gap:9px;margin-top:12px}.tiny-ocean-terrain-sliders label{display:grid;grid-template-columns:1fr auto;gap:3px 8px;align-items:center}.tiny-ocean-terrain-sliders output{color:#8ff0d8;font-variant-numeric:tabular-nums}.tiny-ocean-terrain-sliders input{grid-column:1 / -1;width:100%;margin:0;accent-color:#4ed4bf}.tiny-ocean-water-readability{display:grid;gap:8px;margin-top:13px;padding:10px;border:1px solid rgba(190,236,238,.12);border-radius:10px;background:#010d1252}.tiny-ocean-water-readability-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.tiny-ocean-water-readability-head strong{color:#eafffb}.tiny-ocean-water-readability-head span,.tiny-ocean-water-readability>small{color:#78979a;line-height:1.35}.tiny-ocean-sun-azimuth{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;align-items:center}.tiny-ocean-sun-azimuth>label{display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center}.tiny-ocean-sun-azimuth>label span{color:#9bb8bb}.tiny-ocean-sun-azimuth>label output{color:#8ff0d8;font-variant-numeric:tabular-nums}.tiny-ocean-sun-azimuth>label input{grid-column:1 / -1;width:100%;margin:0;accent-color:#4ed4bf}.tiny-ocean-sun-compass{position:relative;width:80px;height:80px;border:1px solid rgba(108,231,214,.35);border-radius:50%;background:radial-gradient(circle at center,rgba(108,231,214,.12) 0 3px,transparent 4px),linear-gradient(90deg,transparent 49%,rgba(190,236,238,.11) 50%,transparent 51%),linear-gradient(transparent 49%,rgba(190,236,238,.11) 50%,transparent 51%),#041b22e6;box-shadow:inset 0 0 20px #00000047;cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none}.tiny-ocean-sun-compass:focus-visible{outline:2px solid rgba(108,231,214,.78);outline-offset:2px}.tiny-ocean-sun-compass>.north,.tiny-ocean-sun-compass>.east,.tiny-ocean-sun-compass>.south,.tiny-ocean-sun-compass>.west{position:absolute;color:#8aaeb0;font-size:8px;font-weight:800;line-height:1}.tiny-ocean-sun-compass>.north{top:5px;left:50%;transform:translate(-50%);color:#eafcf9}.tiny-ocean-sun-compass>.east{top:50%;right:5px;transform:translateY(-50%)}.tiny-ocean-sun-compass>.south{bottom:5px;left:50%;transform:translate(-50%)}.tiny-ocean-sun-compass>.west{top:50%;left:5px;transform:translateY(-50%)}.tiny-ocean-sun-needle{position:absolute;top:8px;right:8px;bottom:8px;left:8px;transform-origin:50% 50%;pointer-events:none}.tiny-ocean-sun-needle i{position:absolute;top:1px;left:50%;width:7px;height:25px;border-radius:7px 7px 4px 4px;background:linear-gradient(#ffe29a,#f3a94e);box-shadow:0 0 9px #ffca698c;transform:translate(-50%)}.tiny-ocean-sun-compass-center{position:absolute;top:50%;left:50%;width:8px;height:8px;border:2px solid #dffff9;border-radius:50%;background:#237d76;transform:translate(-50%,-50%);pointer-events:none}.tiny-ocean-material-frequencies{display:grid;gap:5px;margin-top:13px;padding:9px;border:1px solid rgba(190,236,238,.12);border-radius:9px;background:#ffffff06}.tiny-ocean-material-frequencies>strong{color:#eafffb}.tiny-ocean-material-frequencies>small{color:#78979a;line-height:1.3}.tiny-ocean-material-frequencies .tiny-ocean-terrain-sliders{margin-top:4px}.tiny-ocean-material-colors{display:grid;gap:7px;margin-top:13px;padding:9px;border:1px solid rgba(190,236,238,.12);border-radius:9px;background:#ffffff06}.tiny-ocean-material-colors-head,.tiny-ocean-material-color-row{display:grid;grid-template-columns:minmax(0,1fr) 38px 38px;gap:8px;align-items:center}.tiny-ocean-material-colors-head strong,.tiny-ocean-material-color-row strong{color:#eafffb}.tiny-ocean-material-colors-head span{color:#78979a;text-align:center}.tiny-ocean-material-colors>small{color:#78979a;line-height:1.3}.tiny-ocean-material-color-row{min-height:32px;padding:3px 5px;border:1px solid rgba(190,236,238,.08);border-radius:7px;background:#010d1252}.tiny-ocean-material-color-input{width:38px;height:28px;padding:2px;border:1px solid rgba(108,231,214,.28);border-radius:6px;background:#051f27f0;cursor:pointer}.tiny-ocean-material-color-input:focus-visible{outline:2px solid rgba(108,231,214,.7);outline-offset:1px}.tiny-ocean-diffuse-library{display:grid;gap:7px;margin-top:13px;padding:9px;border:1px solid rgba(190,236,238,.12);border-radius:9px;background:#ffffff06}.tiny-ocean-diffuse-library-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.tiny-ocean-diffuse-library-head strong,.tiny-ocean-diffuse-role strong{color:#eafffb}.tiny-ocean-diffuse-library-head span,.tiny-ocean-diffuse-library>small,.tiny-ocean-diffuse-role span{color:#78979a;line-height:1.3}.tiny-ocean-diffuse-role{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:7px;align-items:center;min-height:42px;padding:5px;border:1px solid rgba(190,236,238,.09);border-radius:7px;background:#010d125c}.tiny-ocean-diffuse-role:has(input:focus-visible){border-color:#6ce7d68c}.tiny-ocean-diffuse-role img{width:42px;height:42px;border-radius:5px;object-fit:cover}.tiny-ocean-diffuse-role>div{display:grid;min-width:0}.tiny-ocean-diffuse-role strong,.tiny-ocean-diffuse-role span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-ocean-diffuse-pick,.tiny-ocean-diffuse-role button{padding:4px 6px;border:1px solid rgba(108,231,214,.28);border-radius:6px;background:#26a79e1a;color:#bdf8ef;font:inherit;cursor:pointer}.tiny-ocean-diffuse-pick input{position:fixed;left:-10000px}.tiny-ocean-diffuse-role button{grid-column:3}.tiny-ocean-diffuse-role button:disabled,.tiny-ocean-diffuse-pick:has(input:disabled){cursor:wait;opacity:.5}.tiny-ocean-geometry-quality{margin-top:16px;padding-top:14px;border-top:1px solid rgba(190,236,238,.14)}.tiny-ocean-subhead{display:flex;align-items:center;justify-content:space-between;gap:10px}.tiny-ocean-subhead h2{margin:0;color:#eafffb;font-size:11px;letter-spacing:.02em}.tiny-ocean-subhead button{padding:4px 7px;border:1px solid rgba(108,231,214,.3);border-radius:6px;background:#26a79e1f;color:#bdf8ef;font:inherit;cursor:pointer}.tiny-ocean-geometry-debug{display:grid;gap:7px;margin-top:13px;padding:10px;border-radius:9px;background:#ffffff09}.tiny-ocean-geometry-debug label{display:flex;align-items:center;gap:7px}.tiny-ocean-geometry-debug input{margin:0;accent-color:#4ed4bf}.tiny-ocean-geometry-debug input:disabled+span{opacity:.45}.tiny-ocean-debug-select{display:grid!important;gap:5px!important;margin-top:3px}.tiny-ocean-geometry-debug small{color:#78979a;line-height:1.35}.tiny-ocean-diagnostics{margin-top:12px;padding:10px;border:1px solid rgba(190,236,238,.1);border-radius:9px;background:#ffffff06}.tiny-ocean-subhead button:disabled{cursor:wait;opacity:.55}.tiny-ocean-diagnostic-grid{display:grid;grid-template-columns:1fr auto;gap:5px 9px;margin-top:9px;color:#9bb8bb;font-variant-numeric:tabular-nums}.tiny-ocean-diagnostic-grid output{color:#8ff0d8;text-align:right}.tiny-ocean-diagnostic-row{display:contents}.tiny-ocean-title{top:18px;left:18px;padding:13px 16px 14px;border-radius:14px}.tiny-ocean-title p,.tiny-ocean-title h1,.tiny-ocean-title span{margin:0}.tiny-ocean-title p{color:#6ce7d6;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.tiny-ocean-title h1{margin-top:2px;font-size:20px;letter-spacing:-.035em}.tiny-ocean-title span{color:#9bb8bb;font-size:11px}.tiny-ocean-controls{right:18px;bottom:18px;display:grid;gap:7px;padding:13px;border-radius:14px;color:#bbcdcf;font-size:11px}.tiny-ocean-controls kbd{display:inline-flex;min-width:21px;height:21px;margin-right:4px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);border-radius:5px;background:#ffffff17;color:#fff;font:inherit;font-weight:700}.tiny-ocean-controls button{margin-top:3px;padding:8px 10px;border:1px solid rgba(108,231,214,.42);border-radius:8px;background:#26a79e29;color:#d9fffa;font:inherit;cursor:pointer}.tiny-ocean-controls button:hover{background:#26a79e47}.tiny-ocean-controls button.active{border-color:#f2c47eb8;background:#d6893733;color:#ffe3b4}.tiny-ocean-controls button:disabled{cursor:wait;opacity:.5}.tiny-ocean-tour-status{max-width:210px;color:#91f0cf;font-size:10px;line-height:1.35}.tiny-ocean-status{left:18px;bottom:18px;display:flex;flex-direction:column;gap:2px;min-width:190px;padding:9px 12px;border-radius:10px;color:#f2c47e;font-size:11px}.tiny-ocean-status.ready{color:#91f0cf}.tiny-ocean-status small{color:#8ba5a8;font-size:9px}.tiny-ocean-error{inset:50% auto auto 50%;display:flex;width:min(420px,calc(100% - 40px));padding:22px;border-color:#ff7e7e6b;border-radius:16px;flex-direction:column;gap:8px;transform:translate(-50%,-50%);color:#ffb9b9}@media (max-width: 620px){.tiny-ocean-title{top:10px;left:10px}.tiny-ocean-controls{right:10px;bottom:10px}.tiny-ocean-terrain-tuner{top:10px;right:10px;width:230px;max-height:calc(100% - 92px)}.tiny-ocean-status{bottom:10px;left:10px;min-width:0}.tiny-ocean-controls>div:nth-of-type(1),.tiny-ocean-controls>div:nth-of-type(2),.tiny-ocean-controls>div:nth-of-type(4),.tiny-ocean-controls button{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}