*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:#fff;overflow:hidden}button{font:inherit}.opening-screen{background:#fff;width:100%;height:100%;position:relative;overflow:hidden}.play-button{color:#222;cursor:pointer;z-index:10;background:0 0;border:1px solid #00000059;border-radius:50%;width:72px;height:72px;transition:background .3s,color .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-button:hover{color:#fff;background:#222}.play-button span{display:block;transform:translate(2px)}.opening-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sound-button{color:#222;cursor:pointer;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff59;border:1px solid #0000004d;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:11px;line-height:1;display:grid;position:absolute;bottom:24px;right:24px}.broadcast{text-align:center;letter-spacing:.24em;text-transform:uppercase;color:#fffc;text-shadow:0 2px 20px #000000e6;pointer-events:none;z-index:50;max-width:min(90vw,640px);margin:0;font-size:clamp(11px,1.4vw,13px);position:fixed;bottom:clamp(20px,5vh,48px);left:50%;transform:translate(-50%)}.submerged-placeholder{background:radial-gradient(120% 90% at 50% 0,#0d4a68 0%,#03121d 70%,#010609 100%);place-items:center;display:grid;position:fixed;inset:0}.submerged-placeholder span{letter-spacing:.5em;text-transform:uppercase;color:#a0dcf573;font-size:11px}