html,body{height:100%;overflow:hidden}main{width:100%;height:100vh;height:100dvh;max-width:640px;padding:12px 16px max(10px,env(safe-area-inset-bottom));margin:0 auto}#game{height:100%;display:flex;flex-direction:column;min-height:0}header{flex:none}.wordmark{font-size:19px}.clock output{font-size:24px}.rule{margin-top:10px;flex:none}.stage{flex:1;min-height:0;overflow:hidden}#view{width:100%;height:100%}.guide{flex:none;height:36px;margin:0;color:#8b8879}.guide svg{width:62px;height:34px}footer{flex:none;gap:10px;padding-top:8px}footer button{flex:1;min-width:0;min-height:48px;padding:10px 14px;font-size:15px;touch-action:manipulation}footer .service-label{display:none}#status{flex:none;font-size:10px;line-height:1.4;min-height:14px;margin:6px 0 0}body:not(.show-result) #status{height:28px;overflow:hidden}.show-result{overflow:auto;height:auto}.show-result main{height:auto;min-height:100dvh}.show-result #game{height:auto}.show-result .stage{display:none}.show-result #status{height:auto}#home{top:8px}#home h1{font-size:clamp(26px,7vw,36px)}@media(max-height:600px){main{padding-top:8px}header .wordmark span{display:none}#home h1 span{margin:3px 0 7px}.guide{height:28px}.guide svg{height:27px}footer button{min-height:44px}#home h1{font-size:24px}}