@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Fraunces:opsz,wght,SOFT,WONK@9..144,400,50,1&display=swap');
:root{color-scheme:light;font-family:'DM Sans',sans-serif;color:#454e36;background:#f5efe3}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}main{position:fixed;inset:0}header{position:absolute;top:8%;left:20px;right:20px;text-align:center;pointer-events:none;z-index:1}.eyebrow{font-size:10px;letter-spacing:.24em;font-weight:600;margin:0 0 17px;color:#7f8868}h1{font-family:Fraunces,Georgia,serif;font-size:clamp(26px,3.4vw,46px);font-weight:400;letter-spacing:-.045em;margin:0}.subtitle{font-size:12px;color:#899078;letter-spacing:.02em;margin-top:13px}.back{position:absolute;top:27px;left:30px;z-index:2;text-decoration:none;color:#7b846a;font-size:13px}.back span{margin-left:8px;font-size:11px}footer{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:0;right:0;z-index:1;text-align:center;pointer-events:none}footer>*{pointer-events:auto}#message{font-family:Fraunces,Georgia,serif;font-style:italic;font-size:17px;color:#788264;margin:0 0 15px}button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:30px;background:#526842;color:#fffdf3;padding:15px 25px;font:500 13px 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 5px 14px #47563214;transition:transform .2s,background .2s}button:hover{background:#435834;transform:translateY(-2px)}button:disabled{cursor:default;background:#80906f;transform:none}button:focus-visible,.back:focus-visible{outline:3px solid #d48740;outline-offset:5px}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.hint{font-size:10px;letter-spacing:.06em;color:#969b86;margin:18px 0 0}.hint span{padding:0 9px}#error{position:absolute;top:45%;left:50%;transform:translateX(-50%);max-width:360px;z-index:3;padding:25px;background:#f5efe3;text-align:center} [hidden]{display:none!important}@media(max-width:600px){header{top:10%}.back{top:20px;left:20px}.back span{display:none}.subtitle{font-size:11px}footer{bottom:25px}.eyebrow{font-size:9px;margin-bottom:12px}#message{font-size:15px}}@media(prefers-reduced-motion:reduce){button{transition:none}}