.tone-0{--tone:#37685e;--wash:#e6eee5}.tone-1{--tone:#84632b;--wash:#f3ecd9}.tone-2{--tone:#6c5984;--wash:#ede8f4}.tone-3{--tone:#446781;--wash:#e5edf4}.topic-badge{display:inline-flex;align-items:center;gap:10px;color:var(--tone);font-size:12px;font-weight:700}.topic-badge svg{width:36px;height:36px;background:var(--wash);padding:7px;border-radius:10px;flex-shrink:0}.topics{margin-top:50px;border-top:1px solid #dce1d2;padding-top:22px}.topics-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.topics-heading h2{font-size:19px;margin:0}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.topic-tile{display:flex;align-items:center;gap:12px;text-align:left;padding:16px 12px;border-radius:14px;border:1px solid #e0e4d8;background:#ffffffa0;color:#254b42;min-height:83px}.topic-tile svg{width:38px;height:38px;flex-shrink:0;color:var(--tone);background:var(--wash);padding:8px;border-radius:11px}.topic-tile span{font-size:13px;font-weight:600;line-height:1.4}.topic-tile small{display:block;font-size:11px;font-weight:400;color:#798577;margin-top:4px}.topic-tile:hover,.topic-tile.selected{border-color:var(--tone);background:var(--wash)}.card-art{height:205px;position:relative;width:300px;margin:8px 0 18px}.art-orbit{position:absolute;width:210px;height:180px;border-radius:50%;background:#e5ecd9;left:25px;top:12px}.art-card{position:absolute;border:1px solid #cbd7c3;border-radius:19px;width:130px;height:155px;box-shadow:0 10px 22px #254b420b;display:flex;align-items:center;justify-content:center}.art-back{background:#dce8ce;transform:rotate(-16deg);left:40px;top:18px}.art-back svg{width:55px;height:55px;color:#72925d}.art-front{background:#fff;transform:rotate(10deg);left:124px;top:33px;display:block;padding:18px}.art-symbol{display:block;width:38px;height:38px;background:#eee9f5;color:#79648e;border-radius:10px;padding:7px}.art-symbol svg{width:100%;height:100%}.art-lines{display:block;margin:13px 0}.art-lines i{display:block;height:5px;background:#e7eadf;margin:5px 0;border-radius:9px}.art-lines i:last-child{width:65%}.art-options{display:flex;gap:5px}.art-options i{width:19px;height:19px;background:#eff1e9;border-radius:5px;font-style:normal;font-size:12px;text-align:center}.art-options i:last-child{background:#dcecc8;color:#47703d}.art-spark{position:absolute;top:8px;left:265px;color:#a28a4b;font-size:29px}.hero .stats{margin-top:12px}.hero h1{margin:18px 0 4px}.hero .setup{align-self:center}.card h2.blank{letter-spacing:5px}@media(max-width:700px){.topic-grid{grid-template-columns:repeat(2,1fr)}.topic-tile{padding:12px 9px;gap:8px}.topic-tile span{font-size:12px}.card-art{height:125px;width:220px;margin:0}.art-orbit{width:140px;height:115px;left:10px;top:0}.art-card{width:85px;height:104px;border-radius:13px}.art-back{left:20px;top:5px}.art-back svg{width:36px}.art-front{left:78px;top:15px;padding:10px}.art-symbol{width:28px;height:28px;padding:5px}.art-lines{margin:8px 0}.art-lines i{height:4px}.art-options{gap:3px}.art-options i{width:13px;height:13px;font-size:9px}.art-spark{left:172px;top:0;font-size:23px}.hero>div:first-child{display:grid;grid-template-columns:1fr 125px;align-items:center}.hero .pill,.hero h1{grid-column:1/-1}.hero .card-art{grid-column:1;grid-row:3}.hero .stats{grid-column:2;grid-row:3;gap:15px;margin:0;flex-direction:column}.hero .stats strong{font-size:21px}.hero .stats span{font-size:10px}.topics{margin-top:30px}.topic-badge{font-size:11px}}
:root{font-family:'DM Sans',sans-serif;color:#173f39;background:#f5f5ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #c07539;outline-offset:4px}header{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 32px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;font-size:21px}.logo{display:grid;place-items:center;width:40px;height:40px;background:#174e46;border-radius:13px;color:#d7ee9a;font-size:27px}.quiet{border:0;background:transparent;color:#45645d;font-size:14px;padding:10px}main{max-width:1060px;margin:auto;padding:35px 30px 70px;min-height:77vh}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(36px,5.5vw,64px);line-height:1.12;letter-spacing:-2.5px;margin:22px 0}h1 em{font-style:normal;color:#648552}p{line-height:1.7}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}.intro{color:#66766d;max-width:410px;font-size:17px}.pill{display:inline-block;background:#e4eadb;padding:8px 12px;border-radius:30px;font-size:12px}.setup{background:#fff;border:1px solid #e0e4d8;border-radius:26px;padding:30px;box-shadow:0 16px 40px #243d2f08}.setup h2{font-size:23px;margin:0 0 6px}.muted{color:#728077;font-size:14px}.label{display:block;font-size:13px;font-weight:700;margin:24px 0 10px}select,input{width:100%;padding:14px;border:1px solid #d9dfd2;border-radius:12px;background:#fff;color:#173f39}.segments{display:flex;gap:8px}.segments button{flex:1;border:1px solid #dce2d7;border-radius:11px;padding:13px 6px;background:white;color:#617267}.segments button.active{background:#e9f1d9;border-color:#648552;color:#234c32;font-weight:700}.primary{width:100%;background:#174e46;color:white;border:0;border-radius:13px;padding:17px 20px;font-weight:700;margin-top:24px;font-size:16px}.primary:hover{background:#236256}.hinttoggle{display:flex;gap:10px;align-items:center;font-size:13px;margin-top:19px}.hinttoggle input{width:18px;height:18px;accent-color:#174e46}.stats{display:flex;gap:30px;margin-top:35px}.stats strong{display:block;font-size:26px;font-family:Manrope}.stats span{font-size:12px;color:#728077}.steps{display:flex;gap:25px;border-top:1px solid #dce1d2;margin-top:55px;padding-top:26px}.steps div{flex:1;font-size:13px;color:#6b786e}.steps b{display:block;color:#23483c;margin-bottom:8px}.game{max-width:740px;margin:auto}.topline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;font-size:13px}.meter{height:5px;background:#dfe5d6;border-radius:9px;overflow:hidden;margin-bottom:27px}.meter i{display:block;height:100%;background:#6a8f51;transition:width .25s}.card{background:white;border:1px solid #e0e4d8;border-radius:23px;padding:30px}.card h2{font-size:clamp(24px,4vw,32px);margin:20px 0;color:#254b42;overflow-wrap:anywhere}.blank{letter-spacing:4px;color:#9ca993!important}.definition{font-size:18px;line-height:1.8;white-space:pre-line}.note{border-left:3px solid #a8bd81;padding:13px 17px;background:#f2f5e9;border-radius:0 10px 10px 0;color:#536449;line-height:1.75;font-size:14px;white-space:pre-line;font-style:italic}.source{font-size:11px;color:#8b958b;margin-top:17px}.options{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:22px}.option{text-align:left;display:flex;align-items:center;gap:12px;border:1px solid #d6dfd3;border-radius:13px;padding:16px;background:white;color:#29473d;line-height:1.45;min-height:75px}.option span{flex-shrink:0;display:grid;place-items:center;background:#f0f2e9;border-radius:7px;width:29px;height:29px;font-size:12px;font-weight:bold}.option:hover:not(:disabled){border-color:#648552;background:#f1f5e9}.option:disabled{cursor:default;opacity:1}.option.correct{border:2px solid #4c865b;background:#eaf4e7}.option.wrong{border:2px solid #b36b58;background:#f9ebe4}.feedback{margin-top:20px;padding:18px;border-radius:14px;background:#e8efdd;line-height:1.7}.feedback.bad{background:#f4e9df}.feedback p{margin:5px 0;font-size:14px}.result{text-align:center;max-width:650px;margin:auto}.score{font-size:76px;font-weight:800;margin:25px auto;color:#174e46}.score small{font-size:26px;color:#899a80}.secondary{border:1px solid #bccbb8;padding:14px 22px;border-radius:12px;background:transparent;color:#254e41;margin-top:12px}.review{text-align:left;margin-top:30px}.review details,.library-card{border:1px solid #dce2d4;background:white;border-radius:14px;padding:18px;margin-top:10px}.review summary{cursor:pointer;font-weight:bold}.library-head{display:flex;justify-content:space-between;align-items:center}.library-card h3{margin:10px 0}.library-card p{white-space:pre-line}.empty{padding:40px;text-align:center}footer{max-width:1060px;padding:20px 30px 30px;margin:auto;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#85907c}footer span{letter-spacing:0}.row{display:flex;justify-content:space-between;gap:10px}.hidden{display:none}@media(max-width:700px){header{padding:18px}.brand{font-size:17px}.logo{width:33px;height:33px;font-size:23px}.quiet{font-size:12px}main{padding:20px 18px 45px}.hero{grid-template-columns:1fr;gap:25px}h1{letter-spacing:-1.5px;margin:16px 0}.intro{font-size:15px}.stats{margin-top:20px}.setup{padding:23px}.steps{gap:15px;margin-top:30px}.card{padding:22px}.options{grid-template-columns:1fr}.option{min-height:62px;padding:12px 15px}.definition{font-size:17px}.topline{font-size:12px}footer{padding:20px 18px;letter-spacing:.5px}footer span{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}