:root{--green:#1f4d2e;--green-dark:#123b23;--green-mid:#34704a;--sage:#9fbd8c;--sage-soft:#edf5e8;--orange:#f47b20;--cream:#fff7e8;--ink:#203129;--muted:#66746b;--line:#dfe8dc;--white:#fff;--shadow:0 24px 70px rgba(22,66,37,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(circle at 8% 20%,rgba(159,189,140,.25),transparent 22%),radial-gradient(circle at 92% 82%,rgba(244,123,32,.12),transparent 22%),#fffdf9;font-family:"Nunito","Segoe UI",sans-serif;line-height:1.5}button,a{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:9px 13px;transform:translateY(-150%);border-radius:10px;color:#fff;background:var(--green)}.skip-link:focus{transform:none}
.game-header{display:flex;width:min(1180px,calc(100% - 36px));min-height:84px;margin:auto;align-items:center;justify-content:space-between;gap:24px}.game-brand img{width:220px}.back-link{padding:10px 15px;border:1px solid var(--line);border-radius:12px;color:var(--green);background:rgba(255,255,255,.75);font-size:.84rem;font-weight:900;text-decoration:none}.back-link:hover{border-color:var(--orange);transform:translateY(-1px)}.game-page{display:grid;width:min(1180px,calc(100% - 36px));min-height:calc(100vh - 150px);margin:auto;place-items:center}
.game-intro{display:grid;width:100%;padding:54px 58px;overflow:hidden;border:1px solid var(--line);border-radius:34px;background:rgba(255,255,255,.88);box-shadow:var(--shadow);grid-template-columns:1.08fr .92fr;align-items:center;gap:50px}.eyebrow{display:block;margin-bottom:10px;color:var(--orange);font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.intro-copy h1{margin:0;color:var(--green);font-size:clamp(3.2rem,7vw,6.1rem);line-height:.88;letter-spacing:-.065em}.intro-copy h1 em{color:var(--orange);font-style:normal}.intro-copy>p{max-width:650px;color:var(--muted);font-size:1.05rem}.mission-preview{display:grid;margin:28px 0;grid-template-columns:repeat(3,1fr);gap:10px}.mission-preview article{display:flex;min-height:100px;padding:16px;border:1px solid var(--line);border-radius:17px;background:#fff;flex-direction:column;justify-content:space-between}.mission-preview b{color:var(--orange);font-size:1.1rem}.mission-preview span{color:var(--green);font-size:.75rem;font-weight:900}
.primary-action,.secondary-action{display:inline-flex;min-height:52px;padding:12px 22px;border-radius:14px;align-items:center;justify-content:center;gap:18px;font-weight:900;text-decoration:none}.primary-action{border:0;color:#fff;background:var(--green)}.primary-action:hover{background:var(--green-mid);box-shadow:0 13px 30px rgba(31,77,46,.2);transform:translateY(-2px)}.secondary-action{border:2px solid var(--green);color:var(--green);background:#fff}.intro-note{font-size:.7rem!important}.intro-art{position:relative;min-height:510px}.intro-art>img{position:absolute;z-index:3;inset:68px 35px 45px;width:calc(100% - 70px);filter:drop-shadow(0 26px 30px rgba(73,44,20,.15))}.orbit{position:absolute;border:2px dashed rgba(52,112,74,.22);border-radius:50%}.orbit-one{inset:20px}.orbit-two{inset:65px;border-color:rgba(244,123,32,.25)}.float-card{position:absolute;z-index:4;display:flex;padding:11px 15px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 14px 30px rgba(31,77,46,.13);align-items:center;gap:7px;font-size:.75rem}.card-a{top:42px;left:0}.card-b{right:0;bottom:110px}.card-c{bottom:20px;left:25px}
.game-board{width:min(900px,100%);padding:34px;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.94);box-shadow:var(--shadow)}.board-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.board-header h2{margin:0;color:var(--green);font-size:clamp(1.7rem,4vw,2.7rem);line-height:1}.score-card{display:flex;min-width:100px;padding:10px 15px;border-radius:15px;color:#fff;background:var(--green);flex-direction:column;text-align:center}.score-card span{font-size:.62rem;font-weight:800;text-transform:uppercase}.score-card strong{font-size:1.5rem}.mission-progress{display:flex;margin:30px 0;align-items:center}.mission-progress>div{display:flex;align-items:center;gap:8px;color:#8a958e}.mission-progress b{display:grid;width:31px;height:31px;place-items:center;border-radius:50%;background:#e8eee7}.mission-progress span{font-size:.7rem;font-weight:900}.mission-progress i{height:2px;background:var(--line);flex:1}.mission-progress div.active,.mission-progress div.done{color:var(--green)}.mission-progress div.active b{color:#fff;background:var(--orange)}.mission-progress div.done b{color:#fff;background:var(--green)}
.play-card{min-height:370px;padding:28px;border:1px solid var(--line);border-radius:23px;background:linear-gradient(145deg,#fff,#fffaf0)}.question-count{color:var(--orange);font-size:.67rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.question-icon{display:grid;width:82px;height:82px;margin:13px 0 20px;place-items:center;border-radius:24px;background:var(--sage-soft);font-size:2.7rem}.play-card h3{max-width:680px;margin:0 0 8px;color:var(--green);font-size:clamp(1.35rem,3vw,2rem);line-height:1.12}.play-card>p{margin:0 0 22px;color:var(--muted)}.answer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.answer-button,.order-button,.truth-button{padding:14px 16px;border:1px solid var(--line);border-radius:14px;color:var(--green);background:#fff;font-weight:900;text-align:left;transition:.18s}.answer-button:hover,.order-button:hover,.truth-button:hover{border-color:var(--orange);transform:translateY(-2px)}.answer-button.correct,.truth-button.correct{border-color:var(--green);color:#fff;background:var(--green)}.answer-button.wrong,.truth-button.wrong{border-color:#c95945;color:#fff;background:#c95945}.answer-button:disabled,.truth-button:disabled{cursor:default;transform:none}.continue-button{display:block;margin:22px 0 0 auto;padding:11px 18px;border:0;border-radius:12px;color:#fff;background:var(--orange);font-weight:900}
.order-help{margin-bottom:15px!important}.order-pool{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.order-button{display:flex;align-items:center;gap:10px}.order-button b{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;color:#fff;background:var(--orange);font-size:.7rem}.order-button.selected{opacity:.35;pointer-events:none}.chosen-order{display:flex;min-height:62px;margin:20px 0;padding:10px;border:1px dashed var(--sage);border-radius:14px;align-items:center;flex-wrap:wrap;gap:7px}.chosen-order span{padding:7px 9px;border-radius:9px;color:#fff;background:var(--green);font-size:.7rem;font-weight:800}.chosen-order .empty-order{color:var(--muted);background:transparent}.order-actions{display:flex;justify-content:flex-end;gap:8px}.order-actions button{padding:10px 15px;border-radius:11px;font-weight:900}.reset-order{border:1px solid var(--line);color:var(--green);background:#fff}.check-order{border:0;color:#fff;background:var(--orange)}.game-feedback{min-height:28px;margin:14px 5px 0;color:var(--green);font-size:.83rem;font-weight:800}.game-feedback.error{color:#a44233}
.game-result{position:relative;width:min(720px,100%);padding:60px 40px;overflow:hidden;border:1px solid var(--line);border-radius:32px;background:#fff;box-shadow:var(--shadow);text-align:center}.result-badge{display:grid;width:110px;height:110px;margin:0 auto 22px;place-items:center;border:8px solid var(--sage-soft);border-radius:50%;background:var(--cream);font-size:3.6rem}.game-result h2{margin:0;color:var(--green);font-size:clamp(2rem,6vw,4rem);line-height:1}.game-result>p{max-width:560px;margin:16px auto;color:var(--muted)}.final-score{display:flex;margin:28px auto;align-items:baseline;justify-content:center;gap:5px}.final-score span{margin-right:12px;color:var(--muted);font-size:.75rem;font-weight:900;text-transform:uppercase}.final-score strong{color:var(--orange);font-size:3rem}.final-score small{color:var(--green);font-weight:900}.result-actions{display:flex;justify-content:center;gap:10px}.confetti{position:absolute;top:-25px;width:10px;height:18px;border-radius:3px;animation:fall 2.8s linear forwards}@keyframes fall{to{transform:translateY(720px) rotate(720deg)}}.game-footer{display:flex;width:min(1180px,calc(100% - 36px));min-height:65px;margin:auto;align-items:center;justify-content:space-between;color:var(--muted);font-size:.72rem}.game-footer strong{color:var(--green)}
@media(max-width:800px){.game-header{min-height:70px}.game-brand img{width:170px}.game-intro{padding:38px 28px;grid-template-columns:1fr}.intro-art{min-height:410px}.intro-copy h1{font-size:clamp(3.3rem,14vw,5rem)}.game-board{padding:24px}.mission-progress span{display:none}.mission-progress>div{gap:0}.play-card{padding:22px}.game-footer{padding-block:18px;flex-direction:column;justify-content:center;gap:4px}}
@media(max-width:520px){.game-page,.game-header,.game-footer{width:min(100% - 22px,1180px)}.game-brand img{width:135px}.back-link{padding:8px 10px;font-size:.68rem}.game-intro{padding:29px 19px;border-radius:25px}.mission-preview{grid-template-columns:1fr}.mission-preview article{min-height:68px;flex-direction:row;align-items:center}.intro-art{min-height:330px}.intro-art>img{inset:55px 25px 30px;width:calc(100% - 50px)}.float-card{padding:8px 10px}.card-a{top:22px}.card-b{bottom:65px}.game-board{padding:18px 14px;border-radius:23px}.board-header{align-items:flex-start}.score-card{min-width:78px}.play-card{min-height:430px;padding:19px 15px}.answer-grid,.order-pool{grid-template-columns:1fr}.mission-progress{margin:24px 4px}.order-actions,.result-actions{flex-direction:column}.order-actions button,.result-actions>*{width:100%}.game-result{padding:45px 20px}.final-score{flex-wrap:wrap}.final-score span{width:100%;margin:0}.game-footer{text-align:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}