@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;700;800;900&family=El+Messiri:wght@600;700&family=Outfit:wght@400;600;800;900&display=swap";:root{--font-display: "Baloo 2", cursive, sans-serif;--font-title: "El Messiri", serif;--font-body: "Outfit", sans-serif;--color-mama-pink: #FF6B8B;--color-mama-yellow: #FFDF00;--color-mama-cyan: #38BDF8;--color-mama-orange: #FF8A00;--color-terracotta: #D95D39;--color-terracotta-dark: #9A3412;--color-gold: #FBBF24;--color-gold-glow: #FDE047;--color-emerald: #10B981;--color-emerald-dark: #059669;--color-majorelle: #2563EB;--color-cream: #FFFDF5;--color-parchment: #FEF3C7;--color-wood: #78350F;--color-wood-dark: #451A03}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body{font-family:var(--font-body);background-color:#1a120b;color:#1c1917;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle,rgba(251,191,36,.18) 20%,transparent 20%),radial-gradient(circle,rgba(217,93,57,.15) 20%,transparent 20%),linear-gradient(135deg,#1c1512,#2e1f1a,#150f0d);background-size:40px 40px,40px 40px,100% 100%;background-position:0 0,20px 20px,0 0;background-attachment:fixed}.game-container{width:100%;max-width:1080px;margin:10px auto;min-height:calc(100vh - 20px);display:flex;flex-direction:column;position:relative;background:radial-gradient(circle at 50% 30%,#fffdf5,#fef3c7 60%,#fde68a);border:4px solid #F59E0B;border-radius:24px;box-shadow:0 15px 40px #0009,inset 0 2px 6px #fff9;overflow:hidden;box-sizing:border-box}.arcade-title-3d{font-family:var(--font-display);font-weight:900;color:#fff;text-shadow:-3px -3px 0 #451A03,3px -3px 0 #451A03,-3px 3px 0 #451A03,3px 3px 0 #451A03,0 6px 0 #2A0E02,0 10px 20px rgba(0,0,0,.6);letter-spacing:.5px}.arcade-title-gold{font-family:var(--font-display);font-weight:900;background:linear-gradient(180deg,#fff,#fef08a 30%,#f59e0b 70%,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 0 #78350F) drop-shadow(0 6px 12px rgba(0,0,0,.5))}@keyframes press-start-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px #F59E0B);opacity:1}50%{transform:scale(1.06);filter:drop-shadow(0 0 25px #FDE047) drop-shadow(0 0 35px #EF4444);opacity:.92}}.press-start-anim{animation:press-start-pulse 1.4s infinite ease-in-out}@keyframes light-sweep{0%{transform:translate(-150%) skew(-20deg)}to{transform:translate(250%) skew(-20deg)}}.shimmer-effect{position:relative;overflow:hidden}.shimmer-effect:after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:light-sweep 3s infinite ease-in-out;pointer-events:none}.hero-cover-interactive{cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);border:4.5px solid #F59E0B}.hero-cover-interactive:hover{transform:translateY(-4px) scale(1.012);border-color:#fde047!important;box-shadow:0 25px 60px #000000a6,0 0 45px #fde0478c!important}.hero-cover-interactive:active{transform:translateY(3px) scale(.985);box-shadow:0 10px 30px #00000080!important}.hero-play-btn{transition:all .2s ease-in-out}.hero-cover-interactive:hover .hero-play-btn{transform:scale(1.08);background:linear-gradient(135deg,#fde047,#f59e0b)!important;box-shadow:0 0 25px #fde047f2,0 6px 18px #00000073!important}.game-mode-banner-card{height:190px;border-radius:24px;border:3.5px solid #F59E0B;background-size:cover;background-position:center;box-shadow:0 8px #78350f,0 14px 28px #00000073;cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:14px 16px;box-sizing:border-box;transition:all .18s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.game-mode-banner-card:hover{transform:translateY(-5px) scale(1.02);border-color:#fde047;box-shadow:0 12px #78350f,0 20px 35px #f59e0b66}.game-mode-banner-card:active{transform:translateY(4px) scale(.98);box-shadow:0 2px #78350f}.mode-ribbon{align-self:flex-start;font-family:var(--font-display);font-size:.72rem;font-weight:900;padding:3px 12px;border-radius:10px;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 4px 10px #0006;border:1.5px solid rgba(255,255,255,.6)}.mode-ribbon-gold{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.mode-ribbon-emerald{background:linear-gradient(135deg,#10b981,#059669);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.mode-ribbon-orange{background:linear-gradient(135deg,#f97316,#c2410c);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.mode-ribbon-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.mode-ribbon-purple{background:linear-gradient(135deg,#a855f7,#7e22ce);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.mode-content-bottom{display:flex;flex-direction:column;gap:2px}.mode-title{font-family:var(--font-display);font-size:1.35rem;font-weight:900;color:#fff;margin:0;line-height:1.15;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 4px 10px rgba(0,0,0,.9)}.mode-subtitle{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;font-weight:800;color:#fef3c7;text-shadow:0 1px 4px rgba(0,0,0,.9)}.rpg-slot-card{width:100%;aspect-ratio:1;border-radius:18px;border:3px solid #CBD5E1;background:radial-gradient(circle,#fff,#f1f5f9);box-shadow:inset 0 3px 6px #0000001a,0 4px #00000026;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .15s ease}.rpg-slot-card:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 8px 16px #0003}.rpg-slot-card:active{transform:translateY(2px) scale(.96)}.rpg-slot-card.rarity-common{border-color:#94a3b8}.rpg-slot-card.rarity-rare{border-color:#3b82f6;box-shadow:inset 0 0 12px #3b82f633,0 4px #1d4ed8}.rpg-slot-card.rarity-epic{border-color:#a855f7;box-shadow:inset 0 0 12px #a855f733,0 4px #7e22ce}.rpg-slot-card.rarity-royal{border-color:#f59e0b;box-shadow:inset 0 0 15px #f59e0b4d,0 5px #b45309}.game-hud-header{width:calc(100% - 20px);margin:8px auto 10px;background:#1e0c04e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid rgba(245,158,11,.45);border-radius:18px;height:50px;min-height:50px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:6px;z-index:100;box-shadow:0 8px 24px #0006,inset 0 1px #ffffff26;box-sizing:border-box}.hud-btn-circle{width:34px;height:34px;border-radius:50%;background:#ffffff1a;border:1.5px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 6px #0000004d}.hud-btn-circle:hover{background:#fff3;transform:scale(1.06)}.hud-btn-circle:active{transform:scale(.94)}.hud-brand-logo{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s ease}.hud-brand-logo:hover{transform:scale(1.03)}.hud-debug-tag{background:#ef444440;border:1px solid rgba(239,68,68,.5);color:#fca5a5;padding:2px 6px;border-radius:6px;font-size:.65rem;font-weight:800;display:flex;align-items:center;gap:2px}.hud-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:12px;font-weight:800;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;border:none;font-family:inherit}.hud-chip:hover{transform:translateY(-1px)}.hud-chip:active{transform:scale(.96)}.hud-chip-gold{background:linear-gradient(135deg,#f59e0b40,#d9770659);border:1.5px solid #F59E0B;color:#fef08a;box-shadow:0 2px 8px #00000040}.hud-chip-star{background:#ffffff14;border:1.5px solid rgba(253,224,71,.4);color:#fff;cursor:default}.hud-chip-value{font-family:var(--font-display);font-size:.92rem;font-weight:900;line-height:1}.hud-chip-unit{font-size:.72rem;font-weight:800;color:#fde047}.hud-mode-tab{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:12px;border:2px solid rgba(255,255,255,.2);background:linear-gradient(180deg,#ffffff26,#0003);color:#fef3c7;font-family:var(--font-display);font-weight:900;font-size:.85rem;cursor:pointer;box-shadow:0 2px #0006;transition:all .12s ease;white-space:nowrap}.hud-mode-tab:hover{transform:translateY(-2px);background:linear-gradient(180deg,#ffffff4d,#f59e0b4d);border-color:#fde047;color:#fff}.hud-mode-tab:active{transform:translateY(2px);box-shadow:0 0 0 transparent}.hud-mode-tab.active-service{background:linear-gradient(180deg,#f59e0b,#d97706);border-color:#fef08a;color:#fff;box-shadow:0 0 12px #f59e0b99,0 2px #78350f}.hud-mode-tab.active-shop{background:linear-gradient(180deg,#f97316,#c2410c);border-color:#fed7aa;color:#fff;box-shadow:0 0 12px #f9731699,0 2px #7c2d12}.hud-mode-tab.active-book{background:linear-gradient(180deg,#10b981,#059669);border-color:#a7f3d0;color:#fff;box-shadow:0 0 12px #10b98199,0 2px #064e3b}.hud-mode-tab.active-dojo{background:linear-gradient(180deg,#3b82f6,#1d4ed8);border-color:#bfdbfe;color:#fff;box-shadow:0 0 12px #3b82f699,0 2px #1e3a8a}.hud-mode-tab.trophy-tab{background:linear-gradient(180deg,#fbbf24,#d97706);border-color:#fef08a;color:#78350f;text-shadow:0 1px 0 rgba(255,255,255,.6)}.hud-dial{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid rgba(255,255,255,.25);box-shadow:0 2px #0006;transition:all .12s ease}.hud-dial.dial-on{background:linear-gradient(180deg,#374151,#1f2937);border-color:#f59e0b}.hud-dial.dial-off{background:linear-gradient(180deg,#1f2937,#111827);border-color:#4b5563;opacity:.7}.hud-dial:hover{transform:translateY(-2px)}.hud-dial:active{transform:translateY(2px)}.score-pill{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #D97706;border-radius:14px;padding:4px 12px;font-family:var(--font-display);font-weight:900;color:#78350f;display:flex;align-items:center;gap:6px;box-shadow:0 2px 6px #00000026;white-space:nowrap}.btn-arcade{font-family:var(--font-display);font-size:.88rem;font-weight:800;padding:6px 14px;border-radius:12px;border:2px solid rgba(255,255,255,.7);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;white-space:nowrap;transition:all .15s ease;box-shadow:0 3px 6px #00000040}.btn-arcade:hover{transform:translateY(-2px);box-shadow:0 8px #0000004d,0 12px 18px #00000040}.btn-arcade:active{transform:translateY(4px);box-shadow:0 2px #0000004d,0 4px 6px #0003}.btn-primary{background:linear-gradient(180deg,#f59e0b,#d97706);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.btn-accent{background:linear-gradient(180deg,#10b981,#059669);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.btn-danger{background:linear-gradient(180deg,#ef4444,#dc2626);color:#fff}.btn-secondary{background:linear-gradient(180deg,#fff,#e5e7eb);color:#374151;border-color:#d1d5db}.btn-icon{width:42px;height:42px;padding:0;border-radius:50%}.btn-jelly{font-family:var(--font-display);font-size:1.15rem;font-weight:900;padding:12px 28px;border-radius:9999px;border:4px solid #FFFFFF;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;transition:all .12s cubic-bezier(.4,0,.2,1);box-shadow:0 7px #0000004d,0 10px 18px #00000040;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.btn-jelly:before{content:"";position:absolute;top:2px;left:12%;right:12%;height:40%;background:linear-gradient(180deg,#ffffffb3,#ffffff1a);border-radius:9999px;pointer-events:none}.btn-jelly:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px #0000004d,0 14px 22px #0000004d}.btn-jelly:active{transform:translateY(5px) scale(.98);box-shadow:0 2px #0000004d,0 4px 6px #0003}.btn-jelly-gold{background:linear-gradient(180deg,#fbbf24,#f59e0b,#d97706);color:#78350f;text-shadow:0 1px 0 rgba(255,255,255,.6)}.btn-jelly-green{background:linear-gradient(180deg,#34d399,#10b981,#059669);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.btn-jelly-pink{background:linear-gradient(180deg,#f472b6,#ec4899,#db2777);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.btn-jelly-blue{background:linear-gradient(180deg,#60a5fa,#3b82f6,#1d4ed8);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.oriental-card{background:#fffdf9;border:3px solid #E5D5B8;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 8px 24px #78350f1a;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.oriental-card:hover{transform:translateY(-5px);box-shadow:0 14px 32px #78350f33;border-color:var(--color-gold)}.oriental-badge{background:linear-gradient(135deg,var(--color-terracotta) 0%,var(--color-terracotta-dark) 100%);color:#fff;font-family:var(--font-display);font-weight:800;padding:4px 12px;border-radius:12px;border:2px solid #FFF;box-shadow:0 2px 6px #0003}.recipe-card-img{width:100%;height:200px;object-fit:cover;display:block;border-bottom:3px solid var(--color-gold)}.ds-console{max-width:860px;width:95%;margin:15px auto;background:linear-gradient(180deg,#e25822,#c2410c,#9a3412);border-radius:38px;padding:20px;box-shadow:0 25px 50px #0009,inset 0 4px 6px #fff6,inset 0 -6px 12px #00000080;border:6px solid #FDE047;display:flex;flex-direction:column;gap:14px;position:relative}.ds-hinge{height:18px;background:linear-gradient(180deg,#78350f,#451a03,#78350f);border-radius:10px;border:2px solid #F59E0B;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #0009}.ds-hinge-dot{width:8px;height:8px;border-radius:50%;background:#fde047;margin:0 15px;box-shadow:0 0 6px #fde047}.game-stage-container{position:relative;width:100%;max-width:1100px;margin:10px auto;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.main-centered-arena{width:100%;max-width:940px;background:#fffdf7;border:6px solid #78350F;border-radius:36px;box-shadow:0 25px 50px #0006,0 0 0 4px #f59e0b,inset 0 0 40px #f59e0b14;display:flex;flex-direction:column;position:relative;overflow:hidden;box-sizing:border-box;z-index:10}.arena-top-hud{background:linear-gradient(90deg,#78350f,#9a3412,#78350f);color:#fef08a;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:4px solid #F59E0B;box-shadow:0 4px 12px #00000040}.arena-cooking-surface{flex:1;min-height:540px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:#fffdf8;background-image:radial-gradient(circle,rgba(217,119,6,.1) 15%,transparent 15%);background-size:32px 32px;position:relative}.floating-side-mascot{position:absolute;left:-130px;bottom:24px;display:flex;flex-direction:column;align-items:center;gap:14px;z-index:50;pointer-events:none;width:270px;transition:all .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes mascot-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1.5deg)}}.float-animation{animation:mascot-float 3.2s infinite ease-in-out}.mascot-avatar-circle{width:140px;height:140px;border-radius:50%;overflow:hidden;background:#fff;position:relative;pointer-events:auto;flex-shrink:0;border:6px solid #FFFFFF;box-shadow:0 16px 36px #00000073;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.mascot-speech-bubble{background:#fff;border:3.5px solid #F59E0B;border-radius:22px;padding:12px 18px;position:relative;box-shadow:0 12px 28px #00000040;font-family:var(--font-display);pointer-events:auto;width:100%;box-sizing:border-box}.mascot-speech-bubble:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);border-width:12px 10px 0;border-style:solid;border-color:#F59E0B transparent;display:block;width:0}@media(max-width:1380px){.floating-side-mascot{left:12px;bottom:16px;width:220px}.mascot-avatar-circle{width:110px;height:110px}}@media(max-width:860px){.floating-side-mascot{position:static;flex-direction:row;width:100%;max-width:940px;margin-bottom:12px;pointer-events:auto}.mascot-avatar-circle{width:75px;height:75px}}.ds-screen{background:#fffdf7;border-radius:24px;border:5px solid #1C1917;overflow:hidden;box-shadow:inset 0 4px 10px #0000004d,0 4px 12px #0003;position:relative;display:flex;flex-direction:column}.top-screen{min-height:220px;background:linear-gradient(180deg,#fffbeb,#fef3c7 60%,#fde68a);background-image:radial-gradient(circle,rgba(245,158,11,.12) 15%,transparent 15%),linear-gradient(180deg,#fffbeb,#fef3c7);background-size:24px 24px,100% 100%}.touch-screen{min-height:430px;background:#fffdf9;position:relative}.soraya-bubble{background:#fff;border:4px solid var(--color-gold);border-radius:24px;padding:14px 18px;position:relative;box-shadow:0 6px 20px #0000001f;font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:#451a03}.soraya-bubble:after{content:"";position:absolute;bottom:-14px;left:28px;border-width:14px 14px 0;border-style:solid;border-color:var(--color-gold) transparent;display:block;width:0}@keyframes fire-glow{0%{filter:drop-shadow(0 0 8px #F59E0B) drop-shadow(0 0 20px #EF4444)}50%{filter:drop-shadow(0 0 18px #FBBF24) drop-shadow(0 0 35px #DC2626)}to{filter:drop-shadow(0 0 8px #F59E0B) drop-shadow(0 0 20px #EF4444)}}.fire-glow{animation:fire-glow 1.2s infinite alternate ease-in-out}.timer-container{height:18px;background:#e5e7eb;border-radius:9999px;overflow:hidden;border:3px solid #78350F;position:relative}.timer-fill{height:100%;transition:width .1s linear,background-color .3s ease}@keyframes comic-pop{0%{transform:translate(-50%,-50%) scale(.2) rotate(-20deg);opacity:0}50%{transform:translate(-50%,-50%) scale(1.3) rotate(5deg);opacity:1}75%{transform:translate(-50%,-50%) scale(1.05) rotate(-3deg);opacity:1}to{transform:translate(-50%,-80px) scale(.8) rotate(0);opacity:0}}.comic-popup{position:absolute;pointer-events:none;font-family:var(--font-display);font-size:2.2rem;font-weight:900;text-transform:uppercase;color:#fff;text-shadow:3px 3px 0 #DC2626,-3px -3px 0 #DC2626,3px -3px 0 #DC2626,-3px 3px 0 #DC2626,0 6px 12px rgba(0,0,0,.4);animation:comic-pop .8s cubic-bezier(.175,.885,.32,1.275) forwards;z-index:100}@keyframes swipe-down-guide{0%{transform:translateY(-60px) rotate(-15deg);opacity:0}20%{opacity:1}60%{transform:translateY(50px) rotate(-35deg);opacity:1}80%{transform:translateY(50px) rotate(-35deg);opacity:0}to{transform:translateY(-60px) rotate(-15deg);opacity:0}}.guide-swipe-down{animation:swipe-down-guide 1.3s infinite ease-in-out}@keyframes circle-guide{0%{transform:rotate(0) translate(80px) rotate(0);opacity:.8}to{transform:rotate(360deg) translate(80px) rotate(-360deg);opacity:.8}}.guide-circle{animation:circle-guide 2.2s infinite linear}@keyframes stamp-slam{0%{transform:scale(3.5) rotate(-30deg);opacity:0}60%{transform:scale(.9) rotate(-8deg);opacity:1}80%{transform:scale(1.05) rotate(-10deg)}to{transform:scale(1) rotate(-8deg);opacity:1}}.stamp-slam{animation:stamp-slam .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes count-zoom{0%{transform:scale(.2);opacity:0}50%{transform:scale(1.3);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}.count-digit{animation:count-zoom .75s ease-out forwards}.combo-badge{background:linear-gradient(135deg,#ef4444,#dc2626,#991b1b);color:#fff;font-family:var(--font-display);font-weight:900;padding:6px 16px;border-radius:9999px;border:3px solid #FFF;box-shadow:0 4px 10px #dc262680,0 3px #7f1d1d;text-shadow:0 2px 4px rgba(0,0,0,.5);display:flex;align-items:center;gap:6px;font-size:1.1rem}.clock-dial{width:54px;height:54px;border-radius:50%;background:#fff;border:4px solid #78350F;position:relative;box-shadow:inset 0 2px 6px #0003,0 4px 8px #0003;display:flex;align-items:center;justify-content:center}.clock-hand{position:absolute;bottom:50%;left:50%;width:4px;background:#dc2626;border-radius:4px;transform-origin:bottom center;transition:transform .1s linear}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.bounce-animation{animation:bounce-subtle 1.8s infinite ease-in-out}@keyframes pop-in{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.pop-in{animation:pop-in .35s cubic-bezier(.175,.885,.32,1.275) forwards}.minigame-stage{flex:1;width:100%;background:radial-gradient(circle at 50% 40%,#fffbeb,#fef3c7 70%,#fde68a);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;touch-action:none;min-height:430px}.cutting-board{width:92%;max-width:560px;height:340px;background:#eed6b3;background-image:repeating-linear-gradient(0deg,transparent,transparent 35px,rgba(160,100,40,.1) 35px,rgba(160,100,40,.1) 36px);border:10px solid #8B4513;border-radius:32px;box-shadow:0 15px 30px #00000040,inset 0 0 25px #8b451333;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:crosshair}.mortar-bowl{width:310px;height:310px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#78716c,#292524);border:14px solid #1C1917;box-shadow:0 20px 40px #0006,inset 0 10px 30px #000c;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.gsaa-bowl{width:360px;height:360px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#e2a053,#9a4c18);border:16px solid #5A2A0C;box-shadow:0 20px 45px #00000059,inset 0 0 40px #461e0a99;position:relative;display:flex;align-items:center;justify-content:center;cursor:grab}.tea-glass{width:120px;height:190px;border-radius:10px 10px 20px 20px;border:4px solid rgba(255,255,255,.9);background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;overflow:hidden;box-shadow:0 15px 30px #0003}.particle-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50}@keyframes shake-intense{0%{transform:translate(0) rotate(0)}20%{transform:translate(-5px,3px) rotate(-1.5deg)}40%{transform:translate(5px,-3px) rotate(1.5deg)}60%{transform:translate(-4px,-2px) rotate(-1deg)}80%{transform:translate(4px,2px) rotate(1deg)}to{transform:translate(0) rotate(0)}}.shake-animation{animation:shake-intense .22s ease-in-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#78350f14;border-radius:8px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f59e0b,#d97706);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#b45309}.badge-gold{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1.5px solid #F59E0B;color:#78350f;font-weight:900;font-size:.75rem;padding:3px 10px;border-radius:10px;display:inline-flex;align-items:center;gap:5px}.badge-emerald{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1.5px solid #10B981;color:#065f46;font-weight:900;font-size:.75rem;padding:3px 10px;border-radius:10px;display:inline-flex;align-items:center;gap:5px}.badge-royal{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1.5px solid #2563EB;color:#1e40af;font-weight:900;font-size:.75rem;padding:3px 10px;border-radius:10px;display:inline-flex;align-items:center;gap:5px}html,body{-webkit-tap-highlight-color:transparent;touch-action:pan-y;overscroll-behavior-y:none}button,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.arena-cooking-surface,.arena-cooking-surface canvas,.interactive-stage-canvas{touch-action:none!important;overscroll-behavior:contain!important}@media(max-width:860px){.game-container{margin:0!important;min-height:100dvh!important;border-radius:0!important;border:none!important;box-shadow:none!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.game-stage-container{flex-direction:column!important;margin:4px auto!important;padding:0 6px!important}.floating-side-mascot{position:static!important;flex-direction:row!important;width:100%!important;max-width:100%!important;margin-bottom:6px!important;gap:8px!important;pointer-events:auto!important;left:auto!important;bottom:auto!important;align-items:center!important}.mascot-avatar-circle{width:58px!important;height:58px!important;border-width:3px!important}.mascot-speech-bubble{flex:1!important;padding:6px 12px!important;border-radius:16px!important;border-width:2px!important;box-shadow:0 4px 12px #00000026!important}.mascot-speech-bubble:after{display:none!important}.mascot-speech-bubble p{font-size:.84rem!important;line-height:1.3!important}.main-centered-arena{width:100%!important;max-width:100%!important;border-radius:20px!important;border-width:4px!important;margin:0!important}.arena-top-hud{padding:8px 12px!important;gap:6px!important}.arena-cooking-surface{min-height:clamp(340px,58vh,520px)!important;padding:10px 8px!important}}@media(max-width:640px){.game-hud-header{width:calc(100% - 12px)!important;margin:4px auto 8px!important;padding:0 8px!important;height:48px!important;min-height:48px!important;border-radius:14px!important;gap:4px!important}.hud-brand-logo span:last-child{font-size:.95rem!important}.hud-chip{padding:3px 7px!important;gap:3px!important}.hud-chip-value{font-size:.82rem!important}.hud-btn-circle{width:30px!important;height:30px!important}.hero-cover-interactive{border-radius:18px!important;border-width:2.5px!important}.hero-cover-interactive img{height:clamp(220px,52vw,340px)!important;object-position:center 30%!important}.game-mode-banner-card{min-height:110px!important;border-radius:18px!important;border-width:3px!important}.mode-title{font-size:1.15rem!important}.mode-subtitle{font-size:.78rem!important}.btn-arcade{padding:8px 14px!important;font-size:.85rem!important;min-height:40px!important}.btn-jelly{padding:10px 22px!important;font-size:1.05rem!important}}@media(max-width:380px){.hud-brand-logo span:last-child{display:none!important}.hud-chip{padding:2px 5px!important}.game-mode-banner-card{min-height:96px!important}}.grimoire-layout{display:grid;grid-template-columns:260px 1fr;gap:22px;align-items:start}.grimoire-sidebar,.grimoire-recipe-list{display:flex;flex-direction:column;gap:8px}.grimoire-recipe-item{padding:10px 14px;display:flex;align-items:center;gap:10px;cursor:pointer;border-radius:16px;transition:all .15s ease}.grimoire-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.riad-shop-layout{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}@media(max-width:768px){.grimoire-layout{display:flex;flex-direction:column;gap:16px}.grimoire-recipe-list{flex-direction:row!important;overflow-x:auto!important;padding:4px 2px 10px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important;gap:8px!important;width:100%!important}.grimoire-recipe-item{flex-shrink:0!important;min-width:180px!important;max-width:220px!important}.grimoire-steps-grid{grid-template-columns:1fr!important;gap:14px!important}.riad-shop-layout{display:flex!important;flex-direction:column!important;gap:16px!important}}