.main-selector{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-xl);align-items:start}@media (max-width:900px){.main-selector{grid-template-columns:1fr}}.panel-lista{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.panel-header h2{font-size:1.1rem;margin:0}.curso-selector select{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--color-text);font-size:.9rem;cursor:pointer}.agregar-alumno{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.agregar-alumno input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--color-text);font-size:.95rem}.agregar-alumno input:focus{border-color:var(--docentes-accent);outline:0}.btn-add{width:42px;height:42px;border:none;background:var(--docentes-gradient);color:#fff;border-radius:var(--radius-md);font-size:1.5rem;cursor:pointer;transition:transform .2s}.btn-add:hover{transform:scale(1.05)}.lista-alumnos{max-height:350px;overflow-y:auto;background:var(--bg-body);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.lista-alumnos:empty::before{content:'Agregá alumnos a la lista...';color:var(--color-text-muted);padding:var(--spacing-lg);display:block;text-align:center}.alumno-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);transition:background .2s}.alumno-item:last-child{border-bottom:none}.alumno-item:hover{background:var(--bg-card-hover)}.alumno-item.seleccionado{background:var(--docentes-accent-muted);opacity:.6}.alumno-item.seleccionado::after{content:'✓';color:var(--docentes-accent);font-weight:700;margin-left:var(--spacing-sm)}.alumno-item .nombre{display:flex;align-items:center;gap:var(--spacing-sm)}.alumno-item .numero{width:24px;height:24px;background:var(--bg-card);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--color-text-muted)}.alumno-item .eliminar{opacity:0;background:0 0;border:none;color:var(--color-danger);cursor:pointer;padding:var(--spacing-xs);transition:opacity .2s}.alumno-item:hover .eliminar{opacity:1}.acciones-lista{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.acciones-lista button{flex:1;font-size:.85rem;padding:var(--spacing-sm)}.opciones{padding:var(--spacing-md);background:var(--bg-body);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.checkbox-opcion{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-xs) 0;font-size:.9rem;color:var(--color-text-secondary)}.checkbox-opcion input{accent-color:var(--docentes-accent)}.contador-info{display:flex;justify-content:space-between;font-size:.85rem;color:var(--color-text-muted)}.panel-ruleta{display:flex;flex-direction:column;gap:var(--spacing-lg)}.ruleta-container{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--color-border);text-align:center}.ruleta-display{width:220px;height:220px;margin:0 auto var(--spacing-xl);border-radius:50%;background:linear-gradient(135deg,var(--bg-body) 0,var(--bg-card-hover) 100%);border:5px solid var(--docentes-accent);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 40px rgba(139,92,246,.2);transition:transform .1s}.ruleta-display.spinning{animation:spin .15s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.ruleta-display.winner{animation:winner-pulse .5s ease-out;border-color:var(--color-success);box-shadow:0 0 60px rgba(16,185,129,.4)}@keyframes winner-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.ruleta-pointer{position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:25px solid var(--docentes-accent)}.ruleta-display span{font-size:1.5rem;font-weight:700;color:var(--docentes-accent);text-align:center;padding:var(--spacing-md);word-break:break-word}.btn-girar{width:100%;max-width:250px;padding:var(--spacing-md) var(--spacing-xl);font-size:1.1rem;margin:0 auto;display:block}.btn-girar:disabled{opacity:.5;cursor:not-allowed}.historial-container{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border)}.historial-container h3{font-size:1rem;margin-bottom:var(--spacing-md)}.historial-lista{max-height:200px;overflow-y:auto;background:var(--bg-body);border-radius:var(--radius-md);padding:var(--spacing-sm);margin-bottom:var(--spacing-md)}.historial-lista .vacio{color:var(--color-text-muted);text-align:center;padding:var(--spacing-md);font-size:.9rem}.historial-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-bottom:1px solid var(--color-border);font-size:.9rem}.historial-item:last-child{border-bottom:none}.historial-item .num{width:24px;height:24px;background:var(--docentes-accent-muted);color:var(--docentes-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.btn-small{font-size:.85rem;padding:var(--spacing-xs) var(--spacing-md)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:500px;width:90%;border:1px solid var(--color-border)}.modal-content h3{margin-bottom:var(--spacing-md)}.modal-content p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.modal-content textarea{width:100%;height:200px;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--color-text);font-family:inherit;font-size:.95rem;resize:vertical}.modal-acciones{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.modal-acciones button{flex:1}@media (max-width:600px){.ruleta-display{width:180px;height:180px}.ruleta-display span{font-size:1.2rem}.acciones-lista{flex-direction:column}}