*{margin:0;padding:0;box-sizing:border-box}:root{--pixel: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", sans-serif;--text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "Segoe UI", sans-serif;--cream: #fff6d8;--pink: #ff6fae;--gold: #ffcf4d;--teal: #8ff0e0;--purple: #b48cff}html,body,#root{width:100%;height:100%;overflow:hidden;background:#0d0819}canvas.game{display:block;image-rendering:pixelated}.title-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:#0805109e;z-index:30;text-align:center;padding:24px}.title-crown{font-size:54px;animation:bob 1.6s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.title-screen h1{font-family:var(--pixel);font-weight:900;color:var(--gold);font-size:clamp(30px,6vw,58px);text-shadow:0 4px 0 #5a3a00,0 0 34px rgba(255,207,77,.45);letter-spacing:3px}.title-screen .subtitle{font-family:var(--text);color:var(--purple);font-size:clamp(18px,2.6vw,26px)}.title-screen .press-start{font-family:var(--pixel);font-weight:700;letter-spacing:2px;color:var(--cream);font-size:clamp(13px,1.8vw,17px);animation:blink 1.2s steps(1) infinite;margin-top:12px}@keyframes blink{50%{opacity:.15}}.title-screen .hint{font-family:var(--text);color:#7f74a8;font-size:19px;max-width:460px;line-height:1.45}.star{position:absolute;border-radius:50%;background:#fff;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.15}50%{opacity:.9}}.hud-wrap{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:10}.slots{display:flex;gap:8px}.slot{width:38px;height:38px;display:flex;align-items:center;justify-content:center}.slot img{max-width:34px;max-height:34px;width:auto;height:auto;image-rendering:pixelated;filter:grayscale(1) brightness(2.2) drop-shadow(0 1px 3px rgba(0,0,0,.7));opacity:.28;transform:scale(.92);transition:opacity .4s ease,transform .4s ease,filter .4s ease}.slot.found img{opacity:1;filter:drop-shadow(0 0 9px rgba(255,207,77,.75)) drop-shadow(0 2px 4px rgba(0,0,0,.6));animation:slot-pop .6s cubic-bezier(.34,1.7,.5,1) both}@keyframes slot-pop{0%{transform:scale(.92)}35%{transform:scale(1.55) translateY(-2px);filter:drop-shadow(0 0 18px rgba(255,236,170,1)) brightness(1.5)}to{transform:scale(1.12)}}.toast{position:fixed;top:74px;left:50%;transform:translate(-50%);font-family:var(--text);font-size:22px;color:var(--gold);background:#0d0819d9;border:2px solid var(--gold);border-radius:10px;padding:10px 22px;z-index:15;animation:toast-in .4s ease-out;text-align:center;max-width:90vw}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.controls-hint{position:fixed;bottom:16px;left:50%;transform:translate(-50%);font-family:var(--text);font-weight:600;font-size:18px;color:#fff6d8d9;z-index:5;background:#0d081999;padding:6px 18px;border-radius:10px;white-space:nowrap}.action-prompt{position:fixed;bottom:22px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;z-index:6;background:#0d0819b8;border:2px solid rgba(255,207,77,.55);border-radius:12px;padding:8px 16px 8px 10px;box-shadow:0 6px 20px #0006;animation:prompt-pop .18s ease-out}.action-prompt .key{font-family:var(--pixel);font-weight:800;font-size:15px;color:#0d0819;background:var(--gold);border-radius:7px;padding:5px 10px;box-shadow:0 2px #a87c14;white-space:nowrap}.action-prompt .verb{font-family:var(--text);font-weight:700;font-size:20px;color:var(--cream);letter-spacing:.5px}@keyframes prompt-pop{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.title-cake{gap:10px;justify-content:center}.cake-canvas{image-rendering:pixelated;max-width:100%}.blow-hint{font-family:var(--text);font-size:clamp(17px,2.4vw,23px);color:var(--cream)}.blow-hint b{color:var(--gold)}.blow-sub{font-family:var(--text);font-size:clamp(13px,1.7vw,16px);color:#9a8fc0}.blow-btn{margin-top:4px;font-family:var(--pixel);font-weight:800;letter-spacing:.5px;font-size:15px;color:#0d0819;background:var(--gold);border:none;border-radius:12px;padding:11px 22px;cursor:pointer;box-shadow:0 5px #a87c14,0 0 22px #ffcf4d59;transition:transform .12s,box-shadow .12s}.blow-btn:hover{transform:translateY(-2px);box-shadow:0 7px #a87c14,0 0 30px #ffcf4d8c}.blow-btn:active{transform:translateY(3px);box-shadow:0 2px #a87c14}.dialogue-layer{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:20px;gap:16px;background:#0d081959}.media-stage{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;width:100%;gap:18px}.media-frame{max-width:min(72vw,760px);max-height:100%;display:flex;flex-direction:column;align-items:center;gap:10px;animation:media-pop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes media-pop{0%{opacity:0;transform:scale(.85) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.media-frame img,.media-frame video{max-width:100%;max-height:min(52vh,560px);border:6px solid var(--cream);border-radius:4px;box-shadow:0 10px 40px #0009,0 0 30px #b48cff40;background:#000}.media-counter{font-family:var(--text);font-size:20px;color:var(--cream);background:#0d0819bf;padding:2px 14px;border-radius:8px}.media-arrow{font-family:var(--pixel);font-size:22px;color:var(--cream);background:#0d0819bf;border:2px solid rgba(255,246,216,.4);border-radius:10px;padding:14px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.media-arrow:hover{border-color:var(--gold);color:var(--gold)}.dialogue-box{width:min(94vw,860px);background:#08050f;border:4px solid var(--cream);border-radius:4px;padding:20px 24px 30px;min-height:132px;position:relative;box-shadow:0 8px 40px #000000b3}.dialogue-box .speaker{position:absolute;top:-16px;left:16px;background:#08050f;border:3px solid var(--cream);border-radius:4px;font-family:var(--text);font-size:19px;color:var(--gold);padding:2px 12px}.dialogue-box .dialogue-body{display:flex;align-items:flex-end;gap:20px}.dialogue-box .text{font-family:var(--text);font-size:clamp(21px,2.6vw,27px);color:var(--cream);line-height:1.4;min-height:2.8em;max-height:min(52vh,460px);overflow-y:auto;overscroll-behavior:contain;white-space:pre-wrap;flex:1;min-width:0;scrollbar-width:thin;scrollbar-color:rgba(255,246,216,.35) transparent}.dialogue-thumb-slot{position:relative;flex-shrink:0;align-self:stretch;width:clamp(140px,24vw,260px)}.dialogue-box .dialogue-thumb{position:absolute;left:0;right:0;bottom:-4px;margin-inline:auto;width:auto;height:auto;max-width:100%;max-height:min(62vh,620px);border-radius:14px;border:4px solid var(--cream);box-shadow:0 10px 30px #000000a6,0 0 26px #b48cff38;animation:media-pop .35s cubic-bezier(.34,1.56,.64,1);transform-origin:bottom center}.dialogue-box .next-hint{position:absolute;bottom:8px;right:14px;font-family:var(--text);font-size:17px;color:#fff6d88c;animation:blink 1.1s steps(1) infinite}.finale-screen{position:fixed;inset:0;z-index:18;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:6vh 4vw;background:radial-gradient(120% 90% at 50% 45%,#0d08198c,#0d0819e6);animation:finale-fade .9s ease-out}.finale-screen .fireworks{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.finale-title{position:relative;margin:auto 0;font-family:var(--pixel);font-weight:900;letter-spacing:2px;line-height:1.1;text-align:center;font-size:clamp(44px,11vw,150px);color:var(--cream);text-shadow:0 0 18px rgba(255,111,174,.75),0 0 44px rgba(180,140,255,.6),0 0 90px rgba(255,207,77,.45);animation:finale-in 1.4s cubic-bezier(.16,1,.3,1),finale-glow 2.8s ease-in-out 1.4s infinite}@keyframes finale-fade{0%{opacity:0}to{opacity:1}}@keyframes finale-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes finale-glow{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.finale-screen .replay-btn{position:relative;margin-bottom:2vh}.replay-btn{pointer-events:auto;font-family:var(--pixel);font-weight:800;letter-spacing:1px;font-size:clamp(13px,1.7vw,17px);color:#0d0819;background:var(--gold);border:none;border-radius:10px;padding:14px 26px;cursor:pointer;margin-top:10px;box-shadow:0 5px #a87c14,0 0 26px #ffcf4d66;animation:finale-in 1.8s ease-out;transition:transform .12s,box-shadow .12s}.replay-btn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 7px #a87c14,0 0 34px #ffcf4d99}.replay-btn:active{transform:translateY(3px);box-shadow:0 2px #a87c14}