@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;--bg: #ffffff;--ink: #181817;--muted: #74766b;--line: #d8dbc9;--line-active: #9fa58f;--paper: #ffffff;--accent: #205f61;--accent-ink: #ffffff;--share-blue: #007aff}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-height:100vh;display:flex;justify-content:center;color:var(--ink);font-family:IBM Plex Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.shell{width:min(27rem,calc(100vw - 2rem));padding:2.75rem 0 2rem;text-align:center;text-transform:uppercase}.masthead{margin-bottom:1.5rem}.masthead h1{margin:0;font-size:2.6rem;line-height:1.05;font-weight:820;letter-spacing:0}.expression{min-height:2.35rem;margin:0 0 1.5rem;font-size:clamp(1.42rem,2.2vw,1.82rem);line-height:1.35;font-weight:760;letter-spacing:0;overflow-wrap:anywhere}.guess-form{margin:0}.slot.active input{display:block;width:100%;min-height:calc(3.95rem - 4px);min-width:0;padding:0 .9rem;color:var(--ink);background:transparent;border:0;border-radius:0;font-size:1.42rem;font-weight:800;line-height:1;text-align:center;text-transform:uppercase}.slot.active input:focus{outline:none}.slot.active{border-color:var(--line-active)}.guess-form button,.result button{min-height:2.8rem;padding:0 1.05rem;color:var(--accent-ink);background:var(--accent);border:0;border-radius:.45rem;font-weight:760;cursor:pointer}.guess-form button:disabled,.slot.active input:disabled{opacity:.45;cursor:default}.sr-only{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0;clip:rect(0 0 0 0);clip-path:inset(50%)}.message{min-height:1.25rem;margin:1rem 0 0;color:var(--muted);font-size:.86rem;white-space:pre-line}.slots{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}.slot{min-height:3.95rem;border:2px solid var(--line);border-radius:0}.slot.empty{background:var(--paper)}.slot.filled{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-items:center;position:relative;overflow:hidden;padding:0 .9rem;color:var(--slot-ink, #fff);background:var(--slot-color);text-align:center}.slot.just-submitted{animation:slot-resolve .42s cubic-bezier(.18,.82,.24,1);transform-origin:center}.slot.just-submitted.correct{animation:slot-resolve-correct .68s cubic-bezier(.18,.82,.24,1)}.slot.just-submitted:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transform:translate(-115%);animation:slot-sheen .48s ease-out}.word{min-width:0;max-width:100%;position:relative;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.42rem;font-weight:800;line-height:1;text-transform:uppercase}.result{margin-top:1rem;display:grid;justify-items:center;gap:1rem}.result-status{margin:0;font-weight:760}.share-button{min-width:0;min-height:2.8rem;padding:0 .85rem 0 1rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;color:var(--accent-ink);background:var(--share-blue);border:0;border-radius:999px;cursor:pointer}.share-button svg{flex:none;display:block}.keyboard{margin-top:1rem;display:grid;gap:.45rem;transform:translate(-.35rem)}.keyboard-row{display:flex;justify-content:center;gap:.35rem}.key{width:clamp(1.75rem,8vw,2.25rem);height:3rem;padding:0;color:var(--ink);background:#eef0e7;border:0;border-radius:.25rem;font-size:.9rem;font-weight:800;line-height:1;cursor:pointer}.key-wide{width:clamp(3.2rem,14vw,4.4rem);font-size:.72rem}.key:disabled{opacity:.45;cursor:default}.result-message{margin:0}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:46%;left:50%;width:var(--confetti-size);height:var(--confetti-height);background:var(--confetti-color);border-radius:1px;opacity:0;transform:translate(-50%,-50%);animation:confetti-burst 1.15s cubic-bezier(.15,.78,.32,1) var(--confetti-delay) forwards}.shake{animation:shake .35s}@keyframes slot-resolve{0%{opacity:.72;transform:translateY(3px) scale(.96);filter:saturate(.82)}62%{opacity:1;transform:translateY(-1px) scale(1.025);filter:saturate(1.08)}to{transform:translateY(0) scale(1);filter:none}}@keyframes slot-resolve-correct{0%{opacity:.72;transform:translateY(4px) scale(.94);filter:saturate(.82)}42%{opacity:1;transform:translateY(-2px) scale(1.045);filter:saturate(1.12)}66%{transform:translateY(1px) scale(.985)}84%{transform:translateY(-1px) scale(1.015)}to{transform:translateY(0) scale(1);filter:none}}@keyframes slot-sheen{0%{transform:translate(-115%)}to{transform:translate(115%)}}@keyframes confetti-burst{0%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(.72)}38%{opacity:1;transform:translate(calc(-50% + var(--confetti-x)),calc(-50% + var(--confetti-y))) rotate(var(--confetti-rotate)) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--confetti-final-x)),calc(-50% + var(--confetti-fall))) rotate(calc(var(--confetti-rotate) + 180deg)) scale(.9)}}@keyframes shake{20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media(max-width:380px){.slot.filled{grid-template-columns:1fr;padding-block:.45rem}}@media(max-width:520px)and (max-aspect-ratio:3 / 4){.shell{padding-block:.9rem .45rem}.masthead,.expression{margin-bottom:.35rem}.slots{gap:.45rem}.message{min-height:.75rem;margin-top:.25rem;font-size:.76rem}.keyboard{margin-top:.25rem}}@media(prefers-reduced-motion:reduce){.slot.just-submitted,.slot.just-submitted.correct,.slot.just-submitted:before,.confetti-piece,.shake{animation:none}.confetti{display:none}}