.grammar-game-launch{margin:24px 0 6px;text-align:center}.grammar-game-launch .button{min-width:min(100%,360px);border:0;cursor:pointer}.grammar-investigation-launch{margin-top:10px}.grammar-game{margin-bottom:38px;padding:clamp(26px,5vw,50px);border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(145deg,#fff8df,#eef8ff);box-shadow:var(--shadow)}
.grammar-game h2{margin:14px 0;font-size:clamp(30px,4vw,46px)}
.grammar-game__intro{max-width:720px}
.grammar-game__turn{display:inline-flex;gap:8px;align-items:center;padding:12px 18px;border-radius:999px;background:#fff;font-weight:800}
.grammar-game__turn strong{font-size:24px;color:var(--green-dark)}
.grammar-game__board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:650px;margin:24px auto}
.grammar-game__board button{position:relative;min-height:150px;padding:18px;border:3px solid #8ab8dc;border-radius:18px;background:#fff;color:#173f70;cursor:pointer}
.grammar-game__board button:hover,.grammar-game__board button:focus-visible{border-color:#173f70;box-shadow:0 8px 24px rgba(23,63,112,.16)}
.grammar-game__board button:disabled{cursor:default}
.grammar-game__board strong,.grammar-game__board small{display:block}
.grammar-game__board strong{font-size:24px}
.grammar-game__board small{margin-top:8px;color:#52677d}
.grammar-game__board span{position:absolute;inset:0;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.94);font-size:76px;font-weight:900;color:#be3f72}
.grammar-game__board button[data-mark="O"] span{color:#237a56}
.grammar-game__board button.is-winning{border-color:#237a56;background:#ddf6e9}
.grammar-game__challenge{max-width:650px;margin:22px auto;padding:24px;border-radius:18px;background:#fff}
.grammar-game__challenge label span,.grammar-game__challenge input{display:block}
.grammar-game__challenge input{width:100%;margin:10px 0;padding:14px;border:2px solid #8ab8dc;border-radius:10px;font:inherit}
.grammar-game__challenge p{min-height:24px;color:#a42e2e;font-weight:700}
.grammar-game__challenge div{display:flex;flex-wrap:wrap;gap:10px}
.grammar-game__restart{display:block;margin:18px auto 0}
@media(max-width:580px){.grammar-game{border-radius:20px}.grammar-game__board{gap:6px}.grammar-game__board button{min-height:112px;padding:10px 5px;border-radius:12px}.grammar-game__board strong{font-size:18px}.grammar-game__board small{font-size:12px}.grammar-game__board span{font-size:58px}}
@media(prefers-reduced-motion:reduce){.grammar-game__board button{transform:none;transition:none}}
.grammar-investigation{position:relative;margin-bottom:38px;padding:clamp(24px,5vw,50px);overflow:hidden;border:1px solid #b9d7ef;border-radius:var(--radius-lg);background:#edf7ff;color:#173f70;box-shadow:var(--shadow)}
.grammar-investigation:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(43,101,145,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(43,101,145,.1) 1px,transparent 1px);background-size:28px 28px}
.grammar-investigation>*{position:relative}.grammar-investigation__header{max-width:780px}.grammar-investigation__header h2{max-width:16ch;margin-bottom:18px;font-size:clamp(34px,5vw,56px)}.grammar-investigation__header h2:focus{outline:3px solid var(--yellow);outline-offset:4px}
.grammar-investigation__case{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;margin:28px 0;padding:22px;border:2px dashed #e09c35;border-radius:18px;background:#fff8df;transform:rotate(-.35deg)}.grammar-investigation__case>span{font-size:42px}.grammar-investigation__case small{font-weight:900;letter-spacing:.1em;text-transform:uppercase}.grammar-investigation__case h3{margin:3px 0 8px}.grammar-investigation__case p{margin:0}
.grammar-investigation__hud{position:sticky;z-index:3;top:88px;display:grid;grid-template-columns:auto minmax(120px,1fr) minmax(150px,auto);gap:16px;align-items:center;margin:24px 0;padding:14px 18px;border:1px solid #aacce5;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(23,63,112,.1)}.grammar-investigation__hud p{margin:0}.grammar-investigation__hud strong{color:#be3f72}.grammar-investigation__meter{height:12px;overflow:hidden;border-radius:99px;background:#dcebf5}.grammar-investigation__meter span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffb544,#ffdc18,#59c98b);transition:width .35s ease}
.grammar-investigation__suspect-panel{margin:28px 0}.grammar-investigation__suspect-panel>h3{margin-bottom:16px}.grammar-investigation__suspects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grammar-investigation__suspects article{padding:20px;border:1px solid #c7dceb;border-radius:16px;background:#fff}.grammar-investigation__suspects article>span{font-size:34px}.grammar-investigation__suspects h4{margin:8px 0 0;font-size:20px}.grammar-investigation__suspects small{color:#607080}.grammar-investigation__suspects blockquote{margin:14px 0 0;padding:12px;border-left:4px solid #ffb544;background:#fff8df;font-weight:700}
.grammar-investigation__map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grammar-investigation__location{padding:22px;border:2px solid #8ab8dc;border-radius:18px;background:#fff;transition:opacity .2s,transform .2s,box-shadow .2s}.grammar-investigation__location.is-locked{opacity:.48}.grammar-investigation__location.is-solved{border-color:#3da873;box-shadow:0 10px 26px rgba(35,122,86,.14)}.grammar-investigation__location-top>span{float:right;font-size:38px}.grammar-investigation__location-top small{font-weight:900;color:#be3f72;text-transform:uppercase}.grammar-investigation__location h3{margin:5px 0 10px}.grammar-investigation__location .button{border:2px solid #173f70;background:#fff;color:#173f70;cursor:pointer}.grammar-investigation__location form{margin-top:18px;padding-top:18px;border-top:1px solid #d9e7f0}.grammar-investigation__location fieldset{padding:0;border:0}.grammar-investigation__location legend{margin-bottom:12px;font-weight:900}.grammar-investigation__location label{display:flex;gap:10px;margin:8px 0;padding:10px;border:1px solid #c7dceb;border-radius:10px;cursor:pointer}.grammar-investigation__location label.is-answer-correct{border-color:#238653;background:#e3f8eb}.grammar-investigation__location label.is-answer-wrong{border-color:#c74545;background:#fff0f0}.grammar-investigation__location form>p{min-height:24px;margin-bottom:0;font-weight:800}.grammar-investigation__clue{margin-top:16px;padding:14px;border-radius:12px;background:#e3f8eb;color:#185c3e}.grammar-investigation__clue p{margin:5px 0 0;font-weight:750}
.grammar-investigation__accusation{margin-top:26px;padding:24px;border:2px solid #c7dceb;border-radius:18px;background:#fff}.grammar-investigation__accusation:not(.is-ready){opacity:.62}.grammar-investigation__accusation h3:focus{outline:3px solid var(--yellow);outline-offset:4px}.grammar-investigation__accusation>div{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.grammar-investigation__accusation [data-investigation-suspect]{border:2px solid #173f70;background:#fff;color:#173f70;cursor:pointer}.grammar-investigation__accusation [data-investigation-result]{min-height:28px;font-weight:900}.grammar-investigation__accusation [data-investigation-result].is-correct{color:#17633f}.grammar-investigation__accusation [data-investigation-result].is-wrong{color:#a42e2e}.grammar-investigation__restart{margin-top:8px;border:0;background:#ffdc18;color:#17201d;cursor:pointer}.grammar-investigation.is-case-solved{background:#edfff4}.grammar-investigation.is-case-solved:after{content:"★  ★  ★";position:absolute;right:30px;top:24px;color:#e7a51d;font-size:24px;letter-spacing:8px;animation:investigation-stars .6s ease both}@keyframes investigation-stars{from{opacity:0;transform:translateY(-16px) scale(.8)}to{opacity:1;transform:none}}
@media(max-width:760px){.grammar-investigation__hud{position:static;grid-template-columns:1fr}.grammar-investigation__suspects,.grammar-investigation__map{grid-template-columns:1fr}.grammar-investigation__case{grid-template-columns:1fr}.grammar-investigation__location{padding:18px}.grammar-investigation__accusation>div{display:grid}.grammar-investigation__accusation .button{width:100%}}
@media(prefers-reduced-motion:reduce){.grammar-investigation__meter span,.grammar-investigation__location{transition:none}.grammar-investigation.is-case-solved:after{animation:none}}
.grammar-banana-launch{margin-top:10px}.grammar-banana-launch .button{background:#ffe14a;color:#423200}.grammar-banana{position:relative;margin-bottom:38px;padding:clamp(24px,5vw,50px);overflow:hidden;border:2px solid #e3b91f;border-radius:var(--radius-lg);background:linear-gradient(145deg,#fffced,#fff5aa);color:#423200;box-shadow:var(--shadow)}.grammar-banana:before,.grammar-banana:after{position:absolute;pointer-events:none;font-size:80px;opacity:.13;transform:rotate(-18deg)}.grammar-banana:before{content:"🍌";right:4%;top:34px}.grammar-banana:after{content:"🍌";left:2%;bottom:30px;transform:rotate(20deg)}.grammar-banana>*{position:relative}.grammar-banana header{max-width:760px}.grammar-banana header h2{max-width:16ch;margin-bottom:16px;font-size:clamp(34px,5vw,56px)}.grammar-banana header h2:focus,.grammar-banana__creative h3:focus{outline:3px solid #173f70;outline-offset:4px}
.grammar-banana__hud{display:grid;grid-template-columns:auto auto minmax(140px,1fr) minmax(150px,auto);gap:14px;align-items:center;margin:26px 0;padding:14px 18px;border:1px solid #e5ca5a;border-radius:14px;background:rgba(255,255,255,.92)}.grammar-banana__hud>span{font-size:30px}.grammar-banana__hud p{margin:0}.grammar-banana__hud>div{height:12px;overflow:hidden;border-radius:99px;background:#f0e5b2}.grammar-banana__hud>div span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#72c65d,#f5c928);transition:width .35s ease}
.grammar-banana__rounds{display:grid;gap:14px}.grammar-banana__rounds article{padding:22px;border:1px solid #e5ca5a;border-radius:18px;background:#fff}.grammar-banana__rounds small{font-weight:900;color:#8b6810;text-transform:uppercase}.grammar-banana__sentence{margin:13px 0 6px;font-size:clamp(20px,3vw,28px);font-weight:850}.grammar-banana__sentence mark{display:inline-block;padding:2px 8px;border-radius:8px;background:#ffe14a;color:#5a4200;transform:rotate(-2deg)}.grammar-banana__translation{margin:0 0 16px;color:#62593f;font-size:16px;line-height:1.5}.grammar-banana__answers{display:flex;flex-wrap:wrap;gap:10px}.grammar-banana__answers button{min-height:46px;padding:10px 18px;border:2px solid #d5b63e;border-radius:12px;background:#fff;color:#423200;font:inherit;font-weight:800;cursor:pointer}.grammar-banana__answers button:hover,.grammar-banana__answers button:focus-visible{border-color:#6b5200;background:#fff8ce}.grammar-banana__answers button.is-correct{border-color:#238653;background:#e3f8eb;color:#185c3e}.grammar-banana__answers button.is-wrong{border-color:#c74545;background:#fff0f0;color:#9c2e2e}.grammar-banana__rounds [data-banana-feedback]{min-height:24px;margin-bottom:0;font-weight:800}.grammar-banana__explanation{margin-top:12px;padding:12px;border-radius:10px;background:#e3f8eb;color:#185c3e;font-weight:750}
.grammar-banana__creative{margin-top:26px;padding:clamp(20px,4vw,32px);border:2px solid #e5ca5a;border-radius:20px;background:#fff}.grammar-banana__creative.is-locked{opacity:.5}.grammar-banana__creative>p{max-width:720px}.grammar-banana__creative fieldset{padding:0;border:0}.grammar-banana__creative legend{margin-bottom:12px;font-weight:900}.grammar-banana__word-bank{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.grammar-banana__word-bank label{display:flex;gap:6px;align-items:center;padding:12px;border:1px solid #dec55d;border-radius:12px;cursor:pointer}.grammar-banana__word-bank label:has(input:checked){border-color:#6b5200;background:#fff6bd}.grammar-banana__word-bank small{margin-left:auto;color:#756c4d}.grammar-banana__creative form>label>span,.grammar-banana__creative textarea,.grammar-banana__creative input{display:block}.grammar-banana__creative textarea,.grammar-banana__creative input[type="text"]{width:100%;margin:9px 0 13px;padding:13px;border:2px solid #d5b63e;border-radius:10px;font:inherit}.grammar-banana__creative [data-banana-create]{margin-top:20px}.grammar-banana__creative [role="alert"]{min-height:24px;font-weight:800}.grammar-banana__teacher{margin-top:22px;padding:20px;border-radius:16px;background:#fff6bd}.grammar-banana__mystery{margin:0 0 18px;padding:18px;border:2px dashed #8b6810;border-radius:12px;background:#fff;font-size:clamp(22px,3vw,32px);font-weight:900;text-align:center}.grammar-banana__teacher [data-banana-guess-feedback].is-correct{color:#17633f}.grammar-banana__teacher [data-banana-guess-feedback].is-wrong{color:#a42e2e}.grammar-banana__teacher>[data-banana-again]{border:2px solid #6b5200;background:#fff;color:#423200;cursor:pointer}
@media(max-width:700px){.grammar-banana__hud{grid-template-columns:auto 1fr}.grammar-banana__hud>div,.grammar-banana__hud>[data-banana-status]{grid-column:1/-1}.grammar-banana__word-bank{grid-template-columns:1fr}.grammar-banana__answers{display:grid}.grammar-banana__answers button{width:100%}}
@media(prefers-reduced-motion:reduce){.grammar-banana__hud>div span{transition:none}.grammar-banana__sentence mark{transform:none}}
.grammar-banana__round-image{width:100%;max-height:360px;margin:14px 0 18px;border-radius:16px;object-fit:cover;aspect-ratio:16/9}
.grammar-board-launch{margin-top:10px}.grammar-board-launch .button{background:#6f55d9;color:#fff}.grammar-board{margin-bottom:38px;padding:clamp(24px,5vw,50px);border:2px solid #6f55d9;border-radius:var(--radius-lg);background:linear-gradient(145deg,#f5f1ff,#e6fbff);box-shadow:var(--shadow)}.grammar-board header{max-width:780px}.grammar-board header h2{font-size:clamp(34px,5vw,56px)}.grammar-board__hud{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:24px 0}.grammar-board__hud p{flex:1;min-width:240px;margin:0;font-weight:800}.grammar-board__die{display:grid;place-items:center;width:66px;height:66px;border:3px solid #302173;border-radius:16px;background:#fff;color:#302173;font-size:34px;font-weight:950;box-shadow:0 8px 0 #c9bfff}.grammar-board__path{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;padding:18px;margin:0;border-radius:24px;background:#b8e7ef;list-style:none}.grammar-board__path li{position:relative;display:grid;place-items:center;min-height:100px;padding:8px;border:3px solid #fff;border-radius:22px;background:#ffe67b;color:#302173;text-align:center;box-shadow:0 5px 0 rgba(48,33,115,.18)}.grammar-board__path li:nth-child(2n){background:#ffc9df}.grammar-board__path li:nth-child(3n){background:#c8f1bd}.grammar-board__path li:nth-child(n+8){grid-row:2}.grammar-board__path li:nth-child(8){grid-column:7}.grammar-board__path li:nth-child(9){grid-column:6}.grammar-board__path li:nth-child(10){grid-column:5}.grammar-board__path li:nth-child(11){grid-column:4}.grammar-board__path li:nth-child(12){grid-column:3}.grammar-board__path li:nth-child(13){grid-column:2}.grammar-board__path li:nth-child(14){grid-column:1}.grammar-board__path li span{font-size:26px;font-weight:950}.grammar-board__path li small{font-size:10px;text-transform:uppercase}.grammar-board__path li.has-player:after{content:"🧑‍🎓";position:absolute;right:-7px;top:-20px;font-size:34px;filter:drop-shadow(0 3px 2px rgba(0,0,0,.2))}.grammar-board__path li.is-solved{border-color:#238653}.grammar-board__path .is-start,.grammar-board__path .is-finish{background:#fff}.grammar-board__challenge{max-width:760px;margin:24px auto 0;padding:24px;border-radius:20px;background:#fff}.grammar-board__challenge h3{margin:8px 0 18px;color:#173f70;font-size:clamp(21px,3vw,30px)}.grammar-board__challenge fieldset{display:grid;gap:10px;padding:0;margin:0 0 18px;border:0}.grammar-board__challenge label{display:flex;gap:10px;align-items:center;padding:12px 14px;border:2px solid #d6d1ed;border-radius:12px;cursor:pointer}.grammar-board__challenge label.is-answer-correct{border-color:#238653;background:#e3f8eb}.grammar-board__challenge label.is-answer-wrong{border-color:#c74545;background:#fff0f0}.grammar-board__challenge [role="alert"]{min-height:24px;font-weight:800}.grammar-board__challenge [data-board-explanation]{padding:12px;border-radius:10px;background:#e3f8eb;color:#185c3e}.grammar-board__restart{display:block;margin:22px auto 0}@media(max-width:760px){.grammar-board__path{grid-template-columns:repeat(4,minmax(0,1fr))}.grammar-board__path li:nth-child(n){grid-column:auto;grid-row:auto;min-height:84px}.grammar-board__path li.has-player:after{font-size:28px}}@media(max-width:430px){.grammar-board__path{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px}.grammar-board__path li{min-height:76px;border-radius:15px}.grammar-board__hud .button{width:100%}}@media(prefers-reduced-motion:reduce){.grammar-board__die,.grammar-board__path li{transition:none}}
.grammar-board__reward{position:relative;max-width:680px;margin:30px auto 0;padding:34px 24px;overflow:hidden;border:3px solid #f0bd12;border-radius:24px;background:linear-gradient(145deg,#fffdf0,#fff1a8);text-align:center;box-shadow:0 18px 45px rgba(111,85,217,.22);animation:board-reward-in .55s cubic-bezier(.2,.8,.2,1)}.grammar-board__reward:focus{outline:4px solid #6f55d9;outline-offset:5px}.grammar-board__reward h3{margin:5px 0 10px;color:#302173;font-size:clamp(30px,5vw,48px)}.grammar-board__reward p{max-width:520px;margin:0 auto 18px}.grammar-board__trophy{display:block;font-size:76px;filter:drop-shadow(0 8px 5px rgba(91,63,0,.25));animation:board-trophy .8s ease-out}.grammar-board__badge{display:inline-block;padding:9px 18px;border-radius:999px;background:#6f55d9;color:#fff;letter-spacing:.05em}.grammar-board__stars{margin-top:12px;color:#d69a00;font-size:28px;letter-spacing:.16em}.grammar-board__confetti i{position:absolute;color:#e84982;font-style:normal;animation:board-confetti 1.2s ease-out both}.grammar-board__confetti i:nth-child(1){left:8%;top:12%}.grammar-board__confetti i:nth-child(2){left:20%;top:72%;color:#6f55d9}.grammar-board__confetti i:nth-child(3){left:37%;top:8%;color:#16896d}.grammar-board__confetti i:nth-child(4){right:34%;top:16%;color:#f09b12}.grammar-board__confetti i:nth-child(5){right:18%;top:68%;color:#e84982}.grammar-board__confetti i:nth-child(6){right:7%;top:14%;color:#16896d}@keyframes board-reward-in{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes board-trophy{0%{transform:scale(.5) rotate(-12deg)}70%{transform:scale(1.12) rotate(5deg)}100%{transform:scale(1)}}@keyframes board-confetti{from{opacity:0;transform:translateY(-30px) rotate(0)}to{opacity:1;transform:translateY(20px) rotate(220deg)}}@media(prefers-reduced-motion:reduce){.grammar-board__reward,.grammar-board__trophy,.grammar-board__confetti i{animation:none}}
.grammar-board__translation{margin:-8px 0 18px;padding:12px 14px;border-left:4px solid #6f55d9;border-radius:0 10px 10px 0;background:#f5f1ff;color:#4f5260;line-height:1.5}.grammar-board__translation strong{color:#302173}