@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&family=Inter:wght@400;500;600;700&display=swap";:root{color:#eee8dc;font-synthesis:none;text-rendering:optimizelegibility;--orange:#f08a3c;--orange-light:#ffb469;background:#090a0d;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{background:#090a0d;min-width:320px;min-height:100%}body{min-width:320px;min-height:100dvh;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.page{isolation:isolate;min-height:100dvh;padding:max(1.15rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left));background:linear-gradient(#08090cbb,#0b0c10 48%,#090a0d),repeating-linear-gradient(112deg,#0000 0 48px,#ffffff04 49px 50px),radial-gradient(circle at 50% 30%,#252128 0,#0e1015 42%,#08090b 75%);flex-direction:column;display:flex;position:relative;overflow:hidden}.page:before{content:"";z-index:-2;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");position:absolute;inset:0}.fog{z-index:-1;filter:blur(26px);background:#9a8f8f10;border-radius:50%;width:22rem;height:7rem;position:absolute}.fog--one{top:18%;left:-11rem;transform:rotate(12deg)}.fog--two{bottom:20%;right:-12rem;transform:rotate(-8deg)}.site-header{border-bottom:1px solid #ffffff12;align-items:center;width:100%;max-width:34rem;margin:0 auto;padding-bottom:1rem;display:flex}.brand-mark{flex:none;width:2.75rem;height:2.75rem;margin-right:.7rem;position:relative}.brand-mark__moon{background:var(--orange);border-radius:50%;position:absolute;inset:.15rem .45rem .35rem .2rem;box-shadow:0 0 22px #f08a3c55}.brand-mark__moon:after{content:"";background:#0c0d11;border-radius:50%;width:90%;height:90%;position:absolute;top:-.12rem;right:-.3rem}.brand-mark__bat{color:#ded6c8;font-size:1.4rem;position:absolute;bottom:.15rem;right:.08rem}.brand{flex-direction:column;min-width:0;display:flex}.brand strong{color:#f2e8d7;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;font-family:Cinzel,Georgia,serif;font-size:.74rem}.brand span{color:#777a7c;letter-spacing:.2em;text-transform:uppercase;margin-top:.16rem;font-size:.59rem}.progress{color:var(--orange-light);grid-template-columns:auto auto;align-items:end;gap:.28rem;margin-left:auto;font-family:Cinzel,serif;font-size:1rem;display:grid}.progress small{color:#747575;letter-spacing:.17em;padding-bottom:.18rem;font-family:Inter,sans-serif;font-size:.5rem}.challenge{text-align:center;width:100%;max-width:34rem;margin:auto;padding:clamp(2.75rem,11vh,6.5rem) 0 clamp(2.25rem,7vh,3.5rem)}.eyebrow{color:var(--orange);letter-spacing:.2em;text-transform:uppercase;margin:1.2rem 0 .8rem;font-size:.66rem;font-weight:700}.challenge h1,.message-card h1{color:#f1e9dc;text-wrap:balance;text-shadow:0 3px 20px #000;max-width:24rem;margin:0 auto 1.5rem;font-family:Cinzel,Georgia,serif;font-size:clamp(1.85rem,8vw,2.7rem);line-height:1.13}.instruction{color:#d1cbc1;text-wrap:balance;max-width:27rem;margin:0 auto;font-family:Georgia,serif;font-size:1.05rem;line-height:1.55}.instruction--muted{color:#8f8e8c;max-width:24rem;margin-top:.5rem;font-family:Inter,ui-sans-serif,sans-serif;font-size:.85rem;line-height:1.55}.ornament{color:var(--orange);justify-content:center;align-items:center;gap:.6rem;font-size:.62rem;display:flex}.ornament:before,.ornament:after{content:"";background:linear-gradient(90deg,#0000,#bd6738);width:3.2rem;height:1px}.ornament:after{transform:rotate(180deg)}.answer-form{width:100%;max-width:31rem;margin:0 auto}.answer-form label{color:#989795;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .65rem .15rem;font-size:.65rem;font-weight:600;display:block}.input-wrap{background:linear-gradient(120deg,#464349,#28262b);border-radius:.45rem;padding:1px;box-shadow:0 .7rem 2rem #0007}.input-wrap:focus-within{background:linear-gradient(120deg,var(--orange),#6d4534);box-shadow:0 0 0 3px #f08a3c16,0 .7rem 2rem #0007}.input-wrap--wrong{background:#9d4a42}input{color:#f3eee5;width:100%;min-height:3.65rem;caret-color:var(--orange);background:#121318ee;border:0;border-radius:calc(.45rem - 1px);outline:0;padding:0 1.05rem;font-size:1rem}input::placeholder{color:#626266}input:disabled{opacity:.7}button{color:#1b1009;cursor:pointer;text-shadow:0 1px #ffc48a;background:linear-gradient(#f7a45a,#dc7531);border:1px solid #ffc17e38;border-radius:.45rem;justify-content:center;align-items:center;gap:.7rem;width:100%;min-height:3.65rem;margin-top:.85rem;font-weight:800;transition:transform .15s,filter .15s;display:flex;box-shadow:0 .6rem 1.8rem #0008,inset 0 1px #ffe1b078}button:active{transform:translateY(1px)scale(.995)}button:disabled{cursor:default;filter:grayscale(.65)brightness(.65)}.spinner{border:2px solid #24150b44;border-top-color:#24150b;border-radius:50%;width:1rem;height:1rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.feedback{text-align:center;min-height:4.5rem;padding-top:.8rem;font-size:.78rem}.feedback strong,.feedback span{display:block}.feedback strong{color:#e1856e;margin-bottom:.22rem}.feedback span{color:#8c8885}.result{text-align:center;background:#141216e8;border:1px solid #f08a3c55;border-radius:.6rem;width:100%;max-width:31rem;margin:0 auto 1rem;padding:1.5rem;animation:.5s ease-out reveal;box-shadow:0 1rem 3rem #0008,0 0 3rem #f08a3c0c}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}}.result__icon{color:#1a0e08;background:var(--orange);border:1px solid #f6ae6d;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;margin:-2.8rem auto .5rem;font-weight:900;display:grid;box-shadow:0 0 0 6px #0e0f12,0 0 20px #f08a3c55}.result .eyebrow{margin-top:1rem}.result h2{color:#8f8a83;margin:0;font-family:Georgia,serif;font-size:1rem;font-style:italic;font-weight:400}.keyword{color:var(--orange-light);letter-spacing:.08em;text-shadow:0 0 25px #f08a3c4d;margin:.35rem 0 .65rem;font-family:Cinzel,serif;font-size:clamp(2rem,11vw,3rem);display:block}.result p:last-child{color:#a29d95;margin:0;font-size:.78rem;line-height:1.5}footer{color:#555659;letter-spacing:.11em;text-align:center;text-transform:uppercase;width:100%;max-width:34rem;margin:auto auto 0;padding-top:1rem;font-family:Cinzel,serif;font-size:.52rem}footer span{color:#896044;margin:0 .3rem}.page--center{place-items:center;display:grid}.message-card{text-align:center;max-width:28rem}.message-card__icon{border:1px solid var(--orange);width:3.5rem;height:3.5rem;color:var(--orange);border-radius:50%;place-items:center;margin:0 auto 1rem;font-family:Cinzel,serif;font-size:1.5rem;display:grid}.message-card p{color:#999;line-height:1.6}@media (height<=670px){.challenge{padding:1.5rem 0 1.4rem}.challenge h1{margin-bottom:.85rem;font-size:1.55rem}.instruction{font-size:.95rem}.instruction--muted{font-size:.78rem}.feedback{min-height:3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important}}