:root{color:#fffaf8;font-synthesis:none;background:#07151c;font-family:ui-rounded,SF Pro Rounded,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;min-width:0;height:100%;margin:0;overflow:hidden}html,body,#app,#tank,#tank canvas,.scene-controls,.scene-button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#app,#tank,#tank canvas{touch-action:none}canvas,svg,a,button{-webkit-user-drag:none}#app{isolation:isolate;background:#8fd2e5;width:100vw;height:100dvh;min-height:100svh;position:relative;overflow:hidden}#app:before{z-index:3;content:"";pointer-events:none;border:1px solid #fffaf77a;border-radius:clamp(20px,4vmin,34px);position:absolute;inset:clamp(5px,1.2vmin,10px);box-shadow:inset 0 28px 70px #ffffff21,inset 0 -42px 80px #4894af1f,0 28px 90px #00000059}#tank,#tank canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.scene-controls{top:calc(env(safe-area-inset-top,0px) + 16px);left:calc(env(safe-area-inset-left,0px) + 16px);z-index:6;gap:8px;display:flex;position:absolute}.language-toggle{top:calc(env(safe-area-inset-top,0px) + 16px);right:calc(env(safe-area-inset-right,0px) + 16px);z-index:6;letter-spacing:-.02em;font-size:14px;font-weight:900;position:absolute}.scene-button{color:#244b59;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;background:#f2fdfbe0;border:1px solid #ffffffb8;border-radius:17px;place-items:center;width:48px;height:48px;padding:0;transition:background-color .18s,box-shadow .18s,transform .18s;display:grid;box-shadow:0 8px 24px #34708033,inset 0 1px #ffffffd6}.scene-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px}.scene-button:hover{background:#fffffff5;box-shadow:0 10px 28px #3470803d,inset 0 1px #fff}.scene-button:active{transform:scale(.96)}.scene-button:focus-visible{outline-offset:3px;outline:3px solid #245e75}.sound-off,#sound-toggle[data-muted=true] .sound-on{display:none}#sound-toggle[data-muted=true] .sound-off{display:block}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}#loading{z-index:8;background:linear-gradient(#addfec,#7fc5dc);place-items:center;transition:opacity .45s,visibility .45s;display:grid;position:absolute;inset:0}.loading-pearls{gap:10px;display:flex}.loading-pearls span{background:#fffaf8e6;border-radius:50%;width:14px;height:14px;animation:.9s ease-in-out infinite alternate pearl-breathe;box-shadow:0 4px 14px #4b91a642}.loading-pearls span:nth-child(2){animation-delay:.15s}.loading-pearls span:nth-child(3){animation-delay:.3s}@keyframes pearl-breathe{to{opacity:.5;transform:translateY(-6px)scale(.82)}}#loading.done{opacity:0;visibility:hidden}@media (width>=720px){body{background:radial-gradient(circle at 50% 48%,#2b5966 0%,#061016 70%),#061016}}@media (orientation:landscape){.scene-controls{top:calc(env(safe-area-inset-top,0px) + 10px);left:calc(env(safe-area-inset-left,0px) + 12px)}.language-toggle{top:calc(env(safe-area-inset-top,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 12px)}}@media (orientation:landscape) and (height<=500px){#app:before{border-radius:20px}.scene-button{border-radius:15px;width:44px;height:44px}}@media (prefers-reduced-motion:reduce){#loading,.scene-button{transition:none}.loading-pearls span{animation:none}}