main[data-astro-cid-hpcutbzj]{max-width:min(1080px,100% - 2em)}.back[data-astro-cid-hpcutbzj]{margin-bottom:1em;font-size:.9em;text-decoration:none;display:inline-block}.hud[data-astro-cid-hpcutbzj]{color:rgb(var(--gray-dark));flex-wrap:wrap;align-items:center;gap:1.5em;margin:.5em 0 1.5em;font-size:.95em;display:flex}.hud[data-astro-cid-hpcutbzj] strong[data-astro-cid-hpcutbzj]{color:var(--accent)}.hud[data-astro-cid-hpcutbzj] button[data-astro-cid-hpcutbzj]{border:1px solid var(--accent);color:var(--accent);cursor:pointer;font-size:.9em;font-family:var(--font-atkinson);background:0 0;border-radius:8px;margin-left:auto;padding:.5em 1.1em}.hud[data-astro-cid-hpcutbzj] button[data-astro-cid-hpcutbzj]:hover{background:#d4af371f}.win[data-astro-cid-hpcutbzj]{color:var(--accent);font-size:1.1em;font-weight:700}.game-area[data-astro-cid-hpcutbzj]{grid-template-columns:1fr 1.3fr;align-items:stretch;gap:2em;display:grid}.answers-panel[data-astro-cid-hpcutbzj],.board-panel[data-astro-cid-hpcutbzj]{flex-direction:column;display:flex}.panel-label[data-astro-cid-hpcutbzj]{font-family:var(--font-kyiv);color:rgb(var(--gray));letter-spacing:.15em;margin-bottom:.6em;font-size:1em}.answers[data-astro-cid-hpcutbzj]{flex:1;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:.6em;display:grid}.board[data-astro-cid-hpcutbzj]{perspective:1000px;flex:1;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(4,1fr);gap:.7em;display:grid}.answers[data-astro-cid-hpcutbzj] .answer{align-items:center;display:flex}@media (width<=860px){.game-area[data-astro-cid-hpcutbzj]{align-items:initial;grid-template-columns:1fr}.answers-panel[data-astro-cid-hpcutbzj],.board-panel[data-astro-cid-hpcutbzj]{height:auto}.answers[data-astro-cid-hpcutbzj]{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}.board[data-astro-cid-hpcutbzj]{grid-template-rows:none}.card{aspect-ratio:3/4}}@media (width<=480px){.answers[data-astro-cid-hpcutbzj]{grid-template-columns:1fr 1fr}.board[data-astro-cid-hpcutbzj]{grid-template-columns:repeat(3,1fr)}}.answer{box-sizing:border-box;color:#1a1520;cursor:pointer;background:#f4ead0;border:2px solid #0000;border-radius:8px;padding:.7em .9em;font-size:.95em;font-weight:700;transition:opacity .3s,border-color .15s}.answer:hover{border-color:var(--accent-dark)}.answer.matched{opacity:.35;cursor:default;border-color:#0000}.answer.shake{border-color:#b23a3a;animation:.4s shake}.card{cursor:pointer;transform-style:preserve-3d;transition:transform .5s;position:relative}.card.flipped,.card.matched{transform:rotateY(180deg)}.card.matched{cursor:default}.card.shake{animation:.4s shake}.card-face{text-align:center;backface-visibility:hidden;box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;padding:.5em;display:flex;position:absolute;inset:0}.card-back{font-family:var(--font-kyiv);color:var(--accent);background:linear-gradient(160deg,#251d2e,#100c15);border:1px solid #d4af3759;font-size:1.8em}.card-front{background:var(--accent);color:#1a1520;border:1px solid #d4af3780;font-size:.95em;font-weight:700;transform:rotateY(180deg)}.card.matched .card-front{box-shadow:0 0 0 2px var(--accent), 0 0 16px #d4af3799}@keyframes shake{0%,to{transform:translate(0)rotateY(180deg)}20%{transform:translate(-6px)rotateY(180deg)}40%{transform:translate(6px)rotateY(180deg)}60%{transform:translate(-4px)rotateY(180deg)}80%{transform:translate(4px)rotateY(180deg)}}.answer.shake{animation-name:shake-flat}@keyframes shake-flat{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.ig-toast{z-index:999;box-shadow:var(--box-shadow);color:rgb(var(--gray-dark));opacity:0;pointer-events:none;background:#1b1621;border:1px solid #d4af3766;border-radius:12px;align-items:center;gap:.6em;padding:.7em 1.1em;font-size:.95em;font-weight:700;transition:opacity .25s,transform .25s;display:flex;position:fixed;top:90px;right:20px;transform:translateY(-12px)scale(.9)}.ig-toast.show{opacity:1;transform:translateY(0)scale(1)}.ig-toast .ig-icon{font-size:1.4em;animation:.4s pop}.ig-toast.win{border-color:var(--accent);color:var(--accent)}@keyframes pop{0%{transform:scale(.4)}60%{transform:scale(1.3)}to{transform:scale(1)}}.break-modal{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050308d9;justify-content:center;align-items:center;padding:1em;display:flex;position:fixed;inset:0}.break-modal[hidden]{display:none}.break-box{box-shadow:var(--box-shadow);text-align:center;background:linear-gradient(160deg,#1b1621,#100c15);border:1px solid #d4af3766;border-radius:16px;width:100%;max-width:480px;padding:2em}.break-line1{font-family:var(--font-atkinson);color:var(--accent);margin:0 0 .2em;font-size:1.4em;font-weight:700}.break-line2{color:rgb(var(--gray-dark));margin:0 0 1.2em}.break-video-wrap{aspect-ratio:16/9;background:#000;border-radius:10px;width:100%;margin-bottom:1.2em;position:relative;overflow:hidden}.break-video-wrap iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.break-video-wrap .no-video{color:rgb(var(--gray));justify-content:center;align-items:center;padding:1em;font-size:.9em;display:flex;position:absolute;inset:0}#skip-break{border:1px solid var(--accent);color:var(--accent);cursor:pointer;font-size:.95em;font-family:var(--font-atkinson);background:0 0;border-radius:8px;padding:.6em 1.4em}#skip-break:hover{background:#d4af371f}.teacher-uk{font-style:italic}.teacher-choices{justify-content:center;gap:1em;display:flex}.choice-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;font-size:.95em;font-family:var(--font-atkinson);background:0 0;border-radius:8px;padding:.6em 1.6em}.choice-btn:hover{background:#d4af371f}
