:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#10172a;font-family:Inter,ui-rounded,SF Pro Rounded,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#10172a;min-width:320px;position:fixed;inset:0}button,a,input,textarea,select{font:inherit}.game-screen{width:100%;height:100%;min-height:0;padding:max(12px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));touch-action:none;isolation:isolate;background:radial-gradient(circle at 50% -10%,#8b80ff4d,#0000 37%),linear-gradient(#111a31 0%,#18233f 45%,#1a2b3b 72%,#10241f 100%);grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(10px,2.2vw,18px);display:grid;position:fixed;inset:0;overflow:hidden}.sky-glow{z-index:-4;aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#7968f638,#0000 67%);border-radius:50%;width:min(120vw,900px);position:absolute;top:-18%;left:50%;transform:translate(-50%)}.stars{z-index:-3;opacity:.55;pointer-events:none;background-image:radial-gradient(circle at 11% 16%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 82% 11%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 68% 28%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 27% 36%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 91% 43%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 7% 51%,#fff 0 1px,#0000 1.5px);position:absolute;inset:0}.game-hud{z-index:3;justify-content:space-between;align-items:center;min-width:0;display:flex}.level-chip{color:#ffffffb8;letter-spacing:.13em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e1d4d;border:1px solid #ffffff24;border-radius:999px;padding:7px 11px;font-size:clamp(10px,2.8vw,12px);font-weight:800}.health{color:#ff7e9c;filter:drop-shadow(0 2px 6px #ff598533);gap:4px;font-size:clamp(15px,4vw,19px);display:flex}.task-panel{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d12258f;border:1px solid #ffffff1f;border-radius:clamp(18px,5vw,26px);justify-content:space-between;align-items:center;min-width:0;padding:clamp(12px,3vw,18px) clamp(14px,4vw,22px);display:flex;box-shadow:inset 0 1px #ffffff0f}.task-kicker{color:#93a4c8;letter-spacing:.22em;margin:0 0 2px;font-size:clamp(9px,2.5vw,11px);font-weight:800}.task-panel h1{color:#f7f5ff;letter-spacing:.035em;margin:0;font-size:clamp(23px,7vw,38px);line-height:.98}.progress{color:#aeb9d4;flex:none;align-items:baseline;gap:4px;font-size:clamp(13px,3.6vw,17px);display:flex}.progress strong{color:#d9ffbe;font-size:clamp(27px,7vw,38px);line-height:1}.playfield{z-index:1;background:radial-gradient(circle at 50% 110%,#4ea87c36,#0000 46%),linear-gradient(#121b345c,#0a182094);border:1px solid #ffffff12;border-radius:clamp(24px,6vw,34px);min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,inset 0 -40px 80px #04101438}.moon{aspect-ratio:1;opacity:.78;background:#f7edc6;border-radius:50%;width:clamp(34px,10vw,64px);position:absolute;top:8%;right:8%;box-shadow:0 0 34px #ffefbc33}.moon:after{content:"";border-radius:inherit;background:#17243c;width:100%;height:100%;position:absolute;top:-10%;left:-18%}.hill{pointer-events:none;border-radius:50% 50% 0 0/70% 70% 0 0;height:29%;position:absolute;bottom:-11%;left:-18%;right:-18%}.hill-back{background:#17362d;bottom:-5%;transform:rotate(-2deg)}.hill-front{background:#10291f;height:31%;bottom:-14%;transform:rotate(2deg)}.baseline{background:linear-gradient(90deg,#0000,#bcffc680,#0000);border-radius:999px;height:2px;position:absolute;bottom:8.5%;left:7%;right:7%;box-shadow:0 0 18px #86ffa92e}.word-creature{z-index:4;will-change:transform;border:2px solid #ffffff38;border-radius:46% 54% 51% 49%/58% 48% 52% 42%;justify-content:center;align-items:center;min-width:clamp(76px,21vw,112px);height:clamp(55px,15vw,78px);padding:12px 13px 10px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 2px #ffffff2e,0 12px 28px #050a193d}.word-creature--mint{color:#11362f;background:linear-gradient(145deg,#a9efc8,#6bcba8)}.word-creature--berry{color:#48203b;background:linear-gradient(145deg,#ffb1ca,#e781ad)}.word-creature--sun{color:#4b3714;background:linear-gradient(145deg,#ffe7a7,#efbd67)}.word-creature--lavender{color:#34264d;background:linear-gradient(145deg,#d3c6ff,#a690e7)}.word-creature--bob{animation-name:creature-bob;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.word-creature--drift{animation-name:creature-drift;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.word-creature--sway{animation-name:creature-sway;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.word-label{z-index:2;letter-spacing:.01em;text-shadow:0 1px #ffffff40;white-space:nowrap;margin-top:12px;font-size:clamp(14px,4.2vw,19px);font-weight:900;line-height:1;position:relative}.creature-face{gap:9px;display:flex;position:absolute;top:11px;left:50%;transform:translate(-50%)}.eye{opacity:.8;background:currentColor;border-radius:50%;width:5px;height:7px}.antenna{opacity:.5;border-top:2px solid;width:14px;height:16px;position:absolute;top:-10px}.antenna-left{border-left:2px solid;border-radius:10px 0 0;left:25%;transform:rotate(-18deg)}.antenna-right{border-right:2px solid;border-radius:0 10px 0 0;right:25%;transform:rotate(18deg)}.creature-feet{justify-content:space-between;display:flex;position:absolute;bottom:-7px;left:21%;right:21%}.creature-feet span{background:inherit;border-radius:50%;width:19px;height:9px;box-shadow:inset 0 1px #ffffff26}.player{z-index:6;width:clamp(56px,15vw,78px);height:clamp(79px,21vw,108px);position:absolute;bottom:6.5%;left:50%;transform:translate(-50%)}.player-shadow{filter:blur(3px);background:#0000003d;border-radius:50%;width:76%;height:12px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.player-head{z-index:3;aspect-ratio:1;background:linear-gradient(145deg,#e9f6ff,#a9c6e8);border:3px solid #ffffff47;border-radius:48% 52%;width:58%;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:inset 0 2px #ffffff8c}.player-eye{background:#233756;border-radius:50%;width:5px;height:7px;position:absolute;top:45%}.player-eye-left{left:27%}.player-eye-right{right:27%}.player-body{z-index:2;background:linear-gradient(155deg,#7b6cf5,#5145bb);border:3px solid #ffffff26;border-radius:46% 46% 30% 30%/36% 36% 22% 22%;place-items:center;height:61%;display:grid;position:absolute;bottom:0;left:11%;right:11%;box-shadow:inset 0 2px #ffffff2e}.player-emblem{aspect-ratio:1;color:#f2efff;background:#1313386b;border-radius:50%;place-items:center;width:27px;font-size:13px;font-weight:900;display:grid}.player-arm{z-index:1;background:#6658db;border-radius:999px;width:27%;height:33%;position:absolute;top:48%}.player-arm-left{left:0;transform:rotate(18deg)}.player-arm-right{right:0;transform:rotate(-18deg)}.game-footer{z-index:3;color:#dee7f69e;letter-spacing:.05em;justify-content:center;align-items:center;gap:7px;font-size:clamp(10px,2.8vw,12px);font-weight:700;display:flex}.status-dot{background:#9fdc9c;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #9fdc9c80}@keyframes creature-bob{0%{transform:translate(-50%,-50%)translateY(-5px)rotate(-1deg)}to{transform:translate(-50%,-50%)translateY(8px)rotate(1deg)}}@keyframes creature-drift{0%{transform:translate(-50%,-50%)translate(-8px,-3px)rotate(-2deg)}to{transform:translate(-50%,-50%)translate(10px,7px)rotate(2deg)}}@keyframes creature-sway{0%{transform:translate(-50%,-50%)translate(-8px)rotate(-3deg)}to{transform:translate(-50%,-50%)translate(8px)rotate(3deg)}}@media (width>=700px){.game-screen{grid-template-columns:minmax(0,760px);justify-content:center}.game-hud,.task-panel,.playfield,.game-footer{grid-column:1}}@media (prefers-reduced-motion:reduce){.word-creature{animation:none}}.playfield{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.playfield--hitstop .letter-projectile,.playfield--hitstop .shot-layer,.playfield--hitstop .word-creature{animation-play-state:paused!important}.word-creature{appearance:none;font:inherit;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;margin:0}.word-creature:active{filter:brightness(1.14)drop-shadow(0 0 8px #ddefff6b)}.word-creature:focus-visible{outline-offset:5px;outline:3px solid #e0efffeb}.shot-layer{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.shot-line{stroke:#c4ddff6b;stroke-width:.35px;stroke-linecap:round;stroke-dasharray:2 2;animation:.22s ease-out forwards shot-line-fade}.shot-projectile{fill:#e9f6ff;filter:drop-shadow(0 0 3px #b0d2fff2)}.letter-projectile{z-index:7;color:#f8fbff;text-shadow:0 2px 8px #0a1023b8,0 0 10px #cbe2ff61;pointer-events:none;will-change:left, top;place-items:center;width:1.35em;height:1.35em;font-size:clamp(18px,5vw,28px);font-weight:900;line-height:1;animation-name:letter-fall;animation-timing-function:linear;animation-fill-mode:forwards;display:grid;position:absolute;transform:translate(-50%,-50%)}.letter-projectile--impact{z-index:9;color:#ff526f;text-shadow:0 2px 8px #36040ecc,0 0 14px #ff526fd1;font-size:clamp(23px,6.2vw,35px)}.movement-zone{z-index:2;pointer-events:none;background:linear-gradient(#0000,#41a0700e);border-top:1px solid #b6ffc314;position:absolute;bottom:0;left:4%;right:4%}.movement-zone span{color:#c5e0d333;letter-spacing:.18em;text-align:center;text-transform:uppercase;font-size:9px;font-weight:800;position:absolute;bottom:3px;left:0;right:0}.movement-zone span.movement-zone-feedback--correct{color:#dfffcdeb;letter-spacing:.04em;text-shadow:0 0 10px #beffa83d;text-transform:none;font-size:clamp(12px,3.2vw,15px)}.player{will-change:left;pointer-events:none;transition:left 70ms linear}.player--invulnerable{filter:drop-shadow(0 0 9px #d2ecff85);animation:.22s ease-in-out infinite alternate player-invulnerable}.player--hitstop{filter:drop-shadow(0 0 12px #ffd3dcb3);animation:70ms ease-in-out infinite alternate player-hitstop}.player--hitstop .player-eye{color:#233756;background:0 0;border-radius:0;place-items:center;width:14px;height:14px;font-size:16px;font-weight:900;line-height:1;display:grid;top:34%}.player--hitstop .player-eye-left{left:18%}.player--hitstop .player-eye-right{right:18%}.player--hidden{opacity:0;animation:none}.player--respawning{animation:.14s steps(2,end) infinite player-respawn-blink}@keyframes shot-line-fade{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes letter-fall{to{left:var(--projectile-impact-x);top:var(--projectile-end-y)}}@keyframes player-invulnerable{0%{opacity:.48}to{opacity:1}}@keyframes player-hitstop{0%{transform:translate(-50%)translate(-2px)}to{transform:translate(-50%)translate(2px)}}@keyframes player-respawn-blink{0%,48%{opacity:.28}52%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.player--invulnerable,.player--hitstop,.player--respawning,.shot-line{animation:none}.player{transition:none}}.game-phase-overlay{z-index:20;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#080d1b7a;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.game-phase-card{color:#f7f5ff;text-align:center;background:#131b31e0;border:1px solid #ffffff24;border-radius:26px;justify-items:center;gap:12px;min-width:min(78%,280px);padding:24px 22px;display:grid;box-shadow:0 18px 50px #04081457}.game-phase-card strong{font-size:clamp(26px,8vw,42px);line-height:1}.game-phase-card span{color:#e0e8f7b3;font-size:13px;font-weight:700}.game-phase-card button{appearance:none;color:#17231d;font:inherit;cursor:pointer;background:#d9ffbe;border:1px solid #ffffff2e;border-radius:999px;padding:10px 16px;font-weight:900}.game-phase-card button:focus-visible{outline-offset:4px;outline:3px solid #e0efffeb}.word-creature:disabled{opacity:1;cursor:default;pointer-events:none}.word-creature--resolving{filter:brightness(1.08)saturate(1.04);min-width:clamp(96px,27vw,144px);animation-play-state:paused}.word-creature--reward{border-color:#dfffcdc7;animation:.56s ease-out both creature-reward;box-shadow:inset 0 2px #ffffff3d,0 0 28px #beffa852,0 12px 28px #050a193d}.word-creature--resolution-mistake{opacity:.68;filter:brightness(.72)saturate(.72);animation:.36s ease-in-out both creature-resolution-mistake}.word-label--resolution{justify-content:center;align-items:center;gap:7px;font-size:clamp(12px,3.7vw,17px);animation:.22s ease-out both word-resolution-in;display:inline-flex}.resolution-reward{flex:none;place-items:center;width:1.45em;height:1.45em;display:inline-grid;position:relative}.resolution-crystal{color:#efffdc;text-shadow:0 0 5px #e5ffcff5,0 0 12px #a6ffbbb8;font-size:1.02em;line-height:1;animation:.52s cubic-bezier(.2,.85,.3,1.25) both resolution-crystal-pop;transform:rotate(45deg)}.reward-sparkles{color:#efffdceb;letter-spacing:.08em;text-align:center;text-shadow:0 0 5px #b1ffbed9;width:3.8em;font-size:.42em;line-height:1;animation:.62s ease-out both reward-sparkles;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes word-resolution-in{0%{opacity:0;transform:translateY(4px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes creature-reward{0%{transform:translate(-50%,-50%)scale(1)}45%{transform:translate(-50%,-50%)scale(1.08)}to{transform:translate(-50%,-50%)scale(1.02)}}@keyframes creature-resolution-mistake{0%,to{transform:translate(-50%,-50%)}28%{transform:translate(-50%,-50%)translate(-7px)rotate(-3deg)}56%{transform:translate(-50%,-50%)translate(6px)rotate(3deg)}78%{transform:translate(-50%,-50%)translate(-3px)rotate(-1deg)}}@keyframes resolution-crystal-pop{0%{opacity:0;transform:rotate(45deg)scale(.2)}65%{opacity:1;transform:rotate(45deg)scale(1.22)}to{opacity:1;transform:rotate(45deg)scale(1)}}@keyframes reward-sparkles{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)}45%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.55)}}@media (prefers-reduced-motion:reduce){.word-creature--reward,.word-creature--resolution-mistake,.word-label--resolution,.resolution-crystal,.reward-sparkles{animation:none}}
