@font-face{font-family:Display;src:url('/Shell/5073e1e6b6c1d6d5.display.ttf');font-display:swap}@font-face{font-family:Body;src:url('/Shell/f3a3b237163ccec8.body.ttf');font-display:swap}@font-face{font-family:Brand;src:url('/Shell/5073e1e6b6c1d6d5.brand.ttf');font-display:swap}*{box-sizing:border-box}html,body{margin:0;background:#fff8f0;color:#243344;font-family:Body,system-ui,sans-serif;width:100%;height:100%;overscroll-behavior:none}body{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}button,a.button{font:inherit;cursor:pointer;touch-action:manipulation;border:1px solid #087e7390;border-radius:16px;padding:14px 22px;background:#167e74;color:#fff;min-height:48px;display:inline-block;text-decoration:none;box-shadow:0 3px 0 #0003}button:focus-visible,a:focus-visible{outline:3px solid #087e73;outline-offset:4px}.secondary{background:#ffffff;color:#243344}#game{position:fixed;inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden}canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}#loading{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 35%,#e5f6f1,#fff8f0 65%);z-index:2}#loading.hidden{display:none}.intro{width:min(100%,420px);text-align:center}.mark{width:88px;height:100px;margin:0 auto 30px;background:url('/Shell/a3d0379c1e4b6f65.emblem.svg') center/contain no-repeat;animation:breathe 3s ease-in-out infinite}h1{font-family:Display,Body,system-ui,sans-serif;font-weight:400;font-size:48px;margin:4px 0 12px}.intro h1{font-family:Brand,Body,sans-serif;font-weight:600;font-size:51px;letter-spacing:-1px}h2{font-family:Display,Body,system-ui,sans-serif;font-weight:400;font-size:32px;margin:0 0 14px}.intro p{color:#657184;line-height:1.65}.meter{height:3px;background:#d9e9e1;border-radius:3px;margin:32px 30px 16px;overflow:hidden}.meter span{display:block;background:#087e73;height:100%;width:0;transition:width .2s}#status{font-size:14px}#retry{display:none}#tools{position:fixed;right:18px;bottom:max(14px,env(safe-area-inset-bottom));z-index:1;font-size:12px}#tools button{min-height:36px;font-size:12px;padding:7px 12px;background:#ffffff;color:#243344}dialog{width:min(90vw,450px);max-height:calc(100dvh - 48px);overflow:auto;background:#ffffff;border:1px solid #087e7380;border-radius:18px;padding:26px;color:#243344;box-shadow:0 24px 90px #243344aa;overscroll-behavior:contain}dialog::backdrop{background:#243344bb;backdrop-filter:blur(5px)}dialog pre{font:16px/1.7 Body,sans-serif;white-space:pre-wrap;background:#fff8f0;border:1px solid #087e7330;border-radius:10px;padding:18px;overflow-wrap:anywhere}dialog .buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}dialog button{font-size:16px;padding:12px 18px}input,textarea,select{font:18px Body,sans-serif}#import{display:none}.article{max-width:730px;margin:auto;padding:40px 24px 80px;line-height:1.75}.article h1{font-size:46px}.article h2{font-size:28px;margin:30px 0 10px}.article a{color:#087e73}.article ul{padding-left:22px}.article .card{background:#ffffff;border:1px solid #087e7340;border-radius:12px;padding:22px;margin:22px 0}@keyframes breathe{50%{opacity:.7;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media(max-height:559px){#game{position:absolute;inset:0;height:568px}html,body{height:568px;overflow-y:auto;overscroll-behavior:auto}canvas{touch-action:pan-y}}

#recovery{position:fixed;z-index:8;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:16px;background:#ffffff;border:1px solid #087e73;border-radius:12px;color:#243344;font:16px/1.5 Body,sans-serif}#recovery[hidden]{display:none}#recovery button{margin:10px;min-height:44px}

#tools{right:12px;bottom:max(8px,env(safe-area-inset-bottom))}#tools button{background:#fff;border-color:#cadcd4;color:#243344}dialog button{color:#fff}dialog button.secondary{color:#243344}.intro .mark{width:90px;height:90px;margin-bottom:12px}.meter{height:7px}.article h1,.article h2{font-family:Display,sans-serif}input,textarea,select{font-size:18px!important}

@media(max-height:660px){#tools{bottom:3px;right:9px}#tools button{min-height:28px;padding:3px 10px;font-size:11px}}

[hidden]{display:none!important}
#tools{left:max(16px,env(safe-area-inset-left));right:auto;top:max(18px,env(safe-area-inset-top));bottom:auto;white-space:nowrap}#tools button{min-height:40px;padding:8px 10px;margin-right:6px;font-size:12px}

@media(orientation:landscape) and (min-width:601px) and (max-height:559px){#game{position:fixed;inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);height:auto}html,body{height:100%;overflow:hidden}canvas{touch-action:none}}