@font-face{font-family:Jua;src:url('/font.ttf') format('truetype');font-display:swap}
:root{color:#493f39;background:#f7f2e7;font-family:system-ui,-apple-system,'Apple SD Gothic Neo',sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}[hidden]{display:none!important}
#viewport{position:fixed;inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
#canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;min-height:48px;border:1px solid #d8c9ad;border-radius:12px;background:#f2e8d5;color:inherit;padding:12px 24px}button:focus-visible,a:focus-visible{outline:3px solid #98553f;outline-offset:3px}
#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7f2e7;text-align:center;padding:28px}#loading img{width:90px}#loading h1{font:32px Jua;margin:18px 0 4px}#loading p{font-size:15px;line-height:1.8}#loading progress{width:180px;height:7px;accent-color:#ad6950;margin:15px 0 26px}
#banner{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:320px;height:66px;text-align:center;font-size:11px;color:#766c60}#banner>span{display:block;height:16px}
dialog{color:inherit;background:#fffaf0;border:1px solid #d8c9ad;border-radius:22px;max-width:560px;width:calc(100% - 32px);max-height:calc(100dvh - 48px);padding:28px;line-height:1.85}dialog::backdrop{background:#493f3966}dialog h1,dialog h2{font-family:Jua;font-weight:400}dialog h1{font-size:24px}dialog h2{font-size:19px;margin-top:24px}dialog p{font-size:15px}dialog a{color:#98553f;text-underline-offset:3px}dialog button{width:100%;margin-top:12px}

#viewport.banner-reserved #canvas{height:calc(100% - 76px)}