:root{--paper:#faf9f5;--ink:#29243b;--muted:#817d8b;--purple:#8062be;--lilac:#e8defa;--lime:#d9ec98;--line:#e6e3e8;--height:100dvh}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 'Trebuchet MS',Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a487d5;outline-offset:4px}button:hover{filter:brightness(.97)}[hidden]{display:none!important}.site-header{max-width:1320px;margin:auto;height:104px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:35px;padding:0 35px}.brand{display:flex;gap:9px;align-items:center;text-decoration:none;font-size:38px;font-weight:900;letter-spacing:-2px;white-space:nowrap}.brand-dot{color:var(--purple)}.brand-mark{font-size:47px;color:var(--purple);font-weight:400}.site-header nav{display:flex;gap:26px;margin-left:auto}.text-button{background:none;color:var(--ink);padding:8px 0;text-decoration:none;font-size:13px}.nav-dot{display:inline-block;background:var(--purple);width:6px;height:6px;border-radius:50%;vertical-align:top}.outline,.circle-button{background:transparent;border:1px solid #d4d0da;border-radius:12px;padding:12px 18px;font-size:13px;color:var(--ink)}.circle-button{border-radius:50%;width:42px;height:42px;padding:0;font-size:19px}.primary,.button{background:var(--ink);border:1px solid var(--ink);border-radius:12px;padding:17px 25px;color:white;font-size:15px;font-weight:bold;display:inline-flex;justify-content:center;align-items:center;gap:28px;text-decoration:none}.primary:hover{background:#433651}.view{max-width:1250px;margin:auto;padding:0 35px}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:bold;display:inline-block}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--purple);margin-right:7px}.purple{color:var(--purple)}.muted{color:var(--muted)}.small{font-size:12px}.home{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;padding-top:65px}.hero-copy{padding-top:20px}.hero-copy h1{position:relative;font-size:clamp(58px,6vw,86px);line-height:1.04;letter-spacing:-5px;margin:24px 0 32px;font-weight:900}.scribble{position:absolute;bottom:-19px;left:0;width:230px;height:23px;fill:none;stroke:var(--purple);stroke-width:3;opacity:.65}.hero-description{font-size:19px;line-height:1.7;color:#756e80;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:20px}.hero-actions .small{font-size:10px;line-height:1.8}.daily-chip{display:flex;align-items:center;gap:13px;margin-top:35px}.daily-chip>span{width:38px;height:38px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;color:var(--purple);font-size:22px}.daily-chip strong{font-size:12px;display:block}.daily-chip small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.hero-art{position:relative;min-height:520px;display:grid;place-items:center;background:radial-gradient(ellipse,#eae2f8 0,transparent 66%)}.creature-stage{width:100%;max-width:430px;position:relative;z-index:2;animation:float 5s ease-in-out infinite}.creature-stage svg{width:100%;display:block}.orbit{position:absolute;border:1px solid #dcd4e9;border-radius:50%;width:400px;height:400px;transform:rotate(-30deg)}.o2{width:470px;height:250px;transform:rotate(-35deg)}.star{position:absolute;z-index:3;color:var(--purple)}.s1{top:12%;left:18%;font-size:38px}.s2{right:8%;top:30%;font-size:38px;color:#97aa61}.s3{bottom:18%;left:8%;font-size:29px}.floating-tag{position:absolute;z-index:4;background:#fffdf9;border:1px solid #e8e0ec;border-radius:11px;box-shadow:0 9px 20px #2b20400a}.tag-top{top:60px;right:0;padding:12px 14px;font-size:9px;letter-spacing:1px;transform:rotate(6deg)}.tag-top span{color:var(--purple);font-size:20px;margin-left:18px}.tag-bottom{bottom:67px;left:5px;display:flex;align-items:center;gap:10px;padding:14px 20px;transform:rotate(-5deg)}.tag-icon{background:var(--lime);padding:3px 10px;border-radius:10px;font-size:27px}.tag-bottom small{display:block;font-size:8px;letter-spacing:1px;color:var(--muted)}.tag-bottom strong{display:block;font-size:12px;margin-top:4px}.art-caption{position:absolute;bottom:8px;font-size:8px;letter-spacing:1.3px;color:var(--muted)}.how-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:55px;padding:27px 0}.how-strip>div{display:flex;align-items:center;justify-content:center;gap:17px;border-right:1px solid var(--line);font-size:12px;color:var(--muted)}.how-strip>div:last-child{border:0}.how-strip b{font-size:26px;color:#b4a5ce;font-weight:400}.how-strip strong{display:block;font-weight:bold;color:var(--ink);font-size:13px}.teaser{grid-column:1/-1;background:#efebe6;border-radius:20px;margin:45px 0;padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.teaser h2{font-size:30px;line-height:1.25;letter-spacing:-1px;margin:14px 0}.teaser p{font-size:12px;color:var(--muted);line-height:1.8}.teaser-creatures{display:flex;align-items:center;gap:10px}.teaser-creatures>div{width:33%;background:#faf8f1;border-radius:45% 45% 16px 16px;padding:8px 0 16px;text-align:center;transform:rotate(-6deg);font-size:9px}.teaser-creatures>div:nth-child(2){transform:translateY(-14px) rotate(4deg)}.teaser-creatures svg{width:100%;display:block}footer{max-width:1250px;margin:0 auto;padding:25px 35px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;gap:15px}footer>div{display:flex;gap:15px}footer .text-button{font-size:10px}.panel{border:1px solid var(--line);border-radius:24px;background:#fffefa;padding:30px}.section-heading{text-align:center;margin:45px 0 35px}.section-heading h1{font-size:48px;line-height:1.2;letter-spacing:-2px;margin:18px 0}.section-heading p{font-size:13px;color:var(--muted)}.section-heading.left{text-align:left}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:50px}.result-art{text-align:center;background:radial-gradient(ellipse at 50% 30%,#e8def6,#f9f7f0 80%)}#result-creature{max-width:380px;margin:auto}#result-creature svg{width:100%;display:block}.specimen-label{font-size:9px;letter-spacing:1.5px;background:#dfd1f3;padding:7px 12px;border-radius:20px}.result-art h2{font-size:29px;letter-spacing:-1px;line-height:1.2;margin:18px 0 10px}.result-art p{font-size:12px;color:#7a7284}.result-art .primary{margin-top:15px;display:flex;width:100%}.result-art>.text-button{display:block;margin:10px auto 0}.score-card{padding:28px;border:1px solid var(--line);border-radius:20px}.score-card strong{font-size:68px;display:inline-block;margin:10px 10px 5px 0;line-height:1}.score-card>.eyebrow{display:block}.score-card>span:last-of-type{font-size:20px;color:var(--muted)}.score-card p{font-size:11px;color:var(--muted)}.score-line{height:8px;border-radius:10px;background:#ebe7ef;margin:15px 0}.score-line i{display:block;height:100%;border-radius:10px;background:var(--purple)}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.mini-stats>div{padding:17px;background:#f0ece5;border-radius:13px}.mini-stats small{font-size:8px;letter-spacing:1px;display:block}.mini-stats strong{display:block;font-size:23px;margin-top:7px}.result-answer{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.result-answer>span{font-size:17px;color:var(--purple);width:25px}.result-answer>div{flex:1}.result-answer small{font-size:8px;color:var(--muted);display:block}.result-answer strong{font-size:13px}.result-answer b{font-size:18px}.save-nudge{background:#eae2f5;border-radius:15px;padding:18px;margin:20px 0}.save-nudge strong{font-size:13px}.save-nudge p{font-size:11px;color:#7b7089}.save-nudge button{background:#fff8}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:23px}.tab{background:none;padding:14px 0;border-bottom:3px solid transparent;color:var(--muted);font-size:14px}.tab.active{border-color:var(--purple);color:var(--ink);font-weight:bold}.tab span{background:#e8ddf8;padding:3px 7px;border-radius:7px;font-size:10px}.collection-filters{display:flex;gap:8px;margin-bottom:25px}.collection-filters button{font-size:11px;padding:8px 15px;border-radius:20px;background:#eeebe8;color:var(--muted)}.collection-filters .active{background:var(--ink);color:white}.awards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:45px}.award{background:#f4f0e9;border:1px solid var(--line);border-radius:18px;padding:17px;text-align:center;position:relative}.award.earned{background:#eee6fa;border-color:#d5c4eb}.award>svg{width:100%;max-height:170px}.award .eyebrow{font-size:8px;color:var(--muted)}.award h3{font-size:14px;margin:10px 0 5px}.award p{font-size:11px;color:var(--muted);min-height:35px;margin:0 0 13px}.award-progress{height:4px;background:#dfdbe2;border-radius:5px}.award-progress i{height:100%;display:block;background:var(--purple);border-radius:5px}.award small{font-size:9px;color:var(--muted);display:block;margin:8px}.earned-badge{position:absolute;top:12px;right:12px;background:var(--lime);border-radius:20px;font-size:10px;padding:4px 8px}.calendar{max-width:520px;margin:0 auto 50px}.calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.calendar-nav h2{font-size:18px;text-transform:capitalize}.weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.weekdays{text-align:center;color:var(--muted);font-size:10px;margin-bottom:12px}.calendar-days button{border-radius:11px;border:1px solid var(--line);background:#f7f4ee;min-height:55px;color:var(--ink);font-size:14px}.calendar-days button small{display:block;font-size:9px}.calendar-days button.done{background:#dfd2f3}.calendar-days button.today{outline:2px solid var(--purple)}.calendar-days button:disabled{opacity:.25;cursor:default}.play-top{display:flex;gap:18px;align-items:center;flex:none;min-height:50px}.play-top>span:first-of-type{margin-right:auto;font-size:11px;color:var(--muted)}#round{font-size:11px;letter-spacing:1px}#play-score{font-size:15px;color:var(--purple)}body[data-view="play"]{height:var(--height);overflow:hidden}body[data-view="play"]>.site-header,body[data-view="play"]>footer{display:none}.play-view{height:100%;max-width:820px;padding:14px 30px;display:flex;flex-direction:column}.round-track{display:flex;gap:7px;margin:8px 0 17px}.round-track>i{height:4px;border-radius:4px;background:#e7e2ed;flex:1}.round-track>i.filled{background:var(--purple)}.question{text-align:center;flex:none}.question h2{font-size:30px;letter-spacing:-1px;line-height:1.25;margin:10px 0}.question p{font-size:12px;color:var(--muted);margin:8px 0}.play-stage{position:relative;flex:1;min-height:45px;display:flex;justify-content:center;align-items:center;isolation:isolate}.stage-halo{position:absolute;width:80%;height:100%;background:radial-gradient(ellipse,#ebe1fa,transparent 65%);z-index:-1}#play-creature{height:100%;max-height:460px;max-width:100%;aspect-ratio:1}#play-creature svg{height:100%;width:100%;display:block}.stage-caption{position:absolute;bottom:0;font-size:10px;color:var(--muted)}.answer-area{flex:none;max-width:600px;width:100%;margin:12px auto 0}label{display:block;font-size:12px;font-weight:bold;margin:12px 0}input,textarea,select{width:100%;border:1px solid #d9d2e2;background:#fffdf9;border-radius:10px;padding:12px;color:var(--ink);margin-top:7px;font-size:16px}.answer-input{display:flex;gap:6px;padding:5px;border:1px solid #d6cadd;border-radius:13px;background:#fffdf9}.answer-input input{margin:0;border:0;min-width:0;outline:none;padding:10px}.answer-input button{flex:none;font-size:13px;padding:12px 20px}.answer-area label{font-size:9px;letter-spacing:1px;margin:0 0 9px;color:var(--muted)}#next{width:100%}.level-button{display:block;margin:10px auto 0;padding:2px 10px;background:none;color:var(--purple);font-size:19px;letter-spacing:9px}.level-button small{display:block;font-size:9px;color:var(--muted);letter-spacing:.5px}.reward{text-align:center;padding:9px 15px;background:#e9e0f5;border-radius:12px;margin-bottom:9px}.reward strong{font-size:16px}.reward small{font-size:11px;display:block;color:#7b678f}.evolving{animation:evolve 1.1s ease-in-out}@keyframes evolve{0%,100%{scale:1}35%{scale:.85;filter:brightness(1.3)}65%{scale:1.08;rotate:3deg}}@keyframes float{50%{translate:0 -12px}}dialog{width:min(470px,calc(100% - 28px));max-height:88dvh;overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:30px;color:var(--ink)}dialog::backdrop{background:#28213966;backdrop-filter:blur(4px)}.dialog-close{float:right;background:#ece7ef;border-radius:50%;height:30px;width:30px;font-size:22px;color:var(--ink)}dialog h2{font-size:26px;letter-spacing:-1px;line-height:1.2;margin:22px 0}dialog p{font-size:13px;line-height:1.8}dialog form>.primary{width:100%;margin-top:15px}.levels-list b{display:inline-block;min-width:100px;color:var(--purple)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90%;background:var(--ink);color:white;padding:12px 20px;border-radius:12px;z-index:20;font-size:13px}.setup{max-width:520px;margin:70px auto}.admin-wrap{max-width:1200px;margin:35px auto;padding:0 25px}.admin-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:25px}.admin-card{padding:22px;border:1px solid var(--line);background:white;border-radius:18px;margin-bottom:20px}.admin-card h2{font-size:20px;margin:0 0 15px}.admin-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.admin-toolbar h1{margin-right:auto}.question-list{max-height:650px;overflow:auto}.question-item{padding:15px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px}.question-item>div{flex:1}.question-item strong{display:block;font-size:13px}.question-item small{font-size:10px;color:var(--muted)}.question-item button{font-size:11px;padding:7px;border-radius:7px}.answer-editor{display:grid;grid-template-columns:1fr 70px 1fr 30px;gap:6px;align-items:center}.answer-editor input{font-size:12px;padding:9px}.answer-editor button{background:none;font-size:21px;color:var(--muted)}.import-preview{max-height:250px;overflow:auto;font-size:12px;background:#f2edf8;padding:15px;border-radius:12px}.empty{grid-column:1/-1;padding:45px;text-align:center;border:1px dashed var(--line);border-radius:20px;color:var(--muted)}
@media(max-width:950px){.site-header{padding:0 24px;gap:20px}.site-header nav{gap:15px}.site-header nav .text-button{font-size:11px}.brand{font-size:31px}.site-header>.outline{font-size:11px;padding:10px}.home{gap:0 20px;padding-top:30px}.hero-copy h1{font-size:65px}.hero-art{min-height:470px}.orbit{width:320px;height:320px}.o2{width:350px;height:220px}.hero-actions{display:block}.hero-actions>.small{display:block;margin-top:10px}.hero-actions>.small br{display:none}.awards-grid{grid-template-columns:repeat(3,1fr)}.admin-grid{grid-template-columns:1fr}.tag-top{right:0;font-size:8px}.daily-chip small{max-width:240px}}
@media(max-width:650px){.site-header{height:80px;flex-wrap:wrap;padding:0 18px;gap:10px}.brand{font-size:29px}.brand-mark{font-size:35px}.site-header nav{gap:13px;margin-left:auto}.site-header nav button:first-child,.site-header nav button:last-child{display:none}.site-header>.outline{padding:8px;font-size:10px}.site-header nav .text-button{font-size:10px}.view{padding:0 20px}.home{display:flex;flex-direction:column;padding-top:25px}.hero-copy{padding-top:0}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1px}.hero-copy h1{font-size:66px;letter-spacing:-3px;margin-top:20px}.hero-description{font-size:16px;margin:20px 0}.hero-actions{display:flex;gap:13px}.hero-actions .primary{font-size:13px;padding:15px 16px;gap:14px}.hero-actions .small{font-size:9px}.hero-actions .small br{display:block}.daily-chip{margin-top:22px}.hero-art{min-height:350px;height:350px;margin:15px 0 0}.creature-stage{width:320px}.orbit{width:280px;height:280px}.o2{width:330px;height:190px}.tag-top{top:25px;right:5px}.tag-bottom{bottom:35px;left:4px;padding:10px 13px}.tag-bottom strong{font-size:10px}.tag-bottom small{font-size:7px}.art-caption{font-size:6px;bottom:0}.how-strip{display:flex;margin-top:20px;padding:20px 0;gap:10px}.how-strip>div{display:block;flex:1;font-size:9px;padding:0 5px}.how-strip b{font-size:20px;display:block;margin-bottom:5px}.how-strip strong{font-size:10px}.teaser{padding:24px;display:block;margin:25px 0}.teaser h2{font-size:27px}.teaser .eyebrow{font-size:8px}.teaser-creatures{margin:25px 0 0}.teaser-creatures>div{font-size:8px}.teaser-creatures svg{max-height:130px}footer{padding:20px;font-size:9px;flex-wrap:wrap}footer>span:last-child{display:none}.section-heading{margin:30px 0}.section-heading h1{font-size:34px;letter-spacing:-1.3px}.section-heading p{font-size:11px}.result-grid{grid-template-columns:1fr;gap:22px}.result-art{padding:22px}#result-creature{max-width:280px}.result-art h2{font-size:25px}.score-card strong{font-size:53px}.awards-grid{grid-template-columns:repeat(2,1fr);gap:10px}.award{padding:12px}.award h3{font-size:12px}.award p{font-size:10px;min-height:43px}.award svg{max-height:130px}.award small{font-size:8px}.earned-badge{font-size:8px;top:8px;right:8px}.tabs{gap:18px}.tab{font-size:12px}.calendar{padding:18px}.calendar-days{gap:5px}.calendar-days button{min-height:45px}.play-view{padding:9px 18px calc(9px + env(safe-area-inset-bottom))}.play-top{gap:10px;min-height:42px}.play-top>span:first-of-type{font-size:9px}#round{font-size:9px}#play-score{font-size:12px}.question h2{font-size:25px}.question p{font-size:10px}.question .eyebrow{font-size:8px}.round-track{margin-bottom:12px}.answer-input button{font-size:12px;padding:12px}.answer-input input{font-size:16px;padding:10px 7px}.answer-area{margin-top:9px}.stage-caption{font-size:9px}.level-button{font-size:17px;margin-top:7px}.admin-wrap{padding:0 15px}.admin-toolbar h1{font-size:25px}.answer-editor{grid-template-columns:1fr 55px 1fr 24px}.admin-card{padding:15px}.setup{margin:25px 15px}.setup h1{font-size:30px}}
@media(max-height:580px){body[data-view="play"] .question p,body[data-view="play"] .stage-caption,body[data-view="play"] .answer-area label,body[data-view="play"] .level-button small{display:none}.play-top{min-height:33px}.question h2{font-size:20px;margin:4px}.round-track{margin:5px 0}.answer-area{margin-top:4px}.level-button{margin:2px auto;font-size:14px}.reward{padding:5px;margin-bottom:5px}.reward strong{font-size:12px}.reward small{font-size:9px}.answer-input input{padding:5px 7px}.answer-input button,#next{padding:9px 15px}.play-top .circle-button{height:30px;width:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.evolution-panel{width:100%;max-width:600px;margin:10px auto 0;flex:none}.evolution-panel>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.evolution-panel>div:first-child span{font-size:10px;color:var(--muted)}.evolution-progress{height:5px;background:#e8e0ef;border-radius:6px;margin-top:8px;overflow:hidden}.evolution-progress i{height:100%;display:block;background:var(--purple);transition:width .8s}#evolution-steps{display:flex;justify-content:space-between;margin-top:5px;font-size:9px;color:#aaa1b6}#evolution-steps .reached{color:var(--purple);font-weight:bold}.stage-unlock{animation:stage-unlock 1.3s ease-in-out}@keyframes stage-unlock{35%{scale:.9;filter:brightness(1.4)}65%{scale:1.07;filter:drop-shadow(0 0 20px #dbc57f)}}@media(max-height:650px){.evolution-panel{margin-top:5px}.evolution-panel>div:first-child{font-size:10px}.evolution-panel>div:first-child span{font-size:9px}#evolution-steps{display:none}.level-button{font-size:12px;margin-top:3px}.question p{display:none}.round-track{margin-bottom:8px}}
.question #question-note{max-width:640px;margin:8px auto;line-height:1.4}.version-tag{font-size:10px;color:var(--muted)}