:root{--bg-top: #ffe9cc;--bg-bottom: #ffd8a8;--ink: #2b211b;--panel: #fff7ed;--accent: #ff7a00;--danger: #e94f37;--font-ui: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;font-family:var(--font-ui);color:var(--ink);line-height:1.4;touch-action:none;overscroll-behavior:none;background:radial-gradient(circle at 20% 20%,#fff8ec 0%,var(--bg-top) 35%,var(--bg-bottom) 100%)}#app{width:100%;height:100%}.screen{width:100%;height:100%;padding:20px 18px;display:flex;flex-direction:column;gap:14px}.hidden{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:2rem;line-height:1.24;font-weight:800;letter-spacing:-.02em}h2{font-size:1.7rem;line-height:1.26;font-weight:800;letter-spacing:-.02em}h3{font-size:1.25rem;line-height:1.3;font-weight:700;letter-spacing:-.01em}p,li{font-size:.95rem;line-height:1.46;font-weight:500}ul{margin:0;padding-left:18px}button{border:0;border-radius:14px;background:var(--accent);color:#fff;font-size:1rem;font-weight:700;line-height:1.25;padding:14px 18px}button:disabled{background:#b6a79b}#result-screen,#mobile-only{justify-content:center;align-items:center;text-align:center}#start-screen{justify-content:flex-start;align-items:center;text-align:center;gap:0;height:100dvh;min-height:100dvh;overflow:hidden;padding:max(16px,env(safe-area-inset-top)) 20px calc(16px + env(safe-area-inset-bottom));background:transparent}#start-screen p,#result-screen p,#mobile-only p{max-width:320px}.intro-copy{margin-top:clamp(18px,3vh,32px);display:grid;gap:8px}#start-screen .intro-copy h1{font-size:clamp(2.1rem,7.6vw,2.64rem);line-height:1.24;font-weight:700;letter-spacing:-.02em;color:#191f28}#start-screen .intro-copy p{margin:0 auto;max-width:330px;font-size:clamp(1.14rem,4.26vw,1.3rem);line-height:1.4;font-weight:500;color:#4e5968;letter-spacing:-.01em}.intro-visual{flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden;padding:8px 0 10px}.intro-hero-image{width:min(66vw,320px);max-height:clamp(220px,42vh,430px);height:auto;object-fit:contain;display:block}.skewer-motion-demo{position:relative;width:min(84vw,360px);height:min(58vh,560px)}.demo-glow{position:absolute;top:10%;right:9%;bottom:10%;left:9%;border-radius:999px;background:radial-gradient(circle at center,#ffa83866,#ff78142e 42%,#ff641400 76%);filter:blur(8px)}.demo-skewer{position:absolute;left:50%;top:4%;width:34px;height:92%;transform:translate(-50%);z-index:2}.demo-tip{position:absolute;top:0;left:50%;width:14px;height:38px;transform:translate(-50%);border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#fff6dc,#f1cf9a 42%,#c18a4c)}.demo-shaft{position:absolute;top:28px;left:50%;width:10px;height:calc(100% - 58px);transform:translate(-50%);border-radius:7px;background:linear-gradient(180deg,#f6dfb5,#e3b675 55%,#c7904f);box-shadow:inset 1px 0 #fff4ddd9,inset -1px 0 #8f5a263d}.demo-bottom{position:absolute;bottom:0;left:50%;width:20px;height:26px;transform:translate(-50%);border-radius:10px 10px 16px 16px;background:linear-gradient(180deg,#d2a468,#b5793c)}.motion-food{position:absolute;left:50%;transform:translate(-50%);z-index:3;opacity:0;animation:food-thread 6s infinite cubic-bezier(.22,.96,.24,1)}.motion-food .food-core{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.motion-food .food-core:before{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;transform:translate(-50%,-50%);border-radius:999px;border:2px solid rgba(118,62,22,.55);background:#4c1f084d;box-shadow:inset 0 0 0 2px #ffdeb324}.motion-shrimp{--target-y: 138px;--delay: 0s;top:0;width:164px;height:118px;animation-delay:var(--delay)}.motion-shrimp .food-core{border-radius:62% 58% 68% 54%/64% 62% 48% 52%;background:radial-gradient(circle at 44% 44%,transparent 0 8px,#ff7840 9px 100%),radial-gradient(circle at 72% 34%,rgba(255,226,186,.72) 0 18%,transparent 19%),linear-gradient(165deg,#ff9d62,#ff6f36 42%,#e9481e);box-shadow:0 16px 28px #982d0f57}.motion-cheese{--target-y: 258px;--delay: 1.65s;top:0;width:174px;height:94px;animation-delay:var(--delay)}.motion-cheese .food-core{border-radius:24px;background:radial-gradient(circle at 50% 50%,transparent 0 8px,#ffc42f 9px 100%),radial-gradient(circle at 20% 26%,rgba(255,188,32,.7) 0 8px,transparent 9px),radial-gradient(circle at 74% 64%,rgba(227,148,0,.78) 0 11px,transparent 12px),radial-gradient(circle at 36% 70%,rgba(239,170,18,.84) 0 9px,transparent 10px),linear-gradient(180deg,#ffe86d,#ffd034 58%,#efb32a);box-shadow:0 14px 24px #a46c0c47}.motion-tomato{--target-y: 364px;--delay: 3.3s;top:0;width:120px;height:120px;animation-delay:var(--delay)}.motion-tomato .food-core{border-radius:999px;background:radial-gradient(circle at 50% 50%,transparent 0 8px,#e61515 9px 100%),radial-gradient(circle at 34% 31%,rgba(255,244,232,.78) 0 16%,transparent 17%),radial-gradient(circle at 64% 62%,#de1616a8 0,#de1616a8 62%,#c61010 63%,#c61010);box-shadow:0 18px 28px #950e0e57}@keyframes food-thread{0%{transform:translate(-50%,-190px) scale(.93);opacity:0}10%{opacity:1}20%{transform:translate(-50%,var(--target-y)) scale(1);opacity:1}52%{transform:translate(-50%,var(--target-y)) scale(1);opacity:1}66%{transform:translate(-50%,calc(var(--target-y) + 8px)) scale(.98);opacity:0}to{transform:translate(-50%,calc(var(--target-y) + 8px)) scale(.98);opacity:0}}.intro-cta{margin-top:auto;width:min(88vw,360px);min-height:54px;border-radius:16px;background:#f97316;color:#fff;font-size:clamp(1rem,4vw,1.15rem);line-height:1.35;font-weight:700;letter-spacing:-.01em}#tutorial-screen{height:100dvh;min-height:100dvh;padding:max(12px,env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:10px}.tutorial-shell{width:min(94vw,760px);min-height:0;overflow-y:auto;background:#fff3dee6;border:2px solid rgba(109,64,31,.14);border-radius:20px;padding:18px 14px 14px;display:grid;gap:18px;text-align:center}.tutorial-shell h2{font-size:clamp(1.56rem,6vw,2rem);color:#1f2a37}.tutorial-block{display:grid;gap:8px}.tutorial-block p{max-width:92%;margin:0 auto;color:#2d3748;font-size:clamp(.96rem,3.6vw,1.08rem)}.tutorial-strong{font-weight:800;color:#111827}.tutorial-move-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:2px}.tutorial-arrow{font-size:clamp(2.1rem,9vw,2.8rem);color:#5b4634;line-height:1;font-weight:900;text-shadow:0 0 0 rgba(255,214,143,.2);animation:tutorial-arrow-blink .75s infinite alternate}.tutorial-arrow-left{animation-delay:0s}.tutorial-arrow-right{animation-delay:.28s}@keyframes tutorial-arrow-blink{0%{opacity:.45;transform:scale(.9);text-shadow:0 0 0 rgba(255,214,143,.2)}to{opacity:1;transform:scale(1.08);text-shadow:0 0 12px rgba(255,214,143,.78)}}.tutorial-sample-wrap{position:relative;width:min(52vw,220px);max-width:220px;display:grid;justify-items:center}.tutorial-sample-image{width:100%;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 4px 5px rgba(83,54,24,.18))}.tutorial-hand-svg{position:absolute;bottom:-4px;left:50%;width:clamp(36px,10vw,54px);height:clamp(36px,10vw,54px);transform:translate(-50%);filter:drop-shadow(0 2px 2px rgba(40,30,20,.22))}.tutorial-fire-row{display:flex;justify-content:center;gap:clamp(12px,3vw,24px);margin-top:2px}.tutorial-fire-item{width:72px;display:grid;justify-items:center;gap:2px;font-size:1.05rem;font-weight:800;color:#111827}.tutorial-fire-svg{width:58px;height:58px;display:block}.tutorial-clock-image{width:clamp(64px,16vw,90px);height:clamp(64px,16vw,90px);margin:0 auto;display:block;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(82,53,28,.25))}.tutorial-footer{width:min(94vw,760px);display:grid;gap:8px;margin-top:auto;justify-items:center}#tutorial-countdown{text-align:center;color:#5b6573;font-size:.9rem;font-weight:700}.tutorial-cta{margin-top:0;width:min(88vw,360px)}#result-screen{gap:12px}.result-actions{width:min(92vw,420px);display:grid;gap:10px}.secondary-btn{background:#fff;color:#2b211b;border:1px solid rgba(74,42,19,.22)}@media (max-height: 760px){#start-screen{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:calc(12px + env(safe-area-inset-bottom))}.intro-copy{margin-top:clamp(12px,2.2vh,20px);gap:6px}#start-screen .intro-copy h1{font-size:clamp(1.92rem,7.2vw,2.28rem)}#start-screen .intro-copy p{font-size:clamp(1.07rem,4vw,1.2rem)}.intro-hero-image{width:min(56vw,270px);max-height:clamp(170px,34vh,300px)}.intro-cta{min-height:50px}.tutorial-shell{padding-top:14px;gap:12px}.tutorial-shell h2{font-size:clamp(1.36rem,5.2vw,1.64rem)}.tutorial-fire-svg{width:50px;height:50px}.tutorial-clock-image{width:60px;height:60px}}@media (min-width: 768px){.result-actions{grid-template-columns:1fr 1fr}}#game-screen{padding:8px 10px 16px}.hud{height:56px;border-radius:16px;background:#fff7edeb;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;text-align:center;font-weight:700;font-size:.92rem;box-shadow:0 6px 20px #44240c1f}#game-area{position:relative;flex:1;border-radius:20px;background:linear-gradient(180deg,#fff4e4,#ffe6c7);overflow:hidden;border:2px solid rgba(74,42,19,.12)}#food-layer,#stack-layer{position:absolute;top:0;right:0;bottom:0;left:0}#food-layer{z-index:2}#stack-layer{z-index:4}.food,.stack-food{position:absolute;pointer-events:none}.food-svg{width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 3px 1px rgba(43,25,9,.2))}.food-img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 3px 1px rgba(43,25,9,.2))}.food.fireRed .food-svg{filter:drop-shadow(0 4px 9px rgba(255,86,26,.62));animation:fire-flicker .17s infinite alternate}.food.fireBlue .food-svg{filter:drop-shadow(0 4px 10px rgba(48,170,255,.68));animation:fire-flicker-blue .16s infinite alternate}.food.fireBlack .food-svg{filter:drop-shadow(0 4px 11px rgba(16,16,16,.78));animation:fire-flicker-black .15s infinite alternate}.food.fireRed:before,.food.fireBlue:before,.food.fireBlack:before{content:"";position:absolute;left:16%;right:16%;bottom:-3%;height:18%;border-radius:46% 54% 62% 38%/55% 44% 56% 45%;opacity:.82;filter:blur(.4px);animation:fire-sizzle .14s infinite alternate}.food.fireRed:after,.food.fireBlue:after,.food.fireBlack:after{content:"";position:absolute;left:50%;bottom:4%;width:3px;height:3px;border-radius:50%;transform:translate(-50%);animation:fire-sparks .22s infinite ease-in-out}.food.fireRed:before{background:radial-gradient(circle at 50% 42%,#ffcb6de6,#ff6f24c7 58%,#ff531242)}.food.fireBlue:before{background:radial-gradient(circle at 50% 42%,#b1f1fff2,#47b8ffd6 58%,#116ef652)}.food.fireBlack:before{background:radial-gradient(circle at 50% 42%,#b7b7b7b8,#676767bd 58%,#2222225c)}.food.fireRed:after{background:#ffd175;box-shadow:-9px 3px #ff9538cc,7px 2px #ff6b26bd,-4px -1px #ffe09bdb}.food.fireBlue:after{background:#b9f6ff;box-shadow:-9px 3px #5bcaffdb,7px 2px #318bffc7,-4px -1px #d4faffeb}.food.fireBlack:after{background:#d1d1d1;box-shadow:-9px 3px #787878c7,7px 2px #484848d1,-4px -1px #b3b3b3cc}@keyframes fire-sizzle{0%{transform:scaleX(.94) scaleY(.92) translateY(1px);opacity:.66}to{transform:scaleX(1.05) scaleY(1.04) translateY(-1px);opacity:.92}}@keyframes fire-sparks{0%{transform:translate(-50%) translateY(1px) scale(.75);opacity:.3}45%{transform:translate(-50%) translateY(-2px) scale(1.05);opacity:.95}to{transform:translate(-50%) translateY(-5px) scale(.8);opacity:.26}}@keyframes fire-flicker{0%{transform:scale(1) rotate(-1deg)}to{transform:scale(1.04) rotate(1deg)}}@keyframes fire-flicker-blue{0%{transform:scale(1) rotate(1deg)}to{transform:scale(1.05) rotate(-1deg)}}@keyframes fire-flicker-black{0%{transform:scale(1) rotate(-.8deg)}to{transform:scale(1.06) rotate(.8deg)}}#skewer{position:absolute;bottom:18px;left:calc(50% - 13px);width:26px;pointer-events:none;z-index:5}#skewer .skewer-art{position:absolute;left:50%;top:0;width:26px;height:100%;transform:translate(-50%);overflow:visible;filter:drop-shadow(0 1px 1px rgba(93,56,24,.14))}#touch-guide{position:absolute;left:50%;bottom:4px;transform:translate(-50%);font-size:.78rem;font-weight:700;opacity:.65}#level-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#140d0894;display:grid;place-items:center;z-index:20}.level-card{width:min(88vw,340px);background:var(--panel);border-radius:18px;padding:22px 18px;text-align:center;box-shadow:0 14px 32px #25110659;display:grid;gap:12px}#result-title{font-size:1.6rem}#result-screen button{min-width:160px}.fail{color:var(--danger)}