*{box-sizing:border-box}html,body,#app,#game-shell{width:100%;height:100%;margin:0}body{-webkit-user-select:none;user-select:none;overscroll-behavior:none;touch-action:none;-webkit-text-size-adjust:100%;background:#344b34;font-family:Arial,sans-serif;position:fixed;inset:0;overflow:hidden}#game-shell{background:radial-gradient(circle at 50% 30%,#fff1bf14,#0000 44%),#344b34;width:100vw;height:100dvh;position:relative;overflow:hidden}#game{position:absolute;inset:0}#game canvas{image-rendering:auto;display:block}#status-toast{z-index:30;color:#fff3d7;text-align:center;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#352b1fe6;border:2px solid #f4dcabb8;border-radius:14px;max-width:min(720px,78vw);padding:8px 15px;font-size:14px;font-weight:700;line-height:1.25;transition:opacity .14s,transform .14s;position:absolute;top:78px;left:50%;transform:translate(-50%,-8px)}#status-toast.visible{opacity:1;transform:translate(-50%)}#touch-controls,#rotate-hint{display:none}.touch-button,#action-button{color:#fff;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2a442f8a;border:2px solid #fff6;font-size:24px;font-weight:700;box-shadow:0 4px 14px #0000002e,inset 0 1px #ffffff21}#note-overlay{z-index:115;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1b271c94;place-items:center;padding:24px;display:grid;position:absolute;inset:0}#note-overlay.hidden{display:none}.note-card{color:#493827;text-align:center;background:linear-gradient(#fff9e0f5,#efdeb5f7);border:3px solid #d9bd82;border-radius:20px;width:min(520px,90vw);padding:25px 28px 24px;box-shadow:0 18px 60px #00000052}.note-kicker{color:#8b6a43;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:800}.note-card h2{margin:0 0 12px;font-size:clamp(22px,4vw,30px)}.note-card p{max-width:430px;margin:0 auto;font-size:17px;font-weight:600;line-height:1.5}#note-close{color:#fff7e4;background:#6f8755;border:2px solid #6f5436;border-radius:11px;margin-top:20px;padding:9px 18px;font-size:15px;font-weight:800}#finale-overlay{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#19271cc7;place-items:center;padding:24px;display:grid;position:absolute;inset:0}#finale-overlay.hidden{display:none}.finale-card{color:#fff2d2;text-align:center;background:linear-gradient(#6f4b31 0%,#4b3628 100%);border:4px solid #d9b879;border-radius:26px;width:min(560px,92vw);padding:30px 34px 28px;box-shadow:0 20px 80px #0000005c}.finale-card h1{margin:4px 0 14px;font-size:clamp(26px,5vw,40px)}.finale-card p{max-width:440px;margin:8px auto;font-size:18px;line-height:1.45}.finale-heart{color:#ef7f91;font-size:44px;line-height:1}.finale-message{color:#ffd4dc;font-weight:800;margin-top:18px!important;font-size:24px!important}#finale-close{color:#fff8e9;cursor:pointer;background:#739457;border:2px solid #f1d89e;border-radius:13px;margin-top:22px;padding:11px 20px;font-size:16px;font-weight:800}.touch-button:active,#action-button:active{background:#4a6948bd;transform:scale(.94)}@media (pointer:coarse){#touch-controls{z-index:40;pointer-events:none;display:block;position:absolute;inset:0}.dpad{left:max(18px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom));width:154px;height:138px;position:absolute}.touch-button{pointer-events:auto;border-radius:18px;width:52px;height:52px;position:absolute}.touch-button.up{top:0;left:51px}.touch-button.left{top:50px;left:0}.touch-button.down{top:78px;left:51px}.touch-button.right{top:50px;right:0}#action-button{right:max(24px, env(safe-area-inset-right));bottom:max(28px, env(safe-area-inset-bottom));pointer-events:auto;border-radius:50%;width:74px;height:74px;position:absolute}#status-toast{max-width:65vw;padding:6px 11px;font-size:12px;top:76px}}@media (pointer:coarse) and (orientation:portrait){#rotate-hint{z-index:200;color:#fff3d7;text-align:center;background:#344b34;justify-content:center;align-items:center;padding:30px;font-size:24px;font-weight:700;display:flex;position:absolute;inset:0}}#status-toast.visible{box-shadow:0 8px 28px #0003,0 0 22px #ffe19d1a}#note-overlay:not(.hidden) .note-card{animation:.22s cubic-bezier(.2,.85,.35,1.08) both cozy-card-in}#finale-overlay:not(.hidden) .finale-card{animation:.42s cubic-bezier(.16,.84,.3,1.08) both finale-card-in}.finale-card{position:relative;overflow:hidden}.finale-sparkles{pointer-events:none;position:absolute;inset:0}.finale-sparkles span{color:#f7d998;opacity:0;text-shadow:0 0 10px #ffe1a68c;animation:2.8s ease-in-out infinite finale-sparkle;position:absolute}.finale-sparkles span:first-child{animation-delay:.1s;top:20%;left:12%}.finale-sparkles span:nth-child(2){color:#ff9cad;animation-delay:.7s;top:24%;left:83%}.finale-sparkles span:nth-child(3){animation-delay:1.25s;top:72%;left:20%}.finale-sparkles span:nth-child(4){color:#ff9cad;animation-delay:1.8s;top:70%;left:78%}.finale-sparkles span:nth-child(5){animation-delay:2.2s;top:11%;left:52%}@keyframes cozy-card-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes finale-card-in{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes finale-sparkle{0%,to{opacity:0;transform:translateY(8px)scale(.75)rotate(-8deg)}35%{opacity:.75}55%{opacity:1;transform:translateY(-6px)scale(1.18)rotate(7deg)}78%{opacity:.2}}@media (prefers-reduced-motion:reduce){#note-overlay:not(.hidden) .note-card,#finale-overlay:not(.hidden) .finale-card,.finale-sparkles span{animation:none}}