@font-face{font-family:MyFont;src:url(/Font.woff2) format("woff2"),url(/Font.woff) format("woff"),url(/Font.ttf) format("truetype");font-weight:400;font-style:normal}*{box-sizing:border-box;margin:0;padding:0}html,body,#root,#root>main{height:100dvh;width:100vw;font-family:MyFont,sans-serif;font-size:1.35rem}#MainScene,#MainHUD{position:fixed;top:0;left:0;height:100dvh;width:100vw}#MainHUD{pointer-events:none;z-index:1;display:grid;justify-items:center;align-items:end}.Splash{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:auto;padding:1rem 20px;text-align:center;background:#ffffff80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px}.Splash>div{background:#f1e5d3;box-shadow:0 54px 55px #00000040,0 -12px 30px #0000001f,0 4px 6px #0000001f,0 12px 13px #0000002b,0 -3px 5px #00000017;padding:1rem;display:grid;gap:.5rem;grid-template-columns:1fr;max-height:90vh;overflow-y:auto}.Splash img{width:100%;max-width:500px;height:auto;margin:auto;display:block}.instructions{display:grid;gap:.5rem;place-items:center}.instructions>p{font-size:clamp(.85rem,5vw,1.25rem);max-width:650px}.Splash button{pointer-events:all;padding:.5rem 2rem .75rem;border:0;font-family:MyFont,sans-serif;font-size:clamp(.85rem,5vw,1.25rem);margin:auto;color:#000;font-weight:700;background:#fff;box-shadow:0 2px 8px #63636333,inset 0 -6px #0000001a,inset 0 -2px #00000026;transition:all .15s ease-in-out}#MainHUD .Splash button:hover{filter:brightness(.98)}#MainHUD .Splash button:active{filter:brightness(.97);padding-top:15px;padding-bottom:15px;box-shadow:0 2px 6px #636300,inset 0 -1px #00000026}.inset{background:#fff;box-shadow:inset 0 4px 6px #0000002e,inset 0 -2px 3px #ffffff80;border-radius:5px;padding:1rem}