@font-face{font-family:GT Eesti Pro Display;src:url(/visuals/fonts/GT-Eesti-Pro-Display-Regular.otf)format("opentype");font-weight:400}@font-face{font-family:GT Eesti Pro Display;src:url(/visuals/fonts/GT-Eesti-Pro-Display-Medium.otf)format("opentype");font-weight:500}@font-face{font-family:GT Eesti Pro Display;src:url(/visuals/fonts/GT-Eesti-Pro-Display-Bold.otf)format("opentype");font-weight:700}:root{--green:#3adf68;--blue:#005bff;--red:#eb0f4a;--oxford:#032b44;--prussian:#0a3956;--cerulean:#134c6e;--bg:#f1f1f1;--ghost:#f9f9f9;--muted:#8593a0;--line:#e2e6ea;--white:#fff;--ease-out:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--oxford);min-height:100vh;font-family:GT Eesti Pro Display,sans-serif}button{font:inherit;cursor:pointer;border:none}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.app{flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.logo{color:var(--blue);text-align:center;margin-bottom:2rem;font-size:24px;font-weight:700;text-decoration:none}.main{width:100%;max-width:760px}.page{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.page h2{font-size:2rem}.panel{background:var(--white);border-radius:24px;width:100%;padding:2rem}.muted{color:var(--prussian);font-size:1.15rem;line-height:1.5}.back{color:var(--oxford);align-self:flex-start;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.enter{animation:rise .5s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 90ms)}@keyframes rise{0%{opacity:0;transform:translateY(20px)}}@keyframes pop{0%{opacity:0;transform:scale(.9)}}@keyframes fly-left{to{opacity:0;transform:translate(-200px)rotate(-8deg)}}@keyframes fly-right{to{opacity:0;transform:translate(200px)rotate(8deg)}}@keyframes shake{20%,60%{transform:translate(-9px)}40%,80%{transform:translate(9px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}.btn{min-height:52px;transition:transform .2s var(--ease-out), filter .2s, opacity .2s;border-radius:16px;padding:1rem 2rem;font-size:1.15rem;font-weight:700;text-decoration:none}.btn:hover{filter:brightness(.96);transform:translateY(-2px)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn-green{background:var(--green);color:var(--oxford)}.btn-blue{background:var(--blue);color:var(--white)}.btn-red{background:var(--red);color:var(--white)}.choices{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.hero{text-align:left;align-items:center;gap:2rem;display:flex}.hero img{flex-shrink:0;width:180px}.hero h1{margin-bottom:.75rem;font-size:2.3rem}.eyebrow{background:var(--oxford);color:var(--green);border-radius:999px;margin-bottom:.75rem;padding:.35rem .85rem;font-size:.9rem;font-weight:700;display:inline-block}.hero-note{border-left:3px solid var(--green);color:var(--cerulean);margin-top:1rem;padding-left:.75rem;font-size:1rem;line-height:1.5}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;width:100%;display:grid}.card{text-align:left;min-height:210px;color:var(--white);transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out);border-radius:24px;padding:1.75rem;text-decoration:none;position:relative;overflow:hidden}.card:hover{transform:translateY(-6px);box-shadow:0 16px 30px #032b4433}.card h2{margin-bottom:.75rem;font-size:1.5rem;position:relative}.card p{max-width:80%;font-size:1.05rem;line-height:1.4;position:relative}.card img{opacity:.45;pointer-events:none;width:110px;position:absolute;bottom:-10px;right:-10px}.card-blue{background:var(--blue)}.card-dark{background:linear-gradient(135deg, var(--oxford), var(--cerulean))}.card-red{background:var(--red)}@media (width<=640px){.hero{text-align:center;flex-direction:column}.hero img{width:140px}.hero h1{font-size:1.9rem}.hero-note{text-align:left}}.result{width:100%;max-width:520px;animation:pop .35s var(--ease-out);flex-direction:column;align-items:center;gap:.9rem;display:flex}.result img{width:90px}.result h3{font-size:1.7rem}.result p{font-size:1.1rem;line-height:1.5}.ok{color:#1fa84a}.fail{color:var(--red)}.score{color:var(--muted);font-size:1rem;font-weight:700}.situation{max-width:520px;padding:3rem 2rem;font-size:1.4rem;font-weight:500;line-height:1.45}.situation.left{animation:.4s ease-in forwards fly-left}.situation.right{animation:.4s ease-in forwards fly-right}.chat-head{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.chat-head b{font-size:1.1rem;display:block}.chat-head small{color:var(--muted);font-size:.85rem}.avatar{background:var(--ghost);width:44px;height:44px;color:var(--blue);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.chat{scroll-behavior:smooth;flex-direction:column;gap:.6rem;max-height:52vh;padding:.25rem;display:flex;overflow-y:auto}.msg{text-align:left;max-width:82%;animation:rise .3s var(--ease-out) backwards;border-radius:18px;padding:.7rem 1rem;font-size:1.05rem;line-height:1.4}.msg.them{background:var(--ghost);color:var(--oxford);border-bottom-left-radius:6px;align-self:flex-start}.msg.me{background:var(--blue);color:var(--white);border-bottom-right-radius:6px;align-self:flex-end}button.msg{font:inherit;border:2px solid #0000;transition:border-color .2s,background-color .2s}button.msg:hover{border-color:var(--blue)}.msg.wrong{border-color:var(--red);animation:.4s shake}.msg.found{border-color:var(--green);cursor:default;background:#3adf6826}.tag{background:var(--green);color:var(--oxford);border-radius:6px;margin-top:.4rem;padding:.1rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.typing{color:var(--muted);align-self:flex-start;padding:.25rem .5rem;font-size:.9rem}.typing:after{content:"...";vertical-align:bottom;width:1.2em;animation:1s steps(4,end) infinite dots;display:inline-block;overflow:hidden}@keyframes dots{0%{width:0}to{width:1.2em}}.step-chips{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.chip{background:var(--white);color:var(--muted);border-radius:999px;padding:.4rem .8rem;font-size:.9rem;font-weight:700}.chip.current{background:var(--blue);color:var(--white)}.chip.done{background:var(--green);color:var(--oxford)}.prompt{font-size:1.15rem;line-height:1.45}.prompt b{color:var(--blue)}.hint-wrong{color:var(--red);min-height:1.5em;font-weight:500}.stop-bar{justify-content:center;margin-top:1rem;display:flex;position:sticky;bottom:1rem}.stop-bar .btn{padding:1.1rem 2.5rem;font-size:1.3rem;box-shadow:0 10px 25px #eb0f4a59}