:root{--figma-navy:#0e172a;--figma-navy-elevated:#1b2a4a;--figma-gold:#f5b731;--figma-sky:#7bb3d4;--figma-muted:#94a3b8;--figma-border:#3a5a8c;--figma-white:#fff;--figma-status:#3d8c5a;--text:var(--figma-muted);--text-h:var(--figma-white);--bg:var(--figma-navy);--border:var(--figma-border);--code-bg:var(--figma-navy-elevated);--accent:var(--figma-gold);--accent-bg:#f5b7311f;--accent-border:var(--figma-gold);--social-bg:#1b2a4a80;--shadow:0 8px 12px #f5b73140;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Outfit", system-ui, "Segoe UI", sans-serif;--mono:ui-monospace, Consolas, monospace;--tile-correct:var(--figma-gold);--tile-present:var(--figma-sky);--tile-absent:var(--figma-navy-elevated);--tile-empty-bg:var(--figma-navy-elevated);--tile-border:2px solid var(--figma-border);--tile-radius:.5rem;--control-radius:8px;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}@media (width<=1024px){:root{font-size:16px}}@media (width<=639px){html,body,#root{overflow-x:hidden}}html.theme-classic{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#6aaa64;--accent-bg:#fff;--accent-border:var(--border);--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--tile-correct:#6aaa64;--tile-present:#c9b458;--tile-absent:#787c7e;--tile-empty-bg:#fff;--tile-border:1px solid var(--border);--tile-radius:0;--control-radius:4px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html.theme-classic{--lightningcss-light: ;--lightningcss-dark:initial}}html.theme-classic h1,html.theme-classic h2{font-weight:500}html.theme-classic h1{letter-spacing:-1.68px}@media (prefers-color-scheme:dark){html.theme-classic{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--tile-empty-bg:var(--bg);--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}#root{text-align:center;box-sizing:border-box;width:100%;min-width:0;max-width:1126px;min-height:100svh;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;margin:0 auto;display:flex}html.theme-classic #root{border-inline:1px solid var(--border)}html{max-width:100%}body{background:radial-gradient(ellipse 60% 50% at 80% 12%, #3a5a8c38, transparent 70%), var(--bg);max-width:100%;margin:0}html.theme-classic body{background:var(--bg)}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:800}h1{letter-spacing:-.04em;margin:32px 0 8px;font-size:56px;font-weight:900}@media (width<=1024px){h1{margin:20px 0 8px;font-size:36px}}@media (width<=640px){h1{margin:12px 0 6px;font-size:clamp(1.7rem,8vw,2.15rem)}}.tagline{color:var(--figma-sky,var(--text));text-wrap:pretty;overflow-wrap:break-word;margin:0 0 12px;padding:0 1rem;font-size:1.05rem}@media (width<=640px){.tagline{margin:0 0 4px;font-size:.95rem}}html.theme-classic .tagline{color:var(--text)}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.auth-bar{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:calc(.85rem + env(safe-area-inset-top)) 1.25rem 0;flex-direction:column;align-items:flex-end;gap:.4rem;margin:0;display:flex}.auth-user{flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem;max-width:100%;display:flex}.auth-button{font:inherit;border-radius:var(--control-radius);border:1.5px solid var(--accent-border);background:var(--accent);color:var(--figma-navy);cursor:pointer;box-sizing:border-box;align-items:center;max-width:100%;padding:.35rem .85rem;font-weight:700;text-decoration:none;display:inline-flex}.auth-photo{object-fit:cover;border-radius:999px}.auth-button.ghost{color:var(--accent);background:0 0}.auth-button:hover{background:#ffc94a}.auth-button.ghost:hover{background:var(--accent-bg)}.auth-status,.auth-error{font-size:.92rem}.auth-error{color:#fca5a5}html.theme-classic .auth-button{color:var(--text-h);font-weight:inherit;border-width:1px}html.theme-classic .auth-button.ghost{background:var(--accent-bg)}html.theme-classic .auth-error{color:#d32f2f}.auth-label-narrow{display:none}@media (width<=640px){.auth-bar{padding:calc(.45rem + env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) 0 max(.75rem, env(safe-area-inset-left));align-items:stretch}.auth-user{justify-content:flex-end;gap:.4rem}.auth-button{padding:.32rem .65rem;font-size:.88rem}.auth-label-wide{display:none}.auth-label-narrow{display:inline}.auth-user p{text-overflow:ellipsis;white-space:nowrap;max-width:7.5rem;overflow:hidden}}.falcon-stage{pointer-events:none;place-items:center;width:min(100%,22rem);display:grid;overflow:visible}.falcon-mascot{width:clamp(110px,18vw,130px);height:auto;display:block}@media (width<=640px){.falcon-mascot{width:clamp(88px,28vw,110px)}}.falcon-mascot--idle{animation:2.6s ease-in-out infinite falcon-idle}.falcon-mascot--submitting{animation:.35s falcon-submit}.falcon-mascot--correct{animation:.45s falcon-correct}.falcon-mascot--incorrect{animation:.4s falcon-incorrect}.falcon-mascot--win{animation:1.15s ease-in forwards falcon-win}@keyframes falcon-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes falcon-submit{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes falcon-correct{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes falcon-incorrect{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}70%{transform:translate(-3px)}}@keyframes falcon-win{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}18%{opacity:1;transform:translate(8px,-8px)rotate(-4deg)scale(1.08)}to{opacity:0;transform:translate(100px,-120px)rotate(-8deg)scale(.85)}}@media (prefers-reduced-motion:reduce){.falcon-mascot--idle,.falcon-mascot--submitting,.falcon-mascot--correct,.falcon-mascot--incorrect,.falcon-mascot--win{animation:none}}.family-board{flex-direction:column;align-items:center;gap:.45rem;width:min(100%,36rem);margin-top:2rem;display:flex}.family-board h2{font-size:1.15rem}.family-hunt{flex-direction:column;align-items:center;gap:.2rem;display:flex}.family-board h3{margin:.15rem 0 0;font-size:.95rem}.family-board ul{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.family-board li,.family-board p{color:var(--text-h)}.family-error{color:#fca5a5;font-weight:600}html.theme-classic .family-error{color:#d32f2f}.game-heading{box-sizing:border-box;justify-content:center;align-items:center;gap:.7rem;width:min(100%,36rem);margin:32px 0 8px;padding:0 .5rem;display:flex}@media (width<=1024px){.game-heading{margin:12px 0 4px}}.game-heading h1{margin:0}.instructions-button{border:1.5px solid var(--accent-border);width:2.15rem;height:2.15rem;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;padding:0;font-size:1.15rem;font-weight:800;line-height:1}.instructions-button:hover{background:var(--accent-bg)}html.theme-classic .instructions-button{background:var(--accent-bg);color:var(--text-h);border-width:1px;font-weight:700}.instructions-dialog{border:1.5px solid var(--accent-border);background:var(--bg);width:min(28rem,100vw - 2rem);color:var(--text);box-shadow:var(--shadow);border-radius:16px;padding:0}.instructions-dialog::backdrop{background:#080c189e}html.theme-classic .instructions-dialog{border-width:1px;border-color:var(--border);border-radius:8px}.instructions-panel{text-align:left;flex-direction:column;gap:1.15rem;padding:1.25rem 1.35rem 1.35rem;display:flex}.instructions-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.instructions-header h2{margin:0}.instructions-panel h3{color:var(--text-h);font-family:var(--heading);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .4rem;font-size:.95rem;font-weight:800}html.theme-classic .instructions-panel h3{letter-spacing:0;text-transform:none;font-weight:600}.instructions-panel p{color:var(--text);line-height:1.5}.instructions-close{width:2rem;height:2rem;color:var(--text-h);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0;font-size:1.6rem;line-height:1}.instructions-close:hover{background:var(--accent-bg)}.instructions-colors{flex-direction:column;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.instructions-colors li{align-items:center;gap:.75rem;display:flex}.instructions-colors .box{flex-shrink:0;width:2.25rem;height:2.25rem;margin:0;font-size:1.1rem}.instructions-done{font:inherit;letter-spacing:.02em;text-transform:uppercase;background:var(--accent);color:var(--figma-navy);border:1.5px solid var(--accent-border);border-radius:var(--control-radius);cursor:pointer;box-shadow:var(--shadow);align-self:flex-end;margin-top:.15rem;padding:.45rem .95rem;font-weight:800}.instructions-done:hover{background:#ffc94a}html.theme-classic .instructions-done{box-shadow:none;color:var(--text-h);font-weight:inherit;letter-spacing:inherit;text-transform:none;border-width:1px}html.theme-classic .instructions-done:hover{background:var(--accent)}.eggs{--tile-size:3rem;--tile-gap:.25rem;justify-content:center;gap:var(--tile-gap);display:flex}.egg-slot{box-sizing:border-box;width:var(--tile-size);height:var(--tile-size);justify-content:center;align-items:center;margin:0;display:inline-flex}.egg{width:min(1.55rem,70%);height:min(2rem,85%);display:block;overflow:visible}.egg-yolk{fill:var(--accent);opacity:0;transform-origin:20px 33px}.egg-shine{fill:#ffffff80}.egg-shell{transform-box:fill-box;transform-origin:50%}.egg-shell path{stroke:#d4b07a;stroke-width:1.15px;stroke-linejoin:round}.egg-whole{opacity:1;stroke:#d4b07a;stroke-width:1.15px;stroke-linejoin:round}.egg-shine--whole{opacity:1}.egg--whole .egg-shell{opacity:0}.egg-crack-line{fill:none;stroke:#b8894a;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;opacity:0}.egg--cracked .egg-whole,.egg--cracking .egg-whole,.egg--cracked .egg-shine--whole,.egg--cracking .egg-shine--whole{opacity:0}.egg--cracked .egg-shell--left{transform:translate(-4px,2px)rotate(-12deg)}.egg--cracked .egg-shell--right{transform:translate(4px,2px)rotate(12deg)}.egg--cracked .egg-yolk{opacity:1}.egg--cracking .egg-shell--left{animation:.55s forwards egg-split-left}.egg--cracking .egg-shell--right{animation:.55s forwards egg-split-right}.egg--cracking .egg-yolk{animation:.55s forwards egg-yolk-pop}.egg--cracking .egg-crack-line{animation:.55s forwards egg-crack-line}@keyframes egg-split-left{0%,18%{transform:translate(0)rotate(0)}28%{transform:translate(-1.5px)rotate(-2deg)}38%{transform:translate(1px)rotate(1deg)}to{transform:translate(-4px,2px)rotate(-12deg)}}@keyframes egg-split-right{0%,18%{transform:translate(0)rotate(0)}28%{transform:translate(1.5px)rotate(2deg)}38%{transform:translate(-1px)rotate(-1deg)}to{transform:translate(4px,2px)rotate(12deg)}}@keyframes egg-yolk-pop{0%,36%{opacity:0;transform:scale(.35)}to{opacity:1;transform:scale(1)}}@keyframes egg-crack-line{0%,12%{opacity:0}22%,48%{opacity:1}to{opacity:0}}html.theme-classic .egg-shell path,html.theme-classic .egg-whole{stroke:#c4a056}@media (width<=639px){.eggs{--tile-gap:.18rem;--tile-size:min(2.75rem, calc((100% - (var(--letter-count,5) - 1) * var(--tile-gap)) / var(--letter-count,5)));width:100%;max-width:100%}}@media (prefers-reduced-motion:reduce){.egg--cracking .egg-shell--left,.egg--cracking .egg-shell--right,.egg--cracking .egg-yolk,.egg--cracking .egg-crack-line{animation:none}.egg--cracking .egg-shell--left{transform:translate(-4px,2px)rotate(-12deg)}.egg--cracking .egg-shell--right{transform:translate(4px,2px)rotate(12deg)}.egg--cracking .egg-yolk{opacity:1}}.leaders-main{flex-direction:column;flex-grow:1;align-items:center;width:100%;display:flex}.leaders-page{box-sizing:border-box;flex-direction:column;align-items:center;gap:.75rem;width:min(100%,36rem);padding:2.5rem 1rem 3rem;display:flex}@media (width<=640px){.leaders-page{padding:1.25rem .85rem 2rem}.leaders-page h1{font-size:clamp(1.7rem,8vw,2.15rem)}}.leaders-page h1{margin:0}.leaders-page h2{margin-top:.75rem}.leaders-list,.leaders-page ul{flex-direction:column;gap:.55rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.leaders-list li,.leaders-page ul li{color:var(--text-h);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.leaders-rank{color:var(--accent);min-width:1.5rem;font-weight:800}.leaders-history{flex-direction:column;gap:1.1rem;width:100%;display:flex}.leaders-day,.leaders-hunt{flex-direction:column;align-items:center;gap:.35rem;display:flex}.leaders-day h3,.leaders-hunt p{margin:0}.leaders-hunt p,.leaders-hunt li{text-align:center}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{place-content:start;gap:16px;padding:24px 16px 28px}}@media (width<=640px){#center{gap:14px;padding:12px 12px 32px}}form{position:relative}.box{box-sizing:border-box;width:var(--tile-size,3rem);height:var(--tile-size,3rem);text-align:center;text-transform:uppercase;border:var(--tile-border);border-radius:var(--tile-radius);background:var(--tile-empty-bg);color:var(--text-h);justify-content:center;align-items:center;margin:0;padding:0;font-size:1.5rem;display:inline-flex}.guess-row{--tile-size:3rem;--tile-gap:.25rem;justify-content:center;gap:var(--tile-gap);flex-wrap:nowrap;display:flex}#submit-button,.hint-button,select{font:inherit;border-radius:var(--control-radius)}select{background:var(--code-bg);color:var(--text-h);border:1px solid var(--accent-border);padding:.3rem .55rem}#submit-button{white-space:nowrap;background:var(--accent);color:var(--figma-navy);border:1.5px solid var(--accent-border);cursor:pointer;box-shadow:var(--shadow);letter-spacing:.02em;text-transform:uppercase;padding:.45rem .95rem;font-weight:800;position:absolute;top:50%;left:calc(100% + .75rem);translate:0 -50%}#submit-button:hover:not(:disabled){background:#ffc94a}html.theme-classic #submit-button{box-shadow:none;color:var(--text-h);font-weight:inherit;letter-spacing:inherit;text-transform:none;border-width:1px}html.theme-classic #submit-button:hover:not(:disabled){background:var(--accent)}.hint-button{cursor:pointer;color:var(--accent);border:1.5px solid var(--accent-border);background:0 0;padding:.35rem .85rem;font-weight:700}.hint-button:hover:not(:disabled){background:var(--accent-bg)}html.theme-classic .hint-button{background:var(--accent-bg);color:var(--text-h);font-weight:inherit;border-width:1px}#submit-button:disabled,.hint-button:disabled{opacity:.45;cursor:not-allowed}.hint{color:var(--text-h);font-weight:500}.feedback-error{color:#fca5a5;font-weight:600}html.theme-classic .feedback-error{color:#d32f2f}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.invalid-guess{animation:.4s shake}.correct{background:var(--tile-correct);color:var(--figma-navy);border-color:#0000}.present{background:var(--tile-present);color:var(--figma-navy);border-color:#0000}.incorrect{background:var(--tile-absent);color:#fff;border-color:#0000}html.theme-classic .correct,html.theme-classic .present,html.theme-classic .incorrect{color:#fff}@media (width<=639px){#center{box-sizing:border-box;place-content:start;place-items:center;width:100%;min-width:0;max-width:100%}#center>*{min-width:0;max-width:100%}form{flex-direction:column;align-items:center;gap:.9rem;width:min(100%,22rem);max-width:100%;display:flex}.guess-row{--tile-gap:.18rem;--tile-size:min(2.75rem, calc((100% - (var(--letter-count,5) - 1) * var(--tile-gap)) / var(--letter-count,5)));width:100%;max-width:100%}.box{font-size:1.15rem}#submit-button{box-sizing:border-box;width:auto;max-width:100%;position:static;translate:0}.hint-button,select{width:auto;max-width:100%}.hint,.feedback-error,#center>p{box-sizing:border-box;max-width:22rem;padding:0 .5rem}}
