:root{--visible-viewport-height:100svh}@supports (height:100dvh){:root{--visible-viewport-height:100dvh}}html,body{background:#111827;min-height:100%;margin:0}body{min-height:var(--visible-viewport-height);place-items:center;display:grid;overflow:hidden}#app{width:100vw;height:var(--visible-viewport-height);position:relative;overflow:hidden}.start-screen{--ink:#100c17;--stone:#2b2638;--gold:#f7cf5a;min-height:var(--visible-viewport-height);box-sizing:border-box;padding:max(2rem, env(safe-area-inset-top)) 1.5rem max(2rem, env(safe-area-inset-bottom));color:#fff8d6;text-align:center;background:linear-gradient(#0e0a16c7, #0e0a16f0), repeating-linear-gradient(0deg, transparent 0 29px, #ffffff09 30px 31px), repeating-linear-gradient(90deg, transparent 0 29px, #ffffff08 30px 31px), radial-gradient(circle at 50% 18%, #514061 0, var(--stone) 34%, var(--ink) 78%);align-content:start;place-items:center;font-family:Courier New,monospace;display:grid;position:relative;overflow:hidden}.start-screen:before,.start-screen:after{content:"";pointer-events:none;filter:blur(5px);background:radial-gradient(circle,#ffbe49d9 0 7%,#e4692552 24%,#0000 70%);width:8rem;height:8rem;position:absolute;top:23%}.start-screen:before{left:-3.5rem}.start-screen:after{right:-3.5rem}.start-screen__content{z-index:1;background:linear-gradient(135deg,#423129f5,#18131df5);border:4px solid #b78b37;max-width:42rem;padding:clamp(1.5rem,5vw,3.5rem);position:relative;box-shadow:0 0 0 4px #38291a,0 1rem #00000059}.start-screen__label,.start-screen__subtitle{letter-spacing:.16em;margin:0}.start-screen__label{color:#f7cf5a;font-size:clamp(.65rem,1.7vw,.95rem)}.start-screen__title{color:#fff0a6;letter-spacing:.07em;text-shadow:.12em .12em #412b1f;margin:.7rem 0 .55rem;font-size:clamp(2.4rem,10vw,6.5rem);line-height:.9}.start-screen__subtitle{color:#d9c8a1;font-size:clamp(.65rem,1.8vw,1rem);line-height:1.5}.start-screen__button{z-index:1;bottom:max(8vh, calc(env(safe-area-inset-bottom) + 1.5rem));color:#2a160d;min-width:min(17rem,100vw - 3rem);font:inherit;letter-spacing:.11em;cursor:pointer;background:linear-gradient(#ffe994 0 15%,#eab64d 16% 75%,#bf742d 76%);border:4px solid #fff0a6;padding:.85rem 2rem;font-size:clamp(1rem,2.5vw,1.4rem);font-weight:700;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 0 4px #8e5e24,0 .55rem #392014}.start-screen__button:hover:not(:disabled){filter:brightness(1.12)}.start-screen__button:active:not(:disabled){transform:translate(-50%,.3rem);box-shadow:0 0 0 4px #8e5e24,0 .25rem #392014}.start-screen__button:disabled{cursor:wait;filter:saturate(.4)brightness(.8)}.game-viewport{width:100vw;height:var(--visible-viewport-height);display:block;overflow:hidden}.game-viewport canvas{image-rendering:pixelated;display:block}