.game-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-mode-cards{background:linear-gradient(150deg,#fff 55%,#fff7ed)}.game-mode-cards .game-mode-icon{background:linear-gradient(145deg,#f97316,#c2410c);box-shadow:0 12px 25px rgba(234,88,12,.22)}.game-play-link-cards{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 10px 22px rgba(234,88,12,.2)}.game-preview-cards{border-color:#fed7aa}.game-preview-cards>span{color:#c2410c;background:#ffedd5}
.flashcard-shell{width:min(900px,calc(100% - 40px));margin:30px auto 80px;color:#172033}.flashcard-panel{min-height:650px;padding:clamp(25px,6vw,55px);border:1px solid #dbe3f0;border-radius:30px;background:radial-gradient(circle at 100% 0,#fff7ed,transparent 35%),#fff;box-shadow:0 20px 55px rgba(15,23,42,.09)}.flashcard-panel [hidden]{display:none!important}
.flashcard-intro{max-width:650px;margin:auto;text-align:center}.flashcard-big-icon{display:grid;width:82px;height:82px;margin:0 auto 22px;place-items:center;color:#fff;font-size:36px;font-weight:900;border-radius:25px;background:linear-gradient(145deg,#fb923c,#c2410c);box-shadow:0 16px 30px rgba(234,88,12,.22)}.flashcard-intro .games-eyebrow,.flashcard-result .games-eyebrow{color:#c2410c}.flashcard-intro h1,.flashcard-result h1{margin:0;font-size:clamp(32px,5vw,48px);letter-spacing:-.045em}.flashcard-intro>p:not(.games-eyebrow){margin:16px auto;color:#64748b;line-height:1.75}.flashcard-intro>label{display:block;margin:25px 0 8px;font-size:13px;font-weight:800}.flashcard-intro>select{width:min(100%,390px);padding:13px 15px;color:#172033;border:1px solid #cbd5e1;border-radius:13px;background:#f8fafc;font:inherit}.flashcard-rules{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:22px 0}.flashcard-rules span{display:grid;gap:3px;min-width:130px;padding:13px;color:#64748b;font-size:11px;border:1px solid #fed7aa;border-radius:15px;background:#fffaf5}.flashcard-rules b{color:#9a3412;font-size:20px}.flashcard-intro>button{display:inline-flex;align-items:center;gap:28px;padding:14px 20px;color:#fff;border:0;border-radius:14px;background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 12px 25px rgba(234,88,12,.22);font:inherit;font-weight:800;cursor:pointer}
.flashcard-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.flashcard-header small{color:#c2410c;font-size:12px;font-weight:800}.flashcard-header h1{margin:5px 0 0;font-size:clamp(27px,5vw,40px)}.flashcard-header>strong{color:#9a3412;font-size:20px}.flashcard-progress{height:8px;margin:18px 0 28px;overflow:hidden;border-radius:999px;background:#ffedd5}.flashcard-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#fb923c,#4f46e5);transition:width .3s ease}
.flashcard{position:relative;display:block;width:min(100%,590px);height:310px;margin:0 auto;padding:0;border:0;border-radius:28px;background:transparent;cursor:pointer;perspective:1100px}.flashcard-face{position:absolute;inset:0;display:grid;place-items:center;align-content:center;padding:30px;border:1px solid #fed7aa;border-radius:28px;backface-visibility:hidden;transition:transform .5s cubic-bezier(.2,.7,.2,1);box-shadow:0 18px 42px rgba(154,52,18,.1)}.flashcard-front{color:#fff;background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.22),transparent 24%),linear-gradient(145deg,#f97316,#c2410c)}.flashcard-back{color:#312e81;background:radial-gradient(circle at 12% 80%,#e0e7ff,transparent 30%),linear-gradient(145deg,#fff,#f5f3ff);transform:rotateY(180deg)}.flashcard.is-flipped .flashcard-front{transform:rotateY(-180deg)}.flashcard.is-flipped .flashcard-back{transform:rotateY(0)}.flashcard-face small{margin-bottom:16px;font-size:11px;font-style:normal;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.75}.flashcard-face strong{max-width:100%;overflow-wrap:anywhere;font-size:clamp(33px,7vw,58px);line-height:1.08}.flashcard-face em{margin-top:22px;font-size:11px;font-style:normal;opacity:.75}
.flashcard-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(100%,590px);margin:18px auto 0}.flashcard-actions button{padding:13px;border-radius:13px;font:inherit;font-weight:800;cursor:pointer}.flashcard-actions button:first-child{color:#be123c;border:1px solid #fecdd3;background:#fff1f2}.flashcard-actions button:last-child{color:#fff;border:1px solid #059669;background:#059669}.flashcard-hint{min-height:20px;margin:13px 0 0;color:#64748b;font-size:12px;text-align:center}
.flashcard-result{text-align:center}.flashcard-result-icon{display:grid;width:78px;height:78px;margin:0 auto 20px;place-items:center;color:#f59e0b;font-size:34px;border-radius:24px;background:#fef3c7}.flashcard-result>p:not(.games-eyebrow){color:#64748b;line-height:1.65}.flashcard-result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.flashcard-result-stats article{display:grid;gap:5px;padding:18px;border:1px solid #e2e8f0;border-radius:17px;background:#f8fafc}.flashcard-result-stats strong{color:#c2410c;font-size:28px}.flashcard-result-stats span{color:#64748b;font-size:11px;font-weight:700}.flashcard-repeat-words{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.flashcard-repeat-words span{padding:7px 10px;color:#9a3412;font-size:12px;font-weight:700;border-radius:9px;background:#ffedd5}.flashcard-result .word-result-actions{justify-content:center}.flashcard-page :focus-visible{outline:3px solid #fb923c;outline-offset:3px}
@media(max-width:1050px){.game-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.game-mode-grid{grid-template-columns:1fr}.flashcard-panel{min-height:590px}}@media(max-width:560px){.flashcard-shell{width:min(100% - 24px,900px);margin-top:20px}.flashcard-panel{padding:23px 17px;border-radius:23px}.flashcard{height:270px}.flashcard-header{align-items:flex-start}.flashcard-actions,.flashcard-result-stats{grid-template-columns:1fr}.flashcard-result-stats{gap:8px}.flashcard-result-stats article{display:flex;align-items:center;justify-content:space-between;padding:13px 16px}}