*{margin:0;padding:0;box-sizing:border-box}html,body{height:100dvh;overflow:hidden;overscroll-behavior:none;background:#dcdad2}body{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,sans-serif;color:#e8eaed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.scene{position:fixed;inset:0}.sea-canvas{position:fixed;top:0;left:0;display:block;width:100%;height:100%;height:100dvh;cursor:none;touch-action:none}.spawn-btn{position:fixed;top:26px;left:26px;z-index:10;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:0;background:transparent;color:#68667657;cursor:none;outline:none;transition:color .35s ease,transform .35s cubic-bezier(.22,1,.36,1),filter .35s ease,opacity .35s ease}@media(hover:hover){.spawn-btn:hover{color:#6e9c8df2;filter:drop-shadow(0 0 6px rgba(127,169,155,.45));transform:scale(1.12);cursor:none}}.spawn-btn:active{transform:scale(.94);transition-duration:.1s}.spawn-btn__icon{width:15px;height:15px;opacity:.85;transition:opacity .35s ease}.spawn-btn:hover .spawn-btn__icon{opacity:1}