:root{--c1:#d9ed92;--c2:#b5e48c;--c3:#99d98c;--c4:#76c893;--c5:#52b69a;--c6:#34a0a4;--c7:#168aad;--c8:#1a759f;--c9:#1e6091;--c10:#184e77;--bg:#f9fbf8;--text:#103044;--muted:#6b7f8d;--card:#ffffff;--radius:20px;--shadow:0 10px 30px rgba(0,0,0,.08);--shadow-light:0 4px 16px rgba(0,0,0,.04);--shadow-heavy:0 16px 48px rgba(0,0,0,.12);--border-light:1px solid rgba(118, 200, 147, 0.2);--border-medium:2px solid var(--c4);--font-family:'Rubik',system-ui,-apple-system,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--team-1:var(--c3);--team-2:var(--c7);--team-3:var(--c5);--team-4:var(--c9);--team-5:var(--c2);--team-6:var(--c8);--view-bg:var(--c1);--view-border:var(--c2);--view-hover:var(--c4);--view-meta-bg:var(--c2);--view-meta-text:var(--c8)}.icebreakers-view{--view-bg:var(--c1);--view-border:var(--c2);--view-hover:var(--c4)}.checkins-view{--view-bg:var(--c2);--view-border:var(--c3);--view-hover:var(--c5);--view-meta-bg:var(--c3)}.brainstormstarters-view{--view-bg:#fff7e6;--view-border:#ffd666;--view-hover:#ff8c00;--view-meta-bg:#fff0d4;--view-meta-text:#b86e00}.energizers-view{--view-bg:#f0fff0;--view-border:#90ee90;--view-hover:#32cd32;--view-meta-bg:#e0ffe0;--view-meta-text:#228b22}.beweegbreaks-view{--view-bg:#e6f3ff;--view-border:#87ceeb;--view-hover:#4682b4;--view-meta-bg:#d4edff;--view-meta-text:#1e6091}.brainbreaks-view{--view-bg:#f0e6ff;--view-border:#dda0dd;--view-hover:#9370db;--view-meta-bg:#e6d4ff;--view-meta-text:#6b3fa0}.activators-view{--view-bg:#fff5e6;--view-border:#ffa500;--view-hover:#ff8c00;--view-meta-bg:#ffedd4;--view-meta-text:#cc7000}.think-pair-share-view{--view-bg:#e8f5e8;--view-border:#4caf50;--view-hover:#2e7d32;--view-meta-bg:#d4f0d4;--view-meta-text:#1b5e20}.kahoot-quiz-view{--view-bg:#fff0f5;--view-border:#ff69b4;--view-hover:#e91e63;--view-meta-bg:#ffe4ec;--view-meta-text:#c2185b}.stellingenspel-view{--view-bg:#fff8dc;--view-border:#daa520;--view-hover:#b8860b;--view-meta-bg:#fff0c4;--view-meta-text:#8b6914}.ranking-stars-view{--view-bg:#fffde6;--view-border:#ffd700;--view-hover:#ffb300;--view-meta-bg:#fff8b3;--view-meta-text:#b38f00}.jigsaw-view{--view-bg:#f0fff0;--view-border:#32cd32;--view-hover:#228b22;--view-meta-bg:#e0ffe0;--view-meta-text:#006400}.carrouselgesprek-view{--view-bg:#e6ffff;--view-border:#20b2aa;--view-hover:#008b8b;--view-meta-bg:#ccffff;--view-meta-text:#006666}.debatvormen-view{--view-bg:#fdf5e6;--view-border:#cd853f;--view-hover:#8b4513;--view-meta-bg:#faebd7;--view-meta-text:#8b4513}.rollenspel-view{--view-bg:#f8f0ff;--view-border:#9370db;--view-hover:#6a5acd;--view-meta-bg:#ede4ff;--view-meta-text:#5a4a9e}.checkout-view{--view-bg:#e6fffa;--view-border:var(--c5);--view-hover:var(--c6);--view-meta-bg:#ccfff5;--view-meta-text:var(--c8)}.reflectiekaartjes-view{--view-bg:#fff5ee;--view-border:#ff7f50;--view-hover:#ff6347;--view-meta-bg:#ffe4d4;--view-meta-text:#d2691e}.moodmeter-view{--view-bg:#fff0f5;--view-border:#ffb6c1;--view-hover:#ff69b4;--view-meta-bg:#ffe4ec;--view-meta-text:#c71585}.een-woord-ronde-view{--view-bg:#f0f8ff;--view-border:#6495ed;--view-hover:#4169e1;--view-meta-bg:#dce8ff;--view-meta-text:#2850a8}*,::after,::before{box-sizing:border-box}*{margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}.room-code-banner{background:linear-gradient(135deg,var(--c4) 0,var(--c6) 100%);padding:var(--space-6) var(--space-4);margin-bottom:var(--space-8);box-shadow:var(--shadow-light);position:sticky;top:0;z-index:100}.room-code-container{text-align:center;max-width:600px;margin:0 auto}.room-code-label{color:#fff;font-size:var(--font-size-lg);font-weight:500;margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em;opacity:.9}.room-code-display{background:#fff;color:var(--c8);font-size:var(--font-size-5xl);font-weight:700;padding:var(--space-4) var(--space-8);border-radius:var(--radius);box-shadow:var(--shadow);letter-spacing:.2em;font-family:'Courier New',monospace;display:inline-block;min-width:280px}.room-code-info{color:#fff;font-size:var(--font-size-base);margin-top:var(--space-3);opacity:.95}.player-view{background:linear-gradient(135deg,var(--c1) 0,var(--c3) 100%);min-height:100vh}.player-header{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--c4)}.exercise-subtitle{font-size:var(--font-size-sm);color:var(--muted);margin:0;font-weight:500}.player-info{text-align:right}.player-name{background:var(--c4);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius);font-weight:600;font-size:var(--font-size-sm)}.player-main{padding:var(--space-8) 0}.exercise-active,.results-state,.waiting-state{max-width:800px;margin:0 auto;padding:0 var(--space-4)}.exercise-card,.results-card,.waiting-card{background:#fff;border-radius:var(--radius);padding:var(--space-8);box-shadow:var(--shadow);text-align:center}.exercise-info{margin-bottom:var(--space-8)}.exercise-icon{font-size:4rem;margin-bottom:var(--space-4)}.exercise-rules{text-align:left;margin:var(--space-8) 0;padding:var(--space-6);background:var(--bg);border-radius:var(--radius)}.exercise-rules h4{color:var(--c8);margin-bottom:var(--space-4)}.exercise-rules ul{padding-left:var(--space-6)}.exercise-rules li{margin-bottom:var(--space-2);color:var(--text)}.exercise-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--c2)}.exercise-timer{background:var(--c8);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius);font-family:'Courier New',monospace;font-size:var(--font-size-xl);font-weight:700}.exercise-prompt{margin-bottom:var(--space-8)}.exercise-prompt h4{color:var(--c8);margin-bottom:var(--space-3)}.weather-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-4);margin:var(--space-6) 0}.weather-btn{background:#fff;border:3px solid var(--c3);border-radius:var(--radius);padding:var(--space-6) var(--space-4);cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.weather-btn:hover{background:var(--c1);border-color:var(--c5);transform:translateY(-2px);box-shadow:var(--shadow)}.weather-btn.selected{background:var(--c4);border-color:var(--c6);color:#fff}.weather-icon{font-size:2rem}.weather-label{font-weight:600;font-size:var(--font-size-sm)}.answer-feedback{padding:var(--space-8);background:var(--c1);border-radius:var(--radius);margin:var(--space-6) 0}.answer-feedback h4{color:var(--c8);margin-bottom:var(--space-3)}.results-chart{margin:var(--space-6) 0}.result-item{display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);background:var(--bg);border-radius:var(--radius)}.result-count{background:var(--c4);color:#fff;padding:var(--space-1) var(--space-3);border-radius:50%;min-width:30px;text-align:center;font-weight:600}.waiting-animation{margin:var(--space-8) 0}.pulse-dots{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4)}.pulse-dots span{width:12px;height:12px;background:var(--c4);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.pulse-dots span:nth-child(2){animation-delay:.3s}.pulse-dots span:nth-child(3){animation-delay:.6s}@keyframes pulse{0%,100%,80%{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.waiting-text{color:var(--muted);font-style:italic}.exercise-code{background:var(--c6);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius);margin:var(--space-4) 0;text-align:center;font-weight:600;font-size:var(--font-size-sm)}.code-display{font-family:'Courier New',monospace;font-size:var(--font-size-lg);font-weight:700;letter-spacing:.1em;background:rgba(255,255,255,.2);padding:var(--space-1) var(--space-3);border-radius:var(--space-2);margin-left:var(--space-2)}.weather-desc{font-size:var(--font-size-xs);opacity:.8;font-style:italic}.selected-display{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:#fff;border-radius:var(--radius);margin:var(--space-4) 0}.selected-icon{font-size:3rem}.selected-info{text-align:left}.selected-label{font-weight:600;font-size:var(--font-size-lg);color:var(--c8)}.selected-desc{color:var(--muted);font-style:italic}.weather-result-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);background:var(--bg);border-radius:var(--radius);border-left:4px solid var(--c4)}.weather-result-icon{font-size:1.5rem;min-width:2rem}.weather-result-label{flex-grow:1;font-weight:500}.weather-result-count{background:var(--c4);color:#fff;padding:var(--space-1) var(--space-3);border-radius:50%;min-width:30px;text-align:center;font-weight:600;font-size:var(--font-size-sm)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-6);padding-bottom:6rem}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) 0;margin-bottom:var(--space-8)}[class*="-view"] #header-container{position:fixed;top:0;left:0;right:0;width:100%;background:rgba(249,251,248,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;padding-left:var(--space-6);padding-right:var(--space-6);transition:box-shadow .2s ease,background .2s ease}[class*="-view"] #header-container.scrolled{box-shadow:0 4px 12px rgba(0,0,0,.1);background:rgba(249,251,248,.85)}[class*="-view"] #header-container .header{max-width:1200px;margin:0 auto;margin-bottom:0;padding-bottom:var(--space-4)}[class*="-view"] .main{padding-top:100px}.header-center,.header-left,.header-right{display:flex;align-items:center;gap:var(--space-4)}.header-center{flex:1;justify-content:center}.logo{display:flex;align-items:center;gap:0;font-weight:700;font-size:var(--font-size-2xl);color:inherit;text-decoration:none}.logo-img{width:48px;height:48px}.logo-title{font-family:'Baloo 2',cursive;font-size:var(--font-size-5xl);font-weight:800;margin:0;margin-top:14px;align-self:flex-end;line-height:1;background:linear-gradient(135deg,var(--c4) 0,var(--c6) 50%,var(--c7) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-mini{display:flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--font-size-lg);color:inherit;text-decoration:none}.logo-mini .logo-img{width:32px;height:32px}.tagline{text-align:center;font-size:var(--font-size-xl);color:var(--muted);margin-bottom:var(--space-8)}.exercise-nav-container{position:relative}.exercise-nav-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4)}.exercise-nav-toggle .nav-arrow{font-size:var(--font-size-xs);transition:transform .2s ease}.exercise-nav-container:has(.exercise-nav-dropdown.show) .nav-arrow{transform:rotate(180deg)}.exercise-nav-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;width:320px;max-height:70vh;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-heavy);border:1px solid var(--c2);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;z-index:1000;overflow:hidden}.exercise-nav-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--c1);border-bottom:1px solid var(--c2);font-weight:600;color:var(--c8)}.nav-back-link{font-size:var(--font-size-sm);color:var(--c6);text-decoration:none;font-weight:500}.nav-back-link:hover{color:var(--c8);text-decoration:underline}.nav-dropdown-content{max-height:calc(70vh - 50px);overflow-y:auto;padding:var(--space-2) 0}.nav-category-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text);text-decoration:none;transition:background .15s ease;border-bottom:1px solid var(--c1)}.nav-category-link:last-child{border-bottom:none}.nav-category-link:hover{background:var(--c1)}.nav-category-link.active{background:var(--c3);color:#fff;font-weight:500}.nav-category-emoji{font-size:1.25rem;width:32px;text-align:center}.nav-category-name{font-size:var(--font-size-base);font-weight:500}.main{min-height:60vh;padding-bottom:6rem}.footer{text-align:center;padding:var(--space-4) 0;color:var(--muted);border-top:var(--border-light);position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.footer-content{display:flex;justify-content:center;align-items:center;gap:var(--space-4);padding:0 var(--space-4);position:relative}.footer-text{margin:0}.language-selector{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%)}.language-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:0 0;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--muted);transition:all .2s ease}.language-toggle:hover{background:rgba(255,255,255,.5);border-color:var(--c5)}.lang-flag{font-size:1.2em}.lang-name{font-weight:500}.lang-arrow{font-size:.7em;transition:transform .2s ease}.language-dropdown{position:absolute;bottom:100%;right:0;margin-bottom:var(--space-2);background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease;min-width:150px;overflow:hidden}.language-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.language-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background .15s ease}.language-option:hover{background:var(--c1)}.language-option .lang-name{color:var(--text-dark)}h1{font-size:var(--font-size-5xl);font-weight:700;line-height:1.2;color:var(--c8)}h2{font-size:var(--font-size-3xl);font-weight:600;line-height:1.3;color:var(--text);margin-bottom:var(--space-4)}h3{font-size:var(--font-size-xl);font-weight:600;line-height:1.4;color:var(--text);margin-bottom:var(--space-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius);font-weight:500;font-size:var(--font-size-base);text-decoration:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn:hover{transform:scale(1.03);box-shadow:var(--shadow)}.btn:active{transform:scale(.98)}.btn:focus{outline:2px solid var(--c5);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--c4) 0,var(--c6) 100%);color:#fff;box-shadow:var(--shadow-light)}.btn-primary:hover{background:linear-gradient(135deg,var(--c5) 0,var(--c7) 100%);box-shadow:var(--shadow)}.btn-secondary{background-color:var(--c1);color:var(--text);border:var(--border-light)}.btn-secondary:hover{background-color:var(--c2);border-color:var(--c4)}.btn-ghost{background-color:transparent;color:var(--muted);border:1px solid var(--muted)}.btn-ghost:hover{background-color:var(--c1);color:var(--text);border-color:var(--c4)}.btn-success{background-color:var(--c3);color:var(--text)}.btn-success:hover{background-color:var(--c4)}.btn-warning{background-color:#ffd93d;color:var(--text)}.btn-warning:hover{background-color:#ffcd3c}.btn-large{padding:var(--space-5) var(--space-8);font-size:var(--font-size-lg);font-weight:600}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.card{background-color:var(--card);border-radius:var(--radius);padding:var(--space-6);box-shadow:var(--shadow);border:var(--border-light)}.card:hover{box-shadow:var(--shadow-heavy);transform:translateY(-2px)}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;font-weight:500;color:var(--text);margin-bottom:var(--space-2)}.required-asterisk{color:#e63946}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-4);border:2px solid var(--c2);border-radius:calc(var(--radius) * .75);font-size:var(--font-size-base);transition:all .2s ease;background-color:var(--card)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:var(--c5);box-shadow:0 0 0 3px rgba(118,200,147,.1)}.form-help{display:block;font-size:var(--font-size-sm);color:var(--muted);margin-top:var(--space-1)}.room-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--c6),var(--c8));color:#fff;font-weight:600;font-size:var(--font-size-lg);border-radius:calc(var(--radius) * .5);letter-spacing:.1em;white-space:nowrap;overflow:visible}.room-code{font-family:Monaco,Consolas,monospace;font-size:var(--font-size-xl);min-width:60px;display:inline-block;text-align:center}.team-badge{padding:var(--space-1) var(--space-3);border-radius:calc(var(--radius) * .5);font-size:var(--font-size-sm);font-weight:600;color:#fff}.team-badge[data-team="1"]{background-color:var(--team-1)}.team-badge[data-team="2"]{background-color:var(--team-2)}.team-badge[data-team="3"]{background-color:var(--team-3)}.team-badge[data-team="4"]{background-color:var(--team-4)}.team-badge[data-team="5"]{background-color:var(--team-5)}.team-badge[data-team="6"]{background-color:var(--team-6)}.role-selection{text-align:center;margin-bottom:var(--space-16)}.role-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);margin-top:var(--space-8)}.role-card{background-color:var(--card);border-radius:var(--radius);padding:var(--space-8);box-shadow:var(--shadow);border:var(--border-light);text-align:center;cursor:pointer;transition:all .3s ease}.role-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-heavy);border-color:var(--c5)}.role-icon{font-size:4rem;margin-bottom:var(--space-4)}.role-card h3{color:var(--c8);margin-bottom:var(--space-3)}.role-card p{color:var(--muted);margin-bottom:var(--space-6)}.info-cards{text-align:center}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.info-card{background-color:var(--card);border-radius:var(--radius);padding:var(--space-6);box-shadow:var(--shadow-light);border:var(--border-light);text-align:center}.info-icon{font-size:3rem;margin-bottom:var(--space-4)}.info-card h3{color:var(--c7);font-size:var(--font-size-lg);margin-bottom:var(--space-3)}.info-card p{color:var(--muted);font-size:var(--font-size-sm)}.host-main{max-width:1400px;margin:0 auto}.session-setup{max-width:600px;margin:0 auto}.setup-card{background-color:var(--card);border-radius:var(--radius);padding:var(--space-8);box-shadow:var(--shadow);border:var(--border-light);text-align:center}.setup-form{text-align:left;margin-top:var(--space-6)}.exercise-library{margin-top:var(--space-8)}.library-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.filter-tabs{display:flex;gap:var(--space-2);flex-wrap:wrap}.filter-tab{padding:var(--space-2) var(--space-4);border:2px solid var(--c3);background-color:transparent;color:var(--c7);border-radius:calc(var(--radius) * .5);cursor:pointer;font-weight:500;transition:all .2s ease}.filter-tab:hover{background-color:var(--c2)}.filter-tab.active{background-color:var(--c5);color:#fff;border-color:var(--c5)}.exercise-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5);margin-top:var(--space-6)}.exercise-tile{background:linear-gradient(135deg,var(--card) 0,var(--c1) 20%);border-radius:var(--radius);padding:var(--space-6);box-shadow:var(--shadow-light);border:2px solid var(--c3);cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden;text-align:center}.exercise-tile::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0,var(--c5) 100%);opacity:0;transition:opacity .3s ease}.exercise-tile:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-heavy);border-color:var(--c5)}.exercise-tile:hover::before{opacity:.1}.exercise-tile:active{transform:translateY(-4px) scale(1.01)}.exercise-icon{font-size:3rem;margin-bottom:var(--space-4);animation:bounce 2s infinite}.exercise-tile h3{font-size:var(--font-size-xl);color:var(--c9);margin-bottom:var(--space-3);font-weight:600}.subcategory-grid .exercise-tile{padding:var(--space-4)}.subcategory-grid .exercise-icon{font-size:2.5rem;margin-bottom:var(--space-3)}.exercise-desc{color:var(--muted);font-size:var(--font-size-base);margin-bottom:var(--space-4);line-height:1.5}.exercise-duration{display:inline-block;background-color:var(--c2);color:var(--c9);padding:var(--space-2) var(--space-3);border-radius:calc(var(--radius) * .5);font-size:var(--font-size-sm);font-weight:600}.category-section:first-child .exercise-tile{background:linear-gradient(135deg,var(--card) 0,#e8f5ff 20%);border:2px solid #87ceeb}.category-section:first-child .exercise-tile:hover{border-color:#4682b4;background:linear-gradient(135deg,var(--card) 0,#d0ebff 20%)}.category-section:first-child .exercise-tile::before{background:linear-gradient(135deg,transparent 0,#87ceeb 100%)}.category-section:first-child .exercise-duration{background-color:#b8e6ff;color:#1e5a7d}.category-section:nth-child(2) .exercise-tile{background:linear-gradient(135deg,var(--card) 0,#f0fff0 20%);border:2px solid #90ee90}.category-section:nth-child(2) .exercise-tile:hover{border-color:#32cd32;background:linear-gradient(135deg,var(--card) 0,#e6ffe6 20%)}.category-section:nth-child(2) .exercise-tile::before{background:linear-gradient(135deg,transparent 0,#90ee90 100%)}.category-section:nth-child(2) .exercise-duration{background-color:#98fb98;color:#006400}.category-section:nth-child(3) .exercise-tile{background:linear-gradient(135deg,var(--card) 0,#fff5e6 20%);border:2px solid orange}.category-section:nth-child(3) .exercise-tile:hover{border-color:#ff8c00;background:linear-gradient(135deg,var(--card) 0,#ffedcc 20%)}.category-section:nth-child(3) .exercise-tile::before{background:linear-gradient(135deg,transparent 0,orange 100%)}.category-section:nth-child(3) .exercise-duration{background-color:#ffdb99;color:#995700}.category-section:nth-child(4) .exercise-tile{background:linear-gradient(135deg,var(--card) 0,#f8f0ff 20%);border:2px solid #9370db}.category-section:nth-child(4) .exercise-tile:hover{border-color:#639;background:linear-gradient(135deg,var(--card) 0,#f0e6ff 20%)}.category-section:nth-child(4) .exercise-tile::before{background:linear-gradient(135deg,transparent 0,#9370db 100%)}.category-section:nth-child(4) .exercise-duration{background-color:#dbb2ff;color:#4a1d8a}.category-section:nth-child(5) .exercise-tile{background:linear-gradient(135deg,var(--card) 0,azure 20%);border:2px solid #40e0d0}.category-section:nth-child(5) .exercise-tile:hover{border-color:#008b8b;background:linear-gradient(135deg,var(--card) 0,#e6ffff 20%)}.category-section:nth-child(5) .exercise-tile::before{background:linear-gradient(135deg,transparent 0,#40e0d0 100%)}.category-section:nth-child(5) .exercise-duration{background-color:#a3f0e6;color:#006b6b}.library-header .subtitle{color:var(--muted);font-size:var(--font-size-lg);margin-top:var(--space-2)}.categories-container{margin-top:var(--space-6)}.category-section{margin-bottom:var(--space-8);background:linear-gradient(135deg,transparent 0,var(--c1) 5%);padding:var(--space-5);border-radius:var(--radius);border:1px solid var(--c2)}.category-title{font-size:var(--font-size-2xl);color:var(--c9);margin-bottom:var(--space-5);font-weight:600;padding-bottom:var(--space-3);border-bottom:2px solid var(--c3)}.subcategory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.exercise-tile h4{font-size:var(--font-size-lg);color:var(--c9);margin-bottom:var(--space-2);font-weight:600}.exercise-card{background-color:var(--card);border-radius:var(--radius);padding:var(--space-6);box-shadow:var(--shadow-light);border:var(--border-light);cursor:pointer;transition:all .3s ease}.exercise-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--c5)}.exercise-card.selected{border-color:var(--c6);background:linear-gradient(135deg,var(--card) 0,var(--c1) 100%)}.exercise-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.exercise-meta{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.exercise-chip{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:calc(var(--radius) * .5);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.chip-start{background-color:var(--c2);color:var(--c8)}.chip-tussendoor{background-color:var(--c4);color:#fff}.chip-afronding{background-color:var(--c6);color:#fff}.chip-inhoud{background-color:var(--c8);color:#fff}.exercise-duration{font-size:var(--font-size-sm);color:var(--muted)}.exercise-rules{margin:var(--space-4) 0}.exercise-rules ul{list-style:none;padding-left:0}.exercise-rules li{margin-bottom:var(--space-2);padding-left:var(--space-4);position:relative;font-size:var(--font-size-sm);color:var(--muted)}.exercise-rules li::before{content:'•';color:var(--c5);font-weight:700;position:absolute;left:0}.exercise-humor{font-style:italic;color:var(--c7);font-size:var(--font-size-sm);margin-top:var(--space-4);padding:var(--space-3);background-color:var(--c1);border-radius:calc(var(--radius) * .5);border-left:4px solid var(--c5)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.dashboard-card{background-color:var(--card);border-radius:var(--radius);padding:var(--space-6);box-shadow:var(--shadow-light);border:var(--border-light)}.dashboard-card h3{color:var(--c8);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.timer-card{text-align:center}.timer-display{margin-bottom:var(--space-6)}.timer-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--c3),var(--c5));display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative;box-shadow:var(--shadow)}.timer-text{font-size:var(--font-size-2xl);font-weight:700;color:#fff;font-family:Monaco,Consolas,monospace}.timer-controls{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.timer-mini{font-family:Monaco,Consolas,monospace;font-weight:600;color:var(--c7)}.participants-list{max-height:200px;overflow-y:auto}.participant-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);border-radius:calc(var(--radius) * .5);margin-bottom:var(--space-2);background-color:var(--bg)}.participant-name{font-weight:500}.participant-team{font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2);border-radius:calc(var(--radius) * .25);color:#fff}.team-assignment{margin-top:var(--space-4);display:flex;gap:var(--space-3);flex-wrap:wrap}.team-scores{display:flex;flex-direction:column;gap:var(--space-3)}.team-score{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-radius:calc(var(--radius) * .75);background-color:var(--bg);border:2px solid transparent;transition:all .3s ease}.team-score.active{border-color:var(--c5);background-color:var(--c1)}.team-name{font-weight:600;color:var(--text)}.team-points{font-size:var(--font-size-xl);font-weight:700;color:var(--c7)}.scoring-controls{margin-top:var(--space-4);display:flex;gap:var(--space-3);flex-wrap:wrap}.control-buttons{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.quick-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.live-feed{max-height:150px;overflow-y:auto}.feed-item{display:flex;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--c2);font-size:var(--font-size-sm)}.feed-time{color:var(--muted);font-family:Monaco,Consolas,monospace;min-width:40px}.feed-text{color:var(--text)}.empty-state{text-align:center;padding:var(--space-8);color:var(--muted)}.empty-icon{font-size:3rem;margin-bottom:var(--space-4)}.join-view{background:var(--bg);min-height:100vh;padding:var(--space-4) 0}.join-main{max-width:600px;margin:0 auto;padding:var(--space-6)}.join-form{margin-bottom:var(--space-8)}.join-card{background-color:var(--card);border-radius:var(--radius);padding:var(--space-8);box-shadow:var(--shadow);border:var(--border-light);text-align:center;margin-bottom:var(--space-8)}.join-subtitle{color:var(--muted);margin-bottom:var(--space-6)}.join-form{text-align:left}.join-alternatives{margin-top:var(--space-6);text-align:center}.alternatives-text{color:var(--muted);margin-bottom:var(--space-4)}.join-tips{background-color:var(--card);border-radius:var(--radius);padding:var(--space-6);box-shadow:var(--shadow-light);border:var(--border-light)}.tips-list{list-style:none;padding-left:0}.tips-list li{margin-bottom:var(--space-3);padding-left:var(--space-6);position:relative}.tips-list li::before{content:attr(data-icon);position:absolute;left:0}.error-state,.joining-state,.success-state{max-width:600px;margin:0 auto;padding:var(--space-4)}.error-card,.joining-card,.success-card{background-color:var(--card);border-radius:var(--radius);padding:var(--space-8);box-shadow:var(--shadow);text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid var(--c2);border-top:4px solid var(--c6);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-4)}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.joining-details{margin-top:var(--space-6);display:flex;justify-content:space-around;font-size:var(--font-size-sm);color:var(--muted)}.error-icon,.success-icon{font-size:4rem;margin-bottom:var(--space-4)}.error-message{color:var(--muted);margin-bottom:var(--space-6)}.error-actions{display:flex;gap:var(--space-4);justify-content:center}.success-details{margin:var(--space-6) 0}.detail-item{display:flex;justify-content:space-between;padding:var(--space-3);margin-bottom:var(--space-2);background:var(--bg);border-radius:var(--radius)}.detail-label{font-weight:600;color:var(--text)}.detail-value{color:var(--muted)}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.error-state,.joining-state,.success-state{max-width:500px;margin:0 auto;text-align:center}.error-card,.joining-card,.success-card{background-color:var(--card);border-radius:var(--radius);padding:var(--space-8);box-shadow:var(--shadow);border:var(--border-light)}.loading-spinner{width:48px;height:48px;border:4px solid var(--c2);border-top:4px solid var(--c6);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-6)}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.joining-details,.success-details{margin:var(--space-6) 0;padding:var(--space-4);background-color:var(--bg);border-radius:calc(var(--radius) * .75)}.detail-item{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.detail-label{color:var(--muted)}.detail-value{font-weight:600;color:var(--text)}.error-icon,.success-icon{font-size:4rem;margin-bottom:var(--space-4)}.error-message{color:#e53e3e;margin-bottom:var(--space-6)}.error-actions,.success-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.play-view{background:linear-gradient(135deg,var(--bg) 0,var(--c1) 100%);min-height:100vh}.play-header{background-color:var(--card);box-shadow:var(--shadow-light);border-bottom:var(--border-light);margin-bottom:0;padding:var(--space-4) var(--space-6)}.exercise-title{font-weight:600;color:var(--c8)}.player-info{display:flex;align-items:center;gap:var(--space-3)}.player-name{font-weight:600;color:var(--text)}.play-main{padding:var(--space-6) var(--space-6) var(--space-16)}.waiting-card{background-color:var(--card);border-radius:var(--radius);padding:var(--space-8);box-shadow:var(--shadow);border:var(--border-light);text-align:center;max-width:600px;margin:0 auto}.waiting-icon{font-size:4rem;margin-bottom:var(--space-4)}.waiting-details{margin:var(--space-6) 0;padding:var(--space-4);background-color:var(--bg);border-radius:calc(var(--radius) * .75)}.participant-count{font-size:var(--font-size-xl);font-weight:700;color:var(--c7)}.waiting-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-top:var(--space-6)}.game-content{max-width:800px;margin:0 auto}.question-area{margin-bottom:var(--space-8)}.question-card{background-color:var(--card);border-radius:var(--radius);padding:var(--space-8);box-shadow:var(--shadow);border:var(--border-light);text-align:center}.question-text{color:var(--c8);margin-bottom:var(--space-4)}.question-meta{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-4);font-size:var(--font-size-sm);color:var(--muted)}.answer-area{margin-bottom:var(--space-8)}.answer-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.answer-btn{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background-color:var(--card);border:2px solid var(--c3);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;text-align:left}.answer-btn:hover{background-color:var(--c1);border-color:var(--c5);transform:scale(1.02)}.answer-btn.selected{background-color:var(--c4);border-color:var(--c6);color:#fff}.answer-letter{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--c5);color:#fff;border-radius:50%;font-weight:700;flex-shrink:0}.answer-text{font-weight:500}.text-input-area{max-width:500px;margin:0 auto}.input-group{display:flex;gap:var(--space-3);margin-bottom:var(--space-2)}.input-group input{flex:1}.input-help{text-align:center;color:var(--muted);font-size:var(--font-size-sm)}.emoji-area{text-align:center}.emoji-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4);max-width:600px;margin:0 auto}.emoji-btn{padding:var(--space-4);background-color:var(--card);border:2px solid var(--c3);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-lg)}.emoji-btn:hover{background-color:var(--c2);border-color:var(--c5);transform:scale(1.05)}.buzzer-area{text-align:center}.buzzer-btn{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border:none;cursor:pointer;transition:all .2s ease;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow-heavy)}.buzzer-btn:hover{transform:scale(1.05)}.buzzer-btn:active{transform:scale(.95)}.buzzer-icon{font-size:3rem;margin-bottom:var(--space-2)}.buzzer-text{font-size:var(--font-size-xl);font-weight:700;color:#fff}.buzzer-help{font-size:var(--font-size-sm);color:rgba(255,255,255,.8);margin-top:var(--space-2)}.buzzer-queue{margin-top:var(--space-6);padding:var(--space-4);background-color:var(--card);border-radius:var(--radius);border:var(--border-light)}.status-area{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.answer-status{font-weight:500;color:var(--muted)}.power-ups{display:flex;gap:var(--space-2)}.power-up{padding:var(--space-2) var(--space-3);background-color:var(--c2);border-radius:calc(var(--radius) * .5);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.power-up:hover{background-color:var(--c3);transform:scale(1.05)}.team-scores-mini{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap}.team-scores-mini .team-score{padding:var(--space-3) var(--space-4);border-radius:calc(var(--radius) * .75);background-color:var(--card);border:2px solid var(--c3);min-width:100px;text-align:center}.team-scores-mini .team-score.active{border-color:var(--c6);background-color:var(--c1)}.feedback-card{background-color:var(--card);border-radius:var(--radius);padding:var(--space-8);box-shadow:var(--shadow);border:var(--border-light);text-align:center;max-width:600px;margin:0 auto}.feedback-icon{font-size:4rem;margin-bottom:var(--space-4)}.feedback-title{color:var(--c8);margin-bottom:var(--space-3)}.feedback-text{color:var(--muted);margin-bottom:var(--space-6)}.feedback-details{display:flex;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-6);flex-wrap:wrap}.points-earned{font-size:var(--font-size-xl);font-weight:700;color:var(--c6)}.streak-info{font-size:var(--font-size-lg);color:#ff6b6b}.correct-answer{padding:var(--space-4);background-color:var(--c1);border-radius:calc(var(--radius) * .75);border-left:4px solid var(--c5)}.round-end-card{background-color:var(--card);border-radius:var(--radius);padding:var(--space-8);box-shadow:var(--shadow);border:var(--border-light);text-align:center;max-width:600px;margin:0 auto}.final-scores{margin:var(--space-6) 0}.round-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4);margin:var(--space-6) 0}.stat{padding:var(--space-4);background-color:var(--bg);border-radius:calc(var(--radius) * .75);text-align:center}.stat-label{display:block;font-size:var(--font-size-sm);color:var(--muted);margin-bottom:var(--space-1)}.stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--c7)}.round-actions{margin-top:var(--space-6)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;display:none;background-color:rgba(0,0,0,.5);align-items:center;justify-content:center;z-index:1000;padding:var(--space-6)}.modal.show{display:flex}.modal-content{background-color:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-heavy);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:var(--border-light)}.modal-close{background:0 0;border:none;font-size:var(--font-size-2xl);cursor:pointer;color:var(--muted);padding:var(--space-2);line-height:1}.modal-close:hover{color:var(--text)}.modal-body{padding:var(--space-6)}.exercise-details{margin-bottom:var(--space-6)}.exercise-details h4{color:var(--c8);margin-bottom:var(--space-3);font-size:var(--font-size-lg)}.exercise-details ul{list-style:none;padding-left:0;margin-bottom:var(--space-4)}.exercise-details li{padding:var(--space-2) 0;padding-left:var(--space-6);position:relative;color:var(--text)}.exercise-details li:before{content:"✓";position:absolute;left:0;color:var(--c5);font-weight:700}.exercise-details p{margin:var(--space-2) 0}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.exercise-rules-display{margin-top:var(--space-6);animation:slideUp .5s ease-out}.rules-card{background:linear-gradient(135deg,var(--c1) 0,var(--card) 20%);padding:var(--space-5);border-radius:var(--radius);border:2px solid var(--c3)}.rules-card h3{display:flex;align-items:center;gap:var(--space-3);color:var(--c8);font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}.exercise-emoji{font-size:2rem}.rules-content{background:var(--card);padding:var(--space-4);border-radius:calc(var(--radius) * .5);margin-bottom:var(--space-4)}.rules-content h4{color:var(--c7);font-size:var(--font-size-lg);margin-bottom:var(--space-3)}.rules-content ul{list-style:none;padding:0}.rules-content li{padding:var(--space-2) 0;padding-left:var(--space-5);position:relative;color:var(--text)}.rules-content li:before{content:"→";position:absolute;left:var(--space-2);color:var(--c5);font-weight:700}.rules-meta{display:flex;gap:var(--space-6);flex-wrap:wrap}.meta-item{color:var(--muted);font-size:var(--font-size-sm)}.meta-item strong{color:var(--c7)}.waiting-animation{text-align:center;padding:var(--space-6)}.pulse-dots{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-3)}.pulse-dots span{width:12px;height:12px;background:var(--c5);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.pulse-dots span:first-child{animation-delay:0s}.pulse-dots span:nth-child(2){animation-delay:.2s}.pulse-dots span:nth-child(3){animation-delay:.4s}.waiting-text{color:var(--muted);font-style:italic}.icebreakers-view .page-title{color:var(--c8);font-size:var(--font-size-2xl);font-weight:600;margin:0}.icebreakers-main{padding:var(--space-6) 0}.exercise-intro{text-align:center;margin-bottom:var(--space-8)}.exercise-intro h3{color:var(--c8);font-size:var(--font-size-3xl);margin-bottom:var(--space-3);font-weight:600}.exercise-intro p{color:var(--muted);font-size:var(--font-size-lg);max-width:600px;margin:0 auto}.exercises-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-6);max-width:1200px;margin:0 auto;padding-bottom:var(--space-4)}.exercises-grid .exercise-card{background:linear-gradient(135deg,var(--card) 0,var(--view-bg,var(--c1)) 10%);border-radius:var(--radius);padding:var(--space-6);box-shadow:var(--shadow-light);border:2px solid var(--view-border,var(--c2));cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.exercises-grid .exercise-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0,var(--view-hover,var(--c4)) 100%);opacity:0;transition:opacity .3s ease}.exercises-grid .exercise-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-heavy);border-color:var(--view-hover,var(--c4))}.exercises-grid .exercise-card:hover::before{opacity:.1}.exercise-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);position:relative;z-index:1}.exercises-grid .exercise-icon{font-size:2.5rem;animation:bounce 2s infinite}.exercise-header h4{color:var(--c8);font-size:var(--font-size-xl);font-weight:600;margin:0}.exercise-description{color:var(--text);font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--space-5);position:relative;z-index:1}.exercise-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-5);position:relative;z-index:1}.exercise-meta span{background:var(--view-meta-bg,var(--c2));color:var(--view-meta-text,var(--c8));padding:var(--space-1) var(--space-3);border-radius:calc(var(--radius) * .5);font-size:var(--font-size-sm);font-weight:500}.exercise-btn{width:100%;position:relative;z-index:1;font-weight:600}.icebreakers-view .modal.show{display:flex}.icebreakers-view .modal-content{max-width:700px}.icebreakers-view .exercise-details h4{color:var(--c7);font-size:var(--font-size-lg);margin-top:var(--space-5);margin-bottom:var(--space-3)}.icebreakers-view .exercise-details h4:first-child{margin-top:0}.icebreakers-view .exercise-details ul{list-style:none;padding:0;margin-bottom:var(--space-4)}.icebreakers-view .exercise-details li{padding:var(--space-2) 0;padding-left:var(--space-6);position:relative;color:var(--text);line-height:1.5}.icebreakers-view .exercise-details li:before{content:"→";position:absolute;left:var(--space-2);color:var(--c5);font-weight:700}.icebreakers-view .exercise-details p{color:var(--text);line-height:1.6;margin-bottom:var(--space-4)}.checkins-main{padding:var(--space-6) 0}.checkins-view .exercise-details li:before{content:"▸"}.brainstormstarters-main{padding:var(--space-6) 0}.brainstormstarters-view .exercise-details li:before{content:"💡"}.energizers-main{padding:var(--space-6) 0}.energizers-view .exercise-details li:before{content:"⚡"}.beweegbreaks-main{padding:var(--space-6) 0}.beweegbreaks-view .exercise-details li:before{content:"🏃"}.qr-container{text-align:center}.qr-code{margin:var(--space-6) auto;padding:var(--space-4);background-color:#fff;border-radius:calc(var(--radius) * .5);display:inline-block}.room-code-large{font-size:var(--font-size-4xl);font-weight:700;color:var(--c8);font-family:Monaco,Consolas,monospace;letter-spacing:.2em;margin-top:var(--space-4)}.brainbreaks-main{padding:var(--space-6) 0}.brainbreaks-view .exercise-details li:before{content:"🧠"}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.activators-main{padding:var(--space-6) 0}.activators-view .exercise-details li:before{content:"🎯"}@keyframes wobble{0%,100%{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.think-pair-share-main{padding:var(--space-6) 0}.think-pair-share-view .exercise-details li:before{content:"🤝"}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.kahoot-quiz-main{padding:var(--space-6) 0}.kahoot-quiz-view .exercise-details li:before{content:"📱"}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:.5}}.stellingenspel-main{padding:var(--space-6) 0}.stellingenspel-view .exercise-details li:before{content:"🗳️"}@keyframes swing{0%,100%{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}.ranking-stars-main{padding:var(--space-6) 0}.ranking-stars-view .exercise-details li:before{content:"⭐"}@keyframes twinkle{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.jigsaw-main{padding:var(--space-6) 0}.jigsaw-view .exercise-details li:before{content:"🧩"}@keyframes puzzle{0%,100%{transform:rotate(0) scale(1)}25%{transform:rotate(-5deg) scale(1.05)}50%{transform:rotate(0) scale(1.1)}75%{transform:rotate(5deg) scale(1.05)}}.debatvormen-main{padding:var(--space-6) 0}.debatvormen-view .exercise-details li:before{content:"💬"}@keyframes debate{0%,100%{transform:translateX(0) rotate(0)}25%{transform:translateX(-3px) rotate(-2deg)}50%{transform:translateX(0) rotate(0)}75%{transform:translateX(3px) rotate(2deg)}}.rollenspel-main{padding:var(--space-6) 0}.rollenspel-view .exercise-details li:before{content:"🎭"}@keyframes drama{0%,100%{transform:scale(1) rotate(0)}20%{transform:scale(1.1) rotate(-5deg)}40%{transform:scale(1) rotate(0)}60%{transform:scale(1.05) rotate(3deg)}80%{transform:scale(1) rotate(0)}}.checkout-main{padding:var(--space-6) 0}.checkout-view .exercise-details li:before{content:"🚪"}@keyframes farewell{0%,100%{transform:translateY(0) scale(1)}25%{transform:translateY(-5px) scale(1.05)}50%{transform:translateY(0) scale(1)}75%{transform:translateY(-2px) scale(1.02)}}.reflectiekaartjes-main{padding:var(--space-6) 0}.reflectiekaartjes-view .exercise-details li:before{content:"🤔"}@keyframes contemplate{0%,100%{transform:scale(1) rotate(0)}25%{transform:scale(1.02) rotate(-1deg)}50%{transform:scale(1.05) rotate(0)}75%{transform:scale(1.02) rotate(1deg)}}.moodmeter-main{padding:var(--space-6) 0}.moodmeter-view .exercise-details li:before{content:"🌡️"}@keyframes mood-swing{0%,100%{transform:scale(1);filter:hue-rotate(0deg)}33%{transform:scale(1.05);filter:hue-rotate(120deg)}66%{transform:scale(1.02);filter:hue-rotate(240deg)}}.een-woord-ronde-main{padding:var(--space-6) 0}.een-woord-ronde-view .exercise-details li:before{content:"💬"}.carrouselgesprek-main{padding:var(--space-6) 0}.carrouselgesprek-view .exercise-details li:before{content:"🔄"}.camera-container{position:relative;max-width:400px;margin:0 auto}.camera-feed{width:100%;border-radius:calc(var(--radius) * .75)}.camera-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.3);border-radius:calc(var(--radius) * .75);color:#fff}.scan-frame{width:200px;height:200px;border:3px solid #fff;border-radius:var(--radius);margin-bottom:var(--space-4)}.camera-controls{margin-top:var(--space-4);text-align:center}.hidden{display:none!important}.toast-container{position:fixed;top:var(--space-6);right:var(--space-6);z-index:1100;max-width:400px}.toast{background-color:var(--card);border-radius:calc(var(--radius) * .75);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-heavy);border:var(--border-light);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-3);opacity:0;transform:translateX(100%);transition:all .3s cubic-bezier(.4, 0, .2, 1)}.toast.show{opacity:1;transform:translateX(0)}.toast.hide{opacity:0;transform:translateX(100%)}.toast-success{border-left:4px solid var(--c5)}.toast-error{border-left:4px solid #e53e3e}.toast-info{border-left:4px solid var(--c7)}.toast-icon{font-size:var(--font-size-lg)}.toast-content{flex:1}.toast-title{font-weight:600;color:var(--text);margin-bottom:var(--space-1)}.toast-message{font-size:var(--font-size-sm);color:var(--muted)}.emoji-popup{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:1000;display:none}.emoji-selector{display:flex;gap:var(--space-2);padding:var(--space-4);background-color:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-heavy);border:var(--border-light)}.emoji-option{width:48px;height:48px;border:none;background:0 0;font-size:var(--font-size-xl);cursor:pointer;border-radius:calc(var(--radius) * .5);transition:all .2s ease}.emoji-option:hover{background-color:var(--c2);transform:scale(1.1)}#confetti-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999}@media (max-width:768px){.container{padding:0 var(--space-4)}.header{flex-direction:column;gap:var(--space-4);text-align:center}.header-center,.header-left,.header-right{width:100%;justify-content:center}.role-cards{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.filter-tabs{justify-content:center}.exercise-grid{grid-template-columns:1fr}.answer-options{grid-template-columns:1fr}.emoji-options{grid-template-columns:repeat(2,1fr)}.team-scores-mini{grid-template-columns:repeat(2,1fr)}.toast-container{left:var(--space-4);right:var(--space-4);max-width:none}.modal{padding:var(--space-4)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-2xl)}.buzzer-btn{width:150px;height:150px}.buzzer-icon{font-size:2rem}.buzzer-text{font-size:var(--font-size-lg)}}@media (max-width:480px){.container{padding:0 var(--space-3)}.btn-large{padding:var(--space-4) var(--space-6);font-size:var(--font-size-base)}.join-card,.role-card,.setup-card{padding:var(--space-6)}.modal-content{margin:var(--space-2)}.timer-circle{width:100px;height:100px}.timer-text{font-size:var(--font-size-xl)}.room-code-large{font-size:var(--font-size-3xl)}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}.loading-spinner{animation:none}}@media print{.btn,.footer,.header,.modal{display:none!important}.main{margin:0;padding:0}.card{box-shadow:none;border:1px solid #000}}:focus{outline:2px solid var(--c5);outline-offset:2px}@media (prefers-contrast:high){:root{--shadow:0 2px 8px rgba(0,0,0,.3);--shadow-light:0 1px 4px rgba(0,0,0,.2);--shadow-heavy:0 8px 24px rgba(0,0,0,.4)}.btn{border:2px solid}.card{border:2px solid var(--text)}}