:root{color:#f7fbff;font-synthesis:none;--accent:#73d9f0;--accent-dark:#087aa5;--ink:#10223d;--viewport-height:100dvh;background:#07111f;font-family:Inter,ui-rounded,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:var(--viewport-height);min-height:0;margin:0;overflow:hidden}button,input{font:inherit}button{touch-action:manipulation}body{overscroll-behavior:none;background:radial-gradient(circle at 50% 0,#1b3b63 0,#0000 45%),#07111f}#app{place-items:center;display:grid}.game-screen{isolation:isolate;background:var(--ink);width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.action-button{color:#08233b;background:linear-gradient(180deg, #baf4ff, var(--accent));letter-spacing:.01em;cursor:pointer;border:0;border-radius:999px;min-width:min(18rem,100%);min-height:3.25rem;padding:.8rem 1.5rem;font-weight:800;transition:transform .14s,box-shadow .14s;box-shadow:0 .35rem #1688aa,0 .7rem 1.5rem #00000040}.action-button:hover{transform:translateY(-2px);box-shadow:0 .45rem #1688aa,0 .8rem 1.7rem #0000004d}.action-button:active{transform:translateY(.25rem);box-shadow:0 .1rem #1688aa}.action-button:focus-visible,.answer-form input:focus-visible,.floating-word:focus-visible{outline-offset:.2rem;outline:.25rem solid #fff}.splash-screen,.info-screen{padding:max(1.5rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));text-align:center;background:radial-gradient(circle at 50% 25%,#246b968c,#0000 34%),linear-gradient(145deg,#07111f,#173c63);flex-direction:column;justify-content:center;align-items:center;gap:clamp(1.25rem,4vh,2.5rem);display:flex}.splash-screen:before,.splash-screen:after{z-index:-1;aspect-ratio:1;content:"";border:1px solid #73d9f029;border-radius:50%;width:min(70vw,36rem);position:absolute}.splash-screen:before{top:-25%;left:-22%}.splash-screen:after{bottom:-35%;right:-25%}.game-logo{object-fit:contain;filter:drop-shadow(0 1rem 2rem #00000061);width:min(78vw,32rem);max-height:40vh;animation:.65s cubic-bezier(.2,.8,.2,1) both logo-in}.splash-subtitle{color:#d8f8ff;letter-spacing:.02em;margin:-.5rem 0 0;font-family:Georgia,serif;font-size:clamp(1.2rem,4vw,1.8rem)}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#051628c7;border:1px solid #ffffff1f;border-radius:clamp(1rem,4vw,2rem);width:min(100%,48rem);max-height:100%;padding:clamp(1.5rem,6vw,3.5rem);overflow:auto;box-shadow:0 2rem 5rem #0000004d}.card h1{color:var(--accent);margin:0 0 1rem;font-family:Georgia,serif;font-size:clamp(2rem,8vw,4.25rem);line-height:1.05}.card p{color:#e9faff;max-width:40rem;margin:0 auto clamp(1.5rem,5vh,2.75rem);font-size:clamp(1rem,3vw,1.35rem);line-height:1.65}.celebration-screen .card h1,.end-screen .card h1{color:#ffcf66}.play-screen{background-color:#60d9e9;background-position:50%;background-size:cover}.word-field{position:absolute;inset:0;overflow:hidden}.play-hud,.bonus-hud{z-index:5;padding:max(.75rem, env(safe-area-inset-top)) max(.9rem, env(safe-area-inset-right)) .75rem max(.9rem, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex;position:relative}.score{color:#056e9c;text-shadow:0 1px #ffffffb3;margin:0;font-family:Georgia,serif;font-size:clamp(1.25rem,5vw,2.25rem);font-weight:800}.hearts{gap:clamp(.25rem,1vw,.55rem);display:flex}.hearts img{object-fit:contain;filter:drop-shadow(0 .15rem .2rem #0000004d);width:clamp(2rem,8vw,3.5rem);height:clamp(2rem,8vw,3.5rem)}.floating-word{color:#b5156e;text-shadow:-1px -1px #f7a7d3,1px -1px #f7a7d3,-1px 1px #4d0b30,2px 3px 3px #0000008c;white-space:nowrap;cursor:pointer;touch-action:none;will-change:transform;background:0 0;border:0;max-width:75vw;padding:.3rem .45rem;font-family:Arial Black,Impact,sans-serif;font-size:clamp(1.65rem,7vw,3.25rem);line-height:1;position:absolute;top:0;left:0}.floating-word:before{content:"";position:absolute;inset:-.65rem -.75rem}.floating-word:disabled{opacity:1}.floating-word--collected{opacity:0;pointer-events:none}.play-screen--mistake{animation:.48s ease-out mistake}.score-burst{z-index:8;pointer-events:none;width:1px;height:1px;position:absolute}.score-burst strong{color:#005d89;text-shadow:0 1px #fff;font:800 clamp(1.5rem,5vw,2.5rem) Georgia,serif;animation:.75s ease-out forwards points-up;position:absolute}.score-burst img{transform-origin:50% 2.75rem;width:clamp(.8rem,3vw,1.5rem);animation:.7s ease-out forwards diamond-burst;position:absolute}.bonus-screen{background:radial-gradient(circle at 50% 25%,#4877a699,#0000 42%),#1e3c60;grid-template-rows:auto minmax(0,1fr);display:grid}.bonus-hud .score{color:#fff;text-shadow:none}.timer{color:#fff;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(1.35rem,5vw,2.5rem);font-weight:800}.bonus-content{min-height:0;padding:clamp(.75rem, 3vh, 2rem) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;overflow:auto}.bonus-prompt{color:#ffd287;letter-spacing:.02em;margin:0;font-family:Georgia,serif;font-size:clamp(1.1rem,4vw,1.8rem)}.word-to-correct{color:#ffbe55;overflow-wrap:anywhere;text-shadow:0 .2rem #805117,0 .5rem 1rem #00000040;margin:clamp(.2rem,1vh,.75rem) 0 clamp(.7rem,3vh,2rem);font-family:Georgia,serif;font-size:clamp(2.5rem,13vw,6.5rem);line-height:1}.answer-form{gap:.5rem;width:min(100%,40rem);display:grid}.answer-form label{font-weight:750}.answer-form input{color:#111d2d;text-align:center;text-transform:lowercase;background:#fff;border:.2rem solid #0000;border-radius:.9rem;width:100%;min-height:3.5rem;padding:.55rem 1rem;font-family:Georgia,serif;font-size:clamp(1.4rem,7vw,3rem);box-shadow:inset 0 .15rem .25rem #00000029,0 .7rem 1.5rem #0000002e}.answer-input--correct{background:#eafff5!important;border-color:#5ee5aa!important}.input-hint,.answer-feedback{color:#d7eef8;min-height:1.4em;margin:0;font-size:clamp(.85rem,2.7vw,1rem)}.mobile-hint{display:none}.answer-feedback{color:#8ff1bd;margin-top:clamp(.4rem,2vh,1rem);font-size:clamp(1rem,3vw,1.25rem);font-weight:800}.bonus-screen--expired .word-to-correct{color:#ff7272}@media (pointer:coarse){.desktop-hint{display:none}.mobile-hint{display:block}}@media (width>=48rem){#app{padding:1rem}.game-screen{border:1px solid #ffffff1a;border-radius:1.25rem;width:min(100%,72rem);height:min(100%,48rem);box-shadow:0 2rem 6rem #00000073}.floating-word{font-size:clamp(2.25rem,4vw,3.5rem)}}@media (height<=31rem){.bonus-content{justify-content:flex-start;padding-top:.25rem}.word-to-correct{margin-block:.15rem .45rem;font-size:clamp(2rem,10vh,3rem)}.answer-form input{min-height:2.75rem;font-size:max(1.15rem,16px)}.input-hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes logo-in{0%{opacity:0;transform:scale(.85)rotate(-2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes mistake{0%,to{transform:translate(0);box-shadow:inset 0 0 #f000}20%{transform:translate(-.45rem);box-shadow:inset 0 0 0 100vmax #ff000047}40%{transform:translate(.45rem)}60%{transform:translate(-.25rem)}80%{transform:translate(.25rem)}}@keyframes points-up{to{opacity:0;transform:translate(-50%,-4rem)}}@keyframes diamond-burst{0%{opacity:1;transform:rotate(var(--burst-angle)) translateY(0)}to{opacity:0;transform:rotate(var(--burst-angle)) translateY(-3.5rem)}}