*{box-sizing:border-box}:root{color:#172313;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--gold:#ffd85a;--gold-deep:#e79a19;--red:#ec4b3f;--green:#29a65a;--blue:#2384d8;--leaf:#14552c;--cream:#fff4d6;--ink:#162515;font-family:Trebuchet MS,Comic Sans MS,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{background:#173b21;min-width:320px;min-height:100%}body{min-width:320px;min-height:100%;margin:0;overflow:hidden}#root{width:100%;height:100%;min-height:100%}button,input,select,textarea{font:inherit}button{border:0}.app-shell{background-color:#173b21;background-image:var(--desktop-bg);width:100%;height:100dvh;min-height:100svh;color:var(--ink);background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 18%,#ffe86f47,#0000 28%),linear-gradient(#092e1a33 0%,#0a241433 45%,#05120c7a 100%);position:absolute;inset:0}.background-glow{filter:blur(6px);pointer-events:none;background:radial-gradient(circle,#ffe15e42,#ffca3a14 42%,#0000 72%);border-radius:999px;width:min(860px,94vw);height:52vh;position:absolute;top:8vh;left:50%;transform:translate(-50%)}.sound-toggle{z-index:8;color:#fffbea;cursor:pointer;background:linear-gradient(#2384d8,#145fa9);border:3px solid #ffffffb8;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px 14px;font-size:.92rem;font-weight:1000;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex;position:absolute;top:clamp(12px,2vw,22px);right:clamp(12px,2vw,24px);box-shadow:0 7px #0b4276,0 14px 18px #022b5038}.sound-toggle.sound-off{background:linear-gradient(#6b7a80,#405057);box-shadow:0 7px #273238,0 14px 18px #14222733}.sound-toggle:hover,.sound-toggle:focus-visible{outline:none;transform:translateY(-2px)}.sound-toggle:active{transform:translateY(3px);box-shadow:0 4px #00000059}.screen{z-index:1;height:100%;min-height:0;padding:clamp(18px,3vw,34px);position:relative;overflow:hidden}.start-screen,.results-screen{place-items:start center;padding-top:clamp(42px,9vh,100px);display:grid}.hero-card,.results-card{width:min(680px,94vw)}.game-card{width:min(980px,94vw)}.hero-card,.results-card,.game-card{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(145deg,#fffbe7f5,#ffe9a9eb),radial-gradient(circle at 0 0,#29a65a38,#0000 46%);border:4px solid #ffd85ad9;border-radius:32px;box-shadow:0 24px 60px #00000052,inset 0 0 0 3px #ffffff61}.hero-card,.results-card{text-align:center;padding:clamp(26px,5vw,48px)}.eyebrow{color:#096b3a;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:clamp(.82rem,2.5vw,1rem);font-weight:900}h1,h2,p{margin-top:0}h1{color:#193d20;text-shadow:0 4px #ffd85ae6,0 8px 14px #114a2633;margin-bottom:14px;font-size:clamp(2.4rem,8vw,5.2rem);line-height:.9}.hero-copy{color:#304629;max-width:540px;margin:0 auto 22px;font-size:clamp(1rem,2.6vw,1.25rem);font-weight:700;line-height:1.45}.mode-toggle{background:#14552c24;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:470px;margin:22px auto 16px;padding:8px;display:grid;box-shadow:inset 0 0 0 2px #14552c24}.mode-pill{color:#174221;cursor:pointer;background:#ffffffb3;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:12px 16px;font-weight:900;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.mode-pill:hover,.mode-pill:focus-visible,.primary-button:hover,.primary-button:focus-visible,.secondary-button:hover,.secondary-button:focus-visible,.letter-button:hover:not(:disabled),.letter-button:focus-visible:not(:disabled){outline:none;transform:translateY(-2px)}.mode-pill.active{color:#fffbe7;background:linear-gradient(#ec4b3f,#b82722);box-shadow:0 8px #791b18,0 16px 24px #8d271b3d}.mode-pill.active.practice{background:linear-gradient(#2384d8,#155ca5);box-shadow:0 8px #0d3c70,0 16px 24px #155ca540}.mode-icon{font-size:1.35rem}.mode-help{color:#355235;min-height:58px;margin:0 auto 24px;font-weight:800;line-height:1.4}.primary-button,.secondary-button{cursor:pointer;color:#251a00;letter-spacing:.01em;border-radius:999px;min-height:58px;padding:14px 28px;font-size:1.1rem;font-weight:1000;transition:transform .16s,box-shadow .16s,filter .16s}.primary-button{background:linear-gradient(#ffe986,#ffc338 56%,#f09b20);box-shadow:0 9px #a85f00,0 18px 24px #592a0047}.secondary-button{color:#fff;background:linear-gradient(#29a65a,#126f39);box-shadow:0 8px #0a4725,0 15px 18px #0f4c263d}.primary-button:active,.secondary-button:active,.letter-button:active:not(:disabled),.mode-pill:active{transform:translateY(3px);box-shadow:0 4px #00000059}.game-screen{flex-direction:column;align-items:center;padding-bottom:clamp(280px,38vh,430px);display:flex}.game-top-bar{grid-template-columns:150px minmax(0,1fr) 150px;align-items:start;width:min(1040px,96vw);margin:0 auto 14px;display:grid}.game-top-bar .score-bar{grid-column:2;margin-bottom:0}.return-button{color:#fffbea;cursor:pointer;background:linear-gradient(#2384d8,#145fa9);border:3px solid #ffffffbd;border-radius:999px;justify-self:start;min-height:48px;padding:10px 18px;font-weight:1000;transition:transform .16s,box-shadow .16s,filter .16s;box-shadow:0 7px #0b4276,0 14px 18px #022b5038}.return-button:hover:not(:disabled),.return-button:focus-visible:not(:disabled){outline:none;transform:translateY(-2px)}.return-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 4px #00000059}.return-button:disabled{cursor:not-allowed;opacity:.68;filter:grayscale(.2)}.score-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:min(900px,96vw);margin:0 auto 14px;display:flex}.score-chip,.temple-shield{color:#fffbea;background:linear-gradient(#ec4b3ff5,#a0231ffa);border:3px solid #ffd85acc;border-radius:18px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:8px 14px;display:inline-flex;box-shadow:0 9px 18px #00000038,inset 0 1px #ffffff57}.score-chip.blue{background:linear-gradient(#2384d8f5,#0f4e8ffa)}.score-chip.green{background:linear-gradient(#29a65af5,#106332fa)}.score-chip.purple{background:linear-gradient(#8453d5fa,#4a2b93fa);box-shadow:0 9px 18px #00000038,inset 0 1px #ffffff57}.score-chip span{letter-spacing:.08em;text-transform:uppercase;font-size:.77rem;font-weight:900}.score-chip strong,.temple-shield{font-size:clamp(1rem,3vw,1.25rem);font-weight:1000}.temple-shield{color:#3b2500;background:linear-gradient(#ffe986,#f0a925);min-width:142px}.practice-shield{color:#063c1f;background:linear-gradient(#9df5c0,#29a65a)}.shield-gem{opacity:.34;filter:grayscale();transition:opacity .2s,filter .2s,transform .2s}.shield-gem.filled{opacity:1;filter:none;transform:scale(1.08)}.game-card{text-align:center;margin-top:6px;padding:clamp(18px,4vw,30px);position:relative}.practice-label{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#2384d8,#11599a);border:3px solid #ffffffb8;border-radius:999px;padding:8px 16px;font-size:.86rem;font-weight:1000;position:absolute;top:-18px;left:50%;transform:translate(-50%);box-shadow:0 8px 16px #0000003d}.level-ribbon{color:#fffbea;background:linear-gradient(#8453d5,#4a2b93);border:3px solid #ffd85ac7;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:38px;margin:0 auto 12px;padding:7px 14px;font-weight:1000;display:inline-flex;box-shadow:0 6px #2f1d67,0 12px 18px #2f1d672e}.level-ribbon span{color:#ffe986;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}.level-ribbon strong{font-size:clamp(.9rem,2.5vw,1.05rem)}.word-prompt h2{color:#183f22;margin-bottom:14px;font-size:clamp(1.35rem,4.5vw,2.25rem)}.category-badge{color:#fff;background:linear-gradient(#29a65a,#126f39);border-radius:999px;justify-content:center;align-items:center;min-height:34px;margin-bottom:10px;padding:6px 14px;font-weight:1000;display:inline-flex;box-shadow:0 5px #0a4725}.letter-slots{flex-wrap:nowrap;justify-content:center;gap:clamp(5px,1.4vw,12px);max-width:100%;margin-bottom:12px;display:flex}.letter-slot{color:#3e2605;background:linear-gradient(#ffeeb1,#ffc955);border:4px solid #734518;border-radius:18px;place-items:center;width:clamp(44px,6.4vw,72px);height:clamp(52px,7.4vw,84px);font-size:clamp(1.65rem,4.7vw,3.3rem);font-weight:1000;line-height:1;display:grid;box-shadow:0 7px #91500d,0 12px 18px #522d0a33}.letter-slot.missing{color:#0d4e82;background:linear-gradient(#e7f6ff,#93d4ff);border-color:#1b6aa8;box-shadow:0 7px #145681,0 12px 18px #14568133}.correct-glow{animation:.85s both correctGlow}@keyframes correctGlow{0%{filter:brightness();transform:scale(1)}45%{filter:brightness(1.18)drop-shadow(0 0 18px #ffd85af2);transform:scale(1.13)rotate(-2deg)}to{filter:brightness();transform:scale(1)}}.message-panel{align-content:start;max-width:590px;min-height:clamp(136px,16vw,162px);margin:0 auto;display:grid}.feedback,.hint-box{color:#355235;max-width:560px;margin:0 auto 12px;font-size:clamp(.98rem,2.6vw,1.12rem);font-weight:900;line-height:1.35}.feedback.success{color:#0b6c39}.feedback.hint{color:#165d9d}.hint-box{background:#e2f5ffe0;border:3px dashed #2384d88c;border-radius:18px;min-height:52px;padding:10px 14px}.hint-box.empty{visibility:hidden}.letter-choices{grid-template-columns:repeat(4,minmax(62px,1fr));gap:clamp(8px,2.6vw,16px);max-width:570px;margin:16px auto 0;display:grid}.arena-choices{z-index:6;pointer-events:none;grid-template-columns:minmax(92px,1fr) minmax(230px,350px) minmax(92px,1fr);align-items:center;width:min(840px,96vw);max-width:none;margin:0;display:grid;position:absolute;bottom:clamp(116px,16vw,154px);left:50%;transform:translate(-50%)}.letter-choice-side{pointer-events:auto;align-content:center;gap:clamp(8px,1.5vw,12px);display:grid}.left-side{justify-items:end}.right-side{justify-items:start}.gorilla-choice-gap{min-height:1px}.letter-button{color:#fffbea;cursor:pointer;background:linear-gradient(#2384d8,#145fa9);border:4px solid #ffffffa6;border-radius:24px;min-width:clamp(68px,8vw,96px);min-height:clamp(62px,8vw,86px);font-size:clamp(1.8rem,5.6vw,3.35rem);font-weight:1000;line-height:1;transition:transform .16s,filter .16s,box-shadow .16s;box-shadow:0 9px #0b4276,0 15px 20px #022b5038}.letter-button.color-2{background:linear-gradient(#ec4b3f,#b72d28);box-shadow:0 9px #7e1e1a,0 15px 20px #5f120f33}.letter-button.color-3{background:linear-gradient(#29a65a,#13753d);box-shadow:0 9px #0b4b28,0 15px 20px #0b4b2833}.letter-button.color-4{color:#3d2600;background:linear-gradient(#ffd85a,#e79a19);box-shadow:0 9px #9a5b06,0 15px 20px #64370333}.letter-button.correct{color:#3d2600;filter:drop-shadow(0 0 16px #ffd85acc);background:linear-gradient(#fff3a8,#f6b82e);animation:.65s both buttonPop}.letter-button.wrong{filter:saturate(.78);animation:.34s both shake}.letter-button:disabled{cursor:not-allowed}.letter-button:disabled:not(.correct):not(.wrong){opacity:.7;filter:grayscale(.18)}@keyframes buttonPop{50%{transform:translateY(-7px)scale(1.08)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)rotate(-1deg)}75%{transform:translate(5px)rotate(1deg)}}.gorilla-zone{pointer-events:none;justify-items:center;width:min(840px,98vw);display:grid;position:absolute;bottom:clamp(4px,2.5vh,24px);left:50%;transform:translate(-50%)}.gorilla-stage{z-index:5;width:min(340px,64vw);min-height:160px;position:relative}.gorilla-sprite{image-rendering:auto;filter:drop-shadow(0 18px 18px #00000052);transform-origin:bottom;background-repeat:no-repeat}.gorilla-sprite.smashing{transform:translateZ(0)}.gorilla-sprite.celebrating{animation:.56s ease-in-out gorillaHappyBounce}.gorilla-sprite.level-celebrating{animation:.68s ease-in-out 5 gorillaLevelBounce}.gorilla-sprite.victory-dancing{animation:1.18s ease-in-out infinite gorillaVictoryDance}@keyframes gorillaLevelBounce{0%,to{transform:translateY(0)scale(1)}35%{transform:translateY(-14px)scale(1.025)}68%{transform:translateY(0)scale(1)}}@keyframes gorillaHappyBounce{0%,to{transform:translateY(0)scale(1)}24%{transform:translateY(-10px)scale(1.02)}46%{transform:translateY(0)scale(1)}68%{transform:translateY(-7px)scale(1.018)}}@keyframes gorillaVictoryDance{0%,to{transform:translateY(0)scale(1)}18%{transform:translateY(-16px)scale(1.025)}34%{transform:translateY(0)scale(1)}52%{transform:translateY(-11px)scale(1.018)rotate(-.4deg)}72%{transform:translateY(0)scale(1)}86%{transform:translateY(-7px)scale(1.012)rotate(.4deg)}}.stone-platform{z-index:1;background:radial-gradient(circle at 25% 20%,#ffffff57,#0000 16%),radial-gradient(circle at 66% 35%,#ffffff38,#0000 18%),linear-gradient(#b59a78,#6d5948);border:4px solid #5f4c39f2;border-radius:50% 50% 42% 42%;width:min(480px,84vw);height:clamp(44px,8vw,74px);margin-top:-22px;position:relative;box-shadow:0 20px 26px #00000047,inset 0 -8px #362a2247}.stone-letter-block{z-index:4;transform-origin:bottom;color:#5a3215;background:radial-gradient(circle at 28% 22%,#ffffff61,#0000 17%),linear-gradient(#d7c6ad,#92775e);border:5px solid #6d5948;border-radius:18px;place-items:center;width:clamp(54px,10vw,78px);height:clamp(54px,10vw,78px);font-size:clamp(1.65rem,6vw,3.2rem);font-weight:1000;transition:transform 80ms linear,opacity 80ms linear,filter 80ms linear;animation:.26s cubic-bezier(.2,1.2,.2,1) both blockDrop;display:grid;position:absolute;bottom:clamp(8px,2.8vw,22px);left:50%;overflow:visible;transform:translate(-50%)rotate(-3deg);box-shadow:0 10px #594638,0 20px 24px #00000040}.stone-letter-block span{z-index:2;position:relative}.stone-letter-block:before,.stone-letter-block:after{content:"";pointer-events:none;position:absolute}.stone-letter-block:before{z-index:1;opacity:0;background:linear-gradient(118deg,#0000 0 44%,#493122ad 45% 48%,#0000 49% 100%),linear-gradient(32deg,#0000 0 52%,#49312294 53% 56%,#0000 57% 100%),linear-gradient(82deg,#0000 0 61%,#49312280 62% 64%,#0000 65% 100%);inset:13%}.stone-letter-block:after{z-index:-1;opacity:0;background:radial-gradient(circle at 18% 48%,#dab97edb,#0000 22%),radial-gradient(circle at 42% 38%,#b8915ccc,#0000 28%),radial-gradient(circle at 72% 52%,#dab97eb8,#0000 24%);border-radius:999px;width:166%;height:40px;bottom:-18px;left:50%;transform:translate(-50%)scale(.7)}.stone-letter-block.smashed{border-color:#534130;box-shadow:0 3px #594638,0 14px 22px #00000040}.stone-letter-block.smashed:before{opacity:1}.stone-letter-block.smashed:after{animation:.32s ease-out both dustBurst}.stone-letter-block.fading span{opacity:.42;transform:translateY(8px)scaleY(.8)}@keyframes blockDrop{0%{opacity:0;transform:translate(-50%,-28px)rotate(8deg)scale(.8)}to{opacity:1;transform:translate(-50%)rotate(-3deg)scale(1)}}@keyframes dustBurst{0%{opacity:0;transform:translate(-50%)scale(.6)}30%{opacity:.9}to{opacity:0;transform:translate(-50%)scale(1.16)}}.winner-results-screen{place-items:start center;padding-top:clamp(16px,3vh,38px);overflow-y:auto}.winner-card{width:min(860px,94vw);padding:clamp(18px,3.2vw,34px)}.winner-card h1{margin-bottom:8px;font-size:clamp(2.15rem,6vw,4.4rem)}.winner-card .hero-copy{max-width:660px;margin-bottom:8px}.winner-gorilla-showcase{place-items:end center;width:min(620px,88vw);min-height:clamp(260px,42vh,430px);margin:10px auto 14px;padding-top:46px;display:grid;position:relative;overflow:visible}.winner-gorilla-showcase .gorilla-stage{z-index:3;width:min(430px,68vw);min-height:0}.celebration-badge{z-index:4;color:#3b2500;background:linear-gradient(#ffe986,#f0a925);border:3px solid #ffffffd1;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:8px 18px;font-size:clamp(.9rem,2.6vw,1.08rem);font-weight:1000;display:inline-flex;position:absolute;top:0;box-shadow:0 7px #9a5b06,0 13px 18px #592a0038}.winner-ground{z-index:1;background:linear-gradient(#c7ab84,#745c48);border:4px solid #5f4c39f2;border-radius:50%;width:min(520px,76vw);height:clamp(34px,6vw,58px);position:absolute;bottom:3px;left:50%;transform:translate(-50%);box-shadow:0 16px 22px #00000042,inset 0 -8px #362a223d}.winner-sparkle{z-index:2;color:#ffd85a;text-shadow:0 3px #9a5b06,0 0 18px #ffe868e6;font-size:clamp(1.6rem,5vw,3.2rem);animation:1.8s ease-in-out infinite sparkleFloat;position:absolute}.sparkle-one{top:24%;left:7%}.sparkle-two{animation-delay:.36s;top:18%;right:8%}.sparkle-three{animation-delay:.72s;top:55%;right:0}@keyframes sparkleFloat{0%,to{opacity:.6;transform:translateY(0)scale(.9)rotate(0)}50%{opacity:1;transform:translateY(-12px)scale(1.18)rotate(12deg)}}.results-medal{background:linear-gradient(#ffe986,#f0a925);border:5px solid #fff4c8;border-radius:50%;place-items:center;width:94px;height:94px;margin:0 auto 14px;font-size:3rem;display:grid;box-shadow:0 10px #9a5b06,0 18px 24px #0000003d}.results-medal.gentle{background:linear-gradient(#b6f3cb,#29a65a);box-shadow:0 10px #0e6534,0 18px 24px #00000038}.results-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0;display:grid}.results-stats div{background:#14552c1f;border-radius:20px;padding:14px 10px}.results-stats span{color:#426043;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:1000;display:block}.results-stats strong{color:#193d20;font-size:clamp(1.45rem,5vw,2.3rem)}.results-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=768px){.app-shell{background-image:var(--mobile-bg);background-position:bottom}.screen{padding:14px}.start-screen,.results-screen{padding-top:26px}.hero-card,.results-card,.game-card{border-radius:26px}.game-screen{padding-bottom:clamp(245px,40vh,340px)}.game-top-bar{grid-template-columns:1fr;justify-items:center;gap:9px;margin-bottom:10px}.game-top-bar .score-bar{grid-column:auto}.sound-toggle{min-height:40px;padding:7px 10px;font-size:.8rem;top:10px;right:10px}.sound-toggle strong{display:none}.return-button{justify-self:center;min-height:44px;padding:8px 16px}.score-bar{gap:7px}.score-chip,.temple-shield{border-radius:15px;min-height:44px;padding:6px 10px}.score-chip span{display:none}.game-card{width:min(720px,96vw);padding-top:24px}.letter-slots{gap:clamp(4px,1.2vw,8px)}.letter-slot{border-width:3px;width:clamp(34px,8.4vw,56px);height:clamp(44px,10vw,66px);font-size:clamp(1.35rem,7vw,2.45rem)}.letter-choices:not(.arena-choices){grid-template-columns:repeat(2,minmax(0,1fr));max-width:350px}.arena-choices{grid-template-columns:minmax(62px,1fr) minmax(150px,52vw) minmax(62px,1fr);width:min(100vw,580px);bottom:clamp(112px,29vw,150px)}.letter-button{border-radius:20px;min-width:clamp(58px,16vw,74px);min-height:clamp(56px,15vw,72px);font-size:clamp(1.5rem,8vw,2.55rem)}.gorilla-zone{width:min(580px,100vw)}.gorilla-stage{width:min(290px,70vw)}.stone-letter-block{bottom:clamp(6px,4vw,18px)}.winner-card{width:min(720px,96vw);padding:18px}.winner-gorilla-showcase{width:min(520px,94vw);min-height:clamp(230px,38vh,340px);margin-bottom:10px}.winner-gorilla-showcase .gorilla-stage{width:min(340px,76vw)}.results-stats{grid-template-columns:1fr}}@media (width<=430px){.mode-toggle{border-radius:26px;grid-template-columns:1fr}.mode-help{min-height:unset}.letter-slots{flex-wrap:wrap;gap:6px}.letter-slot{border-radius:15px}.primary-button,.secondary-button{width:100%}.message-panel{min-height:152px}.arena-choices{grid-template-columns:minmax(56px,1fr) minmax(130px,50vw) minmax(56px,1fr);bottom:clamp(104px,31vw,130px)}.letter-choice-side{gap:7px}.letter-button{border-width:3px;border-radius:18px;min-width:clamp(52px,15vw,64px);min-height:clamp(52px,14vw,64px)}.winner-card h1{font-size:clamp(1.9rem,12vw,3rem)}.winner-gorilla-showcase{min-height:250px;padding-top:42px}.celebration-badge{padding-inline:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}