:root{--card-dark-teal:#264653;--card-teal:#287271;--card-turquoise:#2a9d8f;--card-green:#8ab17d;--card-gold:#e9c46a;--card-orange-gold:#efb366;--card-orange:#f4a261;--card-orange-red:#ee8959;--card-red-orange:#e76f51}.exercise-card{perspective:1000px;background:0 0!important;border:none!important;box-shadow:none!important;padding:0!important;overflow:visible!important;display:flex;flex-direction:column}.exercise-card::before{display:none!important}.card-inner{position:relative;width:100%;height:100%;min-height:400px;transition:transform .6s cubic-bezier(.4, 0, .2, 1);transform-style:preserve-3d}.exercise-card:hover .card-inner{transform:rotateY(180deg)}.exercise-card.flipped .card-inner{transform:rotateY(180deg)}@media (hover:none){.exercise-card:hover .card-inner{transform:none}.exercise-card.flipped .card-inner{transform:rotateY(180deg)}}.card-back,.card-front{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius) var(--radius) 0 0;padding:var(--space-4);box-shadow:var(--shadow-light);display:flex;flex-direction:column;overflow:hidden}.card-front{background:linear-gradient(135deg,#fff 0,var(--card-gold) 100%);border:2px solid var(--card-orange-gold)}.icebreakers-view .card-front{background:linear-gradient(135deg,#fff 0,#e0f2fe 40%,#bae6fd 70%,#7dd3fc 100%);border:2px solid #38bdf8}.checkins-view .card-front{background:linear-gradient(135deg,#fff 0,#fff5f0 30%,#ffe8d6 50%,#ffc997 75%,#f96 100%);border:2px solid #ff8c42}.brainstormstarters-view .card-front{background:linear-gradient(135deg,#fff 0,#fff0f0 30%,#ffd6d6 50%,#f99 75%,#f66 100%);border:2px solid #f44}.energizers-view .card-front{background:linear-gradient(135deg,#fff 0,#f0fdf4 30%,#dcfce7 50%,#bbf7d0 70%,#86efac 100%);border:2px solid #22c55e}.checkout-view .card-front{background:linear-gradient(135deg,#fff 0,#e0f2fe 40%,#bae6fd 70%,#7dd3fc 100%);border:2px solid #38bdf8}.jigsaw-view .card-front{background:linear-gradient(135deg,#fff 0,#e0f2fe 40%,#bae6fd 70%,#7dd3fc 100%);border:2px solid #38bdf8}.stellingenspel-view .card-front{background:linear-gradient(135deg,#fff 0,#e0f2fe 40%,#bae6fd 70%,#7dd3fc 100%);border:2px solid #38bdf8}.moodmeter-view .card-front{background:linear-gradient(135deg,#fff 0,#fff0f0 30%,#ffd6d6 50%,#f99 75%,#f66 100%);border:2px solid #f44}.carrouselgesprek-view .card-front{background:linear-gradient(135deg,#fff 0,#fff0f0 30%,#ffd6d6 50%,#f99 75%,#f66 100%);border:2px solid #f44}.think-pair-share-view .card-front{background:linear-gradient(135deg,#fff 0,#fff0f0 30%,#ffd6d6 50%,#f99 75%,#f66 100%);border:2px solid #f44}.een-woord-ronde-view .card-front{background:linear-gradient(135deg,#fff 0,#f0fdf4 30%,#dcfce7 50%,#bbf7d0 70%,#86efac 100%);border:2px solid #22c55e}.brainbreaks-view .card-front{background:linear-gradient(135deg,#fff 0,#e0f2fe 40%,#bae6fd 70%,#7dd3fc 100%);border:2px solid #38bdf8}.kahoot-quiz-view .card-front{background:linear-gradient(135deg,#fff 0,#f0fdf4 30%,#dcfce7 50%,#bbf7d0 70%,#86efac 100%);border:2px solid #22c55e}.rollenspel-view .card-front{background:linear-gradient(135deg,#fff 0,#f0fdf4 30%,#dcfce7 50%,#bbf7d0 70%,#86efac 100%);border:2px solid #22c55e}.card-back{background:linear-gradient(135deg,var(--card-turquoise) 0,var(--card-green) 100%);border:2px solid var(--card-teal);transform:rotateY(180deg);color:#fff}.exercise-card.flipped .card-front,.exercise-card:hover .card-front{visibility:hidden}.card-back{visibility:hidden}.exercise-card.flipped .card-back,.exercise-card:hover .card-back{visibility:visible}.card-back .exercise-header,.card-front .exercise-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.card-back .exercise-icon,.card-front .exercise-icon{font-size:2.5rem;flex-shrink:0}.card-back .exercise-header h4,.card-front .exercise-header h4{color:var(--card-dark-teal);font-size:var(--font-size-xl);font-weight:600;margin:0;line-height:1.3}.card-back .exercise-header h4{color:#fff}.icebreakers-view .card-front .exercise-header h4{color:#0c4a6e}.checkout-view .card-front .exercise-header h4{color:#0c4a6e}.jigsaw-view .card-front .exercise-header h4{color:#0c4a6e}.stellingenspel-view .card-front .exercise-header h4{color:#0c4a6e}.moodmeter-view .card-front .exercise-header h4{color:#991b1b}.carrouselgesprek-view .card-front .exercise-header h4{color:#991b1b}.think-pair-share-view .card-front .exercise-header h4{color:#991b1b}.een-woord-ronde-view .card-front .exercise-header h4{color:#15803d}.brainbreaks-view .card-front .exercise-header h4{color:#0c4a6e}.kahoot-quiz-view .card-front .exercise-header h4{color:#15803d}.rollenspel-view .card-front .exercise-header h4{color:#15803d}.energizers-view .card-front .exercise-header h4{color:#15803d}.card-front .exercise-description{color:var(--text);font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--space-4);flex-grow:1}.card-back .exercise-description-extended{color:#fff;font-size:var(--font-size-base);line-height:1.7;margin-bottom:var(--space-4);flex-grow:1;opacity:.95}.exercise-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4);justify-content:center;width:100%}.card-back .exercise-meta{display:flex;justify-content:center;width:100%}.card-front .exercise-meta span{background:var(--card-orange-gold);color:var(--card-dark-teal);padding:var(--space-2) var(--space-3);border-radius:calc(var(--radius) * .5);font-size:var(--font-size-sm);font-weight:500;display:inline-flex;align-items:center;gap:var(--space-1)}.card-back .exercise-meta span{background:rgba(255,255,255,.25);color:#fff;padding:var(--space-2) var(--space-3);border-radius:calc(var(--radius) * .5);font-size:var(--font-size-sm);font-weight:600}.icebreakers-view .card-front .exercise-meta span{background:#e0f2fe;color:#0c4a6e;border:1px solid #7dd3fc}.checkout-view .card-front .exercise-meta span{background:#e0f2fe;color:#0c4a6e;border:1px solid #7dd3fc}.jigsaw-view .card-front .exercise-meta span{background:#e0f2fe;color:#0c4a6e;border:1px solid #7dd3fc}.stellingenspel-view .card-front .exercise-meta span{background:#e0f2fe;color:#0c4a6e;border:1px solid #7dd3fc}.moodmeter-view .card-front .exercise-meta span{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.carrouselgesprek-view .card-front .exercise-meta span{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.think-pair-share-view .card-front .exercise-meta span{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.energizers-view .card-front .exercise-meta span{background:#dcfce7;color:#15803d;border:1px solid #86efac}.een-woord-ronde-view .card-front .exercise-meta span{background:#dcfce7;color:#15803d;border:1px solid #86efac}.brainbreaks-view .card-front .exercise-meta span{background:#e0f2fe;color:#0c4a6e;border:1px solid #7dd3fc}.kahoot-quiz-view .card-front .exercise-meta span{background:#dcfce7;color:#15803d;border:1px solid #86efac}.rollenspel-view .card-front .exercise-meta span{background:#dcfce7;color:#15803d;border:1px solid #86efac}.card-front .exercise-meta .preparation{padding:var(--space-2) var(--space-3);border:2px solid rgba(0,0,0,.15);border-radius:calc(var(--radius) * .5);font-size:var(--font-size-sm);font-weight:600;line-height:1.3;text-align:center;background:rgba(255,255,255,.7)}.icebreakers-view .card-front .exercise-meta .preparation{border-color:#38bdf8;color:#0c4a6e}.exercise-info{background:rgba(255,255,255,.6);padding:var(--space-2) var(--space-3);border-radius:calc(var(--radius) * .5);margin:var(--space-3) 0;border-left:3px solid var(--card-turquoise)}.exercise-info span{color:var(--card-dark-teal);font-size:var(--font-size-sm);font-weight:500;line-height:1.5}.exercise-btn{width:100%;font-weight:600;margin-top:var(--space-3);margin-bottom:0;position:relative;z-index:10}.card-front .exercise-btn{display:none}.card-back .exercise-btn{background:#fff;color:var(--card-dark-teal);border-color:#fff}.card-back .exercise-btn:hover{background:var(--card-gold);color:var(--card-dark-teal);transform:scale(1.02)}.card-front::after{content:'>';position:absolute;bottom:var(--space-3);right:var(--space-3);font-size:var(--font-size-sm);color:var(--muted);opacity:.5;transition:opacity .3s ease}.exercise-card:hover .card-front::after{opacity:0}.card-back::before{content:'<';position:absolute;bottom:var(--space-3);left:var(--space-3);font-size:var(--font-size-sm);color:var(--card);opacity:.5}@media (max-width:768px){.card-inner{min-height:400px}.card-back .exercise-icon,.card-front .exercise-icon{font-size:2rem}.card-back .exercise-header h4,.card-front .exercise-header h4{font-size:var(--font-size-lg)}}@media (hover:none){.exercise-card:hover .card-inner{transform:none}.exercise-card.flipped .card-inner{transform:rotateY(180deg)}.card-front::after{content:'Tik voor meer info >';font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);background:var(--c2);border-radius:calc(var(--radius) * .3)}}.exercise-btn{pointer-events:auto}.exercises-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--space-8);row-gap:var(--space-10)}.exercises-grid .exercise-card{height:auto;min-height:420px}.exercises-grid .exercise-card .card-inner{min-height:400px}@media (max-width:600px){.exercises-grid{grid-template-columns:1fr;gap:var(--space-6);row-gap:var(--space-8)}.exercises-grid .exercise-card{min-height:440px}.card-inner{min-height:360px}}@media (hover:none) and (pointer:coarse){.card-front::after{content:'Tik voor meer info >';font-size:.85rem;padding:var(--space-1) var(--space-2);background:var(--c2);border-radius:calc(var(--radius) * .3)}}