:root{--cream: #fff6e8;--cream-2: #f7e6cc;--brown: #7b4a2a;--brown-2: #a8693d;--orange: #e8743b;--pink: #ff8fa3;--ink: #5a3a28;--font: "Fredoka", "Trebuchet MS", "Avenir Next", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#2f211b;font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}#app,#app canvas{position:fixed;inset:0;width:100%;height:100%;display:block}#app canvas{cursor:pointer}.hidden{display:none!important}#app:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 55%,rgba(40,20,10,.45) 100%)}#hud{position:fixed;top:max(14px,env(safe-area-inset-top));left:14px;right:14px;display:flex;gap:10px;align-items:center;pointer-events:none;z-index:5}.pill{background:var(--cream);border:3px solid var(--brown-2);border-radius:999px;padding:8px 16px;font-weight:600;font-size:17px;box-shadow:0 4px #5a321959}.pill.small{font-size:14px;padding:6px 12px;opacity:.92}.pill b{color:var(--orange)}.pill .leaf{display:inline-block;animation:sway 2.4s ease-in-out infinite}#mute{margin-left:auto;pointer-events:auto;width:44px;height:44px;padding:0;font-family:var(--font);font-size:20px;color:var(--ink);cursor:pointer}#mute.off{opacity:.55;text-decoration:line-through}@keyframes sway{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}#prompt{position:fixed;left:0;top:0;transform:translate(-50%,-100%);background:var(--cream);border:3px solid var(--brown-2);border-radius:16px;padding:5px 12px 5px 6px;display:flex;align-items:center;gap:7px;font-weight:600;font-size:15px;box-shadow:0 3px #5a321959;z-index:4;cursor:pointer;animation:floaty 1.4s ease-in-out infinite;white-space:nowrap}#prompt:after{content:"";position:absolute;left:50%;bottom:-10px;transform:translate(-50%);border:7px solid transparent;border-top-color:var(--brown-2)}#prompt .key{background:var(--orange);color:#fff;border-radius:9px;width:24px;height:24px;display:grid;place-items:center;font-size:13px}@keyframes floaty{0%,to{margin-top:0}50%{margin-top:-5px}}#toast{position:fixed;top:76px;left:50%;transform:translate(-50%);background:#fff1f3;border:3px solid var(--pink);color:#b84a62;border-radius:999px;padding:9px 20px;font-weight:600;font-size:17px;z-index:6;box-shadow:0 4px #b84a6240;animation:toastIn .4s cubic-bezier(.2,1.6,.4,1);white-space:nowrap}@keyframes toastIn{0%{transform:translate(-50%,-20px) scale(.8);opacity:0}}#dialog{position:fixed;left:0;right:0;bottom:max(18px,env(safe-area-inset-bottom));display:flex;justify-content:center;padding:0 16px;z-index:7}.dialog-box{position:relative;width:min(680px,100%);background:var(--cream);border-radius:38px;padding:30px 34px;font-size:20px;line-height:1.5;min-height:120px;box-shadow:0 6px #5a32194d,0 18px 40px #28140a59;cursor:pointer;animation:popIn .28s cubic-bezier(.2,1.5,.4,1)}.name-tab{position:absolute;top:-20px;left:30px;background:var(--orange);color:#fff;font-weight:600;padding:6px 18px;border-radius:999px;transform:rotate(-3deg);font-size:17px;box-shadow:0 3px #78321459}#dialog-photo{position:absolute;left:50%;bottom:calc(100% + 30px);width:auto;height:auto;max-width:min(92vw,1000px);max-height:calc(100vh - 290px);border-radius:18px;border:10px solid white;box-shadow:0 8px #5a321940,0 24px 60px #28140a73;transform:translate(-50%) rotate(-1.5deg);animation:photoIn .4s cubic-bezier(.2,1.4,.4,1)}@keyframes photoIn{0%{transform:translate(-50%) translateY(30px) rotate(-6deg) scale(.8);opacity:0}}.dialog-next{position:absolute;right:28px;bottom:14px;color:var(--orange);font-size:16px;animation:floaty .9s ease-in-out infinite}#dialog.typing .dialog-next{visibility:hidden}@keyframes popIn{0%{transform:scale(.85) translateY(20px);opacity:0}}#hint{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:#fff6e8eb;border-radius:999px;padding:8px 18px;font-size:15px;white-space:nowrap;z-index:3;transition:opacity 1s}#hint.fade{opacity:0}#fade{position:fixed;inset:0;background:#2f211b;opacity:1;pointer-events:none;transition:opacity .45s ease;z-index:8}#fade.clear{opacity:0}#title{position:fixed;inset:0;z-index:10;display:grid;place-items:center;overflow:hidden;padding:16px;background:linear-gradient(180deg,#ffe3bd,#ffc58a 38%,#f39a5d 70%,#d9703f);transition:opacity .9s ease}#title.leaving{opacity:0;pointer-events:none}.title-sun{position:absolute;left:50%;top:14%;width:min(70vw,620px);aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,#fff9e1f2,#ffecbe8c 30%,#ffdca000 68%);animation:sunPulse 6s ease-in-out infinite}@keyframes sunPulse{50%{transform:translate(-50%) scale(1.05)}}.title-hills{position:absolute;left:0;bottom:0;width:100%;height:42vh}.title-card{position:relative;z-index:2;text-align:center;width:min(460px,100%);padding:58px 36px 30px;border-radius:44px;background:#fff8ecf0;border:4px solid #fff;box-shadow:0 10px #96461e47,0 30px 70px #6e280f59;animation:cardIn .9s cubic-bezier(.2,1.4,.4,1) both;margin-top:40px}@keyframes cardIn{0%{transform:translateY(40px) scale(.9);opacity:0}}.title-capy{position:absolute;left:50%;top:-84px;width:132px;transform:translate(-50%);z-index:-1;animation:peek 3.5s ease-in-out infinite;transform-origin:50% 100%}@keyframes peek{0%,to{transform:translate(-50%) translateY(0) rotate(0)}40%{transform:translate(-50%) translateY(-4px) rotate(-3deg)}70%{transform:translate(-50%) translateY(-2px) rotate(2deg)}}.title-paws{position:absolute;top:-10px;left:50%;transform:translate(-50%);display:flex;gap:44px}.title-paws span{width:26px;height:18px;border-radius:50%;background:#8a5a35;box-shadow:inset 0 -3px #0000001f}.title-card h1{margin:0;font-size:clamp(40px,9vw,60px);font-weight:700;line-height:1.02;color:#e8743b;letter-spacing:-.01em;text-shadow:0 3px 0 #fbd3a8,0 6px 0 rgba(200,100,50,.18)}.title-divider{display:flex;align-items:center;gap:12px;margin:16px auto 22px;width:70%;color:#c98a5a}.title-divider:before,.title-divider:after{content:"";flex:1;height:2px;border-radius:2px;background:repeating-linear-gradient(90deg,#e6b98f 0 8px,transparent 8px 14px)}.title-divider span{display:inline-block;animation:sway 2.6s ease-in-out infinite;font-size:20px}.title-help{margin-top:18px;font-size:14px;color:#a8693d}#lock label{display:block;font-size:17px;color:var(--ink);margin-bottom:12px}#lock input{display:block;width:min(260px,100%);margin:0 auto 18px;padding:12px 18px;font-family:var(--font);font-size:20px;text-align:center;color:var(--ink);background:#fff;border:3px solid #f1cfa8;border-radius:999px;outline:none;transition:border-color .2s}#lock input:focus{border-color:var(--orange)}#lock-wrong{min-height:1.4em;color:#c8463a}#lock.shake{animation:shake .45s ease}@keyframes shake{20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}#title-main:not(.hidden){animation:cardIn .6s cubic-bezier(.2,1.4,.4,1) both}button#start,button#ending-close,button#lock-button{font-family:var(--font);font-size:22px;font-weight:600;color:#fff;background:var(--orange);border:none;border-radius:999px;padding:14px 38px;cursor:pointer;box-shadow:0 5px #b5562f;transition:transform .1s,box-shadow .1s}button#start:hover,button#ending-close:hover,button#lock-button:hover{transform:translateY(-2px);box-shadow:0 7px #b5562f}button#start:active,button#ending-close:active,button#lock-button:active{transform:translateY(3px);box-shadow:0 2px #b5562f}.title-leaves{position:absolute;inset:0;pointer-events:none}.title-leaves.back{z-index:0;filter:blur(1.5px);opacity:.75}.title-leaves.front{z-index:3}.leaf-fall{position:absolute;top:0;will-change:transform;animation:leafFall linear infinite}.leaf-sway{animation:leafSway ease-in-out infinite alternate}.leaf-sway svg{display:block;animation:leafSpin linear infinite}@keyframes leafFall{0%{transform:translateY(-12vh)}to{transform:translateY(112vh)}}@keyframes leafSway{0%{transform:translate(-40px) rotate(-25deg)}to{transform:translate(40px) rotate(25deg)}}@keyframes leafSpin{0%{transform:rotate3d(1,.4,.2,0)}to{transform:rotate3d(1,.4,.2,360deg)}}@media (prefers-reduced-motion: reduce){.leaf-fall,.leaf-sway,.leaf-sway svg,.title-capy,.title-sun{animation-duration:0s!important;animation:none!important}}#ending{position:fixed;inset:0;z-index:9;display:grid;place-items:center;background:#3c190f73;padding:16px;animation:fadeIn .6s ease}.ending-card{background:#fff1f3;border:4px solid var(--pink);border-radius:40px;padding:32px 36px;max-width:520px;width:100%;text-align:center;font-size:19px;line-height:1.55;box-shadow:0 8px #b84a624d;animation:popIn .6s cubic-bezier(.2,1.5,.4,1)}.ending-hearts{color:var(--pink);font-size:26px;letter-spacing:.3em;animation:floaty 1.6s ease-in-out infinite}.ending-card h2{color:#d9506e;font-size:34px;margin:8px 0 12px}#ending-text p{margin:0 0 12px}#ending-close{margin-top:10px}@keyframes fadeIn{0%{opacity:0}}@media (max-width: 560px){.dialog-box{font-size:17px;padding:26px 24px;border-radius:30px}.pill{font-size:14px;padding:6px 12px}#room-name{display:none}#hint{font-size:12px}}