.games-page{max-width:1180px;margin:0 auto 70px}.games-page .game-tabs{display:flex;justify-content:center;gap:8px;margin:34px 0 28px;flex-wrap:wrap}.game-tabs a{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #e8e2d8;padding:10px 18px;border-radius:999px;color:#20372a;font-size:15px;font-weight:650}.game-tabs a[aria-current=page]{background:#18261e;border-color:#18261e;color:white}.games-intro{text-align:center;max-width:800px;margin:0 auto 28px}.games-tag{display:inline-block;background:#e4f0e9;border-radius:99px;padding:7px 13px;color:#137456;font-size:13px;font-weight:600}.games-intro h1{font-size:clamp(34px,4vw,56px);line-height:1.3;letter-spacing:-1px;margin:22px 0 14px;color:#17271e}.games-intro p{font-size:17px;line-height:1.8;color:#788078;max-width:620px;margin:auto}.games-page .game-panel{max-width:800px;margin:auto;padding:24px;border:1px solid #e9e3d9;border-radius:18px;background:#fff;min-height:180px}.games-page .game-panel.is-puzzle{max-width:1000px}.games-error{padding:14px 18px;border:1px solid #ebc0b3;background:#fff1eb;border-radius:12px;color:#93462e;max-width:800px;margin:0 auto 20px}.play-stats{display:flex;justify-content:space-between;gap:12px;color:#778076;font-size:14px;flex-wrap:wrap}.play-stats b{font-weight:500;font-variant-numeric:tabular-nums}.play-progress{height:6px;border-radius:99px;background:#eee9df;overflow:hidden;margin:12px 0 20px}.play-progress i{display:block;height:100%;background:#16835e;border-radius:99px;transition:width .2s}.question-category{display:block;font-size:12px;color:#75806e;margin-bottom:10px}.quiz-photo{position:relative;margin:0 0 17px;border-radius:13px;overflow:hidden;background:#e5eddf}.quiz-photo img{display:block;width:100%;height:330px;object-fit:cover}.quiz-photo figcaption{position:absolute;right:7px;bottom:7px;color:#fff;background:#0009;padding:3px 6px;border-radius:3px;font-size:10px;max-width:94%;overflow-wrap:anywhere}.quiz-photo figcaption a{color:inherit;text-decoration:underline}.quiz-map{display:block;width:100%;height:320px;background:#f4f6eb;border-radius:12px;margin-bottom:18px;padding:12px}.games-page .question-title{font-size:25px;line-height:1.5;margin:14px 0}.games-page .answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.games-page .answer-grid button{border:1px solid #e6e5dd;border-radius:12px;padding:16px 14px;text-align:left;font:600 17px Bangla,sans-serif;background:white;color:#334b39;display:flex;gap:12px;align-items:center;cursor:pointer;line-height:1.5;min-width:0}.answer-grid button span{font-size:12px;font-weight:500;color:#859080;flex-shrink:0}.answer-grid button:hover:not(:disabled){border-color:#46886b;background:#f1f8f2}.answer-grid button:disabled{opacity:1;color:#899087;cursor:default}.games-page .answer-grid button.correct{background:#e5f4ec;border-color:#198759;color:#145e40}.games-page .answer-grid button.incorrect{background:#fff0ee;border-color:#db7464;color:#a53f32}.answer-feedback{background:#fff5ef;border:1px solid #f0d6c8;border-radius:12px;padding:13px 15px;font-size:15px;color:#8b4837;margin:15px 0;line-height:1.7}.answer-feedback.is-correct{background:#eef8ef;border-color:#cee4d2;color:#1f6746}.game-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px}.games-page .button.primary{background:#117455;color:#fff;border-radius:99px;padding:12px 23px;border:1px solid #117455;font-size:15px}.games-page .text-action{font-size:13px;color:#6e7b6d;text-decoration:underline;text-underline-offset:3px}.puzzle-setup{text-align:center;padding:0 0 10px}.games-page .puzzle-setup h2{font-size:26px;margin:0 0 18px}.difficulty-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.difficulty-options button{border:1px solid #e8e1d6;border-radius:14px;background:#fff;padding:17px 13px;font:inherit;cursor:pointer;min-width:0}.difficulty-options b{display:block;font-size:22px;color:#223629}.difficulty-options span{display:block;font-size:13px;color:#7b8379;line-height:1.6;margin-top:5px}.difficulty-options [aria-pressed=true]{border-color:#117456;background:#f1f8f3}.puzzle-top{max-width:550px;margin:28px auto 0}.puzzle-top h3{font-size:19px;margin:0 0 15px}.puzzle-workspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}.puzzle-board{background:#f5f6ed;border:1px solid #e8e7dd;border-radius:14px;padding:10px}.puzzle-board svg{width:100%;max-height:650px;display:block;touch-action:pan-y}.puzzle-board path{fill:#e0e5d6;stroke:#fff;stroke-width:1;cursor:pointer;transition:fill .1s}.puzzle-board .level-hard path{stroke:#e0e5d6;stroke-width:.5}.puzzle-board path.placed,.puzzle-board .level-hard path.placed{fill:#157b58;stroke:#157b58;cursor:default}.puzzle-board text{font:8px Bangla;fill:#273e2d;text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:#faf9f0;stroke-width:1.4px}.puzzle-piece{background:#edf4ea;border:1px dashed #93b39a;border-radius:14px;height:190px;display:grid;place-items:center;padding:22px;cursor:grab;touch-action:none;user-select:none}.puzzle-piece svg,.puzzle-drag-ghost svg{display:block;width:100%;height:100%;max-height:145px;overflow:visible}.puzzle-piece path,.puzzle-drag-ghost path{fill:#1d855e;stroke:#11593e;stroke-width:.7}.puzzle-piece-panel h2{text-align:center;font-size:25px;margin:13px 0 8px}.puzzle-piece-panel>p{font-size:14px;line-height:1.7;color:#74816d}.puzzle-piece-panel .text-action{display:block;margin-top:20px}.puzzle-accessible{font-size:13px;border-top:1px solid #e9e7dd;margin-top:16px;padding-top:12px;color:#526b52}.puzzle-accessible summary{cursor:pointer}.puzzle-accessible select{width:100%;padding:8px;min-width:0}.puzzle-accessible button{margin-top:10px}.puzzle-drag-ghost{position:fixed;z-index:10000;width:120px;height:120px;transform:translate(-50%,-50%);pointer-events:none;opacity:.8;filter:drop-shadow(0 3px 8px #1236)}.game-result{text-align:center;padding:15px 0}.result-symbol{display:block;font:50px sans-serif;color:#248361;margin-bottom:18px}.games-page .score-display{font-size:64px;line-height:1.3;margin:22px 0 5px;color:#137456}.game-result>p{color:#6d7b68;font-size:16px}.result-stats{display:flex;justify-content:center;gap:30px;padding:18px;margin:20px auto;max-width:400px;background:#f6f6ee;border-radius:12px;color:#708169}.result-stats span{font-size:14px}.result-stats b{display:block;font-size:26px;color:#233d2c}.game-result form{border-top:1px solid #eee8dc;max-width:460px;margin:25px auto 10px;padding-top:25px;text-align:left}.game-result form h3{font-size:23px;margin:0 0 15px}.game-result form>label{display:block;color:#63745e;font-size:14px}.game-result form>input{width:100%;margin:7px 0 15px;border:1px solid #e3dfd3;border-radius:10px;padding:12px;font:inherit}.game-result .publish-consent{display:flex;align-items:flex-start;gap:10px;line-height:1.7;margin:0 0 20px}.publish-consent input{width:17px;height:17px;flex-shrink:0;accent-color:#117455;margin-top:4px}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}.score-published{padding:18px;background:#eaf5ec;color:#1b7247;border-radius:12px}.leaderboard-filters,.leaderboard-period{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-bottom:12px}.leaderboard-filters button,.leaderboard-period button{background:white;border:1px solid #e6e0d5;border-radius:999px;padding:9px 15px;font:600 14px Bangla,sans-serif;cursor:pointer;color:#2a3e30}.leaderboard-filters [aria-pressed=true]{background:#1c2a20;color:white;border-color:#1c2a20}.leaderboard-period [aria-pressed=true]{background:#e3f1e9;border-color:#c8e2d3;color:#146248}.leaderboard-rows{padding:0;margin:20px 0 16px;list-style:none;display:grid;gap:8px}.leaderboard-rows li{display:flex;align-items:center;gap:17px;border:1px solid #e9e3d9;border-radius:13px;background:#faf8f4;padding:15px 19px;min-width:0;text-align:left}.leaderboard-rows li:first-child{border-color:#e8d399;background:#fff9e8}.player-rank{font-size:20px;min-width:28px;text-align:center}.leaderboard-rows li>b{flex:1;font-size:16px;overflow-wrap:anywhere;min-width:0}.player-result{text-align:right;flex-shrink:0;line-height:1.4}.player-result strong{display:block;font-size:20px}.player-result small{font-size:12px;color:#798174}.leaderboard-count,.leaderboard-note{font-size:12px;line-height:1.7;color:#7d8677;text-align:center;margin:18px 0 0}.leaderboard-empty{text-align:center;padding:34px 20px;color:#778171}.leaderboard-empty>span{font-size:37px;color:#8faa93}.leaderboard-empty h3{font-size:25px;color:#2d4933;margin:10px 0}.leaderboard-empty p{font-size:15px;line-height:1.8}.leaderboard-loading{text-align:center;padding:40px}.games-page button:focus-visible,.games-page a:focus-visible,.puzzle-piece:focus-visible{outline:2px solid #247651;outline-offset:3px}.games-page [hidden]{display:none!important}.games-page button:disabled{cursor:wait}#publish-error{color:#a54536;font-size:14px}
@media(max-width:650px){.games-page{padding:0 16px;margin-bottom:40px}.games-page .game-tabs{gap:5px;margin:22px 0}.game-tabs a{padding:9px 12px;font-size:13px}.games-intro h1{font-size:34px;margin-top:16px}.games-intro p{font-size:15px}.games-tag{font-size:12px}.games-page .game-panel{padding:16px;border-radius:15px}.quiz-photo img{height:220px}.quiz-map{height:280px}.games-page .question-title{font-size:22px}.games-page .answer-grid{gap:8px}.games-page .answer-grid button{font-size:15px;padding:13px 10px;gap:7px}.play-stats{font-size:12px;gap:7px}.game-bottom{gap:10px}.games-page .button.primary{font-size:14px;padding:11px 18px}.games-page .text-action{font-size:12px}.difficulty-options{grid-template-columns:1fr;gap:8px}.difficulty-options button{padding:12px 14px;text-align:left;display:flex;align-items:center;gap:14px}.difficulty-options b{font-size:19px;min-width:54px}.difficulty-options span{margin:0;font-size:12px}.puzzle-workspace{grid-template-columns:1fr;gap:14px}.puzzle-piece-panel{display:grid;grid-template-columns:90px 1fr;column-gap:14px;align-items:center}.puzzle-piece-panel>.question-category{grid-column:1/-1}.puzzle-piece{grid-row:2/4;height:95px;padding:10px}.puzzle-piece svg{max-height:75px}.puzzle-piece-panel h2{text-align:left;font-size:22px;margin:0}.puzzle-piece-panel>p{margin:0;font-size:12px}.puzzle-accessible{grid-column:1/-1;margin-top:12px}.puzzle-piece-panel .text-action{grid-column:1/-1;margin-top:10px;text-align:left}.puzzle-piece-panel .answer-feedback{grid-column:1/-1;margin-top:10px;padding:10px}.puzzle-board svg{max-height:none}.puzzle-top h3{font-size:18px}.leaderboard-rows li{padding:13px 12px;gap:10px}.leaderboard-rows li>b{font-size:14px}.player-rank{min-width:23px;font-size:18px}.player-result strong{font-size:18px}.leaderboard-filters button,.leaderboard-period button{font-size:12px;padding:8px 11px}.game-result .score-display{font-size:56px}.game-result form h3{font-size:21px}.leaderboard-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.play-progress i,.puzzle-board path{transition:none}}
body[data-page=games]{background:#faf8f4}.games-page .game-panel{text-align:left}.puzzle-map-area{min-width:0}.puzzle-board{overflow:auto;max-height:680px}.puzzle-board svg{max-width:none}.puzzle-zoom{display:flex;justify-content:flex-end;gap:6px;margin-bottom:8px}.puzzle-zoom button{font:15px Bangla,sans-serif;min-width:33px;border:1px solid #e1e4d7;border-radius:7px;padding:5px 10px;background:#fafbf5;cursor:pointer;color:#355d43}@media(max-width:650px){.puzzle-board{max-height:70dvh}.puzzle-zoom button{font-size:13px}}
@media(min-width:651px){.puzzle-piece-panel{position:sticky;top:20px}}

.quiz-setup{text-align:center;padding:20px 15px}.quiz-setup-symbol{display:block;color:#18805b;font:45px sans-serif;margin-bottom:18px}.games-page .quiz-setup h2{font-size:29px;margin:0 0 12px}.quiz-setup>p{max-width:520px;margin:0 auto;font-size:16px;line-height:1.85;color:#71806f}.quiz-setup-details{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:22px 0 26px}.quiz-setup-details span{padding:7px 12px;border-radius:99px;background:#f3f4ed;color:#596d57;font-size:13px}.quiz-setup .quiz-start-note{font-size:12px;margin-top:15px}.quiz-setup button:disabled{opacity:.65}@media(max-width:650px){.quiz-setup{padding:12px 0}.games-page .quiz-setup h2{font-size:25px}.quiz-setup>p{font-size:15px}.quiz-setup-details{gap:6px;margin:18px 0 23px}.quiz-setup-details span{font-size:12px;padding:6px 10px}}

.quiz-setup .quiz-resume{display:block;margin:18px auto 0;padding:5px 10px}