.hece-page{color:#263d35;background:linear-gradient(145deg,#f4f8ef,#f4f7fb);min-height:100dvh;padding:24px clamp(14px,3vw,56px) 40px;font-size:18px}.hece-page *{box-sizing:border-box}.hece-page button,.hece-page a{touch-action:manipulation}.hece-page button:disabled{opacity:.55;cursor:default}.hece-header{justify-content:space-between;align-items:center;gap:18px;max-width:1700px;margin:0 auto 26px;display:flex}.hece-header>a,.hece-header>div{align-items:center;gap:10px;display:flex}.hece-header>a{color:#3d5950;min-height:48px;font-weight:750;text-decoration:none}.hece-header h1{align-items:center;gap:12px;margin:0;font-size:clamp(25px,2.4vw,38px);display:flex}.hece-header h1 svg{color:#509551}.hece-eyebrow{letter-spacing:.09em;color:#507547;font-size:14px;font-weight:850}.hece-setup{background:#fff;border:1px solid #dce5d4;border-radius:30px;grid-template-columns:1fr 1fr;max-width:1360px;margin:auto;display:grid;overflow:hidden;box-shadow:0 18px 50px #324c3110}.hece-welcome{background:linear-gradient(155deg,#e6f2d3,#f4f7e8);flex-direction:column;justify-content:center;padding:40px 32px;display:flex}.hece-welcome h2{letter-spacing:-.03em;margin:18px 0 20px;font-size:clamp(32px,3.1vw,46px);line-height:1.2}.hece-welcome>p:not(.hece-eyebrow){font-size:20px;line-height:1.65}.hece-tip{color:#52753f;align-items:center;gap:10px;margin-top:20px;font-size:16px;font-weight:700;display:flex}.hece-settings{gap:22px;padding:34px;display:grid}.hece-settings .choice-options{gap:9px}.hece-settings .choice{min-height:52px;padding:12px;font-size:16px}.hece-settings .choice-field legend{font-size:19px}.hece-setting-note{color:#647267;margin:0;font-size:15px;line-height:1.5}.hece-start{justify-content:center;width:100%;min-height:64px}.hece-page .primary-button{color:#fff;background:#3a7851;border-color:#3a7851}.hece-page .tool-button{color:#365440;background:#fff;border:2px solid #d1decf;min-height:52px}.hece-hud{background:#fff;border:1px solid #dce5d4;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;max-width:1600px;margin:0 auto 14px;padding:14px 22px;display:flex}.hece-hud>div{align-items:center;gap:12px;display:flex}.hece-hud strong{font-size:24px}.hece-hud>div:nth-child(2){color:#447837}.hece-garden{background:linear-gradient(#fafff4 0%,#f4f9e9 75%,#e5edcf 100%);border:1px solid #d4e3c8;border-radius:28px;max-width:1600px;min-height:540px;margin:auto;padding:24px 32px 64px;position:relative;overflow:hidden;box-shadow:0 15px 50px #3554240b}.hece-scene-top{color:#5b764e;justify-content:space-between;align-items:center;gap:14px;min-height:28px;font-size:17px;font-weight:750;display:flex}.hece-creature{isolation:isolate;justify-content:center;align-items:flex-end;max-width:1250px;margin:50px auto 42px;padding-bottom:20px;display:flex;position:relative}.hece-head{object-fit:contain;z-index:2;filter:drop-shadow(0 12px 5px #476d3524);width:22%;max-width:250px;height:auto;margin-bottom:5px;margin-right:-3%}.hece-rings{align-items:center;gap:6px;width:78%;display:grid}.hece-ring{aspect-ratio:1.08;background:radial-gradient(circle at 35% 25%,#f2f9c5,#badb83 68%,#90b56b);border:2px solid #9ebb73;border-radius:50%;place-items:center;min-width:0;transition:transform 90ms ease-out,background 90ms;display:grid;position:relative;transform:translateY(5px);box-shadow:inset -9px -10px 12px #54862a22,inset 4px 5px 6px #ffffff9c,0 12px 0 -3px #6f924b,0 20px 10px -8px #3253233c}.hece-ring:nth-child(2n){background:radial-gradient(circle at 35% 25%,#f3f4dc,#d5df9d 68%,#a8b976)}.hece-ring span{color:#263d25;z-index:1;white-space:nowrap;font-family:Arial,sans-serif;font-size:clamp(30px,4vw,64px);font-weight:800;line-height:1;position:relative}.hece-ring:after{content:"";z-index:-1;background:#688d46;border-radius:50%;width:48%;height:15px;position:absolute;bottom:-18px;left:28%}.hece-ring.active{background:radial-gradient(circle at 35% 25%,#fffde0,#e6ef9c 68%,#b7d771);border:4px solid #4a7e34;transform:translateY(-7px)scale(1.06);box-shadow:inset -8px -8px 12px #54862a20,inset 4px 5px 7px #fff,0 12px 0 -3px #709441,0 19px 14px -6px #62824248}.hece-ring.active i{background:#3d712e;border-radius:8px;width:18px;height:8px;position:absolute;bottom:14%}.hece-ring.read span{opacity:.37}.hece-ring.empty{opacity:.45}.hece-welcome .hece-creature{margin:30px 0 40px}.hece-welcome .hece-ring span{font-size:clamp(25px,2.5vw,39px)}.hece-welcome .hece-head{width:27%}.hece-welcome .hece-rings{width:73%}.hece-flow-footer{text-align:center;color:#637855;max-width:800px;margin:0 auto;font-size:17px}.hece-progress{background:#dce8cd;border-radius:9px;height:7px;margin-top:17px;overflow:hidden}.hece-progress>div{background:#82a653;height:100%;transition:width .1s linear}.hece-question,.hece-review{text-align:center;max-width:1120px;margin:auto}.hece-question h2,.hece-review h2{margin:8px 0 20px;font-size:clamp(24px,2.3vw,34px)}.hece-answers{gap:12px;display:grid}.hece-answers button{text-align:left;min-height:72px;font:inherit;color:#2e4135;cursor:pointer;background:#fff;border:2px solid #d5e0cd;border-radius:16px;align-items:center;gap:16px;padding:17px 22px;font-size:clamp(21px,1.8vw,30px);font-weight:700;line-height:1.35;display:flex}.hece-answers button>span{background:#eff5e8;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.hece-answers button>svg{flex-shrink:0}.hece-answers button.correct{opacity:1;background:#e0f2d6;border-color:#63a051}.hece-answers button.selected-wrong{opacity:1;background:#fff4e8;border-color:#ca8e64}.hece-feedback{color:#426d35;white-space:pre-line;font-size:20px;font-weight:750;line-height:1.5}.hece-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.hece-actions a{text-decoration:none}.hece-skip{color:#586c4c;cursor:pointer;background:0 0;border:0;min-height:48px;margin-top:15px;padding:15px;font-size:16px;text-decoration:underline}.hece-garden-bottom{color:#92ae74;pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:15px;left:5%;right:5%}.hece-garden-bottom svg{width:28px;height:28px}.hece-reading-note{text-align:center;color:#687663;margin-top:20px;font-size:15px}.hece-pause{z-index:10;text-align:center;background:#f7fbf0f5;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:25px;display:flex;position:absolute;inset:0}.hece-pause h2,.hece-pause p{margin:0}.hece-results{text-align:center;background:#fff;border:1px solid #dbe5d6;border-radius:28px;max-width:1100px;margin:24px auto;padding:34px}.hece-results>img{margin:auto}.hece-results h2{font-size:clamp(28px,3vw,38px)}.hece-result-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0;display:grid}.hece-result-stats>div{background:#f1f6ea;border-radius:17px;gap:7px;padding:20px 12px;display:grid}.hece-result-stats strong{color:#4f7743;font-size:34px}.hece-result-stats span{font-size:16px}.hece-creature.happy .hece-head{animation:.6s ease-out hece-happy}.hece-creature.wonder .hece-head{animation:.5s ease-out hece-wonder}:is(.hece-garden:has(.hece-question) .hece-creature,.hece-garden:has(.hece-review) .hece-creature){max-width:450px;margin:5px auto 25px}:is(.hece-garden:has(.hece-question) .hece-ring span,.hece-garden:has(.hece-review) .hece-ring span){font-size:29px}@keyframes hece-happy{50%{transform:translateY(-12px)rotate(-4deg)}}@keyframes hece-wonder{50%{transform:rotate(7deg)}}@media (max-width:900px){.hece-setup{grid-template-columns:1fr}.hece-welcome{padding:25px}.hece-welcome h2{font-size:32px}.hece-welcome .hece-creature{width:100%;max-width:600px;margin:20px auto 30px}.hece-welcome>p:not(.hece-eyebrow){font-size:18px}.hece-settings{padding:25px}.hece-header>a span{display:none}.hece-hud{flex-wrap:wrap}.hece-hud>div{gap:8px}.hece-garden{min-height:450px;padding:20px 20px 60px}.hece-creature{margin:50px auto 38px}.hece-header h1{font-size:28px}.hece-header>div{gap:6px}}@media (max-width:600px){.hece-page{padding:12px 10px 25px}.hece-header{flex-wrap:wrap;gap:7px;margin-bottom:18px}.hece-header h1{font-size:25px}.hece-header>div{margin-left:auto}.hece-header .tool-button{min-height:44px;padding:9px}.hece-header .tool-button span{display:none}.hece-hud{gap:9px;padding:12px}.hece-hud>div:first-child{justify-content:space-between;width:100%}.hece-hud>div:last-child{margin-left:auto}.hece-hud strong{font-size:21px}.hece-hud span{font-size:16px}.hece-garden{border-radius:20px;min-height:385px;padding:17px 12px 55px}.hece-head{width:24%;margin-bottom:0;margin-right:-4%}.hece-rings{gap:3px;width:80%}.hece-ring span{font-size:clamp(24px,7.4vw,40px)}.hece-ring{box-shadow:inset -5px -6px 8px #54862a22,inset 3px 3px 4px #ffffff9c,0 8px 0 -2px #6f924b,0 14px 8px -6px #3253233c}.hece-ring.active{border-width:3px}.hece-ring:after{height:10px;bottom:-12px}.hece-ring.active i{width:12px;height:5px;bottom:12%}.hece-scene-top{font-size:15px}.hece-creature{margin:52px auto 42px}.hece-answers button{gap:10px;min-height:68px;padding:14px 12px;font-size:20px}.hece-answers button>span{width:29px;height:29px;font-size:15px}.hece-question h2,.hece-review h2{font-size:24px}.hece-review p{font-size:16px}.hece-actions{gap:10px}.hece-actions button,.hece-actions a{justify-content:center;width:100%}.hece-results{padding:24px 16px}.hece-result-stats{grid-template-columns:1fr 1fr}.hece-result-stats strong{font-size:29px}.hece-settings .choice{font-size:15px}:is(.hece-garden:has(.hece-question) .hece-creature,.hece-garden:has(.hece-review) .hece-creature){max-width:280px}:is(.hece-garden:has(.hece-question) .hece-ring span,.hece-garden:has(.hece-review) .hece-ring span){font-size:25px}}@media (prefers-reduced-motion:reduce){.hece-page *{transition:none!important;animation:none!important}}