html{height:100%;background-color:#000}*{box-sizing:border-box;outline:0;margin:0}body{height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;position:fixed;width:100%;touch-action:none}#root{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;padding:60px;overflow:hidden;touch-action:none;-webkit-overflow-scrolling:touch}@media(max-width:768px){.page{padding:10px}}.scene-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;touch-action:none;overflow:hidden}.scene{border:2px solid transparent;border-image:linear-gradient(to bottom,#ff8c0066,#ba34344d) 1;box-shadow:inset 0 0 20px #ba343426,inset 0 0 40px #ba343414;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@keyframes screenFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.logo{max-width:80%;width:80%;height:auto;display:block;margin-bottom:.5em;filter:drop-shadow(0 0 8px rgba(0,0,0,.9)) drop-shadow(0 3px 6px rgba(0,0,0,.7)) drop-shadow(0 1px 2px rgba(0,0,0,.8)) drop-shadow(0 0 12px rgba(255,140,0,.12)) drop-shadow(0 0 20px rgba(255,165,0,.08)) drop-shadow(0 0 30px rgba(255,140,0,.06))}.overlay-screen{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5em;text-align:center;padding:2em;max-width:90%;animation:screenFadeIn .3s ease-out;overflow:auto;box-sizing:border-box;--font-scale-divisor: 50;--title-size-multiplier: 4;--text-size-multiplier: 1.75;--button-text-size-multiplier: 1.6875;font-size:calc(var(--container-width, 800px) / var(--font-scale-divisor))}.overlay-screen.pause-overlay{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:100%!important;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10;padding:0}.overlay-title{font-weight:700;font-size:calc(var(--title-size-multiplier, 4) * 1em);color:#e2ae6a;text-shadow:0 0 8px rgba(0,0,0,.9),0 3px 6px rgba(0,0,0,.7),0 1px 2px rgba(0,0,0,.8);filter:drop-shadow(0 0 20px rgba(255,140,0,.25)) drop-shadow(0 0 35px rgba(255,165,0,.2)) drop-shadow(0 0 50px rgba(255,140,0,.15));margin:0}.overlay-text{font-weight:700;font-size:calc(var(--text-size-multiplier, 1.25) * 1em);color:#cdbb98;letter-spacing:.03em;margin:0}.overlay-footer{position:absolute;bottom:1.5em;left:50%;transform:translate(-50%);font-size:.9em;color:#cdbb98b3;letter-spacing:.02em;margin:0;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.5)}.button-container{position:relative;display:inline-block;cursor:pointer;transition:opacity .2s,transform .2s;-webkit-user-select:none;user-select:none}.button-container:hover{opacity:.9}.button-container:active{transform:scale(.98)}.button{max-width:100%;max-height:6em;width:auto;height:auto;display:block;object-fit:contain}.button-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:calc(var(--button-text-size-multiplier, 1.6875) * 1em);font-weight:700;color:#e5dbc7;text-shadow:-.5px -.5px 0 rgba(255,255,255,.4),-1px -1px 0 rgba(255,255,255,.2),.5px .5px 0 rgba(0,0,0,.3),1px 1px 0 rgba(0,0,0,.2);-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;text-rendering:geometricPrecision;pointer-events:none;white-space:nowrap;letter-spacing:.05em}.mobile-controls{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.mobile-control-button{width:60px;height:60px;border-radius:50%;border:3px solid rgba(255,140,0,.6);background:#000000b3;color:#e5dbc7;font-size:28px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .1s,border-color .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 8px #00000080,inset 0 1px 2px #ffffff1a}.mobile-control-button:active{background:#ff8c004d;transform:scale(.95);border-color:#ff8c00e6}.mobile-control-button:hover{background:#000c}@media(max-width:480px){.mobile-control-button{width:50px;height:50px;font-size:24px}}@media(max-width:768px){.overlay-screen{padding:1em;max-width:95%}.overlay-text{font-size:calc(var(--text-size-multiplier, 1.25) * .9em)}.logo{max-width:90%;width:90%}}@media(max-width:480px){.overlay-screen{padding:.75em}.overlay-title{font-size:calc(var(--title-size-multiplier, 4) * .85em)}.overlay-text{font-size:calc(var(--text-size-multiplier, 1.25) * .8em)}}