.participation-card{background:#0f172a;border:1px solid rgba(148,163,184,.2);border-radius:20px;padding:20px;margin-top:40px;box-shadow:0 10px 25px #0f172a73}.participation-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.participation-card-header h3{margin:0;color:#fff;font-size:20px;font-weight:600}.participation-meta{display:flex;flex-direction:column;gap:6px;color:#cbd5f5}.participation-meta small{color:#94a3b8}.participation-totals{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.participation-total-item{background:#0f172abf;border:1px solid rgba(148,163,184,.15);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:4px}.participation-total-item strong{font-size:22px;color:#fff}.participation-total-item span{color:#94a3b8;font-size:13px}.participation-actions{margin-top:20px;display:grid;gap:16px}.admin-event-select{width:100%;background:#0c0c0ccc;border:1px solid rgba(246,195,68,.35);border-radius:12px;padding:12px;color:#fff;font-size:16px}.admin-event-select option{background:#1a1a1a;color:#fff}.share-link-row{display:flex;gap:12px;align-items:center;background:#94a3b81a;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:12px}.share-link-row input{flex:1;background:transparent;border:none;color:#e2e8f0;font-size:14px}.share-link-row button{min-width:120px;background:#6366f1;border:none;border-radius:10px;color:#fff;font-weight:600;padding:10px 12px;cursor:pointer}.participation-table{margin-top:16px;border:1px solid rgba(148,163,184,.2);border-radius:16px;overflow:hidden}.participation-table table{width:100%;border-collapse:collapse}.participation-table th,.participation-table td{padding:12px 16px;text-align:left}.participation-table thead{background:#94a3b81f;color:#cbd5f5;font-size:13px;text-transform:uppercase;letter-spacing:.05em}.participation-table tbody tr:nth-child(odd){background:#0f172a99}.participation-table tbody tr:nth-child(2n){background:#0f172a59}.participation-status-yes{color:#4ade80}.participation-status-no{color:#f87171}.participation-status-pending{color:#fcd34d}.admin-event-card.is-active{border-color:#f6c344a6;box-shadow:0 18px 38px #f6c34426}.agenda-event-layout{display:flex;flex-direction:column;gap:1rem}.admin-image-upload{display:flex!important;flex-direction:column;gap:.5rem;padding:1rem;border:2px dashed rgba(246,195,68,.5);border-radius:12px;background:#f6c3440d;margin-top:.5rem}.admin-image-upload span{color:var(--accent-primary);font-weight:600}.admin-image-upload input[type=file]{border-radius:12px;border:1px dashed rgba(246,195,68,.4);padding:.7rem;background:#0c0c0c99;color:var(--text);cursor:pointer}.admin-image-upload input[type=file]:hover{border-color:var(--accent-primary);background:#f6c3441a}.admin-image-upload small{display:block;margin-top:.4rem;color:#94a3b8}.event-landing{min-height:100vh;padding:2.5rem 1.25rem 3rem;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top,#f6c34414,#050505eb)}.event-flyer{width:min(960px,100%);min-height:80vh;border-radius:32px;border:1px solid rgba(246,195,68,.45);box-shadow:0 40px 80px #000000a6;position:relative;overflow:hidden;background-color:#080808;background-size:cover;background-position:center;isolation:isolate}.event-flyer-close{position:absolute;top:1rem;right:1rem;z-index:10;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fffc;font-size:1.1rem;text-decoration:none;transition:all .2s ease}.event-flyer-close:hover{background:#000c;border-color:#f6c34480;color:var(--accent);transform:scale(1.1)}.event-flyer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(200deg,#00000040,#000000d9 45%,#000000eb);z-index:0}.event-flyer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url('data:image/svg+xml,%3Csvg width="120" height="120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 60h60V0H0zm60 60h60V60H60z" fill="rgba(0,0,0,0.3)"/%3E%3C/svg%3E') center/120px 120px repeat;opacity:.25;z-index:0}.event-flyer-body{position:relative;z-index:1;padding:2.2rem 1.8rem 2.8rem;display:flex;flex-direction:column;gap:1.6rem;color:#fffef3;text-shadow:0 12px 30px rgba(0,0,0,.65)}.event-flyer-top{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:flex-start}.event-flyer-date{width:130px;height:130px;border-radius:28px;border:1px solid rgba(246,195,68,.5);background:#00000059;display:flex;flex-direction:column;justify-content:center;align-items:center;text-transform:uppercase;gap:.15rem}.event-flyer-date span{font-size:.78rem;letter-spacing:.18em;color:#fde68a}.event-flyer-date strong{font-size:2.6rem;line-height:1;color:var(--accent)}.event-flyer-date .month{font-size:.85rem;letter-spacing:.28em}.event-flyer-heading{flex:1;min-width:240px;display:flex;flex-direction:column;gap:.75rem}.event-landing-chip{display:inline-flex;padding:.35rem .95rem;border-radius:999px;border:1px solid rgba(246,195,68,.5);letter-spacing:.1em;font-size:.78rem;text-transform:uppercase;background:#00000059;width:fit-content}.event-flyer-heading h1{margin:0;font-size:clamp(2rem,6vw,3.15rem);color:#fffaf0}.event-flyer-description{margin:0;font-size:1rem;color:#fef3c7;max-width:640px}.event-flyer-meta{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.event-flyer-meta div{padding-left:.9rem;border-left:2px solid rgba(246,195,68,.5)}.event-flyer-meta small{display:block;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#fde68a}.event-flyer-meta strong{display:block;font-size:1.1rem;color:#fff9eb}.event-flyer-cta{padding:1.4rem 1.5rem 1.6rem;border-radius:22px;border:1px solid rgba(246,195,68,.35);background:#0009;box-shadow:inset 0 0 30px #00000059;display:flex;flex-direction:column;gap:1.1rem}.event-flyer-login-hint{border:1px dashed rgba(246,195,68,.35);border-radius:14px;padding:.9rem 1rem;background:#0f172a59;display:flex;flex-direction:column;gap:.6rem}.event-flyer-login-hint p{margin:0;font-size:.9rem;color:#fef3c7}.event-flyer-buttons{display:flex;flex-wrap:wrap;gap:.8rem}.event-flyer-buttons .btn{flex:1 1 180px;justify-content:center}.event-flyer-response{border:1px solid rgba(34,197,94,.35);background:#22c55e1f;border-radius:16px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.35rem;color:#bbf7d0}.event-flyer-response strong{font-size:.95rem;letter-spacing:.04em;text-transform:uppercase}.event-flyer-response span{font-size:.9rem;color:#dcfce7}.event-flyer-copy-button{align-self:flex-start;min-width:180px}.event-flyer-justify-actions{display:flex;flex-wrap:wrap;gap:.6rem}.event-flyer-justify-actions .btn{flex:1 1 150px;justify-content:center}.event-flyer-updated{color:#cbd5f5;font-size:.8rem}.event-landing .btn.primary{background:var(--accent);color:#131010}.event-flyer-justify{margin-top:.5rem}.event-landing-copy-feedback{display:inline-block;margin-top:.25rem}.event-landing-justify{margin-top:1rem;padding:1rem;border:1px solid rgba(246,195,68,.2);border-radius:16px;background:#0f0f0fbf;display:flex;flex-direction:column;gap:.8rem}.event-flyer.event-flyer-compact{width:100%;min-height:auto;border-radius:20px}.event-flyer.event-flyer-compact .event-flyer-body{padding:1.5rem;gap:1rem}.event-flyer.event-flyer-compact .event-flyer-date{width:70px;height:70px;border-radius:16px}.event-flyer.event-flyer-compact .event-flyer-date span{font-size:.6rem}.event-flyer.event-flyer-compact .event-flyer-date strong{font-size:1.6rem}.event-flyer.event-flyer-compact .event-flyer-date .month{font-size:.7rem}.event-flyer-date.is-today{background:linear-gradient(135deg,#22c55e,#16a34a)!important;animation:pulse-today-flyer 2s ease-in-out infinite}.event-flyer-date.is-today span,.event-flyer-date.is-today strong,.event-flyer-date.is-today .month{color:#fff!important}@keyframes pulse-today-flyer{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 20px 5px #22c55e99}}.event-flyer.event-flyer-compact .event-flyer-heading h1{font-size:1.4rem}.event-flyer.event-flyer-compact .event-flyer-description{font-size:.9rem}.event-flyer.event-flyer-compact .event-flyer-text{margin:0;font-size:.95rem;color:#e2e8f0}.event-flyer.event-flyer-compact .event-flyer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:#cbd5e1}.event-flyer.event-flyer-compact .event-flyer-cta{padding:0;border:none;background:transparent;box-shadow:none}@media (max-width: 680px){.event-landing{padding:1.5rem 1rem 2.4rem}.event-flyer{min-height:auto;border-radius:22px}.event-flyer-body{padding:1.6rem 1.15rem 2rem;gap:1.2rem}.event-flyer-top{flex-direction:column;gap:.8rem}.event-flyer-date{width:100px;height:100px;border-radius:20px}.event-flyer-heading h1{font-size:clamp(1.6rem,8vw,2.3rem)}.event-flyer-meta{grid-template-columns:1fr;gap:.75rem}.event-flyer-buttons{flex-direction:column}.event-flyer-buttons .btn{flex:1 1 auto;width:100%}.event-flyer-copy-button{width:100%}.event-flyer-response{padding:.7rem .8rem}.event-landing-justify{padding:.85rem}}.member-participation-list{display:flex;flex-direction:column;gap:1rem}.member-participation-card header{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.member-participation-card header h3{margin:0}.member-participation-card header p{margin:.2rem 0;color:var(--text-muted)}.member-participation-card header small{display:block;margin-top:.2rem;color:#94a3b8}.participation-status-label{display:inline-flex;margin-top:.5rem;padding:.15rem .75rem;border-radius:999px;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;background:#94a3b81a;border:1px solid rgba(148,163,184,.3);color:#cbd5f5}.participation-share-row{display:flex;gap:.5rem;align-items:center}.member-participation-controls{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.participation-toggle-group{display:flex;gap:.5rem;flex-wrap:wrap}.participation-toggle-group .btn{min-width:150px;justify-content:center}.participation-reason{display:flex;flex-direction:column;gap:.3rem;font-size:.82rem;color:var(--text-muted)}.participation-reason textarea{border-radius:12px;border:1px solid rgba(148,163,184,.25);background:#0f172a94;color:#e2e8f0;padding:.6rem .75rem;min-height:60px;resize:vertical}.participation-feedback{font-size:.85rem;color:#4ade80}.participation-feedback.is-error{color:#f87171}.copy-feedback{font-size:.8rem;color:#a5b4fc;display:inline-block;margin-top:.4rem}.admin-participation-actions{display:flex;flex-wrap:wrap;gap:.4rem}.admin-participation-actions button{border-radius:999px;border:1px solid rgba(148,163,184,.35);background:#0f172a59;color:#e2e8f0;padding:.35rem .9rem;cursor:pointer;font-size:.78rem}.admin-participation-actions button.is-decline{border-color:#f8717173;color:#fecaca}.admin-participation-actions button.is-note{border-color:#818cf873;color:#c7d2fe}.event-landing-status{display:flex;flex-direction:column;gap:.35rem}.event-landing-status small{color:#94a3b8}.event-landing-field{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:#94a3b8}.event-landing-field input{border-radius:12px;border:1px solid rgba(148,163,184,.35);background:#0f172a99;color:#fff;padding:.6rem .85rem}.event-landing .participation-reason textarea{background:#0f172a99;border:1px solid rgba(148,163,184,.35)}.event-landing-actions{display:flex;flex-wrap:wrap;gap:.6rem}.app{min-height:100vh;max-width:480px;margin:0 auto;padding:1.5rem 1.25rem 2.5rem}.member-app{display:flex;flex-direction:column;gap:1.4rem}.member-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1.2rem;padding:1.4rem 1.2rem;border-radius:18px;border:1px solid rgba(246,195,68,.26);background:linear-gradient(160deg,#f6c34429,#080808eb);box-shadow:0 24px 60px #000000a6}.member-hello{display:flex;flex-direction:column;gap:.6rem}.member-hello-header{display:flex;align-items:center;gap:.75rem}.member-hello-avatar{width:48px;height:48px;min-width:48px;border-radius:50%;overflow:hidden;background:#f6c34426;display:flex;align-items:center;justify-content:center;border:2px solid rgba(246,195,68,.4);font-size:2.1rem}.member-hello-avatar img{width:100%;height:100%;object-fit:cover}.member-hello h1{margin:0;font-size:1.45rem;color:var(--accent)}.member-hello p{margin:0;color:var(--text-muted);font-size:.92rem}.member-role-chip{display:inline-flex;width:fit-content;padding:.25rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;background:#f6c34424;border:1px solid rgba(246,195,68,.35);color:var(--accent);letter-spacing:.05em;text-transform:uppercase}.student-xp-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .7rem;border-radius:999px;font-size:.8rem;font-weight:700;background:linear-gradient(135deg,#fbbf2433,#f59e0b40);border:1px solid rgba(251,191,36,.5);color:#fbbf24;box-shadow:0 0 12px #fbbf2433;animation:xpBadgePulse 3s ease infinite}.student-xp-badge .xp-icon{font-size:.9rem}.student-xp-badge .xp-amount{font-size:.9rem;font-weight:800;color:#fcd34d}.student-xp-badge .xp-text{font-size:.7rem;font-weight:600;opacity:.9}@keyframes xpBadgePulse{0%,to{box-shadow:0 0 12px #fbbf2433}50%{box-shadow:0 0 20px #fbbf2466}}.member-signout{align-self:flex-start;padding-inline:1.1rem}.member-loading{border-radius:14px;padding:.9rem 1rem;background:#0e0e0ed1;border:1px solid rgba(246,195,68,.26);color:var(--text-muted);font-size:.9rem}.member-error{border-radius:14px;padding:.9rem 1rem}.member-section{padding:1.2rem 1.1rem;border-radius:18px;border:1px solid rgba(246,195,68,.2);background:linear-gradient(180deg,#0c0c0ce6,#080808f0);box-shadow:0 20px 42px #00000094}.member-section h2{margin:0 0 .9rem;font-size:1.15rem}.member-card{border-radius:16px;padding:1rem 1rem 1.1rem;border:1px solid rgba(246,195,68,.2);background:#0a0a0ad1;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 18px 40px #0000008c}.member-card.highlight{background:linear-gradient(160deg,#f6c34433,#0a0a0ae6)}.member-card-header{display:flex;align-items:center;gap:.75rem}.member-card-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#f6c3442e;border:1px solid rgba(246,195,68,.35);font-size:1.35rem}.member-card-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.35rem;color:var(--text-muted);font-size:.86rem}.member-card-list li:before{content:"•";margin-right:.4rem;color:#f6c344b3}.member-chip-row{display:flex;flex-wrap:wrap;gap:.45rem}.member-chip{border-radius:999px;padding:.35rem .8rem;background:#f6c3442e;border:1px solid rgba(246,195,68,.3);font-size:.75rem;color:var(--accent);letter-spacing:.03em}.event-category-chip-row{margin:.25rem 0 .35rem}.event-category-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .85rem;border-radius:999px;background:#f6c3442e;border:1px solid rgba(246,195,68,.35);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.event-category-icon{font-size:.9rem}.member-grid{display:grid;gap:.9rem}.quick-actions-grid{display:flex;flex-direction:column;gap:.75rem}.quick-action-card{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;border-radius:14px;border:1px solid rgba(246,195,68,.35);background:linear-gradient(135deg,#1e190ff2,#0f0c08e6);cursor:pointer;transition:all .2s ease;color:var(--text);width:100%;box-shadow:0 4px 15px #0000004d}.quick-action-card:hover{border-color:var(--accent);background:linear-gradient(135deg,#322814f2,#19140ce6);transform:translateY(-2px);box-shadow:0 6px 20px #f6c34426}.quick-action-card:active{transform:translateY(0)}.quick-action-icon{width:40px;height:40px;min-width:40px;border-radius:10px;display:grid;place-items:center;background:#f6c34433;border:1px solid rgba(246,195,68,.4);font-size:1.2rem}.quick-action-title{font-weight:600;font-size:.95rem;white-space:nowrap}.next-event-card{border-radius:16px;overflow:hidden;background:#0a0a0ae6;border:1px solid rgba(246,195,68,.25);box-shadow:0 20px 50px #0009}.next-event-hero{position:relative;height:200px;background-size:cover;background-position:center;display:flex;align-items:flex-end}.next-event-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.25rem;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.7) 50%,transparent 100%)}.next-event-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:999px;font-size:.7rem;font-weight:700;background:#f6c34433;border:1px solid rgba(246,195,68,.5);color:var(--accent);letter-spacing:.08em;margin-bottom:.5rem}.next-event-chip-icon{font-size:.85rem}.next-event-overlay h3{margin:0;font-size:1.35rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.next-event-overlay p{margin:.35rem 0 0;font-size:.9rem;color:#ffffffd9}.next-event-date{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:54px;height:54px;border-radius:12px;background:#141414e6;border:1px solid rgba(246,195,68,.4);box-shadow:0 4px 16px #0006}.next-event-day{font-size:1.3rem;font-weight:800;color:var(--accent);line-height:1}.next-event-month{font-size:.65rem;font-weight:700;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.next-event-body{padding:1rem 1.25rem}.next-event-description{margin:0 0 .75rem;font-size:.92rem;color:var(--text-muted);line-height:1.5}.next-event-meta{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.next-event-meta li{font-size:.88rem;color:var(--text-muted)}.next-event-button{width:calc(100% - 2.5rem);margin:0 1.25rem 1.25rem}.member-announcements{display:grid;gap:.9rem}.announcement-card{border-radius:16px;padding:1rem 1rem 1.1rem;border:1px solid rgba(246,195,68,.18);background:#0c0c0cd6;box-shadow:0 16px 34px #00000080}.announcement-card h3{margin:.4rem 0 .5rem;font-size:1.05rem;color:var(--text)}.announcement-card p{margin:0;color:var(--text-muted);font-size:.88rem}.announcement-date{display:inline-flex;font-size:.75rem;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.member-resource-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}.member-resource{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;padding:.9rem 1rem;border-radius:14px;border:1px solid rgba(246,195,68,.2);background:#0c0c0cd1;box-shadow:0 16px 32px #0000007a}.member-resource strong{display:block;font-size:.95rem;margin-bottom:.3rem}.member-resource p{margin:0;font-size:.85rem;color:var(--text-muted)}.member-resource .btn{flex-shrink:0}.admin-hint{margin:0 0 1rem;font-size:.85rem;color:var(--text-muted)}.admin-member-list{display:flex;flex-direction:column;gap:1rem}.admin-card{gap:1rem}.actionable-card{cursor:pointer;transition:transform .18s ease,border-color .18s ease}.actionable-card:hover{transform:translateY(-2px);border-color:#f6c34457}.actionable-card:active{transform:translateY(0)}.actionable-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.role-diagnostics ul{margin:.8rem 0 0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.45rem;font-size:.82rem;color:var(--text-muted)}.role-diagnostics code{background:#0c0c0cb3;padding:.1rem .4rem;border-radius:6px;border:1px solid rgba(246,195,68,.2);font-size:.78rem;color:var(--accent)}.role-diagnostics-id{display:flex;flex-direction:column;gap:.4rem;margin:.8rem 0;font-size:.82rem;color:var(--text-muted)}.role-diagnostics-id span{margin-right:.4rem}.admin-card-header{display:flex;justify-content:space-between;gap:.8rem}.admin-identification{display:flex;flex-direction:column;gap:.2rem}.admin-identification strong{font-size:1rem}.admin-identification span{font-size:.82rem;color:var(--text-muted)}.admin-metrics{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.admin-status{padding:.25rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.admin-event-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.1rem}.agenda-modal-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.9rem;flex-wrap:wrap;margin-bottom:1rem}.agenda-modal-hint{font-size:.85rem;color:var(--text-muted)}.agenda-form-toggle{align-self:flex-start}.admin-event-grid{display:grid;gap:.75rem}.admin-event-grid label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;color:var(--text-muted)}.admin-event-grid label span{letter-spacing:.04em;text-transform:uppercase}.admin-event-grid input{border-radius:12px;border:1px solid rgba(246,195,68,.22);padding:.7rem .85rem;background:#0c0c0cb3;color:var(--text);font-size:.9rem}.admin-event-grid select{border-radius:12px;border:1px solid rgba(246,195,68,.22);padding:.7rem 2.2rem .7rem .85rem;background:#0c0c0cb3;color:var(--text);font-size:.9rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.admin-event-grid input:focus{outline:none;border-color:#f6c34480;box-shadow:0 0 0 3px #f6c3441f}.admin-event-grid select:focus{outline:none;border-color:#f6c34480;box-shadow:0 0 0 3px #f6c3441f}.admin-event-grid .span-cols{grid-column:1 / -1}.admin-event-actions{display:flex;justify-content:flex-end}.admin-event-feedback{margin-top:-.3rem;margin-bottom:1rem;border-radius:12px;padding:.6rem .75rem;font-size:.82rem}.admin-event-empty{border-radius:14px;border:1px dashed rgba(246,195,68,.28);padding:.9rem 1rem;color:var(--text-muted);font-size:.88rem;text-align:center}.admin-event-list{display:flex;flex-direction:column;gap:.95rem}.admin-event-card{gap:.85rem;cursor:pointer;transition:border-color .2s ease,background .2s ease}.admin-event-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.admin-event-card.is-active{border-color:var(--accent);background:linear-gradient(160deg,#f6c34429,#0a0a0ae6)}.admin-event-card-header{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start;flex-wrap:wrap}.admin-event-header-actions{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.admin-event-header-actions .btn.small.tertiary{padding:.35rem .6rem;background:#0006;border:1px solid rgba(246,195,68,.3);border-radius:6px;font-size:.7rem;color:var(--text);cursor:pointer;transition:all .2s ease;white-space:nowrap}.admin-event-header-actions .btn.small.tertiary:hover{background:#f6c34426;border-color:var(--accent)}.admin-event-header-actions .admin-event-remove{color:#ef4444;border-color:#ef44444d}.admin-event-header-actions .admin-event-remove:hover{background:#ef444426;border-color:#ef4444}.admin-event-title{display:flex;align-items:flex-start;gap:.6rem}.admin-event-title h3{margin:0;font-size:1.05rem}.admin-event-title-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.admin-event-title p{margin:.25rem 0 0;color:var(--text-muted);font-size:.82rem}.admin-event-meta{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.35rem;color:var(--text-muted);font-size:.85rem}.admin-event-card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.admin-event-card-actions .btn{flex:1 1 140px;justify-content:center}.admin-event-edit-form{display:flex;flex-direction:column;gap:.75rem;padding:.75rem 0;border-top:1px solid rgba(246,195,68,.2);margin-top:.5rem}.admin-event-edit-form label{display:flex;flex-direction:column;gap:.25rem}.admin-event-edit-form label span{font-size:.75rem;color:var(--text-muted);font-weight:500}.admin-event-edit-form input,.admin-event-edit-form select,.admin-event-edit-form textarea{padding:.5rem .75rem;background:#0006;border:1px solid rgba(246,195,68,.3);border-radius:8px;color:var(--text);font-size:.85rem}.admin-event-edit-form input:focus,.admin-event-edit-form select:focus,.admin-event-edit-form textarea:focus{outline:none;border-color:var(--accent)}.admin-event-edit-form textarea{resize:vertical;min-height:50px}.admin-event-edit-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}.admin-event-edit-actions{display:flex;gap:.5rem;margin-top:.5rem}.admin-event-edit-actions .btn{flex:1}.member-panel-layout{display:flex;gap:1rem}.member-panel-sidebar{width:40%;min-width:220px;display:flex;flex-direction:column;gap:.75rem}.member-panel-search{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:var(--text-muted)}.member-panel-search input{border-radius:12px;border:1px solid rgba(246,195,68,.24);padding:.6rem .8rem;background:#0c0c0ccc;color:var(--text)}.member-panel-search input:focus{outline:none;border-color:#f6c34480;box-shadow:0 0 0 3px #f6c3441f}.member-panel-note{border-radius:12px;border:1px solid rgba(248,113,113,.35);background:#f871711f;color:#fecaca;font-size:.78rem;padding:.55rem .7rem}.member-panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;max-height:60vh;overflow-y:auto}.member-panel-item{width:100%;border-radius:14px;border:1px solid rgba(246,195,68,.18);background:#0c0c0ca6;padding:.8rem .9rem;display:flex;flex-direction:column;gap:.25rem;text-align:left;color:var(--text);cursor:pointer;transition:border-color .15s ease,background .15s ease}.member-panel-item strong{font-size:.95rem}.member-panel-item span{font-size:.78rem;color:var(--text-muted)}.member-panel-item:hover{border-color:#f6c34459}.member-panel-item.is-active{border-color:var(--accent);background:#f6c34429}.member-panel-empty{border-radius:14px;border:1px dashed rgba(246,195,68,.28);padding:.8rem 1rem;text-align:center;font-size:.85rem;color:var(--text-muted)}.member-panel-detail{flex:1}.member-panel-placeholder{border-radius:16px;border:1px solid rgba(246,195,68,.2);background:#0c0c0cb3;padding:2rem 1rem;min-height:320px;display:flex;flex-direction:column;gap:.8rem;align-items:center;justify-content:center;text-align:center;color:var(--text-muted)}.member-panel-placeholder span{font-size:2rem}.admin-event-meta li:before{content:"•";margin-right:.35rem;color:#f6c34499}.admin-event-remove{border-color:#f8717166;color:#fecaca}.admin-event-remove:hover{background:#f8717126;color:#fff5f5}.status-active{background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.35)}.status-inactive{background:#f871712e;color:#fecaca;border:1px solid rgba(248,113,113,.32)}.admin-level{font-size:.82rem;color:var(--text-muted)}.admin-input-grid{display:grid;gap:.75rem}.admin-input-grid label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;color:var(--text-muted)}.admin-input-grid input{border-radius:12px;border:1px solid rgba(246,195,68,.22);padding:.7rem .85rem;background:#0c0c0cb3;color:var(--text);font-size:.9rem}.admin-input-grid input:focus{outline:none;border-color:#f6c34480;box-shadow:0 0 0 3px #f6c3441f}.admin-input-grid select{border-radius:12px;border:1px solid rgba(246,195,68,.22);padding:.7rem 2.2rem .7rem .85rem;background:#0c0c0cb3;color:var(--text);font-size:.9rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.admin-input-grid select:focus{outline:none;border-color:#f6c34480;box-shadow:0 0 0 3px #f6c3441f}.admin-bio-field{margin-top:.5rem}.admin-bio-field label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;color:var(--text-muted)}.admin-bio-field textarea{border-radius:12px;border:1px solid rgba(246,195,68,.22);padding:.7rem .85rem;background:#0c0c0cb3;color:var(--text);font-size:.9rem;resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.admin-bio-field textarea:focus{outline:none;border-color:#f6c34480;box-shadow:0 0 0 3px #f6c3441f}.admin-progress-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.admin-progress-text{font-size:.82rem;color:var(--text-muted)}.admin-feedback{margin-top:.4rem;font-size:.78rem;border-radius:10px;padding:.45rem .6rem}.feedback-success{background:#22c55e1f;color:#bbf7d0;border:1px solid rgba(34,197,94,.28)}.feedback-error{background:#f871712e;color:#fecaca;border:1px solid rgba(248,113,113,.32)}.events-empty{border-radius:14px;border:1px dashed rgba(246,195,68,.26);padding:1rem 1.2rem;text-align:center;color:var(--text-muted);font-size:.9rem;background:#0c0c0cb8}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:1rem;z-index:1000;overflow-y:auto}.modal-card{width:min(420px,100%);background:linear-gradient(180deg,#0e0e0ef5,#060606fa);border-radius:20px;border:1px solid rgba(246,195,68,.28);box-shadow:0 32px 70px #000000b3;padding:2.1rem 1.8rem 1.8rem;position:relative;display:flex;flex-direction:column;gap:1.2rem;margin:auto 0}.modal-card.agenda-modal{width:min(95vw,720px);max-height:calc(100vh - 2rem);overflow-y:auto;padding:3rem 1.5rem 2rem}.modal-card.member-panel-modal{width:min(95vw,760px);max-height:calc(100vh - 2rem);overflow-y:auto}.modal-close{position:absolute;top:12px;right:12px;border:none;background:#0c0c0ccc;color:var(--accent);width:36px;height:36px;border-radius:50%;font-size:.9rem;font-weight:700;cursor:pointer}.modal-close:hover{background:#181818eb}.modal-description{margin:0;font-size:.9rem;color:var(--text-muted)}.modal-stats-grid{display:grid;gap:.8rem;grid-template-columns:repeat(1,minmax(0,1fr))}.modal-stat{border-radius:14px;border:1px solid rgba(246,195,68,.22);background:#0c0c0cc7;padding:.75rem .8rem;display:flex;flex-direction:column;gap:.3rem;text-align:center}.modal-stat-label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.modal-stat strong{font-size:1.1rem;color:var(--accent)}.modal-guide{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.55rem;color:var(--text-muted);font-size:.85rem}.modal-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(148,163,184,.15)}.modal-section h4{margin:0 0 1rem;color:#fff;font-size:1.1rem;font-weight:600}.modal-section table{border-collapse:collapse}.modal-section thead{background:#94a3b81a}.modal-section th{font-weight:600;color:#cbd5e1;border-bottom:1px solid rgba(148,163,184,.2)}.modal-section td{border-bottom:1px solid rgba(148,163,184,.1);color:#e2e8f0}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.modal-dismiss{padding-inline:1.3rem}.hero{text-align:center;padding:2rem 1.25rem 1.75rem;background:radial-gradient(circle at top,#f6c34429,#080808 70%);border-radius:20px;border:1px solid rgba(246,195,68,.32);box-shadow:0 24px 70px #000c}.hero-logo{width:96px;height:96px;object-fit:contain;margin-bottom:1rem}.hero-title{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin:.25rem 0 .4rem;text-transform:uppercase}.title-main{font-size:2.4rem;font-weight:800;letter-spacing:.12em;line-height:1;background:linear-gradient(120deg,rgba(246,195,68,.25),var(--accent),rgba(246,195,68,.8));background-clip:text;-webkit-background-clip:text}.title-sub{font-size:1.05rem;font-weight:600;letter-spacing:.45em;color:#fdfaf1;transform:translate(10px)}.hero-subtitle{margin:.4rem 0 1.6rem;color:var(--text-muted);font-size:.9rem}[data-animate]{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease;transition-delay:var(--delay, 0s)}[data-animate].is-visible{opacity:1;transform:translateY(0)}.hero-actions{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap}.btn{border-radius:999px;padding:.75rem 1.55rem;font-size:.9rem;font-weight:600;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:.18s ease-out;position:relative;overflow:hidden;display:inline-flex;justify-content:center;align-items:center;gap:.35rem;isolation:isolate}.btn.primary{background:var(--accent);color:#111;box-shadow:0 16px 38px #f6c34473;cursor:pointer}.btn.primary.disabled,.btn.primary:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.primary:after{content:"";position:absolute;top:-65%;right:-140%;bottom:-65%;left:-140%;background:linear-gradient(120deg,#fff0,#fffc,#fff0 90%);transform:translate(-150%) skew(-18deg);animation:button-shine 2.6s ease-in-out infinite;pointer-events:none;z-index:1;opacity:.75;mix-blend-mode:screen}.btn.secondary{background:transparent;color:var(--text);border-color:#b9b08a80}.btn.small{padding:.55rem 1.1rem;font-size:.82rem;gap:.25rem}.btn.tertiary{background:#0c0c0c99;color:var(--accent);border:1px solid rgba(246,195,68,.45);box-shadow:none}.btn.tertiary:hover{background:#1e1e1ed9;color:#111}.section{margin-top:1.5rem;padding:1.25rem 1.1rem;background:linear-gradient(180deg,#0c0c0ce6,#080808f2);border-radius:18px;border:1px solid rgba(246,195,68,.18);box-shadow:0 20px 40px #0009}.section h2{margin-top:0;margin-bottom:.6rem;font-size:1.2rem}.section p{margin:.2rem 0;color:var(--text-muted);font-size:.92rem}.champions{background:radial-gradient(circle at top left,var(--accent-soft),rgba(12,12,12,.96))}.champions-subtitle{color:var(--text-muted);font-size:.9rem;margin:0 0 .75rem;text-align:center}.champions-section .no-champions{color:var(--text-muted);font-size:.9rem;text-align:center;padding:2rem;opacity:.7}.champions-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.champions-tab{padding:.5rem 1rem;background:#0000004d;border:1px solid rgba(246,195,68,.2);border-radius:20px;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .3s ease}.champions-tab.active{background:#f6c34433;border-color:var(--accent);color:var(--accent)}.champions-carousel{position:relative;overflow:hidden;min-height:280px}.champions-slide{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translate(20px);transition:all .4s ease;pointer-events:none}.champions-slide.active{opacity:1;transform:translate(0);position:relative;pointer-events:auto}.carousel-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.carousel-dots .dot{width:8px;height:8px;border-radius:50%;background:#f6c3444d;cursor:pointer;transition:all .3s ease}.carousel-dots .dot.active{background:var(--accent);width:24px;border-radius:4px}.champion-card.arena-champion{border-color:#4caf5066;background:linear-gradient(135deg,#0e0e0eeb,#4caf501a)}.champion-card .champion-avg-score{color:#4caf50;font-size:.75rem;display:block;margin-top:2px}.arena-subtitle{margin-top:1.5rem!important}.arena-champion-highlight{margin-top:1rem}.arena-champion-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#4caf5026,#0e0e0ef2);border:2px solid rgba(76,175,80,.4);border-radius:16px;box-shadow:0 8px 24px #4caf5033}.arena-crown{font-size:2rem}.arena-champion-info{display:flex;align-items:center;gap:1rem;flex:1}.arena-champion-photo{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid rgba(76,175,80,.5)}.arena-champion-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#4caf504d,#4caf501a);border:3px solid rgba(76,175,80,.5);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#4caf50}.arena-champion-details{display:flex;flex-direction:column;gap:.25rem}.arena-champion-name{font-size:1.1rem;font-weight:600;color:var(--text)}.arena-champion-stats{font-size:.9rem;color:#4caf50}.arena-champion-avg{font-size:.8rem;color:var(--text-muted)}.champions-grid{margin-top:1rem;display:grid;grid-template-columns:1fr;gap:.7rem}.champions-grid.top-three{gap:1rem;display:flex;flex-direction:column}.champion-card{padding:1rem 1.25rem;border-radius:14px;background:#0e0e0eeb;border:1px solid rgba(246,195,68,.28);display:flex;align-items:center;gap:1rem;box-shadow:0 16px 32px #00000073}.champion-card .champion-role{color:var(--accent);font-size:.6rem;text-transform:uppercase;letter-spacing:.5px;display:block;opacity:.8}.champion-card .name{color:var(--text);font-size:1rem;font-weight:600;display:block}.champion-card .champion-points{color:var(--text-muted);font-size:.8rem;display:block;margin-top:2px}.icon-wrapper{position:relative;width:50px;height:50px;min-width:50px;border-radius:50%;background:linear-gradient(180deg,#f6c3444d,#0c0c0cf2);border:2px solid rgba(246,195,68,.35);display:flex;align-items:center;justify-content:center;overflow:visible}.champion-photo{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center top}.champion-avatar{font-size:1.3rem;font-weight:700;color:var(--accent)}.champion-card.loading{opacity:.7}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-text{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:4px;color:transparent!important}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.icon-wrapper .medal{position:absolute;top:-6px;right:-6px;font-size:1rem;background:#000000e6;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;z-index:2;border:1px solid rgba(255,255,255,.1)}.details{display:flex;flex-direction:column;flex:1}.champion-1{border-color:#ffd70080;background:linear-gradient(135deg,#ffd7001a,#0e0e0eeb)}.champion-1 .icon-wrapper{border-color:#ffd70099}.champion-2{border-color:#c0c0c066;background:linear-gradient(135deg,#c0c0c014,#0e0e0eeb)}.champion-2 .icon-wrapper{border-color:#c0c0c080}.champion-3{border-color:#cd7f3266;background:linear-gradient(135deg,#cd7f3214,#0e0e0eeb)}.champion-3 .icon-wrapper{border-color:#cd7f3280}.medal{font-size:1.4rem}.details{display:flex;flex-direction:column;gap:.1rem}.events{background:linear-gradient(180deg,#121212eb,#080808f5)}.events-carousel{margin-top:1.1rem;position:relative}.events-track{display:flex;gap:1rem;overflow-x:auto;padding:.5rem .5rem .75rem;scroll-snap-type:x mandatory;scroll-behavior:smooth}.events-track::-webkit-scrollbar{height:6px}.events-track::-webkit-scrollbar-thumb{background:#f6c34473;border-radius:999px}.event-miniature-card{flex:0 0 min(320px,85vw);display:flex;flex-direction:column;gap:.75rem;padding:.5rem;scroll-snap-align:start}.event-miniature-screen{border-radius:22px;border:1px solid rgba(246,195,68,.22);background:#0c0c0cd1;box-shadow:0 18px 36px #00000073;overflow:hidden;display:flex;flex-direction:column;min-height:320px}.event-miniature-browser{display:flex;gap:.35rem;padding:.6rem .85rem;background:#080808a6}.event-miniature-browser span{width:10px;height:10px;border-radius:50%;background:#94a3b859}.event-miniature-browser span:nth-child(1){background:#f87171}.event-miniature-browser span:nth-child(2){background:#fbbf24}.event-miniature-browser span:nth-child(3){background:#4ade80}.event-miniature-hero{position:relative;flex:1;min-height:180px;background-size:cover;background-position:center;display:flex;align-items:flex-end}.event-miniature-overlay{width:100%;padding:1rem 1rem 1.1rem;background:linear-gradient(180deg,#0808081a,#080808d9);display:flex;flex-direction:column;gap:.45rem}.event-miniature-overlay h3{margin:0;font-size:1rem;color:#fff9eb}.event-miniature-overlay p{margin:0;font-size:.85rem;color:#fef3c7}.event-miniature-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .75rem;border-radius:999px;border:1px solid rgba(246,195,68,.45);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.event-miniature-icon{font-size:.9rem}.event-miniature-date{position:absolute;top:12px;right:12px;padding:.35rem .55rem;border-radius:14px;background:#000000a6;border:1px solid rgba(246,195,68,.45);display:flex;flex-direction:column;align-items:center;text-transform:uppercase;line-height:1.1}.event-miniature-date .day{font-size:1.15rem;font-weight:700;color:var(--accent)}.event-miniature-date .month{font-size:.72rem;letter-spacing:.16em;color:#fef08a}.event-miniature-date .today-label{color:#22c55e;animation:pulse-today 1.5s ease-in-out infinite}.event-miniature-date .day.today-label{font-size:1rem;font-weight:800}.event-miniature-date .month.today-label{font-size:.8rem;font-weight:700;letter-spacing:.08em}@keyframes pulse-today{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}.event-miniature-body{padding:1rem 1.1rem 1.4rem;display:flex;flex-direction:column;gap:.6rem}.event-miniature-description{margin:0;font-size:.88rem;color:var(--text-muted);min-height:48px}.event-miniature-meta{display:flex;flex-direction:column;gap:.3rem;font-size:.82rem;color:var(--text-muted)}.event-miniature-meta span:before{content:"•";margin-right:.35rem;color:#f6c34499}.event-miniature-button{justify-content:center}.carousel-control{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:999px;border:1px solid rgba(246,195,68,.45);background:#080808d9;color:var(--text);font-size:1rem;cursor:pointer;z-index:2;transition:background .2s ease,color .2s ease}.carousel-control:hover{background:#f6c34426;color:var(--accent)}.carousel-control.prev{left:0}.carousel-control.next{right:0}@media (min-width: 768px){.event-miniature-card{flex-basis:360px}.event-miniature-screen{min-height:360px}}@media (min-width: 1024px){.events-track{padding:.75rem 1.5rem 1rem}}.auth-page{min-height:100vh;padding:2.5rem 1.5rem 3rem;display:flex;align-items:center;justify-content:center}.auth-card{width:100%;max-width:420px;background:linear-gradient(180deg,#0a0a0ae6,#060606f2);border-radius:20px;border:1px solid rgba(246,195,68,.28);box-shadow:0 28px 60px #000000a6;padding:2rem 1.8rem 2.4rem;display:flex;flex-direction:column;gap:1.6rem}.auth-header{display:flex;flex-direction:column;gap:.9rem;text-align:center}.auth-back{align-self:flex-start;font-size:.85rem;color:var(--text-muted);text-decoration:none;transition:color .2s ease}.auth-back:hover{color:var(--accent)}.auth-logo{width:72px;height:72px;margin:0 auto}.auth-header h1{margin:0;font-size:1.6rem;color:var(--accent)}.auth-header p{margin:0;font-size:.9rem;color:var(--text-muted);line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-field{display:flex;flex-direction:column;gap:.45rem;font-size:.85rem;color:var(--text-muted)}.auth-field input{border-radius:12px;border:1px solid rgba(246,195,68,.22);padding:.75rem .85rem;background:#0c0c0cb3;color:var(--text);font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.auth-field input:focus{outline:none;border-color:#f6c34480;box-shadow:0 0 0 3px #f6c3441f}.auth-message{border-radius:12px;padding:.75rem .9rem;font-size:.88rem;line-height:1.4}.auth-message-success{background:#22c55e29;color:#bbf7d0;border:1px solid rgba(34,197,94,.35)}.auth-message-error{background:#f871712e;color:#fecaca;border:1px solid rgba(248,113,113,.35)}.auth-submit{width:100%;justify-content:center;font-size:.95rem}.auth-submit:disabled{opacity:.65;cursor:not-allowed}.auth-footer{text-align:center;font-size:.85rem;color:var(--text-muted)}.auth-toggle{background:none;border:none;color:var(--accent);font-weight:600;cursor:pointer;padding:0}.auth-toggle:hover{text-decoration:underline}.social-links{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem;padding-bottom:2rem}.social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#0006;border:1px solid rgba(205,127,50,.3);color:var(--text-muted);transition:all .3s ease}.social-link svg{width:24px;height:24px}.social-link:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0006}.social-link.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:transparent;color:#fff}.social-link.whatsapp:hover{background:#25d366;border-color:transparent;color:#fff}.social-link.youtube:hover{background:red;border-color:transparent;color:#fff}.about-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}.about-grid h3{margin:0 0 .3rem;font-size:1rem}.results{border-style:dashed;border-color:#f6c34447}.cta{text-align:center;background:linear-gradient(135deg,#f6c34440,#0a0a0af2)}.login-hint{text-align:center}.footer{margin-top:2.4rem;text-align:center;font-size:.8rem;color:var(--text-muted)}.member-app .footer{margin-top:0}@media (prefers-reduced-motion: reduce){[data-animate],[data-animate].is-visible{opacity:1;transform:none;transition:none}.btn.primary:after{animation:none}}@keyframes button-shine{0%{transform:translate(-150%) skew(-18deg)}50%{transform:translate(-10%) skew(-18deg)}to{transform:translate(150%) skew(-18deg)}}@media (min-width: 768px){.app{max-width:960px;padding:2rem 1.5rem 3rem}.admin-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-hero{padding:1.6rem}.member-grid,.member-announcements{grid-template-columns:repeat(3,minmax(0,1fr))}.member-resource-list{gap:1rem}.modal-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h1{font-size:2.4rem}.champions-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.admin-event-select-wrapper{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.admin-event-select-wrapper label{font-size:.9rem;color:var(--text-muted);font-weight:600}.attendance-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(148,163,184,.15)}.attendance-section h4{margin:0 0 1rem;color:#fff;font-size:1.1rem;font-weight:600}.attendance-list{display:flex;flex-direction:column;gap:.75rem}.attendance-item{background:#0c0c0cb3;border:1px solid rgba(246,195,68,.2);border-radius:14px;padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.attendance-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:200px}.attendance-info strong{font-size:1rem;color:var(--text)}.attendance-info small{font-size:.82rem;color:var(--text-muted);display:block}.attendance-actions{display:flex;gap:.5rem;flex-wrap:wrap}.attendance-status{padding:.55rem 1.1rem;border-radius:999px;font-size:.85rem;font-weight:600;letter-spacing:.05em}.attendance-status.status-present{background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.35)}.attendance-status.status-absent{background:#f871712e;color:#fecaca;border:1px solid rgba(248,113,113,.32)}.attendance-recorded{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.btn-remove-attendance{background:transparent;border:1px solid rgba(251,191,36,.4);color:#fbbf24;padding:.4rem .75rem;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s ease;font-weight:500}.btn-remove-attendance:hover{background:#fbbf2426;border-color:#fbbf24}.attendance-confirm-modal{width:min(90vw,400px);text-align:center}.attendance-confirm-modal h3{margin-bottom:1.5rem;font-size:1.25rem}.attendance-confirm-content{padding:1rem 0}.attendance-confirm-member{font-size:1.1rem;margin-bottom:1rem;color:var(--text)}.attendance-confirm-message{color:var(--text-muted);font-size:.95rem;line-height:1.6}.attendance-confirm-message small{display:block;margin-top:.5rem;font-size:.8rem;color:#ffffff80}.attendance-confirm-message .text-success{color:#86efac;font-weight:600}.attendance-confirm-message .text-danger{color:#fca5a5;font-weight:600}.attendance-confirm-message .text-warning{color:#fbbf24;font-weight:600}.attendance-confirm-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.attendance-confirm-actions .btn{min-width:140px}.btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none}.btn.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#1a1207;border:none}.btn.warning:hover{background:linear-gradient(135deg,#d97706,#b45309)}@media (max-width: 640px){.attendance-item{flex-direction:column;align-items:stretch}.attendance-actions{width:100%}.attendance-actions .btn{flex:1;justify-content:center}}.justification-modal{width:min(90vw,480px);max-height:70vh}.justification-content{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.justification-member{display:flex;flex-direction:column;gap:.5rem}.justification-member strong{font-size:1.1rem;color:var(--accent)}.justification-message{display:flex;flex-direction:column;gap:.5rem}.justification-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.justification-message p{margin:0;padding:1rem;background:#0c0c0cb3;border:1px solid rgba(246,195,68,.2);border-radius:12px;color:var(--text);line-height:1.6;font-size:.95rem}.fexerj-card{background:linear-gradient(135deg,#0f172af2,#1e293be6);border:1px solid rgba(246,195,68,.3)}.fexerj-card .member-card-header{border-bottom:1px solid rgba(246,195,68,.2);padding-bottom:1rem;margin-bottom:1rem}.fexerj-card .member-card-header h3{color:var(--accent);font-size:1.25rem}.fexerj-form{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.fexerj-fieldset{border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:1.25rem;background:#0f172a80}.fexerj-fieldset legend{color:var(--accent);font-weight:600;font-size:.95rem;padding:0 .75rem;text-transform:uppercase;letter-spacing:.05em}.fexerj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.fexerj-grid .span-full{grid-column:1 / -1}.fexerj-grid label,.fexerj-fieldset label{display:flex;flex-direction:column;gap:.4rem}.fexerj-grid label span,.fexerj-fieldset label span{color:#94a3b8;font-size:.85rem;font-weight:500}.fexerj-grid input,.fexerj-grid select,.fexerj-fieldset input,.fexerj-fieldset select{background:#0c0c0cb3;border:1px solid rgba(148,163,184,.25);border-radius:8px;padding:.75rem 1rem;color:var(--text);font-size:.95rem;transition:border-color .2s,box-shadow .2s}.fexerj-grid input:focus,.fexerj-grid select:focus,.fexerj-fieldset input:focus,.fexerj-fieldset select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f6c34426}.fexerj-grid input::placeholder{color:#64748b}.fexerj-radio-group{display:flex;flex-wrap:wrap;gap:1rem}.fexerj-radio-group label{display:flex;flex-direction:row;align-items:center;gap:.5rem;color:var(--text);cursor:pointer;padding:.5rem 1rem;background:#0c0c0c80;border:1px solid rgba(148,163,184,.2);border-radius:8px;transition:all .2s}.fexerj-radio-group label:hover{border-color:var(--accent);background:#f6c3441a}.fexerj-radio-group input[type=radio]{accent-color:var(--accent);width:18px;height:18px}.fexerj-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.fexerj-inline{display:flex;flex-direction:row!important;align-items:center;gap:.75rem;color:var(--text)}.fexerj-inline select{min-width:100px}.fexerj-disclaimer{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:12px;padding:1rem 1.25rem}.fexerj-disclaimer p{margin:0;color:#fcd34d;font-size:.9rem;line-height:1.6}.fexerj-disclaimer strong{color:#fbbf24}.fexerj-feedback{padding:1rem;border-radius:10px;font-size:.95rem;text-align:center}.fexerj-feedback.feedback-error{background:#f8717126;border:1px solid rgba(248,113,113,.3);color:#fca5a5}.fexerj-feedback.feedback-success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#86efac}.fexerj-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid rgba(148,163,184,.15)}.fexerj-actions .btn{min-width:140px}@media (max-width: 640px){.fexerj-grid{grid-template-columns:1fr}.fexerj-radio-group{flex-direction:column}.fexerj-radio-group label{width:100%}.fexerj-row{flex-direction:column;align-items:stretch}.fexerj-inline{flex-direction:column!important;align-items:stretch}.fexerj-actions{flex-direction:column}.fexerj-actions .btn{width:100%}}.fexerj-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:.5rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:50%;font-size:.75rem;font-weight:700;vertical-align:middle}.member-panel-item-info{display:flex;flex-direction:column;gap:.25rem;text-align:left}.member-panel-item-info strong{display:flex;align-items:center}.member-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;overflow:hidden;background:#f6c34426;display:flex;align-items:center;justify-content:center;border:2px solid rgba(246,195,68,.3)}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-avatar-placeholder{font-size:1.2rem;opacity:.6}.member-panel-item{flex-direction:row!important;align-items:center;gap:.75rem}.member-panel-actions{display:flex;justify-content:flex-end;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(246,195,68,.15)}.face-group-register{padding:1rem}.face-group-register h3{margin:0 0 .5rem;font-size:1.3rem}.face-group-register .face-description{color:#94a3b8;font-size:.9rem;margin:0 0 1.5rem}.face-upload-section{display:flex;justify-content:center;padding:2rem}.face-upload-btn{cursor:pointer}.face-assign-section{margin-top:1rem}.face-assign-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(246,195,68,.15)}.face-assign-header span{font-weight:600;color:var(--accent)}.face-assign-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.face-assign-card{background:#0c0c0ccc;border:1px solid rgba(246,195,68,.2);border-radius:12px;overflow:hidden;transition:all .2s ease}.face-assign-card.saved{border-color:#22c55e;background:#22c55e1a}.face-assign-image{position:relative;width:100%;aspect-ratio:1;background:#1a1a1a}.face-assign-image img{width:100%;height:100%;object-fit:cover}.face-saved-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#22c55ee6;color:#fff;padding:.5rem 1rem;border-radius:8px;font-weight:700;font-size:1.2rem}.face-assign-controls{padding:.75rem;display:flex;gap:.5rem;align-items:center}.face-assign-controls select{flex:1;padding:.5rem;border-radius:8px;border:1px solid rgba(246,195,68,.3);background:#00000080;color:var(--text);font-size:.85rem}.face-assign-controls select:focus{outline:none;border-color:var(--accent)}.face-assigned-name{font-weight:600;color:#22c55e;text-align:center;width:100%}.face-assign-actions{display:flex;justify-content:center;padding:1rem 0}.face-success-message{text-align:center;padding:1rem;background:#22c55e26;border:1px solid #22c55e;border-radius:12px;color:#22c55e;font-weight:600}.face-modal-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(246,195,68,.15);display:flex;justify-content:flex-end}.face-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.face-loading .spinner{width:40px;height:40px;border:3px solid rgba(246,195,68,.2);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.face-error{background:#dc262626;border:1px solid #dc2626;border-radius:8px;padding:.75rem 1rem;color:#dc2626;margin-bottom:1rem}.fexerj-view-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(148,163,184,.15);display:flex;align-items:center;gap:1rem}.fexerj-view-btn{background:linear-gradient(135deg,#22c55e,#16a34a)!important;border-color:#22c55e!important}.fexerj-view-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d)!important}.fexerj-not-filled{color:#f59e0b;font-size:.9rem}.fexerj-view-modal{width:min(95vw,700px);max-height:calc(100vh - 2rem);overflow-y:auto}.fexerj-view-content{display:flex;flex-direction:column;gap:1.25rem}.fexerj-view-status{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem;background:#0f172ab3;border-radius:12px;border:1px solid rgba(148,163,184,.2)}.fexerj-status-badge{padding:.5rem 1rem;border-radius:999px;font-size:.9rem;font-weight:600}.fexerj-status-badge.status-pending{background:#fbbf2433;color:#fcd34d;border:1px solid rgba(251,191,36,.4)}.fexerj-status-badge.status-approved{background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.4)}.fexerj-status-badge.status-rejected{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.4)}.fexerj-status-badge.status-processing{background:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.4)}.fexerj-view-date{color:#94a3b8;font-size:.85rem}.fexerj-view-content .fexerj-view-section{display:flex;flex-direction:column;gap:.75rem;margin-top:0;padding-top:0;border-top:none;padding:1rem;background:#0f172a80;border-radius:12px;border:1px solid rgba(148,163,184,.15)}.fexerj-view-content .fexerj-view-section h4{margin:0;color:var(--accent);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;padding-bottom:.5rem;border-bottom:1px solid rgba(246,195,68,.2)}.fexerj-view-content .fexerj-view-section p{margin:0;color:var(--text)}.fexerj-view-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.fexerj-view-grid>div{display:flex;flex-direction:column;gap:.25rem}.fexerj-view-grid>div span{color:#94a3b8;font-size:.8rem}.fexerj-view-grid>div strong{color:var(--text);font-size:.95rem}.fexerj-view-grid>div.span-full{grid-column:1 / -1}.fexerj-view-content .admin-notes{padding:1rem;background:#0c0c0c80;border-radius:8px;border:1px solid rgba(148,163,184,.15);color:#cbd5e1;font-style:italic}@media (max-width: 640px){.fexerj-view-grid{grid-template-columns:1fr}.fexerj-view-status{flex-direction:column;align-items:flex-start}}.face-registration,.face-attendance{background:#0f172af2;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:1.5rem}.face-registration h3,.face-attendance h3{margin:0 0 .5rem;font-size:1.25rem;color:#fff}.face-description,.face-event-title{color:#94a3b8;margin-bottom:1.5rem}.face-event-title strong{color:#fff}.face-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem;text-align:center}.face-loading p{color:#fff;margin:0}.face-loading small{color:#94a3b8}.spinner{width:40px;height:40px;border:3px solid rgba(148,163,184,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.face-options{display:flex;flex-direction:column;align-items:center;gap:1rem}.face-or{color:#64748b;font-size:.875rem}.face-camera{display:flex;flex-direction:column;gap:1rem}.face-video{width:100%;max-width:480px;border-radius:12px;background:#000;margin:0 auto;display:block}.face-camera-actions{display:flex;gap:1rem;justify-content:center}.face-preview{display:flex;flex-direction:column;gap:1rem;align-items:center}.face-preview-img{width:100%;max-width:300px;border-radius:12px;border:2px solid rgba(148,163,184,.3)}.face-event-img{width:100%;max-width:600px;border-radius:12px;border:2px solid rgba(148,163,184,.3)}.face-preview-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.face-success{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;text-align:center}.face-success-icon{font-size:3rem}.face-success h4{margin:0;color:#22c55e}.face-success p{color:#94a3b8;margin:0}.face-error{color:#f87171;background:#ef44441a;padding:.75rem 1rem;border-radius:8px;text-align:center}.face-error-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.face-error-icon{font-size:3rem}.face-upload-section{display:flex;flex-direction:column;gap:1rem}.face-stats{display:flex;gap:1.5rem;flex-wrap:wrap;color:#94a3b8;font-size:.875rem}.face-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:2px dashed rgba(148,163,184,.3);border-radius:12px;cursor:pointer;transition:all .2s}.face-upload-area:hover{border-color:#3b82f6;background:#3b82f60d}.face-upload-icon{font-size:3rem;margin-bottom:.5rem}.face-upload-area p{color:#fff;margin:0}.face-upload-area small{color:#64748b}.face-results{display:flex;flex-direction:column;gap:1.5rem}.face-results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem}.face-stat{background:#1e293b80;padding:1rem;border-radius:12px;text-align:center;border:1px solid rgba(148,163,184,.15)}.face-stat.success{border-color:#22c55e4d;background:#22c55e1a}.face-stat.warning{border-color:#eab3084d;background:#eab3081a}.face-stat.danger{border-color:#ef44444d;background:#ef44441a}.face-stat-number{display:block;font-size:2rem;font-weight:700;color:#fff}.face-stat-label{display:block;font-size:.75rem;color:#94a3b8;margin-top:.25rem}.face-results-section{background:#1e293b4d;padding:1rem;border-radius:12px}.face-results-section h4{margin:0 0 .75rem;font-size:1rem;color:#fff}.face-results-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.face-result-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#0f172a80;border-radius:8px}.face-result-item.present{border-left:3px solid #22c55e}.face-result-item.absent{border-left:3px solid #ef4444}.face-result-name{flex:1;color:#fff}.face-result-info{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex:1}.face-result-confidence{font-size:.75rem;color:#94a3b8}.face-update-btn{background:#3b82f633;border:1px solid rgba(59,130,246,.4);color:#60a5fa;padding:.25rem .5rem;border-radius:6px;font-size:.7rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.25rem}.face-update-btn:hover{background:#3b82f64d;transform:scale(1.02)}.face-update-btn:disabled{opacity:.5;cursor:not-allowed}.btn-update-photo{background:#3b82f633;border:1px solid rgba(59,130,246,.4);color:#60a5fa;width:32px;height:32px;border-radius:50%;font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-update-photo:hover{background:#3b82f666;transform:scale(1.1)}.btn-update-photo:disabled{opacity:.5;cursor:not-allowed;transform:none}.update-photo-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.update-photo-modal{background:linear-gradient(145deg,#1e293b,#0f172a);border-radius:16px;padding:1.5rem;max-width:400px;width:100%;text-align:center;border:1px solid rgba(59,130,246,.2)}.update-photo-modal h3{margin:0 0 1rem;color:#fff;font-size:1.1rem}.update-photo-modal p{color:#94a3b8;margin-bottom:1.5rem;font-size:.9rem}.update-photo-modal-btns{display:flex;gap:1rem;justify-content:center}.update-photo-modal-btns button{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.update-photo-modal-btns .btn-confirm{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;color:#fff}.update-photo-modal-btns .btn-confirm:hover{transform:scale(1.05)}.update-photo-modal-btns .btn-cancel{background:#64748b4d;border:1px solid rgba(100,116,139,.5);color:#94a3b8}.update-photo-modal-btns .btn-cancel:hover{background:#64748b80}.face-badge{font-size:.7rem;padding:.2rem .5rem;border-radius:4px;font-weight:600}.face-badge.confirmed{background:#3b82f633;color:#60a5fa}.face-badge.absent{background:#ef444433;color:#f87171}.face-results-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.face-register-btn{display:flex;align-items:center;gap:.5rem;margin-top:1rem}.face-registered-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;color:#22c55e;background:#22c55e1a;padding:.25rem .75rem;border-radius:20px}@media (max-width: 640px){.face-results-summary{grid-template-columns:repeat(2,1fr)}.face-stat-number{font-size:1.5rem}}.face-test-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);padding:2rem}.face-test-header{text-align:center;margin-bottom:2rem}.face-test-header h1{color:#fff;font-size:2rem;margin:0 0 .5rem}.face-test-header p{color:#94a3b8;margin:0 0 1rem}.face-test-content{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.face-test-section{background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:1.5rem}.face-test-section h2{color:#fff;font-size:1.25rem;margin:0 0 .5rem}.face-test-section>p{color:#94a3b8;margin:0 0 1rem;font-size:.9rem}.face-register-form{display:flex;gap:1rem;flex-wrap:wrap}.face-name-input{flex:1;min-width:200px;padding:.75rem 1rem;background:#0f172acc;border:1px solid rgba(148,163,184,.3);border-radius:8px;color:#fff;font-size:1rem}.face-name-input:focus{outline:none;border-color:#3b82f6}.face-name-input::placeholder{color:#64748b}.face-registered-list{margin-top:1.5rem}.face-registered-list h3{color:#fff;font-size:1rem;margin:0 0 1rem}.face-registered-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.face-registered-item{position:relative;background:#0f172acc;border-radius:12px;padding:.5rem;text-align:center}.face-registered-item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;margin-bottom:.5rem}.face-registered-item span{display:block;color:#fff;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.face-registered-item .btn-remove{position:absolute;top:.25rem;right:.25rem;width:24px;height:24px;border-radius:50%;background:#ef4444e6;color:#fff;border:none;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center}.face-registered-item .btn-remove:hover{background:#ef4444}.face-group-results{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.face-group-results h3{color:#fff;margin:0}.face-group-image-container{margin-top:1rem}.face-group-image-container h4{color:#fff;font-size:.9rem;margin:0 0 .5rem}.face-group-image{width:100%;max-width:600px;border-radius:12px;border:2px solid rgba(148,163,184,.2)}.face-test-actions{display:flex;justify-content:center}.face-test-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:1rem 1.5rem}.face-test-info h3{color:#60a5fa;font-size:1rem;margin:0 0 .5rem}.face-test-info ul{color:#94a3b8;margin:0;padding-left:1.5rem;font-size:.9rem}.face-test-info li{margin-bottom:.25rem}.face-test-info strong{color:#fff}@media (max-width: 640px){.face-test-page{padding:1rem}.face-register-form{flex-direction:column}.face-registered-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.member-grid{grid-template-columns:1fr;gap:.5rem}.member-grid .member-card{padding:.75rem 1rem;flex-direction:row;align-items:center;gap:.75rem}.member-grid .member-card-header{flex:1;gap:.6rem}.member-grid .member-card-header h3{font-size:.95rem;margin:0}.member-grid .member-card-header p{display:none}.member-grid .member-card-icon{width:38px;height:38px;min-width:38px;font-size:1.1rem}.member-grid .member-card>p{display:none}.member-grid .member-card>.btn,.member-grid .member-card>div:last-child{display:none}.member-grid .member-card.actionable-card{cursor:pointer}.member-grid .member-card.actionable-card:after{content:"›";font-size:1.5rem;color:var(--accent);opacity:.6;margin-left:auto}}.agenda-page{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#1a1207,#2d1810,#3d2317 60%,#1a1207)}.agenda-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(180deg,#0009,#0000004d);border-bottom:3px solid;border-image:linear-gradient(90deg,transparent,var(--accent),transparent) 1;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px #00000080}.agenda-header .btn.ghost{background:#cd7f3226;border:1px solid rgba(205,127,50,.3);color:var(--accent);padding:.5rem .75rem;font-size:.85rem;border-radius:8px;transition:all .3s ease}.agenda-header .btn.ghost:hover{background:#cd7f3240;transform:translate(-2px)}.agenda-header h1{flex:1;font-size:1.1rem;color:var(--text);margin:0;font-family:Cinzel,serif;text-shadow:0 2px 4px rgba(0,0,0,.5)}.agenda-user-info{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem}.agenda-user-info span:first-child{font-size:.75rem;color:var(--text-muted)}.agenda-points{background:linear-gradient(135deg,#f6c34433,#cd7f324d);color:var(--accent)!important;font-size:.7rem!important;font-weight:600;padding:.2rem .5rem;border-radius:12px;border:1px solid rgba(246,195,68,.3)}.agenda-login-required{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;gap:1.5rem}.agenda-login-required p{color:var(--text-muted);font-size:1rem}.agenda-loading,.agenda-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:var(--text-muted);font-size:1rem}.agenda-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.agenda-events-list{padding:1rem;overflow-y:auto;border-bottom:2px solid rgba(205,127,50,.2)}.agenda-events-list h2{font-size:.9rem;color:var(--accent);margin:0 0 1rem;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:.5rem}.agenda-events-list h2:before{content:"";width:20px;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}.agenda-event-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem;margin-bottom:.75rem;background:linear-gradient(135deg,#0e0e0ee6,#1a1207f2);border:1px solid rgba(205,127,50,.25);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;box-shadow:0 4px 15px #0000004d;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation}.agenda-event-item:hover{transform:translateY(-2px);border-color:#f6c34480;box-shadow:0 8px 25px #cd7f3233}.agenda-event-item.selected{border-color:var(--accent);background:linear-gradient(135deg,#cd7f3226,#8b451333);box-shadow:0 0 0 2px #cd7f3233,0 8px 25px #cd7f3240}.agenda-event-item .agenda-event-date{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:50px;padding:.5rem;background:linear-gradient(180deg,#f6c34440,#0c0c0ce6);border:1px solid rgba(246,195,68,.3);border-radius:8px}.agenda-event-item .agenda-event-date .day{font-size:1.2rem;font-weight:700;color:var(--accent);line-height:1}.agenda-event-item .agenda-event-date .month{font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.agenda-event-item .agenda-event-info{flex:1;display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.agenda-event-item .agenda-event-info strong{color:var(--text);font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agenda-event-item .agenda-event-info span{color:var(--text-muted);font-size:.75rem}.agenda-status-badge{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700}.agenda-status-badge.yes{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.4)}.agenda-status-badge.no{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.agenda-actions{display:flex;justify-content:center;padding:1rem;border-bottom:1px solid rgba(205,127,50,.2)}.agenda-actions .btn.primary{background:linear-gradient(135deg,var(--accent) 0%,#8b4513 100%);color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:10px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #cd7f324d}.agenda-actions .btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #cd7f3266}.event-modal{width:95%;max-width:500px;max-height:90vh;overflow-y:auto;background:linear-gradient(145deg,#0e0e0efa,#1a1207fc);border:1px solid rgba(205,127,50,.3);border-radius:16px;padding:1.5rem}.event-modal h3{color:var(--accent);font-family:Cinzel,serif;font-size:1.3rem;margin:0 0 1.5rem;text-align:center}.event-form{display:flex;flex-direction:column;gap:1rem}.event-form label{display:flex;flex-direction:column;gap:.35rem}.event-form label span{color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.event-form input,.event-form select,.event-form textarea{background:#0006;border:1px solid rgba(205,127,50,.3);border-radius:8px;padding:.75rem;color:var(--text);font-size:.95rem;transition:all .2s ease}.event-form input:focus,.event-form select:focus,.event-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #cd7f3233}.event-form .form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}@media (max-width: 480px){.event-form .form-row{grid-template-columns:1fr 1fr}.event-form .form-row label:nth-child(3){grid-column:span 2}}.event-form textarea{resize:vertical;min-height:80px}.form-feedback{padding:.75rem;border-radius:8px;font-size:.9rem;text-align:center}.form-feedback.error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.form-feedback.success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#22c55e}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem;padding-top:1rem;border-top:1px solid rgba(205,127,50,.2)}.form-actions .btn{padding:.65rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.form-actions .btn.secondary{background:transparent;border:1px solid rgba(205,127,50,.4);color:var(--text-muted)}.form-actions .btn.secondary:hover{background:#cd7f321a;color:var(--text)}.form-actions .btn.primary{background:linear-gradient(135deg,var(--accent) 0%,#8b4513 100%);border:none;color:#fff}.form-actions .btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #cd7f324d}.form-actions .btn.primary:disabled{opacity:.6;cursor:not-allowed}.agenda-hint{text-align:center;padding:.5rem;font-size:.75rem;color:var(--text-muted);opacity:.7}.event-details-modal{width:95%;max-width:450px;max-height:90vh;overflow-y:auto;background:linear-gradient(145deg,#0e0e0efa,#1a1207fc);border:1px solid rgba(205,127,50,.3);border-radius:16px;padding:1.5rem}.event-details-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.event-details-icon{font-size:2rem;background:#cd7f3226;padding:.5rem;border-radius:10px}.event-details-header h3{flex:1;color:var(--text);font-size:1.2rem;margin:0;line-height:1.3}.event-details-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.event-category-badge{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,#f6c34433,#cd7f324d);color:var(--accent);font-size:.75rem;font-weight:600;padding:.4rem .8rem;border-radius:20px;border:1px solid rgba(246,195,68,.3);width:fit-content}.event-details-date{color:var(--text-muted);font-size:.9rem}.event-details-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(205,127,50,.2)}.event-details-actions .btn{flex:1;min-width:70px;padding:.5rem .75rem;font-size:.8rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text);border-radius:8px;cursor:pointer;transition:all .2s}.event-details-actions .btn:hover{background:#ffffff26}.event-details-actions .btn.danger{background:#ef444426;border-color:#ef44444d;color:#ef4444}.event-details-actions .btn.danger:hover{background:#ef444440}.event-details-info{list-style:none;padding:0;margin:0 0 1.5rem}.event-details-info li{padding:.5rem 0;color:var(--text);font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.05)}.event-details-info li:last-child{border-bottom:none;color:#22c55e}.event-details-info li strong{color:var(--text-muted);font-weight:500}.event-details-buttons{display:flex;flex-direction:column;gap:.75rem}.event-details-buttons .btn{padding:.75rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.event-details-buttons .btn.secondary{background:#ffffff14;border:1px solid rgba(205,127,50,.3);color:var(--accent)}.event-details-buttons .btn.secondary:hover{background:#ffffff1f}.event-details-buttons .btn.primary{background:linear-gradient(135deg,var(--accent) 0%,#8b4513 100%);border:none;color:#fff}.event-details-buttons .btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #cd7f324d}.full-width{width:100%}.clickable-confirmed{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:.75rem!important;background:#4ade801a;border-radius:8px;margin-top:.5rem;transition:all .2s ease;width:100%}.clickable-confirmed strong{flex:1;text-align:left}.clickable-confirmed:hover{background:#4ade8033}.clickable-justified{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:.75rem!important;background:#ef44441a;border-radius:8px;margin-top:.5rem;transition:all .2s ease;width:100%}.clickable-justified:hover{background:#ef444433}.clickable-justified strong{flex:1;text-align:left;color:#ef4444}.clickable-justified .see-list{font-size:.75rem;color:#ef4444;opacity:.8;text-align:right}.confirmed-list-container.justified{border-color:#ef44444d}.confirmed-list-container.justified .confirmed-list-header h4{color:#ef4444}.justified-x{color:#ef4444;font-size:1rem;flex-shrink:0}.participation-row{display:flex;align-items:center;gap:.5rem;flex:1}.participation-percent{background:#4ade8033;color:#4ade80;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.participation-percent.justified{background:#ef444433;color:#ef4444}.participation-percent.pending{background:#fbbf2433;color:#fbbf24}.pending-info{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem!important;background:#fbbf241a;border-radius:8px;margin-top:.5rem;color:#fbbf24;font-size:.85rem}.confirmed-list-container{background:#0000004d;border-radius:12px;padding:1rem;margin-top:1rem;border:1px solid rgba(255,255,255,.1)}.confirmed-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.confirmed-list-header h4{margin:0;font-size:.95rem;color:var(--text-primary)}.close-list-btn{background:#ffffff1a;border:none;color:var(--text-muted);width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center}.close-list-btn:hover{background:#fff3;color:var(--text-primary)}.loading-text,.empty-list{text-align:center;color:var(--text-muted);font-size:.85rem;padding:1rem 0}.confirmed-members-list{list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto}.confirmed-member-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.confirmed-member-item:last-child{border-bottom:none}.confirmed-member-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:#ffffff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.confirmed-member-avatar img{width:100%;height:100%;object-fit:cover}.confirmed-member-avatar .avatar-initials{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.confirmed-member-info{flex:1;display:flex;flex-direction:column;gap:.1rem;min-width:0}.confirmed-member-name{font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.confirmed-member-role{font-size:.7rem;color:var(--text-muted)}.confirmed-check{color:#4ade80;font-size:1rem;flex-shrink:0}.event-edit-form{display:flex;flex-direction:column;gap:1rem}.event-edit-form h3{color:var(--accent);font-size:1.1rem;margin:0 0 .5rem;text-align:center}.event-edit-form label{display:flex;flex-direction:column;gap:.3rem}.event-edit-form label span{color:var(--text-muted);font-size:.75rem;text-transform:uppercase}.event-edit-form input,.event-edit-form select{background:#0006;border:1px solid rgba(205,127,50,.3);border-radius:8px;padding:.65rem;color:var(--text);font-size:.9rem}.event-edit-form input:focus,.event-edit-form select:focus{outline:none;border-color:var(--accent)}.event-edit-form .form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}@media (max-width: 400px){.event-edit-form .form-row{grid-template-columns:1fr 1fr}.event-edit-form .form-row label:nth-child(3){grid-column:span 2}}.agenda-event-detail{flex:1;overflow-y:auto;padding:1rem}.agenda-event-card{background:linear-gradient(145deg,#0e0e0ef2,#1a1207fa);border:1px solid rgba(205,127,50,.3);border-radius:16px;overflow:hidden;margin-bottom:1rem;box-shadow:0 10px 40px #00000080,0 0 0 1px #f6c3441a}.agenda-event-card:before{content:"";display:block;height:4px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.agenda-event-card .agenda-event-image{position:relative;width:100%;height:160px;background-size:cover;background-position:center;background-color:#0000004d}.agenda-event-date-badge{position:absolute;top:1rem;left:1rem;display:flex;flex-direction:column;align-items:center;padding:.5rem .75rem;background:linear-gradient(180deg,#000000e6,#1a1207f2);border:2px solid var(--accent);border-radius:10px;box-shadow:0 4px 15px #0009}.agenda-event-date-badge .day{font-size:1.4rem;font-weight:700;color:var(--accent);line-height:1}.agenda-event-date-badge .month{font-size:.65rem;color:var(--text);text-transform:uppercase;letter-spacing:1px}.agenda-event-body{padding:1.25rem}.agenda-event-category{display:inline-block;font-size:.7rem;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;padding:.25rem .75rem;background:#cd7f3226;border:1px solid rgba(205,127,50,.3);border-radius:20px}.agenda-event-body h2{font-size:1.2rem;color:var(--text);margin:0 0 .5rem;font-family:Cinzel,serif}.agenda-event-datetime{color:var(--accent);font-size:.85rem;margin:0 0 .75rem}.agenda-event-description{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin:0 0 .75rem}.agenda-event-meta{color:var(--text-muted);font-size:.8rem;margin:.4rem 0}.agenda-participation{background:linear-gradient(145deg,#0e0e0ef2,#1a1207fa);border:1px solid rgba(205,127,50,.3);border-radius:16px;padding:1.25rem;margin-bottom:1rem;box-shadow:0 8px 30px #0006}.agenda-participation:before{content:"";display:block;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);margin:-1.25rem -1.25rem 1rem;border-radius:16px 16px 0 0}.agenda-participation h3{font-size:1rem;color:var(--text);margin:0 0 .5rem;font-family:Cinzel,serif}.agenda-participation-hint{font-size:.75rem;color:var(--text-muted);margin:0 0 1rem}.agenda-participation-hint strong{color:var(--accent)}.agenda-participation-options{display:flex;gap:.75rem;margin-bottom:1rem}.agenda-option-btn{flex:1;padding:.875rem .5rem;border-radius:10px;border:2px solid transparent;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.4rem}.agenda-option-btn.yes{background:#22c55e26;color:#22c55e;border-color:#22c55e66}.agenda-option-btn.yes:hover,.agenda-option-btn.yes.active{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 15px #22c55e66;transform:translateY(-2px)}.agenda-option-btn.no{background:#ef444426;color:#ef4444;border-color:#ef444466}.agenda-option-btn.no:hover,.agenda-option-btn.no.active{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef444466;transform:translateY(-2px)}.agenda-reason-field{margin-bottom:1rem}.agenda-reason-field label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.agenda-reason-field textarea{width:100%;padding:.75rem;background:#0006;border:1px solid rgba(205,127,50,.3);border-radius:10px;color:var(--text);font-size:.9rem;resize:vertical;font-family:inherit;transition:border-color .3s ease}.agenda-reason-field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #cd7f3233}.agenda-save-btn{width:100%;padding:.875rem;background:linear-gradient(135deg,var(--accent) 0%,#8b4513 100%);border:none;border-radius:10px;color:var(--text-dark);font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.agenda-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #cd7f3280}.agenda-save-btn:disabled{opacity:.5;cursor:not-allowed}.agenda-feedback{margin-top:1rem;padding:.75rem;border-radius:8px;font-size:.85rem;text-align:center;font-weight:500;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.agenda-feedback.success{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.4)}.agenda-feedback.error{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.agenda-admin-panel{background:linear-gradient(145deg,#0e0e0ef2,#1a1207fa);border:2px solid rgba(205,127,50,.4);border-radius:16px;padding:1.25rem;box-shadow:0 10px 40px #00000080,0 0 30px #cd7f321a}.agenda-admin-panel:before{content:"";display:block;height:4px;background:linear-gradient(90deg,#cd7f32,#f6c344,#cd7f32);margin:-1.25rem -1.25rem 1rem;border-radius:14px 14px 0 0}.agenda-admin-panel h3{font-size:1rem;color:var(--accent);margin:0 0 1rem;font-family:Cinzel,serif;display:flex;align-items:center;gap:.5rem}.agenda-summary{display:flex;gap:1rem;margin-bottom:1rem;padding:.75rem;background:#0000004d;border-radius:10px;flex-wrap:wrap}.agenda-summary span{font-size:.8rem;font-weight:600;padding:.35rem .75rem;border-radius:20px}.agenda-summary .yes{background:#22c55e33;color:#22c55e}.agenda-summary .no{background:#ef444433;color:#ef4444}.agenda-summary .pending{background:#eab30833;color:#eab308}.agenda-members-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.agenda-member-row{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#0000004d;border:1px solid rgba(205,127,50,.2);border-radius:12px;transition:all .3s ease}.agenda-member-row:hover{border-color:#cd7f3266;background:#0006}.agenda-member-info{display:flex;align-items:center;gap:.75rem}.agenda-member-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(180deg,#f6c3444d,#0c0c0cf2);border:2px solid rgba(246,195,68,.35);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--accent);overflow:hidden;flex-shrink:0}.agenda-member-avatar img{width:100%;height:100%;object-fit:cover}.agenda-member-info>div{display:flex;flex-direction:column;gap:.15rem}.agenda-member-info strong{color:var(--text);font-size:.9rem}.agenda-member-info small{color:var(--text-muted);font-size:.7rem}.agenda-member-status{display:flex;gap:.5rem}.agenda-member-status .status-btn{width:36px;height:36px;border-radius:50%;border:2px solid transparent;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.agenda-member-status .status-btn.yes{background:#22c55e26;color:#22c55e;border-color:#22c55e66}.agenda-member-status .status-btn.yes:hover,.agenda-member-status .status-btn.yes.active{background:#22c55e;color:#fff}.agenda-member-status .status-btn.no{background:#ef444426;color:#ef4444;border-color:#ef444466}.agenda-member-status .status-btn.no:hover,.agenda-member-status .status-btn.no.active{background:#ef4444;color:#fff}.agenda-member-reason{padding:.5rem .75rem;background:#eab3081a;border-left:3px solid #eab308;border-radius:0 8px 8px 0}.agenda-member-reason small{color:#eab308;font-size:.75rem}.agenda-attendance-btns{display:flex;gap:.5rem;flex-wrap:wrap}.agenda-attendance-btns .btn.small{flex:1;min-width:100px;padding:.5rem .75rem;font-size:.7rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.agenda-attendance-btns .attendance-present{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.4)}.agenda-attendance-btns .attendance-present:hover{background:#22c55e;color:#fff}.agenda-attendance-btns .attendance-absent{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.agenda-attendance-btns .attendance-absent:hover{background:#ef4444;color:#fff}@media (min-width: 768px){.agenda-header{padding:1.25rem 2rem}.agenda-header h1{font-size:1.4rem}.agenda-content{flex-direction:row}.agenda-events-list{width:320px;border-bottom:none;border-right:2px solid rgba(205,127,50,.2);max-height:calc(100vh - 80px);overflow-y:auto}.agenda-event-detail{flex:1;padding:1.5rem}.agenda-event-card .agenda-event-image{height:220px}.agenda-member-row{flex-direction:row;align-items:center;flex-wrap:wrap}.agenda-member-info{flex:1;min-width:200px}.agenda-member-reason{flex-basis:100%;margin-top:.5rem}}.alert-modal{width:95%;max-width:500px;max-height:90vh;overflow-y:auto;background:linear-gradient(145deg,#0e0e0efa,#1a1207fc);border:1px solid rgba(205,127,50,.3);border-radius:16px;padding:1.5rem}.alert-modal h2{color:var(--accent);font-size:1.2rem;margin:0 0 1rem;text-align:center;font-family:Cinzel,serif}.alert-form{display:flex;flex-direction:column;gap:1rem}.alert-form label{display:flex;flex-direction:column;gap:.35rem;color:var(--text-muted);font-size:.85rem}.alert-form textarea{background:#0006;border:1px solid rgba(205,127,50,.3);border-radius:10px;padding:.75rem;color:var(--text);font-size:.95rem;resize:vertical;min-height:100px;font-family:inherit}.alert-form textarea:focus{outline:none;border-color:var(--accent)}.format-options{display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem;background:#0000004d;border-radius:10px}.format-options label{flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem;color:var(--text)}.format-options input[type=text]{background:#0006;border:1px solid rgba(205,127,50,.3);border-radius:6px;padding:.4rem .6rem;color:var(--text);font-size:.85rem;width:80px}.format-options input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.target-section{background:#0000004d;border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.target-section h4{margin:0;color:var(--accent);font-size:.9rem}.target-type-selector{display:flex;gap:.5rem}.target-type-selector button{flex:1;padding:.6rem;background:#ffffff0d;border:1px solid rgba(205,127,50,.2);color:var(--text-muted);border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s}.target-type-selector button.active{background:#cd7f3233;border-color:var(--accent);color:var(--accent)}.role-checkboxes,.member-checkboxes{display:flex;flex-wrap:wrap;gap:.5rem;max-height:200px;overflow-y:auto}.role-checkboxes label,.member-checkboxes label{display:flex;align-items:center;gap:.4rem;background:#ffffff0d;padding:.5rem .75rem;border-radius:20px;font-size:.8rem;color:var(--text);cursor:pointer;border:1px solid transparent;transition:all .2s}.role-checkboxes label:has(input:checked),.member-checkboxes label:has(input:checked){background:#cd7f3233;border-color:#cd7f3266}.role-checkboxes input,.member-checkboxes input{display:none}.alert-preview{background:#0006;border:1px solid rgba(205,127,50,.2);border-radius:10px;padding:1rem}.alert-preview h4{margin:0 0 .5rem;font-size:.85rem;color:var(--text-muted)}.alert-preview-content{font-size:.9rem;color:var(--text);white-space:pre-wrap;word-break:break-word}.alert-actions{display:flex;gap:.75rem;margin-top:.5rem}.alert-actions .btn{flex:1;padding:.75rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.alert-actions .btn.secondary{background:transparent;border:1px solid rgba(205,127,50,.4);color:var(--text-muted)}.alert-actions .btn.secondary:hover{background:#cd7f321a;color:var(--text)}.alert-actions .btn.primary{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff}.alert-actions .btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #f59e0b66}.alert-actions .btn.primary:disabled{opacity:.6;cursor:not-allowed}.alert-roles,.alert-individual{display:flex;flex-direction:column;gap:.5rem}.alert-roles>span,.alert-individual>span{font-size:.8rem;color:var(--text-muted)}.alert-individual select{background:#0006;border:1px solid rgba(205,127,50,.3);border-radius:8px;padding:.65rem;color:var(--text);font-size:.9rem;width:100%}.alert-individual select:focus{outline:none;border-color:var(--accent)}.alert-individual select option{background:#1a1a1a;color:var(--text)}.alert-format-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.alert-format-buttons button{padding:.4rem .8rem;background:#ffffff14;border:1px solid rgba(205,127,50,.25);color:var(--text);border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}.alert-format-buttons button:hover{background:#cd7f3226;border-color:#cd7f3266}.alert-send-to{display:flex;flex-direction:column;gap:.75rem}.alert-send-to>span{font-size:.8rem;color:var(--text-muted)}.alert-send-options{display:flex;gap:1rem}.alert-send-options label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text);font-size:.9rem}.alert-send-options input[type=radio]{accent-color:var(--accent);width:16px;height:16px}.alert-emoji-buttons{display:flex;flex-wrap:wrap;gap:.35rem}.alert-emoji-buttons button{width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(205,127,50,.2);border-radius:8px;font-size:1.1rem;cursor:pointer;transition:all .2s}.alert-emoji-buttons button:hover{background:#cd7f3226;transform:scale(1.1)}.alert-send-type{display:flex;gap:1.5rem;padding:.5rem 0}.alert-send-type label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text);font-size:.9rem}.alert-send-type input[type=radio]{accent-color:var(--accent);width:16px;height:16px}.membros-page{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:100%!important;background:linear-gradient(135deg,#1a1207,#2d1810,#3d2317 60%,#1a1207);padding:0!important;margin:0!important}.membros-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(180deg,#0009,#0000004d);border-bottom:3px solid;border-image:linear-gradient(90deg,transparent,var(--accent),transparent) 1;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px #00000080}.membros-header .btn.ghost{background:#cd7f3226;border:1px solid rgba(205,127,50,.3);color:var(--accent);padding:.5rem .75rem;font-size:.85rem;border-radius:8px}.membros-header h1{flex:1;font-size:1.1rem;color:var(--text);margin:0;font-family:Cinzel,serif}.membros-count{font-size:.75rem;color:var(--accent);background:#cd7f3226;padding:.35rem .75rem;border-radius:20px;border:1px solid rgba(205,127,50,.3)}.membros-login-required{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;gap:1.5rem}.membros-login-required p{color:var(--text-muted)}.membros-tabs{display:flex;gap:0;background:#0000004d;border-bottom:1px solid rgba(205,127,50,.2)}.membros-tab{flex:1;padding:1rem;background:transparent;border:none;color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative}.membros-tab:hover{color:var(--text);background:#cd7f321a}.membros-tab.active{color:var(--accent);background:#cd7f3226}.membros-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent)}.membros-content{flex:1;display:flex;flex-direction:column;overflow:hidden;width:100%;max-width:100%}.membros-loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);padding:3rem}.membros-layout{flex:1;display:flex;flex-direction:column;overflow:hidden;width:100%;max-width:100%}.membros-sidebar{padding:1rem;border-bottom:2px solid rgba(205,127,50,.2);max-height:40vh;overflow-y:auto}.membros-search input{width:100%;padding:.75rem 1rem;background:#0006;border:1px solid rgba(205,127,50,.3);border-radius:10px;color:var(--text);font-size:.9rem;margin-bottom:1rem}.membros-search input:focus{outline:none;border-color:var(--accent)}.membros-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.membros-empty{display:flex;align-items:center;justify-content:center;padding:2rem 1rem;color:#ffffff80;font-size:.9rem;text-align:center}.membros-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:#0000004d;border:1px solid rgba(205,127,50,.2);border-radius:10px;cursor:pointer;transition:all .3s ease;text-align:left}.membros-item:hover{background:#cd7f321a;border-color:#cd7f3266}.membros-item.selected{background:#cd7f3233;border-color:var(--accent)}.membros-item-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(180deg,#f6c3444d,#0c0c0cf2);border:2px solid rgba(246,195,68,.35);display:flex;align-items:center;justify-content:center;font-size:1.1rem;overflow:hidden;position:relative;flex-shrink:0}.membros-item-avatar img{width:100%;height:100%;object-fit:cover}.membros-item-avatar .face-badge{position:absolute;bottom:-2px;right:-2px;font-size:.6rem;background:#000c;border-radius:50%;padding:2px}.membros-item-info{flex:1;min-width:0}.membros-item-info strong{display:block;color:var(--text);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.membros-item-info span{font-size:.75rem;color:var(--text-muted)}.membros-item-actions{display:flex;align-items:center;gap:8px}.membros-item-points{font-size:.7rem;color:var(--accent);background:#cd7f3226;padding:.25rem .5rem;border-radius:12px}.btn-open-ficha{background:#6366f133;border:1px solid rgba(99,102,241,.3);color:#a5b4fc;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-open-ficha:hover{background:#6366f166;transform:scale(1.1)}.membros-detail{flex:1;padding:1rem;overflow-y:auto;min-width:0}.membros-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text-muted);text-align:center}.membros-placeholder span{font-size:2rem;margin-bottom:.5rem}.membros-card{background:linear-gradient(145deg,#0e0e0ef2,#1a1207fa);border:1px solid rgba(205,127,50,.3);border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #00000080;width:100%}.membros-card:before{content:"";display:block;height:4px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.membros-card-header{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1.25rem;border-bottom:1px solid rgba(205,127,50,.2)}.membros-card-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(180deg,#f6c3444d,#0c0c0cf2);border:3px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.5rem;overflow:hidden}.membros-card-avatar img{width:100%;height:100%;object-fit:cover}.membros-card-title{flex:1}.membros-card-title h2{font-size:1.2rem;color:var(--text);margin:0;font-family:Cinzel,serif}.membros-card-title span{font-size:.8rem;color:var(--text-muted)}.membros-card-status{display:flex;gap:.5rem}.status-badge{font-size:.7rem;font-weight:600;padding:.3rem .6rem;border-radius:12px}.status-badge.active{background:#22c55e33;color:#22c55e}.status-badge.inactive{background:#ef444433;color:#ef4444}.level-badge{font-size:.7rem;font-weight:600;padding:.3rem .6rem;border-radius:12px;background:#cd7f3233;color:var(--accent)}.membros-card-form{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.ficha-filiacao{max-height:none;overflow-y:visible}.ficha-form.ficha-readonly{display:grid;grid-template-columns:1fr;gap:1rem}.ficha-form{gap:.5rem!important}.ficha-section{border:1px solid rgba(205,127,50,.25);border-radius:12px;padding:1rem;margin:0;background:#0003}.ficha-section legend{font-size:.9rem;font-weight:600;color:var(--accent);padding:0 .5rem}.ficha-row{display:flex;gap:.75rem;margin-bottom:.75rem}.ficha-row:last-child{margin-bottom:0}.ficha-field{flex:1;display:flex;flex-direction:column;gap:.3rem}.ficha-field.full{flex:1 1 100%}.ficha-field.large{flex:2}.ficha-field.small{flex:0 0 80px}.ficha-field span{font-size:.75rem;color:var(--text-muted);font-weight:500}.ficha-field input,.ficha-field select,.ficha-field textarea{padding:.6rem .75rem;background:#0006;border:1px solid rgba(205,127,50,.3);border-radius:8px;color:var(--text);font-size:.85rem;width:100%;box-sizing:border-box}.ficha-field input:focus,.ficha-field select:focus,.ficha-field textarea:focus{outline:none;border-color:var(--accent)}.ficha-field input.readonly{background:#0003;color:var(--text-muted);cursor:not-allowed}.ficha-field textarea{resize:vertical;min-height:60px}.filiation-number{display:inline-block;background:#cd7f3233;color:var(--accent);padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;margin-top:.25rem}.filiation-number.pending{background:#fbbf2433;color:#fbbf24}.filiation-number.approved{background:#22c55e33;color:#22c55e}.ficha-loading,.ficha-empty{padding:2rem;text-align:center;color:var(--text-muted);background:#0003;border-radius:12px;margin:1rem}.ficha-loading p,.ficha-empty p{margin:0;font-size:1rem}.ficha-empty small{display:block;margin-top:.5rem;font-size:.85rem;opacity:.7}.ficha-link-section{padding:1.5rem;text-align:center}.btn-ver-ficha{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--accent),#b8860b);color:#000;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-ver-ficha:hover{transform:translateY(-2px);box-shadow:0 4px 15px #cd7f3266}.ficha-readonly .ficha-field input,.ficha-readonly .ficha-field select{background:#0003;color:var(--text);cursor:default}.ficha-footer{padding:1rem;text-align:center;border-top:1px solid rgba(205,127,50,.2);margin-top:.5rem}.ficha-footer small{color:var(--text-muted);font-size:.8rem}@media (max-width: 768px){.ficha-row{flex-direction:column;gap:.5rem}.ficha-field.small,.ficha-field.large{flex:1}.ficha-filiacao{max-height:none}}.membros-card-form label{display:flex;flex-direction:column;gap:.4rem}.membros-card-form label span{font-size:.8rem;color:var(--text-muted)}.membros-card-form input,.membros-card-form select{padding:.75rem;background:#0006;border:1px solid rgba(205,127,50,.3);border-radius:8px;color:var(--text);font-size:.9rem}.membros-card-form input:focus,.membros-card-form select:focus{outline:none;border-color:var(--accent)}.membros-card-info{padding:.75rem;background:#0003;border-radius:8px;font-size:.85rem;color:var(--text-muted)}.membros-card-info p{margin:0}.membros-card-actions{display:flex;flex-direction:column;gap:.75rem}.membros-card-actions .btn{padding:.75rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.membros-card-actions .btn.primary{background:linear-gradient(135deg,var(--accent) 0%,#8b4513 100%);border:none;color:var(--text-dark)}.membros-card-actions .btn.outline-danger{background:transparent;border:1px solid #ef4444;color:#ef4444}.membros-card-actions .btn.outline-danger:hover{background:#ef4444;color:#fff}.membros-card-actions .btn.danger{background:#ef4444;border:none;color:#fff}.membros-card-actions .btn.secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text)}.delete-confirm{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px}.delete-confirm p{margin:0;color:#ef4444;font-size:.85rem}.delete-confirm div{display:flex;gap:.5rem}.membros-feedback{padding:.75rem;border-radius:8px;font-size:.85rem;text-align:center}.membros-feedback.success{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.4)}.membros-feedback.error{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.facial-content{padding:1.5rem}.facial-intro{text-align:center;margin-bottom:2rem}.facial-intro h2{font-size:1.3rem;color:var(--text);margin:0 0 .5rem;font-family:Cinzel,serif}.facial-intro p{color:var(--text-muted);font-size:.9rem;line-height:1.5;max-width:500px;margin:0 auto}.facial-upload{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:2rem}.facial-upload .btn.large{padding:1rem 2rem;font-size:1rem}.facial-confidence-control{width:100%;max-width:300px;padding:1rem;background:#0000004d;border-radius:12px;border:1px solid rgba(205,127,50,.2)}.facial-confidence-control label{display:flex;flex-direction:column;gap:.5rem}.facial-confidence-control label>span{text-align:center;color:#ffffffe6;font-size:.9rem}.facial-confidence-control label>span strong{color:var(--accent);font-size:1.1rem}.facial-confidence-control input[type=range]{width:100%;height:8px;border-radius:4px;background:linear-gradient(90deg,#22c55e,#eab308,#ef4444);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.facial-confidence-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 2px 6px #0000004d;cursor:pointer}.facial-confidence-control input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 2px 6px #0000004d;cursor:pointer}.confidence-hints{display:flex;justify-content:space-between;font-size:.75rem;color:#ffffff80;margin-top:.25rem}.facial-preview{display:flex;flex-direction:column;align-items:center;gap:1rem}.facial-image-container{width:100%;max-width:600px;border-radius:12px;overflow:hidden;border:2px solid rgba(205,127,50,.3);box-shadow:0 10px 40px #00000080}.facial-image,.facial-canvas{width:100%;height:auto;display:block}.facial-controls{display:flex;gap:1rem;justify-content:center}.facial-progress{padding:.75rem 1rem;background:#cd7f3226;border:1px solid rgba(205,127,50,.3);border-radius:8px;color:var(--accent);font-size:.9rem;text-align:center;max-width:600px}.facial-progress.error{background:#ef444426;border-color:#ef44444d;color:#ef4444}.facial-results{margin-top:2rem;display:flex;flex-direction:column;gap:2rem}.facial-section{background:linear-gradient(145deg,#0e0e0ef2,#1a1207fa);border:1px solid rgba(205,127,50,.3);border-radius:16px;padding:1.25rem;box-shadow:0 8px 30px #0006}.facial-section h3{font-size:1rem;color:var(--text);margin:0 0 1rem;font-family:Cinzel,serif}.facial-section.recognized h3{color:#22c55e}.facial-section.unrecognized h3{color:#eab308}.facial-section p{color:var(--text-muted);font-size:.85rem;margin:0 0 1rem}.facial-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.facial-match-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px}.match-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(180deg,#22c55e4d,#0c0c0cf2);border:2px solid #22c55e;display:flex;align-items:center;justify-content:center;font-size:1.3rem;overflow:hidden}.match-avatar img{width:100%;height:100%;object-fit:cover}.match-info{text-align:center}.match-info strong{display:block;color:var(--text);font-size:.85rem}.match-info span{font-size:.7rem;color:#22c55e}.facial-unrecognized-list{display:flex;flex-direction:column;gap:.75rem}.unrecognized-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:10px}.unrecognized-preview{width:60px;height:60px;border-radius:8px;overflow:hidden;border:2px solid #eab308;flex-shrink:0}.unrecognized-preview canvas{width:100%;height:100%;object-fit:cover}.unrecognized-label{font-size:.85rem;color:#eab308;font-weight:600;min-width:70px}.unrecognized-item select{flex:1;padding:.5rem;background:#0006;border:1px solid rgba(234,179,8,.3);border-radius:8px;color:var(--text);font-size:.85rem}@media (min-width: 768px){.membros-header h1{font-size:1.4rem}.membros-layout{flex-direction:row}.membros-sidebar{width:280px;min-width:280px;max-height:none;border-bottom:none;border-right:2px solid rgba(205,127,50,.2);overflow-y:auto}.membros-detail{flex:1;padding:1.5rem}.membros-card-header{flex-wrap:nowrap}.membros-card-actions{flex-direction:row}.facial-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.ficha-form.ficha-readonly{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.ficha-form.ficha-readonly .ficha-section:first-child{grid-column:1 / -1}}@media (min-width: 1200px){.membros-sidebar{width:300px;min-width:300px}.membros-detail{padding:2rem}.ficha-form.ficha-readonly{grid-template-columns:repeat(3,1fr)}.ficha-form.ficha-readonly .ficha-section:first-child{grid-column:1 / 3}.ficha-form.ficha-readonly .ficha-section:nth-child(2),.ficha-form.ficha-readonly .ficha-section:nth-child(4){grid-column:auto}}.styled-generator{background:#22c55e1a!important;border-color:#22c55e4d!important}.styled-generator h3{color:#22c55e}.styled-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.styled-input-group{display:flex;flex-direction:column;gap:.5rem}.styled-input-group label{font-size:.9rem;color:#fffc;font-weight:500}.styled-input-group input{padding:.75rem 1rem;background:#0006;border:1px solid rgba(34,197,94,.3);border-radius:10px;color:var(--text);font-size:1rem}.styled-input-group input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 2px #22c55e33}.styled-input-group input::placeholder{color:#fff6}.styled-actions{display:flex;gap:1rem;justify-content:flex-start}.styled-preview{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.styled-preview img{max-width:100%;border-radius:12px;border:2px solid rgba(34,197,94,.4);box-shadow:0 10px 40px #00000080}.styled-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.styled-buttons .btn{min-width:160px}.event-monitor-page{min-height:100vh;padding:1rem 1rem 2rem}.event-monitor-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.event-monitor-header h1{flex:1;font-size:1.3rem;color:var(--accent);margin:0}.event-monitor-content{display:flex;flex-direction:column;gap:1.5rem;max-width:900px;margin:0 auto}.monitor-section{background:#1e1e1ee6;border-radius:16px;padding:1.5rem;border:1px solid rgba(205,127,50,.2)}.monitor-section h2{font-size:1.1rem;color:var(--accent);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.event-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item .label{font-size:.8rem;color:#ffffff80;text-transform:uppercase}.info-item .value{font-size:1rem;color:var(--text);font-weight:500}.info-item .value.status-completed{color:#22c55e}.info-item .value.status-monitoring{color:#eab308}.info-item .value.status-pending{color:#fff9}.stat-card{background:#0000004d;border-radius:12px;padding:1rem;text-align:center;border:1px solid rgba(205,127,50,.2)}.stat-card.highlight{background:#22c55e1a;border-color:#22c55e4d}.stat-value{display:block;font-size:2rem;font-weight:700;color:var(--accent)}.stat-card.highlight .stat-value{color:#22c55e}.stat-label{font-size:.8rem;color:#fff9;margin-top:.25rem}.completions-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.completion-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.completion-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#22c55e33;display:flex;align-items:center;justify-content:center;flex-shrink:0}.completion-avatar img{width:100%;height:100%;object-fit:cover}.completion-avatar span{font-size:1rem;font-weight:600;color:#22c55e}.completion-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.completion-name{font-size:.9rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.completion-task{font-size:.75rem;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.completion-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;flex-shrink:0}.completion-date{font-size:.7rem;color:#fff6}.completion-time{font-size:.7rem;color:#ffffff80}.completion-xp{font-size:.75rem;font-weight:600;color:#22c55e;background:#22c55e26;padding:.15rem .4rem;border-radius:4px}.confidence-control{margin-bottom:1rem}.confidence-control label{display:flex;flex-direction:column;gap:.5rem}.confidence-control label>span{color:#fffc;font-size:.9rem}.confidence-control label>span strong{color:var(--accent)}.confidence-control input[type=range]{width:100%;max-width:300px}.processing-actions{margin-bottom:1rem}.processing-progress{padding:.75rem;background:#0000004d;border-radius:8px;color:var(--accent);font-size:.9rem}.attendance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.attendance-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:10px}.attendance-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(180deg,#22c55e4d,#0c0c0cf2);border:2px solid rgba(34,197,94,.5);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.attendance-avatar img{width:100%;height:100%;object-fit:cover}.attendance-avatar span{font-size:1.2rem}.attendance-info{display:flex;flex-direction:column;min-width:0}.attendance-info strong{font-size:.9rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attendance-info span{font-size:.75rem;color:#22c55e}.final-actions{margin-bottom:1rem}.final-preview{display:flex;flex-direction:column;align-items:center;gap:1rem}.final-preview img{max-width:100%;border-radius:12px;border:2px solid rgba(205,127,50,.4);box-shadow:0 10px 40px #00000080}.final-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}@media (min-width: 768px){.event-monitor-page{padding:2rem}.event-monitor-header h1{font-size:1.5rem}.stats-grid{grid-template-columns:repeat(4,1fr)}}.sala-de-aula-page{min-height:100vh;background:linear-gradient(180deg,#0d0d0d,#1a0f00,#0d0d0d);padding-bottom:3rem}.sala-header{background:linear-gradient(135deg,#cd7f3226,#8b45131a);border-bottom:1px solid rgba(205,127,50,.2);padding:1rem 1.5rem;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sala-header .back-button{background:transparent;border:1px solid rgba(205,127,50,.3);color:var(--accent);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;margin-bottom:1rem;transition:all .2s ease}.sala-header .back-button:hover{background:#cd7f321a;border-color:var(--accent)}.sala-header-content h1{font-family:Cinzel,serif;font-size:1.75rem;color:var(--accent);margin:0 0 .25rem}.sala-header-content p{color:var(--text-muted);font-size:.9rem;margin:0}.sala-header-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.sala-header-info p{margin:0}.sala-header-info .student-xp-badge{font-size:.75rem}.sala-header-info .student-xp-badge .xp-amount{font-size:.85rem}.sala-categories{padding:1rem 0;border-bottom:1px solid rgba(205,127,50,.1)}.categories-scroll{display:flex;gap:.75rem;overflow-x:auto;padding:0 1.5rem;scrollbar-width:none;-ms-overflow-style:none}.categories-scroll::-webkit-scrollbar{display:none}.category-chip{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#ffffff0d;border:1px solid rgba(205,127,50,.2);border-radius:999px;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all .2s ease;font-size:.85rem}.category-chip:hover{background:#cd7f321a;border-color:#cd7f3266;color:var(--text)}.category-chip.active{background:linear-gradient(135deg,var(--accent) 0%,#b8860b 100%);border-color:var(--accent);color:#1a1207;font-weight:600}.category-icon{font-size:1rem}.sala-lessons{padding:1.5rem}.sala-lessons h2{font-family:Cinzel,serif;font-size:1.25rem;color:var(--text);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.lesson-count{font-size:.85rem;color:var(--text-muted);font-weight:400}.lessons-grid{display:flex;flex-direction:column;gap:1rem}.lesson-card{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#ffffff08,#cd7f320d);border:1px solid rgba(205,127,50,.15);border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s ease}.lesson-card:hover{background:linear-gradient(135deg,#ffffff0d,#cd7f321a);border-color:#cd7f324d;transform:translate(4px)}.lesson-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#cd7f3233,#8b451333);border-radius:12px;font-size:1.5rem;flex-shrink:0}.lesson-content{flex:1;min-width:0}.lesson-content h3{font-size:1rem;color:var(--text);margin:0 0 .25rem;font-weight:600}.lesson-content p{font-size:.85rem;color:var(--text-muted);margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.lesson-duration{font-size:.75rem;color:var(--text-muted)}.lesson-level{font-size:.7rem;padding:.2rem .5rem;border-radius:4px;font-weight:500}.lesson-level.level-iniciante{background:#22c55e26;color:#86efac}.lesson-level.level-intermediario{background:#fbbf2426;color:#fde047}.lesson-level.level-avancado{background:#ef444426;color:#fca5a5}.lesson-level.level-aberturas,.lesson-level.level-taticas,.lesson-level.level-finais{background:#9333ea26;color:#c4b5fd}.lesson-play{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent) 0%,#b8860b 100%);border-radius:50%;color:#1a1207;font-size:.9rem;flex-shrink:0;transition:transform .2s ease}.lesson-card:hover .lesson-play{transform:scale(1.1)}.no-lessons{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.sala-coming-soon{padding:1.5rem;margin-top:1rem}.sala-coming-soon h2{font-family:Cinzel,serif;font-size:1.25rem;color:var(--text);margin:0 0 1rem}.coming-soon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.coming-soon-card{background:#ffffff05;border:1px dashed rgba(205,127,50,.2);border-radius:12px;padding:1.25rem;text-align:center}.coming-icon{font-size:2rem;display:block;margin-bottom:.75rem}.coming-soon-card h4{font-size:1rem;color:var(--text);margin:0 0 .5rem}.coming-soon-card p{font-size:.85rem;color:var(--text-muted);margin:0}.video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}.video-modal-content{width:100%;max-width:95vw;max-height:95vh;background:linear-gradient(135deg,#1a1207,#0d0d0d);border:1px solid rgba(205,127,50,.3);border-radius:16px;overflow:hidden;animation:slideUp .3s ease;display:flex;flex-direction:column}.video-modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;border:none;background:#000000b3;color:#fff;font-size:1.2rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.video-modal-close:hover{background:#ef4444e6;transform:scale(1.1)}.video-modal-header{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;border-bottom:1px solid rgba(205,127,50,.15)}.video-modal-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#cd7f3233,#8b451333);border-radius:12px;font-size:1.5rem;flex-shrink:0}.video-modal-header h3{font-size:1.1rem;color:var(--text);margin:0 0 .25rem;font-weight:600}.video-modal-header p{font-size:.85rem;color:var(--text-muted);margin:0}.video-modal-player{position:relative;width:100%;padding-top:56.25%;background:#000}.video-modal-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.audio-player-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;min-height:200px}.audio-player-container .audio-icon{font-size:4rem;margin-bottom:1rem}.audio-player-container .audio-label{color:var(--text-primary);font-size:1rem;margin:0}.audio-player-container .audio-opening{color:var(--gold);font-size:.9rem;margin:.5rem 0 0}.audio-player-container audio{max-width:100%}.lesson-card.recorded{border-left:3px solid #4ecdc4}.lesson-card.recorded .lesson-play{background:linear-gradient(135deg,#4ecdc4,#45b7aa)}.lesson-recorded-by{font-size:.75rem;color:#4ecdc4;margin-left:.5rem}.video-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-top:1px solid rgba(205,127,50,.15)}.video-duration{font-size:.85rem;color:var(--text-muted)}.video-level{font-size:.75rem;padding:.3rem .75rem;border-radius:999px;font-weight:500}.video-level.level-iniciante{background:#22c55e26;color:#86efac}.video-level.level-intermediario{background:#fbbf2426;color:#fde047}.video-level.level-avancado{background:#ef444426;color:#fca5a5}.video-level.level-aberturas,.video-level.level-taticas,.video-level.level-finais{background:#9333ea26;color:#c4b5fd}.lesson-card.deletable{position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none}.lesson-card.deletable:active{transform:scale(.98);transition:transform .1s ease}.lesson-card.admin-editable{position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation}.lesson-card.admin-editable:active{transform:scale(.98);transition:transform .1s ease}.lesson-admin-hint{font-size:.7rem;color:var(--primary-color);opacity:.7;display:block;margin-top:4px}.edit-modal{max-width:500px}.edit-modal-header{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-bottom:1px solid rgba(205,127,50,.15)}.edit-modal-icon{font-size:1.75rem}.edit-modal-header h3{margin:0;font-size:1.25rem;color:var(--primary-color)}.edit-modal-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.edit-field{display:flex;flex-direction:column;gap:.5rem}.edit-field label{font-size:.9rem;color:var(--text-muted);font-weight:500}.edit-field input,.edit-field textarea{background:#0000004d;border:1px solid rgba(205,127,50,.2);border-radius:8px;padding:.75rem 1rem;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .2s}.edit-field input:focus,.edit-field textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #cd7f321a}.edit-field textarea{resize:vertical;min-height:80px}.edit-modal-footer{display:flex;justify-content:space-between;padding:1rem 1.25rem;border-top:1px solid rgba(205,127,50,.15);gap:1rem}.edit-btn{flex:1;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.edit-btn.delete-btn{background:#ef444426;color:#ef4444}.edit-btn.delete-btn:hover{background:#ef444440}.edit-btn.save-btn{background:linear-gradient(135deg,var(--primary-color),#e6a555);color:var(--bg-primary)}.edit-btn.save-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #cd7f324d}.share-section{margin-bottom:1rem}.share-section label{display:block;margin-bottom:.5rem;color:#fffc;font-size:.9rem}.share-link-container{display:flex;gap:.5rem;align-items:center}.share-link-input{flex:1;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.85rem;font-family:monospace;cursor:pointer;transition:all .2s}.share-link-input:focus{outline:none;border-color:var(--primary-color);background:#ffffff14}.share-btn{width:44px;height:44px;border:none;border-radius:8px;background:#ffffff1a;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.share-btn:hover{background:#fff3;transform:scale(1.05)}.share-btn.copy-btn.copied{background:#22c55e4d;color:#22c55e}.share-btn.share-external-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)}.share-btn.share-external-btn:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.share-btn.download-btn{background:linear-gradient(135deg,#22c55e,#16a34a)}.share-btn.download-btn:hover{background:linear-gradient(135deg,#4ade80,#22c55e)}.share-btn.download-btn:disabled{opacity:.7;cursor:wait}.link-copied-msg{display:block;margin-top:.5rem;color:#22c55e;font-size:.8rem;animation:fadeIn .3s ease}.edit-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);margin:1rem 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.sala-header{padding:1rem}.sala-header-content h1{font-size:1.5rem}.sala-lessons,.sala-coming-soon{padding:1rem}.lesson-card{padding:.875rem}.lesson-icon{width:44px;height:44px;font-size:1.25rem}.lesson-play{width:36px;height:36px}.video-modal-overlay{padding:0;align-items:center;justify-content:center}.video-modal-content{max-width:100%;width:100%;height:100%;max-height:100vh;border-radius:0;overflow-y:auto;display:flex;flex-direction:column}.video-modal-content .video-modal-player{flex:1;padding-top:0;display:flex;align-items:center;justify-content:center;min-height:0}.video-modal-content .video-modal-player video{width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important}.video-modal-content .recorded-player-container{width:100%!important;height:100%!important}.video-fullscreen-container:fullscreen{width:100vw!important;height:100vh!important;background:#000!important}.video-fullscreen-container:fullscreen video{width:100%!important;height:100%!important;object-fit:contain!important}.video-fullscreen-container:-webkit-full-screen{width:100vw!important;height:100vh!important;background:#000!important}.video-fullscreen-container:-webkit-full-screen video{width:100%!important;height:100%!important;object-fit:contain!important}.video-modal-close{top:.75rem;right:.75rem;width:36px;height:36px}.video-modal-header{padding:1rem;flex-shrink:0}.video-modal-footer{flex-shrink:0}.video-modal-icon{width:40px;height:40px;font-size:1.25rem}.video-modal-header h3{font-size:1rem}}.coming-soon-card.interactive{cursor:pointer;text-decoration:none;transition:all .3s ease;border:2px solid rgba(205,127,50,.3)}.coming-soon-card.interactive:hover{transform:translateY(-4px);border-color:#cd7f3299;background:linear-gradient(135deg,#cd7f3226,#8b45131a)}.sala-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;color:var(--text-muted)}.sala-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;text-align:center;padding:2rem}.sala-access-denied .denied-icon{font-size:4rem}.sala-access-denied h2{font-family:Cinzel,serif;color:var(--text);margin:0}.sala-access-denied p{color:var(--text-muted);margin:0}.sala-access-denied .denied-subtext{font-size:.9rem;color:var(--text-muted);opacity:.7}.back-home-btn{background:linear-gradient(135deg,var(--accent) 0%,#b8860b 100%);color:#1a1207;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;margin-top:1rem}.sala-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.config-btn{background:#cd7f3226;border:1px solid rgba(205,127,50,.3);color:var(--accent);width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:all .2s ease;margin-left:auto}.config-btn:hover{background:#cd7f3240;transform:rotate(90deg)}.sala-my-study{padding:1.5rem;border-bottom:1px solid rgba(205,127,50,.1)}.my-study-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.my-study-title-row{display:flex;align-items:center;gap:.5rem}.study-config-btn{background:#cd7f3226;border:1px solid rgba(205,127,50,.3);color:var(--accent);width:32px;height:32px;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.study-config-btn:hover{background:#cd7f3240;transform:rotate(45deg)}.study-config-btn.has-pending{background:#fbbf2433;border-color:#fbbf2480;animation:pendingPulse 2s ease infinite}@keyframes pendingPulse{0%,to{opacity:1}50%{opacity:.6}}.sala-my-study h2{font-family:Cinzel,serif;font-size:1.1rem;color:var(--text);margin:0}.study-total-progress{display:flex;flex-direction:column;align-items:flex-end}.study-total-progress .progress-value{font-size:1.4rem;font-weight:700;color:var(--accent);line-height:1}.study-total-progress .progress-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.my-study-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.study-card{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#ffffff08,#cd7f3214);border:1px solid rgba(205,127,50,.2);border-radius:12px;padding:.875rem;text-decoration:none;color:inherit;transition:all .2s ease}.study-card.clickable{cursor:pointer}.study-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 15px #cd7f3233;border-color:#cd7f3266}.study-card.clickable:active{transform:translateY(0)}.study-card.opening{border-left:3px solid #fbbf24}.study-card.defense{border-left:3px solid #a78bfa}.study-icon{font-size:1.75rem}.study-info{display:flex;flex-direction:column;min-width:0}.study-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.study-name{font-size:.9rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.5rem}.study-progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:.25rem}.study-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#fbbf24);border-radius:2px;transition:width .5s ease}.study-card.defense .study-progress-fill{background:linear-gradient(90deg,#a78bfa,#c4b5fd)}.study-progress-text{font-size:.7rem;color:var(--text-muted)}.sala-setup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.sala-setup-modal{width:100%;max-width:500px;background:linear-gradient(135deg,#1a1207,#0d0d0d);border:1px solid rgba(205,127,50,.3);border-radius:20px;overflow:hidden;animation:slideUp .3s ease}.setup-header{text-align:center;padding:2rem 1.5rem 1.5rem;background:linear-gradient(135deg,rgba(205,127,50,.15) 0%,transparent 100%)}.setup-icon{font-size:3rem;display:block;margin-bottom:1rem}.setup-header h2{font-family:Cinzel,serif;font-size:1.5rem;color:var(--accent);margin:0 0 .5rem}.setup-header p{color:var(--text-muted);font-size:.9rem;margin:0}.setup-progress{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(205,127,50,.15)}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.25rem}.progress-step span{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0d;border:2px solid rgba(205,127,50,.3);color:var(--text-muted);font-weight:600;font-size:.9rem;transition:all .3s ease}.progress-step.active span{background:linear-gradient(135deg,var(--accent) 0%,#b8860b 100%);border-color:var(--accent);color:#1a1207}.progress-step p{font-size:.75rem;color:var(--text-muted);margin:0}.progress-step.active p{color:var(--accent)}.progress-line{width:40px;height:2px;background:#cd7f324d;margin-bottom:1rem}.setup-content{padding:1.5rem}.setup-content h3{font-size:1.1rem;color:var(--text);margin:0 0 .5rem;text-align:center}.setup-hint{font-size:.85rem;color:var(--text-muted);text-align:center;margin:0 0 1.25rem}.setup-options-grid{display:grid;grid-template-columns:1fr;gap:.75rem;max-height:300px;overflow-y:auto;margin-bottom:1.5rem;padding-right:.5rem}.setup-option{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border:2px solid rgba(205,127,50,.2);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.setup-option:hover{background:#cd7f321a;border-color:#cd7f3266}.setup-option.selected{background:linear-gradient(135deg,#cd7f3233,#8b451326);border-color:var(--accent);box-shadow:0 0 20px #cd7f3233}.option-icon{font-size:1.75rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:10px}.option-name{flex:1;font-size:1rem;font-weight:600;color:var(--text)}.option-variants{font-size:.75rem;color:var(--text-muted);background:#ffffff0d;padding:.25rem .5rem;border-radius:4px}.setup-actions{display:flex;gap:1rem;justify-content:flex-end}.setup-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem}.setup-btn.secondary{background:transparent;border:1px solid rgba(205,127,50,.3);color:var(--text-muted)}.setup-btn.secondary:hover{border-color:#cd7f3280;color:var(--text)}.setup-btn.primary{background:linear-gradient(135deg,var(--accent) 0%,#b8860b 100%);border:none;color:#1a1207}.setup-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #cd7f324d}.setup-btn.primary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.my-study-cards{grid-template-columns:1fr}.setup-header{padding:1.5rem 1rem 1rem}.setup-header h2{font-size:1.25rem}.setup-content{padding:1rem}.setup-options-grid{max-height:250px}.setup-actions{flex-direction:column}.setup-btn{width:100%;text-align:center}}.exercicios-page{min-height:100vh;background:linear-gradient(135deg,#0d0d0d,#1a1207,#0d0d0d);padding-bottom:2rem}.exercicios-header{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,rgba(205,127,50,.1) 0%,transparent 100%);border-bottom:1px solid rgba(205,127,50,.2)}.exercicios-header .header-left-section{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.exercicios-header .back-button{background:#0000004d;border:1px solid rgba(205,127,50,.3);color:var(--accent);padding:.5rem 1rem;border-radius:8px;font-size:.9rem;cursor:pointer;text-decoration:none;transition:all .2s ease}.exercicios-header .back-button:hover{background:#cd7f3233}.btn-record-lesson{display:flex;align-items:center;gap:4px;background:#0006;border:1px solid rgba(255,255,255,.15);color:#888;padding:4px 10px;border-radius:12px;font-size:.7rem;cursor:pointer;transition:all .2s ease}.btn-record-lesson .rec-icon{font-size:8px;color:#666}.btn-record-lesson .rec-label{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.btn-record-lesson:hover{background:#ef444433;border-color:#ef444466;color:#ef4444}.btn-record-lesson:hover .rec-icon{color:#ef4444}.btn-record-lesson.recording{background:#ef4444e6;border-color:#ef4444;color:#fff;animation:pulse-record 1.5s infinite}.btn-record-lesson.recording .rec-icon{color:#fff}.exercicios-header-right{display:flex;align-items:center;gap:.5rem;margin-left:auto}.student-xp-badge.small{padding:.2rem .5rem;font-size:.7rem}.student-xp-badge.small .xp-icon,.student-xp-badge.small .xp-amount{font-size:.75rem}.student-xp-badge.small .xp-text{font-size:.6rem}.daily-task-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;font-size:.75rem;font-weight:700;padding:.4rem .8rem;border-radius:999px;margin-left:auto;animation:pulse-glow 2s ease-in-out infinite;box-shadow:0 0 15px #f59e0b66;white-space:nowrap}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #f59e0b66}50%{box-shadow:0 0 25px #f59e0b99}}.exercicios-title{display:flex;align-items:center;gap:.75rem}.exercicios-icon{font-size:2rem}.exercicios-title h1{font-size:1.25rem;color:var(--text);margin:0}.exercicios-title p{font-size:.8rem;color:var(--text-muted);margin:0}.puzzle-info{padding:1rem;text-align:center}.puzzle-header{display:flex;justify-content:center;gap:.5rem;margin-bottom:.5rem}.puzzle-difficulty{font-size:.75rem;padding:.25rem .75rem;border-radius:999px;font-weight:600;text-transform:uppercase}.puzzle-difficulty.iniciante{background:#22c55e26;color:#86efac}.puzzle-difficulty.intermediário,.puzzle-difficulty.intermediario{background:#fbbf2426;color:#fde047}.puzzle-difficulty.avançado,.puzzle-difficulty.avancado{background:#ef444426;color:#fca5a5}.puzzle-category{font-size:.75rem;padding:.25rem .75rem;border-radius:999px;background:#9333ea26;color:#c4b5fd}.puzzle-info h2{font-size:1.25rem;color:var(--text);margin:.5rem 0 .25rem}.puzzle-info p{font-size:.9rem;color:var(--text-muted);margin:0}.board-container{width:100%;padding:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.captured-pieces{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;min-height:28px;padding:4px 8px;gap:2px;width:100%;max-width:calc(100vw - 1rem)}.captured-pieces.captured-black{margin-bottom:4px}.captured-pieces.captured-white{margin-top:4px}.captured-piece{font-size:1.4rem;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.5)}.captured-piece.black{color:#1a1a1a;text-shadow:-1px -1px 0 #555,1px -1px 0 #555,-1px 1px 0 #555,1px 1px 0 #555,0 0 4px rgba(0,0,0,.8)}.captured-piece.white{color:#fff;text-shadow:-1px -1px 0 #333,1px -1px 0 #333,-1px 1px 0 #333,1px 1px 0 #333,0 0 4px rgba(0,0,0,.5)}.skip-move-container{display:flex;justify-content:center;padding:12px 16px;margin-top:8px}.skip-move-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:16px;padding:8px 16px;font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;box-shadow:0 2px 6px #3b82f64d;transition:all .2s ease}.skip-move-btn:hover{transform:translateY(-1px);box-shadow:0 3px 8px #3b82f666}.skip-move-btn:active{transform:scale(.95)}.chessboard-wrapper{width:100%!important;max-width:calc(100vw - 1rem)!important}.board-loading{width:100%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000004d;border-radius:8px;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid rgba(205,127,50,.2);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.loading-fullscreen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#1a1a2e}.loading-spinner-center{width:50px;height:50px;border:4px solid rgba(205,127,50,.2);border-top-color:#d4a853;border-radius:50%;animation:spin 1s linear infinite}.board-loading p{color:var(--text-muted);font-size:.9rem}.puzzle-status{text-align:center;padding:.75rem 1rem;margin:.5rem 1rem;background:#0000004d;border:1px solid rgba(205,127,50,.2);border-radius:8px;color:var(--text);font-size:1rem}.puzzle-status.success{background:#22c55e26;border-color:#22c55e4d;color:#86efac}.move-history{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;margin:0 1rem;background:#0003;border-radius:8px;font-size:.9rem;color:var(--text-muted)}.move-history .move{background:#cd7f3233;padding:.25rem .5rem;border-radius:4px;color:var(--accent);font-family:monospace}.puzzle-hint{padding:.75rem 1rem;margin:.5rem 1rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;color:#fde047;font-size:.9rem}.puzzle-controls{display:flex;gap:.5rem;padding:.5rem 1rem;justify-content:center}.control-btn{flex:1;max-width:150px;padding:.75rem 1rem;border:1px solid rgba(205,127,50,.3);background:#0000004d;color:var(--text);border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.control-btn:hover{background:#cd7f3233;border-color:#cd7f3280}.control-btn.hint-btn{background:#fbbf241a;border-color:#fbbf244d}.control-btn.hint-btn:hover{background:#fbbf2433}.puzzle-navigation{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem}.nav-btn{padding:.5rem 1rem;background:#cd7f3233;border:1px solid rgba(205,127,50,.3);color:var(--accent);border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.nav-btn:hover:not(:disabled){background:#cd7f324d}.puzzle-counter{color:var(--text-muted);font-size:.9rem}.puzzles-list{padding:1rem}.puzzles-list h3{font-size:1rem;color:var(--text);margin:0 0 .75rem}.puzzles-grid{display:flex;flex-direction:column;gap:.5rem}.puzzle-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#0000004d;border:1px solid rgba(205,127,50,.15);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.puzzle-item:hover{background:#cd7f321a;border-color:#cd7f324d}.puzzle-item.active{background:#cd7f3233;border-color:#cd7f3280}.puzzle-item.solved{border-color:#22c55e4d}.puzzle-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#cd7f3233;border-radius:50%;font-size:.8rem;color:var(--accent);font-weight:600}.puzzle-item.solved .puzzle-number{background:#22c55e33;color:#86efac}.puzzle-name{flex:1;font-size:.9rem;color:var(--text)}.solved-check{color:#86efac;font-size:1rem}#chessboard{width:100%!important;touch-action:none}#chessboard .board-b72b1{border:2px solid rgba(205,127,50,.5)!important;border-radius:4px!important}#chessboard .piece-417db{cursor:grab;touch-action:none}#chessboard .piece-417db:active{cursor:grabbing}.board-container{touch-action:none;-webkit-user-select:none;user-select:none}.chessboard-wrapper{touch-action:none}#chessboard .sq-selected,.chessboard-wrapper .sq-selected{box-shadow:inset 0 0 0 4px #d4a853!important}#chessboard .sq-possible,.chessboard-wrapper .sq-possible{background-image:radial-gradient(circle,rgba(212,168,83,.5) 25%,transparent 25%)!important;cursor:pointer!important}#chessboard .square-55d63,.chessboard-wrapper .square-55d63{cursor:pointer}.error-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.error-message{background:linear-gradient(135deg,#1a0a0a,#2d0d0d);border:2px solid #ef4444;border-radius:16px;padding:2rem;text-align:center;max-width:90%}.error-message p{font-size:1.2rem;color:#fca5a5;margin:0 0 .5rem}.error-message small{color:var(--text-muted);font-size:.9rem}.progress-container{display:flex;align-items:center;gap:12px;padding:.5rem 1.5rem;margin:0 auto;max-width:400px}.progress-bar-wrapper{flex:1;height:8px;background:#0006;border-radius:4px;overflow:hidden;border:1px solid rgba(205,127,50,.2)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent));border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px #cd7f3280}.progress-percentage{font-size:1rem;font-weight:700;color:var(--accent);min-width:45px;text-align:right}.move-progress{display:flex;justify-content:center;gap:.5rem;padding:.75rem 1rem;flex-wrap:wrap}.move-dot{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8rem;font-weight:600;background:#0000004d;border:2px solid rgba(205,127,50,.3);color:var(--text-muted);transition:all .3s ease}.move-dot.done{background:#22c55e33;border-color:#22c55e;color:#86efac}.move-dot.current{background:#cd7f324d;border-color:var(--accent);color:var(--accent);transform:scale(1.1)}.variant-selector{padding:1rem;border-top:1px solid rgba(205,127,50,.15)}.variant-selector h3{font-size:1rem;color:var(--text);margin:0 0 .75rem}.variants-grid{display:flex;flex-direction:column;gap:.5rem}.variant-btn{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#0000004d;border:1px solid rgba(205,127,50,.15);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.variant-btn:hover{background:#cd7f321a;border-color:#cd7f324d}.variant-btn.active{background:#cd7f3233;border-color:#cd7f3280}.variant-btn.completed{border-color:#22c55e4d}.variant-btn .variant-name{font-size:.9rem;color:var(--text)}.variant-btn .completed-check{color:#86efac;font-weight:700}.opening-icon{font-size:1.5rem;margin-right:.5rem}.variant-progress{font-size:.75rem;color:var(--text-muted);background:#0000004d;padding:.2rem .5rem;border-radius:4px}.puzzle-info.clickable{cursor:pointer;transition:all .2s ease}.puzzle-info.clickable:hover{background:#cd7f3226}.puzzle-info .change-btn{font-size:.75rem;color:var(--bronze);margin-left:auto;opacity:.7}.puzzle-info.clickable:hover .change-btn{opacity:1}.control-btn.select-btn{background:#3b82f633;border-color:#3b82f666}.control-btn.select-btn:hover{background:#3b82f64d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.modal-content{background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid rgba(205,127,50,.3);border-radius:16px;width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease;box-shadow:0 20px 60px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(205,127,50,.2)}.modal-header h2{font-size:1.25rem;color:var(--text);margin:0}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s}.modal-close:hover{color:var(--text)}.modal-tabs{display:flex;border-bottom:1px solid rgba(205,127,50,.15)}.modal-tab{flex:1;padding:.75rem 1rem;background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.modal-tab:hover{color:var(--text);background:#cd7f320d}.modal-tab.active{color:var(--bronze);border-bottom-color:var(--bronze)}.modal-body{padding:1rem;overflow-y:auto;flex:1}.modal-grid{display:flex;flex-direction:column;gap:.75rem}.modal-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#0000004d;border:1px solid rgba(205,127,50,.15);border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.modal-item:hover{background:#cd7f321a;border-color:#cd7f324d;transform:translate(4px)}.modal-item.active{background:#cd7f3233;border-color:#cd7f3280}.modal-item.solved,.modal-item.completed{border-color:#22c55e66}.modal-item.completed .modal-item-icon{color:#86efac}.modal-item-icon{font-size:1.5rem;min-width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:8px}.modal-item.variant .modal-item-icon{font-size:1rem;font-weight:700;color:var(--text-muted)}.modal-item-info{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.modal-item-name{font-size:.95rem;font-weight:500;color:var(--text)}.modal-item-desc{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-item-progress{font-size:.75rem;color:var(--text-muted);background:#0006;padding:.3rem .6rem;border-radius:6px;font-weight:500}.modal-item.solved .modal-item-progress{background:#22c55e33;color:#86efac}.valendo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease;border-radius:8px}.valendo-text{display:flex;align-items:center;gap:.75rem;animation:pulseScale .5s ease infinite alternate}.valendo-text span:nth-child(2){font-size:2.5rem;font-weight:900;color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.8),0 0 40px rgba(251,191,36,.5),0 0 60px rgba(251,191,36,.3);letter-spacing:4px}.valendo-text span:first-child,.valendo-text span:last-child{font-size:2rem;animation:fireFlicker .3s ease infinite alternate}@keyframes pulseScale{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes fireFlicker{0%{transform:rotate(-5deg) scale(1);opacity:1}to{transform:rotate(5deg) scale(1.1);opacity:.8}}.valendo-overlay p{margin-top:1rem;color:#ffffffb3;font-size:1rem;animation:fadeInUp .5s ease .3s both}.xp-gain-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9998;pointer-events:none;animation:xpGainAppear 1.5s ease forwards}.xp-gain-content{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);padding:.75rem 1.5rem;border-radius:2rem;box-shadow:0 8px 32px #fbbf2480}.xp-gain-icon{font-size:1.5rem;animation:xpIconPulse .5s ease infinite alternate}.xp-gain-text{font-size:1.5rem;font-weight:800;color:#1c1917;text-shadow:none}@keyframes xpGainAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}40%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-60%) scale(1)}to{opacity:0;transform:translate(-50%,-80%) scale(.8)}}@keyframes xpIconPulse{0%{transform:scale(1)}to{transform:scale(1.2)}}.task-complete-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.task-complete-content{display:flex;flex-direction:column;align-items:center;gap:1rem;animation:taskBounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}.task-complete-icon{font-size:5rem;animation:taskIconPulse .8s ease infinite}.task-complete-title{font-size:2.5rem;font-weight:900;color:#4ade80;text-shadow:0 0 20px rgba(74,222,128,.8),0 0 40px rgba(74,222,128,.5),0 0 60px rgba(74,222,128,.3);letter-spacing:3px;animation:taskTitleGlow 1s ease infinite alternate}.task-complete-xp{display:flex;align-items:baseline;gap:.25rem;margin-top:1rem;animation:xpCountUp .8s ease .3s both}.task-complete-xp .xp-plus{font-size:2.5rem;font-weight:900;color:#fbbf24}.task-complete-xp .xp-value{font-size:5rem;font-weight:900;color:#fbbf24;text-shadow:0 0 30px rgba(251,191,36,.9),0 0 50px rgba(251,191,36,.6);animation:xpPulse .5s ease infinite alternate}.task-complete-xp .xp-label{font-size:2rem;font-weight:700;color:#fbbf24;margin-left:.5rem}.task-complete-stars{font-size:2rem;margin-top:.5rem;animation:starsAppear .5s ease .6s both}@keyframes taskBounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes taskIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes taskTitleGlow{0%{text-shadow:0 0 20px rgba(74,222,128,.8),0 0 40px rgba(74,222,128,.5)}to{text-shadow:0 0 30px rgba(74,222,128,1),0 0 60px rgba(74,222,128,.8),0 0 80px rgba(74,222,128,.5)}}@keyframes xpCountUp{0%{opacity:0;transform:translateY(30px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes xpPulse{0%{transform:scale(1)}to{transform:scale(1.08)}}@keyframes starsAppear{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.confetti{position:absolute;width:10px;height:10px;top:-10px;opacity:0;animation:confettiFall 4s ease-out forwards}.confetti:nth-child(odd){width:8px;height:14px;border-radius:2px}.confetti:nth-child(2n){width:12px;height:12px;border-radius:50%}@keyframes confettiFall{0%{opacity:1;top:-10px;transform:translate(0) rotate(0)}to{opacity:0;top:100%;transform:translate(calc(-50px + 100px * var(--random, .5))) rotate(720deg)}}.task-complete-subtitle.success{font-size:1.1rem;color:#86efac;margin-top:.5rem;animation:fadeInUp .5s ease .4s both}.task-complete-message{font-size:.9rem;color:#ffffffb3;margin-top:1rem;animation:fadeInUp .5s ease .8s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.task-complete-content.already-completed{background:linear-gradient(180deg,#1e40aff2,#1d4ed8fa);border:3px solid #60a5fa;box-shadow:0 0 40px #60a5fa66,0 0 80px #3b82f633,inset 0 0 30px #60a5fa1a}.task-complete-content.already-completed .task-complete-icon{font-size:4rem;filter:none;animation:none}.task-complete-content.already-completed .task-complete-title{font-size:1.6rem;background:linear-gradient(180deg,#93c5fd,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:none}.task-complete-subtitle{font-size:1rem;color:#bfdbfe;margin-top:.5rem;opacity:.9;text-align:center;max-width:280px}.task-complete-xp.earned{display:flex;align-items:center;gap:.5rem;background:#4ade8026;border:2px solid rgba(74,222,128,.4);padding:.75rem 1.5rem;border-radius:12px;margin-top:1rem}.task-complete-xp.earned .xp-check{color:#4ade80;font-size:1.2rem;font-weight:700}.task-complete-xp.earned .xp-earned-text{color:#86efac;font-size:1.1rem;font-weight:600}.task-complete-xp.earned .xp-label{color:#93c5fd;font-size:1rem;font-weight:600}.task-complete-hint{font-size:.85rem;color:#bfdbfeb3;margin-top:1rem;text-align:center}.close-modal-btn{margin-top:1.5rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #60a5fa;border-radius:12px;cursor:pointer;transition:all .3s ease}.close-modal-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:scale(1.05);box-shadow:0 4px 20px #3b82f666}.phase-indicator{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;margin:0 1rem .5rem;transition:all .3s ease}.phase-indicator.learning{background:linear-gradient(135deg,#3b82f633,#2563eb4d);border:1px solid rgba(59,130,246,.4);color:#93c5fd}.phase-indicator.challenge{background:linear-gradient(135deg,#fbbf2433,#f59e0b4d);border:1px solid rgba(251,191,36,.5);color:#fcd34d;animation:glowPulse 2s ease infinite;gap:.75rem}.phase-indicator .timer{background:#0000004d;padding:.25rem .5rem;border-radius:8px;font-family:Courier New,monospace;font-weight:700;min-width:50px;text-align:center}.phase-indicator .timer.warning{color:#fbbf24;animation:timerPulse .5s ease infinite}.phase-indicator .timer.critical{color:#ef4444;animation:timerCritical .3s ease infinite}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes timerCritical{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes glowPulse{0%,to{box-shadow:0 0 10px #fbbf244d}50%{box-shadow:0 0 20px #fbbf2480}}.board-container{position:relative}.exercicios-title.clickable{cursor:pointer;padding:.5rem;margin:-.5rem;border-radius:8px;transition:background .2s ease}.exercicios-title.clickable:hover{background:#cd7f321a}.exercicios-title .dropdown-arrow{font-size:.7rem;opacity:.6;margin-left:.25rem;transition:transform .2s ease}.exercicios-title.clickable:hover .dropdown-arrow{opacity:1;transform:translateY(2px)}.notify-roles-modal{max-width:420px;width:90%}.notify-roles-modal h3{margin:0 0 .5rem;font-size:1.25rem}.notify-event-name{color:var(--primary);font-weight:600;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.notify-roles-section{margin-bottom:1.5rem}.notify-roles-label{display:block;font-size:.9rem;color:var(--text-muted);margin-bottom:.75rem}.notify-roles-options{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;padding-right:.5rem}.notify-role-checkbox{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:8px;cursor:pointer;transition:background-color .15s ease}.notify-role-checkbox:hover{background:var(--bg-tertiary)}.notify-role-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.notify-role-checkbox span{font-size:.95rem}.notify-role-all{font-weight:600;color:var(--primary)}.notify-roles-divider{height:1px;background:var(--border-color);margin:.5rem 0}.notify-roles-modal .modal-footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.notify-roles-modal .btn.primary:disabled{opacity:.5;cursor:not-allowed}.pending-modal{max-width:420px;width:90%}.pending-modal h3{margin:0 0 1.5rem;font-size:1.25rem;color:#f59e0b}.pending-list{margin-bottom:1.5rem}.pending-intro{color:var(--text-muted);margin:0 0 1rem;font-size:.95rem}.pending-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.pending-list li{padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#fca5a5;font-size:.95rem}.pending-complete{color:#4ade80!important;font-weight:600;margin:0 0 .5rem}.pending-note{color:var(--text-muted);font-size:.9rem;margin:0}.filiation-number.clickable:hover{opacity:.8;text-decoration:underline}.tarefas-main{padding:1rem;max-width:900px;margin:0 auto}.tarefas-section{background:var(--card-bg);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border-color)}.tarefas-section h2{margin:0 0 1rem;font-size:1.2rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.tarefas-form{display:flex;flex-direction:column;gap:1rem}.tarefas-form .form-group{display:flex;flex-direction:column;gap:.5rem}.tarefas-form label{font-weight:600;color:var(--text-secondary);font-size:.9rem}.tarefas-form select,.tarefas-form input{padding:.75rem 1rem;border-radius:10px;border:1px solid var(--border-color);background:#1a1a2e;color:#fff;font-size:1rem}.tarefas-form select option{background:#1a1a2e;color:#fff;padding:.5rem}.tarefas-form select:focus,.tarefas-form input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3b82f633}.roles-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.role-checkbox{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;font-size:.85rem;color:#fff;transition:all .2s ease}.role-checkbox:hover{background:#ffffff1a}.role-checkbox.selected{background:#3b82f64d;border-color:#3b82f6}.role-checkbox input[type=checkbox]{accent-color:#3b82f6}.no-roles{color:#888;font-style:italic;font-size:.9rem}.tarefas-buttons{display:flex;gap:1rem;margin-top:.5rem}.btn-test{flex:1;padding:.875rem 1.5rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.btn-test:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.btn-send-all{flex:1;padding:.875rem 1.5rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.btn-send-all:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.btn-test:disabled,.btn-send-all:disabled{opacity:.6;cursor:not-allowed;transform:none}.tarefas-table-container{overflow-x:auto;margin:0 -1rem;padding:0 1rem}.tarefas-table{width:100%;border-collapse:collapse;font-size:.9rem}.tarefas-table th,.tarefas-table td{padding:.75rem .5rem;text-align:left;border-bottom:1px solid var(--border-color)}.tarefas-table th{font-weight:600;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.tarefas-table td{color:var(--text-primary)}.tarefas-table tbody tr:hover{background:#ffffff05}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.status-badge.pending{background:#fbbf2426;color:#fbbf24}.status-badge.completed{background:#22c55e26;color:#22c55e}.status-badge.expired{background:#ef444426;color:#ef4444}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width: 600px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;padding:1rem;text-align:center}.stat-value{font-size:2rem;font-weight:700;color:var(--accent-color);line-height:1}.stat-label{font-size:.8rem;color:var(--text-muted);margin-top:.5rem}.no-data{color:var(--text-muted);text-align:center;padding:2rem;font-style:italic}.back-button{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.back-button:hover{background:#ffffff0d;border-color:var(--accent-color)}.automation-config-form{display:flex;flex-direction:column;gap:1rem}.config-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.config-row label{color:var(--text-secondary);min-width:140px}.config-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer}.config-toggle input[type=checkbox]{width:20px;height:20px;cursor:pointer}.time-inputs{display:flex;align-items:center;gap:.5rem}.time-input{width:60px;padding:.5rem;border-radius:8px;border:1px solid var(--border-color);background:#ffffff0d;color:var(--text-primary);text-align:center;font-size:1.1rem;font-weight:600}.time-input:focus{outline:none;border-color:var(--accent-color)}.time-inputs span{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.btn-save-config{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem;align-self:flex-start}.btn-save-config:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-save-config:disabled{opacity:.6;cursor:not-allowed;transform:none}.professor-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;gap:1rem}.header-clock{background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid rgba(99,102,241,.3);padding:.5rem 1rem;border-radius:12px;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:600;color:#a855f7;letter-spacing:1px}.header-spacer{width:80px}.professor-title{text-align:center;font-size:1.5rem;margin:0 0 1rem;color:var(--text-primary)}.config-links{padding:.5rem 1rem!important;display:flex;flex-wrap:wrap;gap:12px}.config-buttons{display:flex;gap:1rem;flex-wrap:wrap}.config-link-btn{background:linear-gradient(135deg,#6366f126,#a855f726);border:1px solid rgba(99,102,241,.3);color:var(--text-primary);padding:.75rem 1.25rem;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.95rem}.config-link-btn:hover{background:linear-gradient(135deg,#6366f140,#a855f740);transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.config-link-btn.has-notification{position:relative}.config-link-btn .notification-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.75rem;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px;animation:pulse 2s infinite;box-shadow:0 2px 8px #ef444480}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulse-record{0%,to{box-shadow:0 0 #ef4444b3;transform:scale(1)}50%{box-shadow:0 0 0 8px #ef444400;transform:scale(1.05)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-content.openings-modal{max-width:600px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:1.2rem;color:var(--text-primary)}.modal-close{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid var(--border-color)}.btn-cancel{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:.6rem 1.25rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#ffffff0d}.openings-body{display:flex;flex-direction:column;gap:1.5rem}.opening-form{background:#ffffff08;padding:1rem;border-radius:12px;border:1px solid var(--border-color)}.opening-form h3{margin:0 0 .75rem;font-size:1rem;color:var(--text-secondary)}.opening-form-row{display:flex;gap:.5rem;flex-wrap:wrap}.opening-input{flex:1;min-width:150px;padding:.6rem;border-radius:8px;border:1px solid var(--border-color);background:#ffffff0d;color:var(--text-primary)}.opening-select{padding:.6rem;border-radius:8px;border:1px solid var(--border-color);background:#ffffff0d;color:var(--text-primary)}.btn-add-opening{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.6rem 1rem;border-radius:8px;font-weight:600;cursor:pointer}.btn-cancel-edit{background:#ef444433;color:#ef4444;border:none;padding:.6rem .8rem;border-radius:8px;cursor:pointer}.openings-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto}.opening-item{background:#ffffff05;border:1px solid var(--border-color);border-radius:12px;padding:1rem}.opening-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.opening-name{font-weight:600;color:var(--text-primary);flex:1}.opening-color{font-size:.8rem;padding:.25rem .5rem;border-radius:6px}.opening-color.brancas{background:#ffffff26;color:#fff}.opening-color.pretas{background:#00000080;color:#aaa}.opening-actions{display:flex;gap:.25rem}.btn-edit-small,.btn-delete-small{background:transparent;border:none;padding:.3rem .5rem;border-radius:6px;cursor:pointer;font-size:.9rem}.btn-edit-small:hover{background:#6366f133}.btn-delete-small:hover{background:#ef444433}.variants-section{border-top:1px solid var(--border-color);padding-top:.75rem}.variants-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.variant-item{display:flex;align-items:center;gap:.25rem;background:#6366f126;padding:.3rem .5rem;border-radius:6px;font-size:.85rem;color:var(--text-secondary)}.btn-delete-tiny{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:0;line-height:1}.btn-delete-tiny:hover{color:#ef4444}.add-variant-row{display:flex;gap:.5rem}.variant-input{flex:1;padding:.4rem .6rem;border-radius:6px;border:1px solid var(--border-color);background:#ffffff0d;color:var(--text-primary);font-size:.85rem}.btn-add-variant{background:#6366f14d;color:var(--text-primary);border:none;padding:.4rem .8rem;border-radius:6px;font-weight:700;cursor:pointer}.btn-add-variant:disabled{opacity:.4;cursor:not-allowed}.professor-main{min-height:100vh;padding:1rem;background:linear-gradient(135deg,#0f172a,#1e293b)}.professor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.header-left{display:flex;align-items:center;gap:1rem}.header-countdown-wrapper{display:flex;align-items:center;gap:.5rem}.header-countdown{display:flex;align-items:center;gap:.5rem;background:#6366f126;border:1px solid rgba(99,102,241,.3);padding:.5rem 1rem;border-radius:12px}.header-countdown .countdown-icon{font-size:1.2rem}.header-countdown .countdown-time{font-size:1.3rem;font-weight:700;color:#f6c344;font-family:Courier New,monospace}.btn-config-automation{background:linear-gradient(135deg,#f6c344,#d4a73a);border:none;color:#0f172a;width:36px;height:36px;border-radius:10px;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}.btn-config-automation:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f6c34466}.header-countdown:hover{background:#6366f140;border-color:#6366f180}.countdown-label{font-size:.7rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.countdown-value{font-size:1.5rem;font-weight:700;color:#f6c344;font-family:Courier New,monospace}.btn-back-professor{background:#94a3b833;border:none;color:#e2e8f0;padding:.5rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem}.btn-back-professor:hover{background:#94a3b84d}.professor-header h1{margin:0;color:#f6c344;font-size:1.5rem}.professor-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 900px){.professor-grid{grid-template-columns:1fr 1fr}}.professor-card{background:#0f172acc;border:1px solid rgba(148,163,184,.15);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.professor-card h2{margin:0;color:#e2e8f0;font-size:1.1rem;border-bottom:1px solid rgba(148,163,184,.15);padding-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.professor-card-icon{font-size:1.25rem}.exercise-select{width:100%;padding:.75rem;border-radius:10px;border:1px solid rgba(148,163,184,.2);background:#0000004d;color:#e2e8f0;font-size:.95rem}.exercise-select option{background:#1e293b;color:#e2e8f0}.exercise-preview{background:#0003;border-radius:10px;padding:1rem;text-align:center}.exercise-preview h3{margin:0 0 .5rem;color:#f6c344;font-size:1rem}.exercise-preview .pgn-text{color:#94a3b8;font-family:Courier New,monospace;font-size:.85rem;word-break:break-all}.send-buttons-row{display:flex;gap:.75rem;flex-wrap:wrap}.btn-send-alunos{flex:1;background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:.85rem 1rem;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .2s,box-shadow .2s}.btn-send-alunos:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-send-alunos:disabled{opacity:.5;cursor:not-allowed}.btn-send-all{flex:1;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;color:#fff;padding:.85rem 1rem;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .2s,box-shadow .2s}.btn-send-all:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.btn-send-all:disabled{opacity:.5;cursor:not-allowed}.btn-send-compact{background:linear-gradient(135deg,#f6c344,#d4a73a);border:none;color:#0f172a;padding:.6rem 1.2rem;border-radius:10px;font-weight:700;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.3rem;transition:transform .2s,box-shadow .2s;min-width:100px}.btn-send-compact:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f6c34466}.btn-send-compact:disabled{opacity:.5;cursor:not-allowed}.tarefas-buttons-simple{display:flex;gap:.75rem;justify-content:center;margin-top:1rem}.send-result{padding:.75rem;border-radius:8px;text-align:center;font-size:.9rem}.send-result.success{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.send-result.error{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.daily-log-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.daily-log-item{display:flex;justify-content:space-between;align-items:center;background:#0003;padding:.75rem;border-radius:8px}.log-opening{color:#e2e8f0;font-weight:500}.log-time{color:#94a3b8;font-size:.8rem}.log-empty{color:#64748b;font-style:italic;text-align:center;padding:1rem}.btn-manage-aberturas{background:linear-gradient(135deg,#f6c344,#d4a73a);border:none;color:#0f172a;padding:.85rem 1rem;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .2s,box-shadow .2s}.btn-manage-aberturas:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f6c34466}.automation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.automation-modal{background:#1e293b;border:1px solid rgba(148,163,184,.2);border-radius:16px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto}.automation-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(148,163,184,.15)}.automation-modal-header h2{margin:0;color:#f6c344;font-size:1.1rem}.btn-close-modal{background:#ef444433;border:none;color:#ef4444;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center}.btn-close-modal:hover{background:#ef44444d}.automation-modal-content{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.automation-field{display:flex;flex-direction:column;gap:.5rem}.automation-field label{color:#94a3b8;font-size:.85rem}.automation-field input[type=time]{padding:.75rem;border-radius:10px;border:1px solid rgba(148,163,184,.2);background:#0000004d;color:#e2e8f0;font-size:1rem}.automation-toggle{display:flex;align-items:center;justify-content:space-between;background:#0003;padding:1rem;border-radius:10px}.automation-toggle span{color:#e2e8f0}.toggle-switch{position:relative;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#94a3b84d;border-radius:26px;transition:.3s}.toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background:#10b981}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.btn-save-automation{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:.85rem;border-radius:10px;font-weight:600;cursor:pointer;transition:transform .2s}.btn-save-automation:hover{transform:translateY(-2px)}.aberturas-main{min-height:100vh;padding:1rem;background:linear-gradient(135deg,#0f172a,#1e293b)}.aberturas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.aberturas-header h1{margin:0;color:#f6c344;font-size:1.5rem}.btn-back-aberturas{background:#94a3b833;border:none;color:#e2e8f0;padding:.5rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem}.btn-back-aberturas:hover{background:#94a3b84d}.aberturas-layout{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 900px){.aberturas-layout{grid-template-columns:1fr 1.5fr}}.aberturas-list-section,.variantes-section{background:#0f172acc;border:1px solid rgba(148,163,184,.15);border-radius:16px;padding:1.25rem}.aberturas-list-section h2,.variantes-section h2{margin:0 0 1rem;color:#e2e8f0;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.add-abertura-form{display:flex;gap:.5rem;margin-bottom:1rem}.add-abertura-form input{flex:1;padding:.75rem;border-radius:10px;border:1px solid rgba(148,163,184,.2);background:#0000004d;color:#e2e8f0;font-size:.95rem}.add-abertura-form button{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:.75rem 1rem;border-radius:10px;font-weight:600;cursor:pointer}.add-abertura-form button:disabled{opacity:.5;cursor:not-allowed}.aberturas-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.abertura-item{display:flex;justify-content:space-between;align-items:center;background:#0003;padding:.75rem 1rem;border-radius:10px;cursor:pointer;transition:background .2s,border .2s;border:2px solid transparent}.abertura-item:hover{background:#0000004d}.abertura-item.selected{border-color:#f6c344;background:#f6c3441a}.abertura-name{color:#e2e8f0;font-weight:500}.abertura-count{color:#64748b;font-size:.8rem}.btn-delete-abertura{background:#ef444433;border:none;color:#ef4444;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center}.btn-delete-abertura:hover{background:#ef44444d}.variantes-empty{color:#64748b;font-style:italic;text-align:center;padding:2rem}.variantes-list{display:flex;flex-direction:column;gap:1rem;max-height:450px;overflow-y:auto}.variante-card{background:#0003;border:1px solid rgba(148,163,184,.1);border-radius:12px;padding:1rem}.variante-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.variante-card-header h4{margin:0;color:#f6c344;font-size:.95rem}.variante-actions{display:flex;gap:.5rem}.btn-edit-variante,.btn-delete-variante{background:#94a3b833;border:none;color:#e2e8f0;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center}.btn-edit-variante:hover{background:#6366f14d;color:#818cf8}.btn-delete-variante{color:#ef4444}.btn-delete-variante:hover{background:#ef44444d}.pgn-display{background:#0000004d;border-radius:8px;padding:.75rem;font-family:Courier New,monospace;font-size:.85rem;color:#94a3b8;word-break:break-all;white-space:pre-wrap}.add-variante-form{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(148,163,184,.15)}.add-variante-form h4{margin:0;color:#e2e8f0;font-size:.95rem}.add-variante-form input{padding:.75rem;border-radius:10px;border:1px solid rgba(148,163,184,.2);background:#0000004d;color:#e2e8f0;font-size:.95rem}.add-variante-form textarea{padding:.75rem;border-radius:10px;border:1px solid rgba(148,163,184,.2);background:#0000004d;color:#e2e8f0;font-size:.9rem;font-family:Courier New,monospace;resize:vertical;min-height:100px}.add-variante-form button{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;color:#fff;padding:.75rem;border-radius:10px;font-weight:600;cursor:pointer}.add-variante-form button:disabled{opacity:.5;cursor:not-allowed}.variante-edit-form{display:flex;flex-direction:column;gap:.5rem}.variante-edit-form input{padding:.6rem;border-radius:8px;border:1px solid rgba(99,102,241,.3);background:#0000004d;color:#e2e8f0;font-size:.9rem}.variante-edit-form textarea{padding:.6rem;border-radius:8px;border:1px solid rgba(99,102,241,.3);background:#0000004d;color:#e2e8f0;font-size:.85rem;font-family:Courier New,monospace;resize:vertical;min-height:80px}.edit-actions{display:flex;gap:.5rem;margin-top:.5rem}.btn-save-edit,.btn-cancel-edit{flex:1;padding:.5rem;border-radius:8px;border:none;font-weight:600;cursor:pointer}.btn-save-edit{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-cancel-edit{background:#94a3b833;color:#e2e8f0}.aberturas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding:1rem 0}.abertura-card-btn{position:relative;display:flex;align-items:stretch}.abertura-select-btn{flex:1;display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#6366f126,#6366f10d);border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:1rem 1.25rem;cursor:pointer;transition:all .2s ease;text-align:left}.abertura-select-btn:hover{background:linear-gradient(135deg,#6366f140,#6366f11a);border-color:#6366f180;transform:translateY(-2px)}.abertura-title{flex:1;color:#e2e8f0;font-weight:600;font-size:1rem}.abertura-meta{color:#94a3b8;font-size:.75rem}.abertura-arrow{color:#f6c344;font-size:.8rem}.btn-delete-mini{position:absolute;top:-8px;right:-8px;background:#ef4444e6;border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.abertura-card-btn:hover .btn-delete-mini{opacity:1}.abertura-add-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#10b9811a;border:2px dashed rgba(16,185,129,.4);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s ease;color:#10b981;min-height:80px}.abertura-add-btn:hover{background:#10b98133;border-color:#10b98199}.abertura-add-btn .add-icon{font-size:1.5rem;font-weight:700}.variants-modal{max-width:500px;width:100%}.variants-list-modal{display:flex;flex-direction:column;gap:.5rem}.variant-row-modal{display:flex;align-items:center;gap:.5rem}.variant-select-btn{flex:1;display:flex;align-items:center;gap:.75rem;background:#0003;border:1px solid rgba(148,163,184,.15);border-radius:10px;padding:.85rem 1rem;cursor:pointer;transition:all .2s ease;text-align:left}.variant-select-btn:hover{background:#f6c3441a;border-color:#f6c3444d}.variant-number{color:#64748b;font-size:.85rem;font-weight:600;min-width:24px}.variant-name{flex:1;color:#e2e8f0;font-weight:500}.variant-has-pgn{font-size:.8rem}.variant-arrow{color:#94a3b8;font-size:.9rem}.btn-delete-variant-mini{background:#ef444433;border:none;color:#ef4444;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center}.btn-delete-variant-mini:hover{background:#ef44444d}.no-variants{color:#64748b;font-style:italic;text-align:center;padding:2rem}.btn-add-variant-modal{width:100%;background:linear-gradient(135deg,#f6c344,#d4a73a);border:none;color:#0f172a;padding:.85rem;border-radius:10px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-add-variant-modal:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f6c34466}.edit-variant-modal{max-width:450px;width:100%}.edit-variant-modal .form-group{margin-bottom:1rem}.pending-request-warning{display:flex;align-items:center;gap:12px;background:#fbbf2426;border:1px solid rgba(251,191,36,.3);border-radius:12px;padding:12px 16px;margin-bottom:16px}.pending-request-warning span{font-size:1.5rem}.pending-request-warning p{color:#fbbf24;font-size:.9rem;margin:0}.setup-option .current-badge{position:absolute;top:8px;right:8px;background:var(--accent-primary);color:var(--bg-dark);font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase}.setup-option.current{border-color:#cd7f3280;position:relative}.pending-request-toast{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:10px;background:#fef3c7;padding:8px 16px;z-index:1000;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.pending-toast-icon{font-size:1rem}.pending-toast-text{color:#dc2626;font-size:.85rem;font-weight:600}.pending-toast-close{position:absolute;right:12px;background:transparent;border:none;color:#b91c1c;font-size:1rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.pending-toast-close:hover{background:#b91c1c1a}.pending-request-banner{display:none}.config-btn.has-pending{background:#fbbf2433;animation:pulse 2s ease-in-out infinite}.request-status-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.request-status-modal{background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-dark) 100%);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px;text-align:center;max-width:360px;width:100%;animation:slideUp .3s ease-out}.request-status-icon{font-size:3rem;margin-bottom:16px;animation:bounceIn .5s ease-out}.request-status-icon.rejected{filter:drop-shadow(0 0 10px rgba(239,68,68,.5))}.request-status-icon.pending{filter:drop-shadow(0 0 10px rgba(251,191,36,.5))}.request-status-message{color:var(--text-primary);font-size:1rem;line-height:1.5;margin-bottom:24px}.request-status-btn{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent) 100%);border:none;color:var(--bg-dark);padding:12px 32px;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.request-status-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #cd7f3266}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.aprovacao-page{min-height:100vh;background:var(--bg-dark);padding-bottom:80px}.aprovacao-header{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(180deg,var(--bg-secondary) 0%,transparent 100%);position:sticky;top:0;z-index:100}.aprovacao-header h1{font-size:1.3rem;color:var(--text-primary);margin:0}.aprovacao-header p{font-size:.85rem;color:var(--text-muted);margin:0}.aprovacao-content{padding:16px}.no-requests{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.no-requests-icon{font-size:4rem;margin-bottom:16px}.no-requests h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:8px}.no-requests p{color:var(--text-muted);font-size:.95rem}.requests-list{display:flex;flex-direction:column;gap:16px}.request-card{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px}.request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.request-student{display:flex;align-items:center;gap:12px}.student-icon{font-size:1.5rem;background:#cd7f3233;padding:8px;border-radius:50%}.request-student strong{color:var(--text-primary);display:block;font-size:1rem}.request-type{color:var(--accent);font-size:.8rem;font-weight:500}.request-date{color:var(--text-muted);font-size:.75rem}.request-change{display:flex;align-items:center;gap:12px;background:#0000004d;border-radius:12px;padding:12px;margin-bottom:16px}.change-from,.change-to{flex:1}.change-label{color:var(--text-muted);font-size:.75rem;display:block;margin-bottom:4px}.change-name{color:var(--text-primary);font-size:.9rem;font-weight:500}.change-name.highlight{color:var(--accent)}.change-arrow{color:var(--accent);font-size:1.2rem}.request-actions{display:flex;gap:12px}.btn-reject,.btn-approve{flex:1;padding:12px;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;border:none}.btn-reject{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.btn-reject:hover{background:#ef444440}.btn-approve{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-approve:hover{transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.btn-approve:disabled,.btn-reject:disabled{opacity:.5;cursor:not-allowed;transform:none}.reject-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.reject-modal{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;max-width:400px;width:100%}.reject-modal h3{color:#f87171;font-size:1.2rem;margin-bottom:12px}.reject-modal p{color:var(--text-primary);font-size:.95rem;margin-bottom:16px}.reject-reason-field{margin-bottom:20px}.reject-reason-field label{color:var(--text-muted);font-size:.85rem;display:block;margin-bottom:8px}.reject-reason-field textarea{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px;color:var(--text-primary);font-size:.9rem;resize:none}.reject-reason-field textarea:focus{outline:none;border-color:#ef444480}.reject-modal-actions{display:flex;gap:12px}.btn-cancel{flex:1;padding:12px;border-radius:10px;background:#ffffff1a;border:none;color:var(--text-primary);font-weight:500;cursor:pointer}.btn-confirm-reject{flex:1;padding:12px;border-radius:10px;background:#ef4444;border:none;color:#fff;font-weight:600;cursor:pointer}.btn-confirm-reject:disabled{opacity:.5;cursor:not-allowed}.edit-variant-modal .form-group label{display:block;color:#94a3b8;font-size:.85rem;margin-bottom:.5rem}.edit-variant-modal .form-group input,.edit-variant-modal .form-group select{width:100%;padding:.75rem;border-radius:10px;border:1px solid rgba(148,163,184,.2);background:#0000004d;color:#e2e8f0;font-size:.95rem}.edit-variant-modal .form-group textarea{width:100%;padding:.75rem;border-radius:10px;border:1px solid rgba(148,163,184,.2);background:#0000004d;color:#e2e8f0;font-size:.9rem;font-family:Courier New,monospace;resize:vertical}.edit-variant-modal .form-group select option{background:#1e293b}.wide-modal{max-width:900px!important;width:95%!important}.variant-editor{display:flex;gap:1.5rem;flex-wrap:wrap}.board-section{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.75rem}.form-section{flex:1;min-width:250px;display:flex;flex-direction:column;gap:1rem}.mini-board{display:grid;grid-template-rows:repeat(8,1fr);width:280px;height:280px;border:2px solid #d4a853;border-radius:4px;overflow:hidden;box-shadow:0 4px 20px #0006}.board-row{display:flex}.board-square{width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background .15s}.board-square.light{background:#f0d9b5}.board-square.dark{background:#b58863}.board-square.selected{background:#ffff0080!important}.board-square.legal-move:after{content:"";position:absolute;width:10px;height:10px;background:#0003;border-radius:50%}.board-square.legal-move:hover{background:#64c86480!important}.piece-img{width:90%;height:90%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.piece-symbol{font-size:1.8rem;line-height:1;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.3)}.move-dot{width:10px;height:10px;background:#0003;border-radius:50%}.board-controls{display:flex;align-items:center;gap:.5rem;background:#0000004d;padding:.5rem 1rem;border-radius:20px}.nav-btn{width:36px;height:36px;border:none;border-radius:50%;background:#d4a85333;color:#d4a853;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.nav-btn:hover:not(:disabled){background:#d4a85366;transform:scale(1.1)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.move-counter{color:#94a3b8;font-size:.85rem;min-width:50px;text-align:center}.current-move-info{text-align:center}.current-move{background:#d4a85333;color:#d4a853;padding:.3rem .75rem;border-radius:12px;font-weight:600;font-size:.9rem}.board-tip{color:#64748b;font-size:.75rem;text-align:center;margin:0}.moves-list{display:flex;flex-wrap:wrap;gap:.25rem;padding:.75rem;background:#0003;border-radius:8px;font-family:Courier New,monospace;font-size:.85rem}.move-number{color:#64748b;margin-left:.5rem}.move-item{color:#e2e8f0;cursor:pointer;padding:.15rem .35rem;border-radius:4px;transition:all .15s}.move-item:hover{background:#d4a85333;color:#d4a853}.move-item.active{background:#d4a8534d;color:#d4a853;font-weight:700}@media (max-width: 600px){.variant-editor{flex-direction:column;align-items:center}.mini-board{width:240px;height:240px}.board-square{width:30px;height:30px}.piece-symbol{font-size:1.5rem}.form-section{width:100%}}.ficha-page{min-height:100vh;background:var(--bg-dark);color:var(--text-primary)}.ficha-page.loading{display:flex;align-items:center;justify-content:center}.ficha-loading-spinner{text-align:center}.ficha-loading-spinner span{font-size:3rem;animation:spin 1s linear infinite;display:block;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ficha-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(180deg,var(--bg-secondary) 0%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.05)}.ficha-header h1{font-size:1.2rem;color:var(--text-primary);margin:0}.ficha-header .back-button{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem}.ficha-header .btn-print{background:#6366f133;border:1px solid rgba(99,102,241,.3);color:#a5b4fc;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem}.ficha-content{max-width:800px;margin:0 auto;padding:20px}.ficha-member-header{display:flex;align-items:center;gap:20px;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;margin-bottom:24px}.ficha-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid var(--accent);flex-shrink:0}.ficha-avatar img{width:100%;height:100%;object-fit:cover}.ficha-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#cd7f3233;font-size:2.5rem}.ficha-member-info{flex:1}.ficha-member-info h2{font-size:1.5rem;margin:0 0 4px;color:var(--text-primary)}.ficha-member-info .ficha-role{color:var(--accent);font-size:.95rem;margin:0 0 4px}.ficha-member-info .ficha-phone{color:var(--text-muted);font-size:.9rem;margin:0 0 8px}.ficha-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.ficha-status-badge.pending{background:#fbbf2433;color:#fbbf24}.ficha-status-badge.approved{background:#22c55e33;color:#22c55e}.ficha-stats{display:flex;gap:16px}.ficha-stats .stat{text-align:center;background:#0000004d;padding:12px 16px;border-radius:10px}.ficha-stats .stat-value{display:block;font-size:1.3rem;font-weight:700;color:var(--accent)}.ficha-stats .stat-label{font-size:.75rem;color:var(--text-muted)}.ficha-section{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;margin-bottom:16px}.ficha-section h3{font-size:1.1rem;margin:0 0 16px;color:var(--text-primary);padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.ficha-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ficha-field{display:flex;flex-direction:column;gap:4px}.ficha-field.full{grid-column:1 / -1}.ficha-field label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.ficha-field p{margin:0;color:var(--text-primary);font-size:.95rem;background:#0003;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.ficha-section.system-info{background:#6366f11a;border-color:#6366f133}.status-text.pending{color:#fbbf24}.status-text.approved{color:#22c55e}.ficha-empty{text-align:center;padding:60px 20px;background:var(--bg-secondary);border-radius:16px}.ficha-empty span{font-size:4rem;display:block;margin-bottom:16px}.ficha-empty h3{color:var(--text-primary);margin:0 0 8px}.ficha-empty p{color:var(--text-muted);margin:0}.ficha-footer{display:none}@media print{.ficha-page{background:#fff;color:#000}.ficha-header .back-button,.ficha-header .btn-print{display:none}.ficha-footer.print-only{display:block;text-align:center;padding:20px;border-top:1px solid #ccc;margin-top:40px}.ficha-section{break-inside:avoid}}@media (max-width: 768px){.ficha-member-header{flex-direction:column;text-align:center}.ficha-stats{width:100%;justify-content:center}.ficha-grid{grid-template-columns:1fr}.ficha-field.full{grid-column:1}}.video-modal{max-width:700px;width:95%}.video-form .form-group{margin-bottom:1rem}.video-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary);font-size:.9rem}.video-form .form-group input,.video-form .form-group textarea,.video-form .form-group select{width:100%;padding:.75rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:.95rem}.video-form .form-group input:focus,.video-form .form-group textarea:focus,.video-form .form-group select:focus{outline:none;border-color:var(--primary-color)}.video-form .form-hint{font-size:.8rem;color:var(--text-muted);margin-top:.5rem}.video-form .form-row{display:flex;gap:1rem}.video-form .form-group.half{flex:1}.thumb-url-input{flex:1;padding:.5rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-primary);font-size:.85rem}.btn-upload{padding:.75rem 1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;white-space:nowrap}.btn-upload:hover:not(:disabled){opacity:.9}.btn-upload:disabled{opacity:.5;cursor:not-allowed}.thumbnail-section{display:flex;gap:1rem;align-items:flex-start}.thumbnail-preview{width:120px;height:68px;border-radius:8px;overflow:hidden;background:#0000004d;flex-shrink:0}.thumbnail-preview img{width:100%;height:100%;object-fit:cover}.thumbnail-actions{display:flex;flex-direction:column;gap:.5rem}.btn-upload-thumb{padding:.5rem 1rem;background:#ffffff1a;border:1px dashed rgba(255,255,255,.3);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.85rem}.btn-upload-thumb:hover:not(:disabled){background:#ffffff26}.btn-remove-thumb{padding:.5rem;background:#ef444433;border:none;border-radius:6px;color:#ef4444;cursor:pointer}.video-list-section{border-top:1px solid rgba(255,255,255,.1);margin-top:1.5rem;padding-top:1.5rem}.video-list-section h3{margin-bottom:1rem;font-size:1rem;color:var(--text-secondary)}.no-videos{text-align:center;color:var(--text-muted);padding:2rem}.video-list{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto}.video-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#0003;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.video-thumb{width:80px;height:45px;border-radius:6px;overflow:hidden;background:#0000004d;flex-shrink:0}.video-thumb img{width:100%;height:100%;object-fit:cover}.video-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:linear-gradient(135deg,#374151,#1f2937)}.video-info{flex:1;min-width:0}.video-info h4{font-size:.95rem;font-weight:500;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-meta{font-size:.8rem;color:var(--text-muted);margin:0}.video-actions{display:flex;gap:.5rem}.video-actions button{padding:.5rem;background:#ffffff1a;border:none;border-radius:6px;cursor:pointer;font-size:1rem}.video-actions button:hover{background:#fff3}.config-link-btn.video-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1)}@media (max-width: 600px){.video-modal{max-width:95%;margin:1rem}.video-form .form-row{flex-direction:column}.video-url-input{flex-direction:column;align-items:stretch}.video-url-input input{min-width:auto}.thumbnail-section{flex-direction:column}.thumbnail-preview{width:100%;height:120px}}.membros-header{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:#1a1a2e;border-bottom:3px solid #d4a853}.membros-header .back-link{align-self:flex-start;color:#fff;font-weight:500;text-decoration:none}.membros-header .back-link:hover{color:#a5b4fc}.membros-logo{height:90px;width:auto;object-fit:contain}.membros-publico-page{padding:.5rem .5rem 2rem}.membros-section{margin-bottom:1rem}.membros-section-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.membros-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;justify-items:center}.member-avatar-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;background:#1e1e2e!important;border:1px solid rgba(255,255,255,.1)!important;cursor:pointer;padding:.85rem .5rem .75rem;border-radius:12px;transition:all .2s ease;width:100%;max-width:110px;font-family:inherit;color:inherit;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.member-avatar-card:hover{background:#2a2a3e!important;border-color:#8b5cf64d!important;transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.member-avatar-card:active{transform:scale(.97)}.member-avatar-circle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;overflow:hidden;border:3px solid rgba(255,255,255,.15);box-shadow:0 4px 12px #00000040;flex-shrink:0;transition:border-color .3s ease,box-shadow .3s ease}.member-avatar-circle.online{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e4d,0 4px 12px #00000040}.member-avatar-img{width:100%;height:100%;object-fit:cover}.member-avatar-initials{font-size:1.3rem;font-weight:700;color:#fff;text-transform:uppercase}.member-avatar-name{font-size:.85rem!important;font-weight:600!important;color:#fff!important;text-align:center;line-height:1.2;max-height:2.4em;overflow:hidden;word-break:break-word;margin-top:.25rem;position:relative;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.5);background:transparent!important}.member-avatar-role{font-size:.7rem!important;color:#ffffffb3!important;text-align:center;line-height:1.2;position:relative;z-index:2;background:transparent!important}.member-specialty-info{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:4px;width:100%}.member-specialty-info .specialty-opening,.member-specialty-info .specialty-defense{font-size:.55rem;color:#d4a853e6;line-height:1.1;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-specialty-info .specialty-opening{color:#fffc}.member-specialty-info .specialty-defense{color:#b4b4b4cc}.member-specialty-info .specialty-progress{font-size:.6rem;font-weight:600;color:#8b5cf6;margin-top:2px}.membros-divider{display:flex;align-items:center;gap:1rem;margin:1.25rem 0 1rem;padding:0 .5rem}.membros-divider:before,.membros-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(194,178,128,.4),transparent)}.membros-divider span{font-size:.75rem;font-weight:600;color:#c2b280e6;text-transform:uppercase;letter-spacing:.15em}.membros-total{text-align:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.membros-total p{font-size:.85rem;color:var(--text-muted);opacity:.8}.perfil-header-minimal{justify-content:flex-start}.perfil-header-minimal .back-link{font-size:1rem;color:var(--text-secondary);text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:color .2s ease}.perfil-header-minimal .back-link:hover{color:var(--primary-color)}.perfil-membro-page{padding-bottom:2rem}.perfil-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem;background:linear-gradient(180deg,rgba(99,102,241,.1),transparent);border-radius:16px;margin-bottom:1.5rem}.perfil-avatar-large{position:relative;margin-bottom:1rem}.perfil-avatar-large.clickable:hover{transform:scale(1.05);transition:transform .2s ease}.avatar-edit-overlay{position:absolute;bottom:5px;right:5px;background:#d4a853e6;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 2px 8px #0000004d}.perfil-avatar-large .perfil-avatar-img,.perfil-avatar-large .perfil-avatar-initials{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.2);box-shadow:0 8px 24px #0006;transition:border-color .3s ease}.perfil-avatar-large.online .perfil-avatar-img,.perfil-avatar-large.online .perfil-avatar-initials{border-color:#4ade80;box-shadow:0 0 0 3px #4ade804d,0 8px 24px #0006}.perfil-avatar-large .perfil-avatar-initials{display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.perfil-info-header{display:flex;flex-direction:column;align-items:center;gap:.5rem}.perfil-name{font-size:1.5rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.perfil-role-badge{display:inline-block;padding:.35rem 1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;font-size:.85rem;font-weight:500;color:#fff}.btn-edit-member{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .9rem;background:#d4a85333;border:1px solid rgba(212,168,83,.4);border-radius:20px;font-size:.8rem;font-weight:500;color:#d4a853;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.btn-edit-member:hover{background:#d4a8534d;border-color:#d4a853}.perfil-section{background:#ffffff08;border-radius:12px;padding:1.25rem;margin-bottom:1rem}.perfil-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.perfil-section.clickable-section{transition:all .2s ease;border:1px solid transparent}.perfil-section.clickable-section:hover{background:#ffffff0f;border-color:#d4a8534d}.edit-hint{font-size:.8rem;opacity:.6}.perfil-bio{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0;white-space:pre-line}.perfil-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.perfil-stat-card{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#0003;border-radius:12px;gap:.25rem;border:1px solid rgba(212,168,83,.3)}.perfil-stat-card.highlight{background:#0003;border:1px solid rgba(212,168,83,.3)}.perfil-stat-card .stat-icon{font-size:1.5rem}.perfil-stat-card .stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.perfil-stat-card .stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.perfil-ratings{display:flex;flex-wrap:wrap;gap:1rem}.rating-item{display:flex;flex-direction:column;align-items:center;padding:.75rem 1.5rem;background:#0003;border-radius:8px}.rating-item .rating-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.rating-item .rating-value{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.perfil-attendance-list{list-style:none;padding:0;margin:0}.attendance-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.attendance-item:last-child{border-bottom:none}.attendance-event{font-size:.9rem;color:var(--text-primary)}.attendance-date{font-size:.8rem;color:var(--text-muted)}.perfil-info-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.perfil-info-item{display:flex;flex-direction:column;align-items:center;gap:.1rem}.perfil-info-item .info-label{font-size:.6rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.05em}.perfil-info-item .info-value{font-size:.75rem;color:#ffffff80}.perfil-especialidades{margin-top:.5rem}.perfil-especialidades h3{margin-bottom:1rem}.especialidade-card{background:#0000004d;border-radius:12px;padding:1rem;margin-bottom:1rem;border:1px solid rgba(255,255,255,.1)}.especialidade-card.abertura{border-left:3px solid #4ade80}.especialidade-card.defesa{border-left:3px solid #60a5fa}.especialidade-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.especialidade-icon{font-size:1.5rem;opacity:.9}.especialidade-info{flex:1;display:flex;flex-direction:column;gap:.1rem}.especialidade-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.especialidade-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.especialidade-percent{background:#0000004d;border-radius:8px;padding:.4rem .75rem}.especialidade-percent .percent-value{font-size:1.1rem;font-weight:700;color:#fbbf24}.especialidade-progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:.75rem}.especialidade-progress-bar .progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.especialidade-progress-bar .progress-fill.abertura{background:linear-gradient(90deg,#4ade80,#22c55e)}.especialidade-progress-bar .progress-fill.defesa{background:linear-gradient(90deg,#60a5fa,#3b82f6)}.especialidade-variants{display:flex;flex-wrap:wrap;gap:.5rem}.variant-badge{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:6px;font-size:.75rem;color:var(--text-muted);border:1px solid rgba(255,255,255,.1)}.variant-badge.completed{background:#4ade8033;color:#4ade80;border-color:#4ade8066;font-weight:700}.especialidades-concluidas{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.especialidades-concluidas h4{font-size:.9rem;color:var(--text-secondary);margin:0 0 .75rem;font-weight:500}.concluidas-list{display:flex;flex-wrap:wrap;gap:.5rem}.concluida-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .75rem;background:#fbbf2426;border:1px solid rgba(251,191,36,.3);border-radius:20px;font-size:.8rem;color:#fbbf24}.empty-state,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;gap:1rem}.empty-icon,.error-icon{font-size:3rem}.perfil-board{background:#0003;border-radius:12px;padding:1rem;margin-top:.5rem}.perfil-board .chessboard-wrapper{width:100%!important;max-width:400px!important;margin:0 auto}.perfil-board .board-loading{min-height:300px}.sala-board{background:#0003;border-radius:12px;padding:1rem;margin-top:.5rem}.sala-board .chessboard-wrapper{width:100%!important;max-width:400px!important;margin:0 auto}.sala-board .board-loading{min-height:300px}.practice-mode-selector{display:flex;gap:.75rem;justify-content:center;margin-bottom:.5rem}.practice-config{background:#0003;border:1px solid rgba(212,168,83,.2);border-radius:12px;padding:1rem;margin-bottom:1rem}.config-group{margin-bottom:1rem}.config-group:last-of-type{margin-bottom:1.25rem}.config-group label{display:block;color:#94a3b8;font-size:.85rem;margin-bottom:.5rem;text-align:center}.level-selector{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.level-btn{padding:.5rem .75rem;background:#0000004d;border:2px solid rgba(148,163,184,.2);border-radius:8px;color:#e0e0e0;font-size:.8rem;cursor:pointer;transition:all .2s ease}.level-btn:hover{background:#d4a8531a;border-color:#d4a85366}.level-btn.active{background:#d4a85333;border-color:#d4a853;color:#d4a853}.start-game-btn{display:block;width:100%;padding:.85rem 1.5rem;background:linear-gradient(135deg,#d4a853,#b8943f);border:none;border-radius:10px;color:#1a1a2e;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.start-game-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #d4a8534d}.mode-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1.25rem;background:#0000004d;border:2px solid rgba(212,168,83,.3);border-radius:12px;color:#e0e0e0;cursor:pointer;transition:all .2s ease}.mode-btn:hover:not(:disabled){background:#d4a8531a;border-color:#d4a85380}.mode-btn.active{background:#d4a85333;border-color:#d4a853}.mode-btn:disabled{opacity:.5;cursor:not-allowed}.mode-icon{font-size:1.5rem}.mode-name{font-size:.8rem;font-weight:500}.practice-status{text-align:center;margin-bottom:1rem}.practice-status p{color:#e0e0e0;font-size:1rem;margin-bottom:.5rem}.phase-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.phase-badge.opening{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.4)}.phase-badge.free{background:#2196f333;color:#2196f3;border:1px solid rgba(33,150,243,.4)}.evaluation-bar{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;margin-bottom:1rem;font-weight:600}.evaluation-bar.positive{background:#4caf5033;color:#4caf50}.evaluation-bar.negative{background:#f4433633;color:#f44336}.evaluation-bar.equal{background:#9e9e9e33;color:#9e9e9e}.eval-label{font-size:.85rem;opacity:.8}.eval-value{font-size:1.1rem}.move-error-toast{background:#f44336e6;color:#fff;padding:.75rem 1rem;border-radius:8px;text-align:center;margin-bottom:1rem;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.practice-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.practice-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.practice-btn.reset{background:#d4a85333;color:#d4a853;border:1px solid rgba(212,168,83,.4)}.practice-btn.reset:hover{background:#d4a8534d}.move-counter{background:#0000004d;padding:.5rem 1rem;border-radius:8px;color:#e0e0e0;font-size:.9rem}.player-moves-history{margin-top:1rem;padding:1rem;background:#0003;border-radius:8px}.player-moves-history h4{color:#d4a853;margin-bottom:.5rem;font-size:.9rem}.moves-list{display:flex;flex-wrap:wrap;gap:.5rem}.move-item{background:#ffffff1a;padding:.25rem .5rem;border-radius:4px;font-size:.85rem;color:#e0e0e0;font-family:monospace}.move-item.opening{background:#4caf5033;color:#4caf50}.move-item.free{background:#2196f333;color:#90caf9}.moves-list-detailed{display:flex;flex-direction:column;gap:.35rem}.move-item-detailed{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:#ffffff0d;border-radius:6px;border-left:3px solid transparent}.move-item-detailed.good{border-left-color:#4caf50;background:#4caf501a}.move-item-detailed.ok{border-left-color:#ff9800;background:#ff98001a}.move-item-detailed.bad{border-left-color:#f44336;background:#f443361a}.move-number{color:#94a3b8;font-size:.75rem;min-width:20px}.move-notation{color:#e0e0e0;font-family:monospace;font-weight:500;flex:1}.move-score{font-size:.8rem;font-weight:600;color:#d4a853}.move-item-detailed.good .move-score{color:#4caf50}.move-item-detailed.ok .move-score{color:#ff9800}.move-item-detailed.bad .move-score{color:#f44336}.moves-average{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:#d4a853;font-weight:600;font-size:.9rem}@media (max-width: 480px){.membros-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.member-avatar-card{padding:.6rem .35rem .5rem;max-width:none}.member-avatar-circle{width:52px;height:52px}.member-avatar-initials{font-size:1.15rem}.member-avatar-name{font-size:.72rem}.member-avatar-role{font-size:.6rem}.member-specialty-info .specialty-opening,.member-specialty-info .specialty-defense{font-size:.5rem}.member-specialty-info .specialty-progress{font-size:.55rem}.membros-divider span{font-size:.7rem}.perfil-avatar-large .perfil-avatar-img,.perfil-avatar-large .perfil-avatar-initials{width:100px;height:100px}.perfil-avatar-large .perfil-avatar-initials{font-size:2.5rem}.perfil-stats-grid{grid-template-columns:1fr 1fr}.perfil-info-grid{grid-template-columns:1fr}}.final-result-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.final-result-modal{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:20px;padding:2rem;max-width:340px;width:90%;text-align:center;border:2px solid rgba(212,168,83,.4);box-shadow:0 20px 60px #00000080;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.result-emoji{font-size:4rem;margin-bottom:.5rem;animation:bounce .5s ease .3s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.final-result-modal h3{color:#d4a853;font-size:1.5rem;margin-bottom:1rem}.result-score{display:flex;align-items:baseline;justify-content:center;margin:1.5rem 0}.score-value{font-size:4rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#d4a853,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-max{font-size:1.5rem;color:#ffffff80;margin-left:.25rem}.result-eval{color:#ffffffb3;font-size:.9rem;margin-bottom:1.5rem;padding:.5rem 1rem;background:#ffffff0d;border-radius:8px;display:inline-block}.final-result-modal .practice-btn{width:100%;justify-content:center;padding:.8rem 1.5rem;font-size:1rem}.variant-editor-page{min-height:100vh;background:var(--bg-dark);color:var(--text-primary);display:flex;flex-direction:column}.variant-editor-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-secondary);border-bottom:1px solid rgba(255,255,255,.1)}.variant-editor-header h1{font-size:1.1rem;margin:0;color:var(--text-primary)}.btn-save-variant{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:20px;font-weight:600;cursor:pointer}.variant-editor-main{flex:1;display:flex;flex-direction:column;padding:1rem;gap:1rem;overflow-y:auto}.variant-board-section{display:flex;flex-direction:column;align-items:center;gap:.75rem}.variant-board{display:grid;grid-template-rows:repeat(8,1fr);width:min(85vw,360px);height:min(85vw,360px);border:3px solid #d4a853;border-radius:4px;overflow:hidden;box-shadow:0 4px 20px #00000080}.variant-board .board-row{display:flex}.variant-board .board-square{flex:1;aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.variant-board .board-square.light{background:#f0d9b5}.variant-board .board-square.dark{background:#b58863}.variant-board .board-square.selected{background:#ffff0080!important}.variant-board .board-square.legal-move:after{content:"";position:absolute;width:25%;height:25%;background:#0003;border-radius:50%}.variant-board .board-square.legal-move:hover{background:#64c86480!important}.variant-board .piece-img{width:85%;height:85%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.variant-board .move-dot{width:25%;height:25%;background:#0003;border-radius:50%}.variant-controls{display:flex;align-items:center;gap:.5rem;background:#0000004d;padding:.5rem 1rem;border-radius:25px}.variant-controls button{width:40px;height:40px;border:none;border-radius:50%;background:#d4a85333;color:#d4a853;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.variant-controls button:hover:not(:disabled){background:#d4a85366;transform:scale(1.1)}.variant-controls button:disabled{opacity:.3;cursor:not-allowed}.variant-controls .move-counter{color:#94a3b8;font-size:.9rem;min-width:60px;text-align:center}.current-move-display{background:#d4a85333;color:#d4a853;padding:.4rem 1rem;border-radius:15px;font-weight:600;font-size:.95rem}.variant-info-section{display:flex;flex-direction:column;gap:1rem;background:#0003;padding:1rem;border-radius:12px}.opening-badge{background:linear-gradient(135deg,#d4a85333,#d4a8531a);color:#d4a853;padding:.5rem 1rem;border-radius:20px;font-weight:600;text-align:center;border:1px solid rgba(212,168,83,.3)}.variant-info-section .form-group{display:flex;flex-direction:column;gap:.5rem}.variant-info-section .form-group label{color:#94a3b8;font-size:.85rem}.variant-info-section .form-group input,.variant-info-section .form-group textarea{background:#0000004d;border:1px solid rgba(148,163,184,.2);border-radius:8px;padding:.75rem;color:#e2e8f0;font-size:.95rem}.variant-info-section .form-group textarea{font-family:Courier New,monospace;resize:vertical;min-height:80px}.variant-moves-list{display:flex;flex-wrap:wrap;gap:.3rem;padding:.75rem;background:#0003;border-radius:8px}.move-num{color:#64748b;font-size:.8rem;margin-left:.4rem}.move-chip{color:#e2e8f0;cursor:pointer;padding:.2rem .4rem;border-radius:4px;font-size:.85rem;transition:all .15s}.move-chip:hover{background:#d4a85333;color:#d4a853}.move-chip.active{background:#d4a8534d;color:#d4a853;font-weight:600}.editor-tip{color:#64748b;font-size:.8rem;text-align:center;margin:0}@media (min-width: 768px){.variant-editor-main{flex-direction:row;align-items:flex-start;justify-content:center;padding:2rem;gap:2rem}.variant-board-section{position:sticky;top:2rem}.variant-info-section{max-width:400px;flex:1}}.aberturas-layout{min-height:100vh;background:var(--bg-dark, #0a0a0a);color:var(--text-primary, #e2e8f0);display:flex;flex-direction:column}.aberturas-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.aberturas-header h1{font-size:1.1rem;margin:0;color:#d4a853}.aberturas-content{flex:1;display:flex;flex-direction:column;overflow:hidden}@media (min-width: 768px){.aberturas-content{flex-direction:row}}.variants-sidebar{background:#0003;border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;max-height:40vh;overflow:hidden}@media (min-width: 768px){.variants-sidebar{width:320px;min-width:280px;max-width:400px;max-height:none;border-right:1px solid rgba(255,255,255,.1);border-bottom:none}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h2{margin:0;font-size:1rem;color:#d4a853}.btn-new-variant{background:linear-gradient(135deg,#d4a853,#b8956e);color:#1a1a1a;border:none;padding:.5rem 1rem;border-radius:15px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-new-variant:hover{transform:scale(1.05);box-shadow:0 4px 12px #d4a85366}.opening-selector{padding:.75rem 1rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.opening-selector select{width:100%;padding:.6rem;background:#0006;border:1px solid rgba(148,163,184,.2);border-radius:8px;color:#e2e8f0;font-size:.9rem;cursor:pointer}.gerenciar-variants-list{flex:1;overflow-y:auto;padding:.5rem}.gerenciar-variant-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:.5rem;background:#ffffff05;border-radius:10px;cursor:pointer;transition:all .2s;border:2px solid transparent}.gerenciar-variant-item:hover{background:#d4a8531a}.gerenciar-variant-item.active{background:#d4a85326;border-color:#d4a85380}.gerenciar-variant-item .variant-index{width:28px;height:28px;background:#d4a85333;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:#d4a853;flex-shrink:0}.gerenciar-variant-item .variant-info{flex:1;min-width:0;overflow:hidden}.gerenciar-variant-item .variant-name{font-weight:600;color:#e2e8f0;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gerenciar-variant-item .variant-moves-count{font-size:.75rem;color:#64748b;margin-top:2px}.gerenciar-variant-item .delete-btn{background:none;border:none;color:#ef4444;opacity:.5;cursor:pointer;padding:.3rem;transition:all .2s}.gerenciar-variant-item .delete-btn:hover{opacity:1;transform:scale(1.2)}.variants-modal-large{width:95vw;max-width:1000px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.variants-modal-body{display:flex;flex-direction:column;flex:1;overflow:hidden}@media (min-width: 768px){.variants-modal-body{flex-direction:row}}.variants-list-panel{background:#0003;border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;max-height:200px}@media (min-width: 768px){.variants-list-panel{width:280px;min-width:250px;max-height:none;border-right:1px solid rgba(255,255,255,.1);border-bottom:none}}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.panel-header h3{margin:0;font-size:.95rem;color:#d4a853}.btn-add-sm{background:linear-gradient(135deg,#d4a853,#b8956e);color:#1a1a1a;border:none;padding:.4rem .8rem;border-radius:12px;font-size:.8rem;font-weight:600;cursor:pointer}.variants-scroll{flex:1;overflow-y:auto;padding:.5rem}.variant-list-item{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;margin-bottom:.4rem;background:#ffffff08;border-radius:8px;cursor:pointer;transition:all .2s;border:2px solid transparent}.variant-list-item:hover{background:#d4a8531a}.variant-list-item.active{background:#d4a85326;border-color:#d4a85380}.variant-list-item .variant-num{width:24px;height:24px;background:#d4a85333;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#d4a853;flex-shrink:0}.variant-list-item .variant-details{flex:1;min-width:0}.variant-list-item .variant-name{display:block;font-weight:600;color:#e2e8f0;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variant-list-item .variant-moves{display:block;font-size:.7rem;color:#64748b}.variant-list-item .btn-delete-tiny{background:none;border:none;color:#ef4444;opacity:.4;cursor:pointer;padding:.2rem;font-size:.8rem}.variant-list-item .btn-delete-tiny:hover{opacity:1}.variant-editor-panel{flex:1;display:flex;flex-direction:column;align-items:center;padding:1rem;overflow-y:auto;gap:.75rem}.no-selection{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b;text-align:center}.variant-name-input{background:transparent;border:none;border-bottom:2px solid rgba(212,168,83,.3);color:#d4a853;font-size:1.1rem;font-weight:600;text-align:center;padding:.4rem .8rem;width:100%;max-width:280px}.editor-board{display:grid;grid-template-columns:repeat(8,1fr);width:min(80vw,320px);height:min(80vw,320px);border:3px solid #d4a853;border-radius:4px;overflow:hidden;box-shadow:0 4px 20px #00000080}@media (min-width: 768px){.editor-board{width:340px;height:340px}}.board-controls{display:flex;align-items:center;gap:.4rem;background:#0000004d;padding:.5rem 1rem;border-radius:20px}.board-controls button{width:36px;height:36px;border:none;border-radius:50%;background:#d4a85333;color:#d4a853;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.board-controls button:hover:not(:disabled){background:#d4a85366}.board-controls .move-indicator{color:#94a3b8;font-size:.85rem;min-width:60px;text-align:center}.moves-section,.pgn-section{width:100%;max-width:340px;background:#0003;border-radius:10px;padding:.75rem}.moves-section h4,.pgn-section h4{margin:0 0 .5rem;font-size:.85rem;color:#94a3b8}.moves-list{display:flex;flex-wrap:wrap;gap:.2rem;max-height:80px;overflow-y:auto}.moves-list .move-number{color:#64748b;font-size:.75rem;margin-left:.4rem}.moves-list .move{color:#e2e8f0;cursor:pointer;padding:.15rem .3rem;border-radius:3px;font-size:.8rem}.pgn-section textarea{width:100%;min-height:50px;background:#0000004d;border:1px solid rgba(148,163,184,.2);border-radius:6px;padding:.5rem;color:#e2e8f0;font-family:Courier New,monospace;font-size:.85rem;resize:vertical}.action-buttons{display:flex;gap:.6rem;width:100%;max-width:340px}.btn-reset{flex:1;background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.6rem .8rem;border-radius:8px;font-weight:600;cursor:pointer;font-size:.85rem}.btn-save{flex:2;background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:.6rem .8rem;border-radius:8px;font-weight:600;cursor:pointer;font-size:.85rem}.btn-save:disabled{opacity:.5;cursor:not-allowed}.btn-cancel-link{background:none;border:none;color:#94a3b8;cursor:pointer;text-decoration:underline;font-size:.85rem}.abertura-card{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;cursor:pointer;transition:all .2s}.abertura-card:hover{background:#d4a8531a;border-color:#d4a8534d}.abertura-card-content{display:flex;align-items:center;gap:.75rem}.abertura-icon{font-size:1.5rem}.abertura-info{display:flex;flex-direction:column}.abertura-title{font-weight:600;color:#e2e8f0}.abertura-meta{font-size:.8rem;color:#64748b}.btn-delete-mini{background:none;border:none;color:#ef4444;opacity:.5;cursor:pointer;padding:.3rem;font-size:1rem}.btn-delete-mini:hover{opacity:1}.abertura-add-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#d4a8531a;border:2px dashed rgba(212,168,83,.3);border-radius:12px;padding:1.5rem;cursor:pointer;color:#d4a853;transition:all .2s}.abertura-add-btn:hover{background:#d4a85333;border-color:#d4a85380}.abertura-add-btn .add-icon{font-size:1.5rem}.board-main{flex:1;display:flex;flex-direction:column;padding:1rem;overflow-y:auto}@media (min-width: 768px){.board-main{padding:2rem}}.no-variant-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#64748b;text-align:center;padding:2rem}.no-variant-selected .icon{font-size:3rem;opacity:.5}.board-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.variant-name-input{background:transparent;border:none;border-bottom:2px solid rgba(212,168,83,.3);color:#d4a853;font-size:1.2rem;font-weight:600;text-align:center;padding:.5rem 1rem;width:100%;max-width:300px;transition:all .2s}.variant-name-input:focus{outline:none;border-bottom-color:#d4a853}.editor-board{display:grid;grid-template-columns:repeat(8,1fr);width:min(90vw,400px);height:min(90vw,400px);border:3px solid #d4a853;border-radius:4px;overflow:hidden;box-shadow:0 4px 20px #00000080}@media (min-width: 768px){.editor-board{width:420px;height:420px}}.editor-board .square{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background .15s}.editor-board .square.light{background:#f0d9b5}.editor-board .square.dark{background:#b58863}.editor-board .square.selected{background:#ffff0080!important}.editor-board .square.last-move{background:#ffff004d!important}.editor-board .square.legal-move:after{content:"";position:absolute;width:28%;height:28%;background:#0000002e;border-radius:50%}.editor-board .square.legal-capture:after{content:"";position:absolute;width:85%;height:85%;border:4px solid rgba(0,0,0,.18);border-radius:50%;box-sizing:border-box}.editor-board .square:hover{filter:brightness(1.1)}.editor-board .piece-img{width:85%;height:85%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.board-controls{display:flex;align-items:center;gap:.5rem;background:#0000004d;padding:.6rem 1.2rem;border-radius:25px}.board-controls button{width:42px;height:42px;border:none;border-radius:50%;background:#d4a85333;color:#d4a853;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.board-controls button:hover:not(:disabled){background:#d4a85366;transform:scale(1.1)}.board-controls button:disabled{opacity:.3;cursor:not-allowed}.board-controls .move-indicator{color:#94a3b8;font-size:.9rem;min-width:70px;text-align:center}.moves-section{width:100%;max-width:420px;background:#0003;border-radius:12px;padding:1rem}.moves-section h3{margin:0 0 .75rem;font-size:.9rem;color:#94a3b8}.moves-list{display:flex;flex-wrap:wrap;gap:.25rem;max-height:120px;overflow-y:auto;padding-right:.5rem}.moves-list .move-number{color:#64748b;font-size:.8rem;margin-left:.5rem;margin-right:.2rem}.moves-list .move{color:#e2e8f0;cursor:pointer;padding:.2rem .4rem;border-radius:4px;font-size:.85rem;transition:all .15s}.moves-list .move:hover{background:#d4a85333;color:#d4a853}.moves-list .move.current{background:#d4a8534d;color:#d4a853;font-weight:600}.pgn-section{width:100%;max-width:420px;background:#0003;border-radius:12px;padding:1rem}.pgn-section h3{margin:0 0 .75rem;font-size:.9rem;color:#94a3b8}.pgn-section textarea{width:100%;min-height:80px;background:#0000004d;border:1px solid rgba(148,163,184,.2);border-radius:8px;padding:.75rem;color:#e2e8f0;font-family:Courier New,monospace;font-size:.9rem;resize:vertical}.pgn-section textarea:focus{outline:none;border-color:#d4a85380}.pgn-section .pgn-hint{margin-top:.5rem;font-size:.75rem;color:#64748b}.action-buttons{display:flex;gap:.75rem;width:100%;max-width:420px}.btn-reset{flex:1;background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.75rem 1rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.btn-reset:hover{background:#ef44444d}.btn-save{flex:2;background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:.75rem 1rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.btn-save:hover{transform:scale(1.02);box-shadow:0 4px 12px #10b98166}.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.status-message{position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;border-radius:25px;font-weight:500;z-index:1000;animation:slideUp .3s ease}.status-message.success{background:#10b981e6;color:#fff}.status-message.error{background:#ef4444e6;color:#fff}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.variant-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}.variant-page-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1);gap:10px;flex-wrap:wrap}.variant-page-header .back-button{background:#ffffff1a;border:none;color:#fff;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:.9rem}.variant-page-header .header-info{flex:1;text-align:center;min-width:120px}.variant-page-header .opening-badge{background:#ffffff1a;padding:6px 14px;border-radius:20px;font-size:.85rem}.variant-page-header .btn-save-variant{background:#4ade80;border:none;color:#000;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:700;font-size:.9rem}.variant-page-header .btn-save-variant:disabled{opacity:.5;cursor:not-allowed}.variant-page-main{padding:16px;max-width:500px;margin:0 auto}.variant-name-large{width:100%;padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:1.1rem;margin-bottom:16px;box-sizing:border-box;text-align:center}.variant-name-large::placeholder{color:#fff6}.variant-page-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:100%;max-width:400px;margin:0 auto 16px;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0006}.variant-page-board .square{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;aspect-ratio:1 / 1}.variant-page-board .square.light{background:#f0d9b5}.variant-page-board .square.dark{background:#b58863}.variant-page-board .square.selected{background:#829769!important}.variant-page-board .square.legal-move:after{content:"";position:absolute;width:30%;height:30%;background:#00000026;border-radius:50%}.variant-page-board .square.legal-capture{box-shadow:inset 0 0 0 4px #00000040}.variant-page-board .piece-img{width:90%;height:90%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.variant-page-controls{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:16px}.variant-page-controls button{background:#ffffff26;border:none;color:#fff;width:44px;height:44px;border-radius:8px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center}.variant-page-controls button:hover:not(:disabled){background:#ffffff40}.variant-page-controls button:disabled{opacity:.3;cursor:not-allowed}.variant-page-controls .move-counter{min-width:60px;text-align:center;font-size:.9rem;opacity:.8}.btn-reset-board{display:block;width:100%;max-width:200px;margin:0 auto;padding:10px 16px;background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#f87171;border-radius:8px;cursor:pointer;font-size:.9rem}.btn-reset-board:hover{background:#ef44444d}.loading-spinner{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.2rem;opacity:.7}.chess-piece-loader{display:flex;align-items:center;justify-content:center}.pulse-piece{width:80px;height:80px;animation:pulsePiece 1.2s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(255,255,255,.3))}@keyframes pulsePiece{0%,to{transform:scale(.8);opacity:.6}50%{transform:scale(1.1);opacity:1}}.youtube-card{position:relative;background:linear-gradient(135deg,#cd7f321a,#8b451326);border:1px solid rgba(205,127,50,.25);border-radius:12px;overflow:hidden;margin-top:2rem;margin-bottom:1rem;transition:all .3s ease}.youtube-card:hover{border-color:#ffcc0080;box-shadow:0 8px 24px #ffcc0026;transform:translateY(-2px)}.youtube-accent-bar{height:4px;background:linear-gradient(90deg,gold,orange,gold);animation:shimmer 2s infinite linear}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.youtube-accent-bar{background-size:200% 100%}.youtube-link{display:block;text-decoration:none;color:inherit;cursor:pointer}.youtube-player-container{position:relative;width:100%;aspect-ratio:9 / 16;max-height:500px;background:#000;overflow:hidden;border-radius:8px;margin:0 auto}@media (min-width: 500px){.youtube-player-container{aspect-ratio:1 / 1;max-width:400px}}.youtube-iframe{width:100%;height:100%;border:none}.youtube-close-btn{position:absolute;top:10px;right:10px;z-index:10;width:36px;height:36px;border-radius:50%;border:none;background:#000c;color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #00000080}.youtube-close-btn:hover{background:#ff0000e6;transform:scale(1.1)}.youtube-fullscreen-btn{position:absolute;bottom:10px;right:10px;z-index:10;width:36px;height:36px;border-radius:8px;border:none;background:#000c;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #00000080}.youtube-fullscreen-btn:hover{background:var(--accent);color:#1a1207;transform:scale(1.1)}.youtube-player-container:fullscreen{max-width:none;max-height:none;aspect-ratio:auto;display:flex;align-items:center;justify-content:center;background:#000}.youtube-player-container:fullscreen .youtube-iframe{width:100%;height:100%;max-height:100vh}.youtube-player-container:fullscreen .youtube-close-btn,.youtube-player-container:fullscreen .youtube-fullscreen-btn{position:fixed}.youtube-thumbnail-container{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#1a1207}.youtube-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,filter .3s ease}.youtube-card:hover .youtube-thumbnail{transform:scale(1.05);filter:brightness(.85)}.youtube-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#ff0000e6;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:.9;transition:all .3s ease;box-shadow:0 4px 20px #0006}.youtube-play-button svg{width:28px;height:28px;color:#fff;margin-left:4px}.youtube-card:hover .youtube-play-button{opacity:1;transform:translate(-50%,-50%) scale(1.1);background:red}.youtube-new-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,gold,orange);color:#1a1207;padding:4px 10px;border-radius:4px;font-size:.7rem;font-weight:800;letter-spacing:1px;box-shadow:0 2px 8px #0000004d;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.youtube-info{padding:1rem}.youtube-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.youtube-icon{font-size:1rem}.youtube-channel{font-size:.8rem;color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.youtube-title{font-size:1rem;color:var(--text);margin:0 0 .5rem;font-family:Cinzel,serif;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.youtube-meta{display:flex;align-items:center;gap:.75rem}.youtube-date{font-size:.8rem;color:var(--text-muted)}.youtube-dots{display:flex;justify-content:center;gap:8px;padding:0 1rem 1rem}.youtube-dot{width:8px;height:8px;border-radius:50%;border:none;background:#cd7f324d;cursor:pointer;transition:all .3s ease;padding:0}.youtube-dot:hover{background:#cd7f3280}.youtube-dot.active{background:linear-gradient(135deg,gold,orange);width:24px;border-radius:4px}.youtube-loading{min-height:120px;display:flex;flex-direction:column}.youtube-loading .youtube-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-muted)}.youtube-loading-icon{font-size:2rem;margin-bottom:.5rem;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (min-width: 768px){.youtube-link{display:flex}.youtube-thumbnail-container{width:280px;flex-shrink:0;aspect-ratio:auto;height:158px}.youtube-info{flex:1;display:flex;flex-direction:column;justify-content:center}.youtube-dots{position:absolute;bottom:10px;right:10px;padding:0}}.book-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .3s ease}.book-popup{background:linear-gradient(145deg,#1a1a1a,#0d0d0d);border:2px solid rgba(246,195,68,.4);border-radius:16px;max-width:500px;width:100%;position:relative;overflow:hidden;animation:slideUp .4s ease;box-shadow:0 25px 50px #0009,0 0 40px #f6c3441a}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.book-popup:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#cd7f32,#f6c344,#cd7f32)}.book-popup-close{position:absolute;top:12px;right:12px;background:#ffffff1a;border:none;color:#fff;font-size:1.5rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.book-popup-close:hover{background:#fff3;transform:rotate(90deg)}.book-popup-content{display:flex;flex-direction:column;align-items:center;padding:2rem;gap:1.5rem}@media (min-width: 480px){.book-popup-content{flex-direction:row;align-items:flex-start}}.book-popup-image{flex-shrink:0}.book-popup-image img{width:140px;height:auto;border-radius:8px;box-shadow:0 10px 30px #00000080;transition:transform .3s ease}.book-popup-image img:hover{transform:scale(1.05)}.book-popup-info{flex:1;text-align:center}@media (min-width: 480px){.book-popup-info{text-align:left}}.book-popup-badge{display:inline-block;background:linear-gradient(135deg,#cd7f32,#8b4513);color:#fff;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.book-popup-info h2{color:#f6c344;font-size:1.3rem;margin:0 0 .25rem;font-weight:700}.book-popup-author{color:#fff9;font-size:.85rem;margin:0 0 .75rem}.book-popup-description{color:#ffffffd9;font-size:.85rem;line-height:1.5;margin:0 0 .75rem}.book-popup-details{display:flex;gap:1rem;justify-content:center;margin-bottom:.75rem}@media (min-width: 480px){.book-popup-details{justify-content:flex-start}}.book-popup-details span{color:#fff9;font-size:.75rem}.book-popup-price{margin-bottom:1rem}.book-popup-price .price-value{color:#4ade80;font-size:1.5rem;font-weight:700;display:block}.book-popup-price .price-installment{color:#ffffff80;font-size:.75rem}.book-popup-buy{background:linear-gradient(135deg,#f6c344,#cd7f32);color:#000;border:none;padding:.75rem 2rem;font-size:.95rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;width:100%}.book-popup-buy:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f6c34466}.book-popup-buy:active{transform:translateY(0)}.board-scanner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.board-scanner{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(212,168,83,.3);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.scanner-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.scanner-header h2{margin:0;font-size:1.25rem;color:#fff}.btn-close-scanner{background:#f4433633;border:none;color:#f44336;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1rem;transition:all .2s}.btn-close-scanner:hover{background:#f4433666}.api-key-setup{padding:1.5rem;text-align:center}.api-key-setup p{color:#94a3b8;margin:0 0 1rem}.api-key-input-row{display:flex;gap:.5rem}.api-key-input{flex:1;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#0000004d;color:#fff;font-family:monospace}.btn-save-key{padding:.75rem 1.5rem;background:linear-gradient(135deg,#d4a853,#b8912a);border:none;border-radius:8px;color:#1a1a2e;font-weight:600;cursor:pointer}.api-key-note{font-size:.8rem;margin-top:1rem!important}.api-key-note a{color:#d4a853}.capture-area{position:relative}.camera-preview{width:100%;display:block;border-radius:0 0 16px 16px}.capture-overlay{position:absolute;top:0;left:0;right:0;bottom:60px;display:flex;align-items:center;justify-content:center;pointer-events:none}.board-guide{width:80%;aspect-ratio:1;border:3px dashed rgba(212,168,83,.6);border-radius:8px}.capture-controls{position:absolute;bottom:0;left:0;right:0;display:flex;gap:1rem;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.capture-controls button{flex:1;padding:.75rem;border:none;border-radius:8px;font-weight:600;cursor:pointer}.btn-cancel{background:#94a3b833;color:#94a3b8}.btn-capture{background:linear-gradient(135deg,#d4a853,#b8912a);color:#1a1a2e;font-size:1.1rem}.capture-options{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.capture-instructions{background:#d4a8531a;border:1px solid rgba(212,168,83,.2);border-radius:12px;padding:1rem;color:#94a3b8;font-size:.9rem}.capture-instructions p{margin:0 0 .5rem;color:#d4a853}.capture-instructions ul{margin:0;padding-left:1.25rem}.capture-instructions li{margin:.25rem 0}.btn-start-camera,.btn-upload{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s}.btn-start-camera{background:linear-gradient(135deg,#d4a853,#b8912a);color:#1a1a2e}.btn-upload{background:#94a3b833;color:#94a3b8;border:1px dashed rgba(148,163,184,.3)}.btn-start-camera:hover,.btn-upload:hover{transform:scale(1.02)}.or-divider{text-align:center;color:#64748b;font-size:.9rem}.preview-area{padding:1rem}.captured-preview{width:100%;border-radius:12px;margin-bottom:1rem}.scanner-error{background:#f4433626;border:1px solid rgba(244,67,54,.3);color:#f44336;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.preview-controls{display:flex;gap:.75rem}.preview-controls button{flex:1;padding:.75rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-retry{background:#94a3b833;color:#94a3b8}.btn-process{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.btn-process:disabled{opacity:.7;cursor:not-allowed}.processing-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.result-area{padding:1.5rem;text-align:center}.result-area h3{color:#4caf50;margin:0 0 1.5rem;font-size:1.25rem}.detected-board-preview{margin-bottom:1.5rem}.fen-display{background:#0000004d;padding:1rem;border-radius:8px;overflow-x:auto}.fen-display code{color:#d4a853;font-family:Courier New,monospace;font-size:.85rem;word-break:break-all}.result-controls{display:flex;gap:.75rem}.result-controls button{flex:1;padding:.875rem;border:none;border-radius:10px;font-weight:600;cursor:pointer}.btn-confirm{background:linear-gradient(135deg,#d4a853,#b8912a);color:#1a1a2e}@media (max-width: 480px){.board-scanner-overlay{padding:0}.board-scanner{border-radius:0;max-height:100vh;height:100vh}.camera-preview{border-radius:0}}.manual-setup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.manual-setup{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(212,168,83,.3);border-radius:16px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto}.setup-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.setup-header h2{margin:0;font-size:1.2rem;color:#fff}.btn-close-setup{background:#f4433633;border:none;color:#f44336;width:32px;height:32px;border-radius:50%;cursor:pointer}.setup-content{padding:1rem}.piece-palette{margin-bottom:1rem}.palette-section{margin-bottom:.5rem}.palette-label{display:block;color:#94a3b8;font-size:.75rem;margin-bottom:.25rem}.palette-pieces{display:flex;gap:.25rem}.palette-piece{width:40px;height:40px;background:#0000004d;border:2px solid transparent;border-radius:8px;font-size:1.5rem;cursor:pointer;transition:all .2s}.palette-piece:hover{background:#ffffff1a}.palette-piece.selected{border-color:#d4a853;background:#d4a85333}.palette-eraser{width:100%;padding:.5rem;background:#0000004d;border:2px solid transparent;border-radius:8px;color:#94a3b8;font-size:.85rem;cursor:pointer;margin-top:.5rem;transition:all .2s}.palette-eraser.selected{border-color:#f44336;background:#f4433633;color:#f44336}.setup-board{background:#262626;border-radius:8px;padding:.25rem;margin-bottom:1rem}.board-row{display:flex;align-items:center}.rank-label{width:20px;text-align:center;color:#64748b;font-size:.75rem}.setup-square{width:calc((100% - 20px)/8);aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.setup-square.light{background:#f0d9b5}.setup-square.dark{background:#b58863}.setup-square:hover{opacity:.8;box-shadow:inset 0 0 0 3px #d4a85399}.square-piece{font-size:1.75rem;text-shadow:1px 1px 2px rgba(0,0,0,.3);pointer-events:none}.file-labels{display:flex;padding-left:20px}.rank-spacer{width:20px}.file-label{width:calc((100% - 20px)/8);text-align:center;color:#64748b;font-size:.75rem}.setup-options{margin-bottom:1rem}.turn-selector{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.turn-selector span{color:#94a3b8;font-size:.85rem}.turn-selector button{flex:1;padding:.5rem;background:#0000004d;border:1px solid rgba(148,163,184,.2);border-radius:6px;color:#e0e0e0;font-size:.8rem;cursor:pointer}.turn-selector button.active{background:#d4a85333;border-color:#d4a853;color:#d4a853}.quick-actions{display:flex;gap:.5rem}.quick-actions button{flex:1;padding:.5rem;background:#0000004d;border:1px solid rgba(148,163,184,.2);border-radius:6px;color:#94a3b8;font-size:.8rem;cursor:pointer}.quick-actions button:hover{background:#94a3b81a}.setup-error{background:#f4433626;border:1px solid rgba(244,67,54,.3);color:#f44336;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.85rem}.setup-actions{display:flex;gap:.75rem}.setup-actions .btn-cancel{flex:1;padding:.75rem;background:#94a3b833;border:none;border-radius:8px;color:#94a3b8;cursor:pointer}.setup-actions .btn-confirm{flex:2;padding:.75rem;background:linear-gradient(135deg,#d4a853,#b8912a);border:none;border-radius:8px;color:#1a1a2e;font-weight:600;cursor:pointer}@media (max-width: 380px){.palette-piece{width:35px;height:35px;font-size:1.3rem}.square-piece{font-size:1.4rem}}.live-scanner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center;padding:.5rem}.live-scanner{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(212,168,83,.3);border-radius:16px;width:100%;max-width:420px;max-height:95vh;overflow-y:auto}.scanner-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.scanner-header h2{margin:0;font-size:1.1rem;color:#fff}.btn-close-scanner{background:#f4433633;border:none;color:#f44336;width:32px;height:32px;border-radius:50%;cursor:pointer}.scanner-loading{padding:3rem;text-align:center;color:#94a3b8}.scanner-warning{background:#ff980026;border:1px solid rgba(255,152,0,.3);color:#ff9800;padding:.5rem .75rem;margin:.5rem;border-radius:8px;font-size:.8rem}.camera-container{position:relative;margin:.5rem;border-radius:12px;overflow:hidden;background:#000}.camera-feed{width:100%;display:block}.board-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;aspect-ratio:1;pointer-events:none}.board-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:100%;height:100%;border:2px solid rgba(212,168,83,.6)}.grid-cell{border:1px solid rgba(212,168,83,.2)}.confidence-indicator{position:absolute;top:8px;right:8px;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.confidence-indicator.high{background:#4caf50e6;color:#fff}.confidence-indicator.medium{background:#ff9800e6;color:#fff}.confidence-indicator.low{background:#f44336e6;color:#fff}.scanner-controls{padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.control-row{display:flex;align-items:center;gap:.5rem}.control-row label{color:#94a3b8;font-size:.8rem;min-width:70px}.orientation-buttons,.interval-buttons{display:flex;gap:.25rem;flex:1}.orientation-buttons button,.interval-buttons button{flex:1;padding:.4rem;background:#0000004d;border:1px solid rgba(148,163,184,.2);border-radius:6px;color:#94a3b8;font-size:.75rem;cursor:pointer}.orientation-buttons button.active,.interval-buttons button.active{background:#d4a85333;border-color:#d4a853;color:#d4a853}.scanner-status{padding:0 .75rem;display:flex;flex-direction:column;gap:.25rem}.status-item{display:flex;align-items:center;gap:.5rem}.status-label{color:#64748b;font-size:.75rem;min-width:60px}.status-value{color:#d4a853;font-size:.75rem;font-family:monospace}.move-history{padding:.5rem .75rem;background:#0003;margin:.5rem;border-radius:8px}.move-history h4{margin:0 0 .5rem;color:#94a3b8;font-size:.8rem}.moves-list{display:flex;flex-wrap:wrap;gap:.25rem}.move-item{background:#d4a85326;color:#d4a853;padding:.2rem .4rem;border-radius:4px;font-size:.75rem;font-family:monospace}.scanner-actions{padding:.75rem;display:flex;gap:.5rem}.scanner-actions button{flex:1;padding:.75rem;border:none;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer}.btn-start{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.btn-stop{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.btn-use-position{background:linear-gradient(135deg,#d4a853,#b8912a);color:#1a1a2e}.scanner-tip{padding:0 .75rem .75rem;color:#64748b;font-size:.75rem;text-align:center;margin:0}.loading-spinner{width:40px;height:40px;border:3px solid rgba(212,168,83,.3);border-top-color:#d4a853;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 380px){.live-scanner{border-radius:0;max-height:100vh}.scanner-header{padding:.5rem .75rem}}.arena-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#1a1a2e);padding:.5rem;padding-bottom:80px}.arena-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem;color:#94a3b8}.arena-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.btn-back-home{background:#94a3b833;border:1px solid rgba(148,163,184,.3);color:#94a3b8;padding:.5rem .75rem;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-back-home:hover{background:#94a3b84d;color:#fff}.arena-title{flex:1;text-align:center}.arena-title h1{font-size:1.75rem;color:#fff;margin:0}.arena-title p{color:#94a3b8;margin:.5rem 0 0;font-size:.9rem}.arena-my-stats{background:#0f172acc;border:1px solid rgba(212,168,83,.3);border-radius:12px;padding:1rem;margin-bottom:1.5rem}.arena-my-stats h2{font-size:1rem;color:#d4a853;margin:0 0 1rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.stat-item{text-align:center;padding:.5rem;background:#0003;border-radius:8px}.stat-value{display:block;font-size:1.25rem;font-weight:700;color:#fff}.stat-label{font-size:.7rem;color:#94a3b8}.arena-challenges{background:#0f172acc;border:1px solid rgba(244,67,54,.3);border-radius:12px;padding:1rem;margin-bottom:1.5rem}.arena-challenges h2{font-size:1rem;color:#f44336;margin:0 0 1rem}.challenges-list{display:flex;flex-direction:column;gap:.75rem}.challenge-card{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#f443361a;border:1px solid rgba(244,67,54,.2);border-radius:10px}.challenge-info{display:flex;align-items:center;gap:.75rem}.challenge-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.challenge-name{display:block;font-weight:600;color:#fff}.challenge-time{font-size:.8rem;color:#94a3b8}.challenge-actions{display:flex;gap:.5rem}.btn-accept{padding:.5rem 1rem;background:#4caf50;border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer}.btn-decline{padding:.5rem .75rem;background:#f443364d;border:none;border-radius:6px;color:#f44336;cursor:pointer}.challenge-waiting{color:#94a3b8;font-size:.85rem;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.arena-online{background:#0f172acc;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:1rem}.arena-online h2{font-size:1rem;color:#4caf50;margin:0 0 1rem}.no-players{text-align:center;color:#94a3b8;padding:2rem}.online-players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-bottom:1rem}.online-player-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#0003;border:1px solid rgba(148,163,184,.15);border-radius:10px}.player-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #4caf50}.player-name{font-weight:500;color:#fff;font-size:.85rem;text-align:center}.player-status{font-size:.75rem;color:#4caf50}.player-status.playing{color:#ff9800}.btn-challenge{width:100%;padding:.5rem;background:linear-gradient(135deg,#d4a853,#b8943f);border:none;border-radius:6px;color:#1a1a2e;font-weight:600;font-size:.8rem;cursor:pointer}.btn-open-challenge{width:100%;padding:.75rem;background:#2196f333;border:1px solid rgba(33,150,243,.4);border-radius:8px;color:#2196f3;font-weight:600;cursor:pointer;margin-top:1rem}.arena-game{max-width:100%;margin:0 auto;padding:0}.game-player{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;background:#0003;border-radius:6px;margin-bottom:.25rem}.game-player.me{margin-top:.25rem;margin-bottom:0;background:#d4a8531a;border:1px solid rgba(212,168,83,.2)}.game-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.game-name{flex:1;font-weight:500;font-size:.85rem;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-timer{font-family:monospace;font-size:.95rem;font-weight:700;color:#fff;background:#0000004d;padding:.2rem .4rem;border-radius:4px}.game-timer.low{color:#f44336;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.game-eval-row{display:flex;justify-content:center;gap:.5rem;margin-bottom:.5rem}.eval-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;background:#9e9e9e33;color:#9e9e9e}.eval-badge.positive{background:#4caf5033;color:#4caf50}.eval-badge.negative{background:#f4433633;color:#f44336}.move-score-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.move-score-badge.good{background:#4caf5033;color:#4caf50}.move-score-badge.ok{background:#ff980033;color:#ff9800}.move-score-badge.bad{background:#f4433633;color:#f44336}.last-move-feedback{display:flex;justify-content:center;margin-top:.5rem}.move-quality{padding:.35rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;animation:fadeInUp .3s ease-out}.move-quality.good{background:#4caf5033;color:#4caf50}.move-quality.ok{background:#ff980033;color:#ff9800}.move-quality.bad{background:#f4433633;color:#f44336}.opening-display{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#d4a85326,#d4a8530d);border:1px solid rgba(212,168,83,.3);border-radius:20px;margin-bottom:.75rem;animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.opening-icon{font-size:1.2rem}.opening-name{color:#d4a853;font-weight:600;font-size:.9rem}.opening-eco{color:#94a3b8;font-size:.75rem;padding:.1rem .4rem;background:#94a3b833;border-radius:4px}.arena-board-container{background:#0000004d;border-radius:4px;padding:2px;width:calc(100vw - 8px);max-width:calc(100vw - 8px);margin:0 auto;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:relative}.game-result-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#000000d9;border-radius:4px;z-index:100;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.result-animation{display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:resultBounce .5s ease-out}@keyframes resultBounce{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.result-icon{font-size:4rem;animation:iconPulse 1.5s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.result-text{font-size:2rem;font-weight:800;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 20px currentColor}.game-result-overlay.win .result-text{color:#4caf50;animation:winGlow 1s ease-in-out infinite alternate}@keyframes winGlow{0%{text-shadow:0 0 10px #4caf50,0 0 20px #4caf50}to{text-shadow:0 0 20px #4caf50,0 0 40px #4caf50,0 0 60px #4caf50}}.game-result-overlay.lose .result-text{color:#f44336}.game-result-overlay.draw .result-text{color:#d4a853}.result-reason{font-size:1rem;color:#94a3b8;margin-top:.5rem;text-transform:capitalize}.arena-board{width:100%!important;aspect-ratio:1;touch-action:none}.arena-board>div{width:100%!important;height:100%!important;touch-action:none}.arena-board .board-b72b1{border-radius:4px;overflow:hidden;width:100%!important;height:auto!important;touch-action:none}.arena-board .square-55d63{touch-action:none}.game-status{text-align:center;padding:.5rem;margin:.25rem 0}.your-turn{color:#4caf50;font-weight:600}.opponent-turn{color:#94a3b8}.status-finished{color:#d4a853;font-weight:600}.game-controls{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.btn-resign{padding:.6rem 1.25rem;background:#f4433633;border:1px solid rgba(244,67,54,.4);border-radius:8px;color:#f44336;font-weight:600;cursor:pointer}.btn-back{padding:.6rem 1.25rem;background:#d4a85333;border:1px solid rgba(212,168,83,.4);border-radius:8px;color:#d4a853;font-weight:600;cursor:pointer}.my-moves-scores{margin-top:1rem;padding:1rem;background:#0003;border-radius:8px}.my-moves-scores h4{color:#d4a853;margin:0 0 .5rem;font-size:.85rem}.scores-list{display:flex;flex-wrap:wrap;gap:.25rem}.score-item{padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.score-item.good{background:#4caf5033;color:#4caf50}.score-item.ok{background:#ff980033;color:#ff9800}.score-item.bad{background:#f4433633;color:#f44336}.scores-avg{margin-top:.5rem;text-align:center;color:#d4a853;font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#1e293b;border:1px solid rgba(212,168,83,.3);border-radius:16px;padding:1.5rem;width:100%;max-width:360px}.modal-content h3{text-align:center;color:#fff;margin:0 0 1rem}.challenge-target{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#0003;border-radius:8px;margin-bottom:1rem}.challenge-target img{width:48px;height:48px;border-radius:50%;object-fit:cover}.challenge-target span{font-weight:600;color:#fff}.challenge-open-info{text-align:center;color:#94a3b8;padding:1rem;background:#2196f31a;border-radius:8px;margin-bottom:1rem}.challenge-options{display:flex;flex-direction:column;gap:1rem}.challenge-options label{color:#94a3b8;font-size:.85rem}.time-options,.color-options{display:flex;gap:.5rem}.time-options button,.color-options button{flex:1;padding:.5rem;background:#0000004d;border:1px solid rgba(148,163,184,.2);border-radius:6px;color:#e0e0e0;font-size:.8rem;cursor:pointer}.time-options button.active,.color-options button.active{background:#d4a85333;border-color:#d4a853;color:#d4a853}.position-options{display:flex;gap:.5rem}.position-options button{flex:1;padding:.5rem;background:#0000004d;border:1px solid rgba(148,163,184,.2);border-radius:6px;color:#e0e0e0;font-size:.8rem;cursor:pointer;transition:all .2s}.position-options button.active{background:#d4a85333;border-color:#d4a853;color:#d4a853}.btn-scan-position{background:#4caf5033!important;border-color:#4caf504d!important;color:#4caf50!important}.btn-scan-position:hover{background:#4caf504d!important}.btn-live-scan{background:#ff980033!important;border-color:#ff98004d!important;color:#ff9800!important}.btn-live-scan:hover{background:#ff98004d!important}.btn-manual-setup{background:#2196f333!important;border-color:#2196f34d!important;color:#2196f3!important}.btn-manual-setup:hover{background:#2196f34d!important}.custom-fen-preview{display:flex;align-items:center;justify-content:space-between;background:#4caf5026;border:1px solid rgba(76,175,80,.3);border-radius:8px;padding:.5rem .75rem;margin-top:.5rem}.fen-label{color:#4caf50;font-size:.85rem}.btn-clear-fen{background:#f4433633;border:none;color:#f44336;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:.8rem}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem}.btn-cancel{flex:1;padding:.75rem;background:#94a3b833;border:none;border-radius:8px;color:#94a3b8;cursor:pointer}.btn-send-challenge{flex:2;padding:.75rem;background:linear-gradient(135deg,#d4a853,#b8943f);border:none;border-radius:8px;color:#1a1a2e;font-weight:600;cursor:pointer}@media (max-width: 480px){.stats-grid,.online-players-grid{grid-template-columns:repeat(2,1fr)}}.game-player-wrapper{position:relative;margin-bottom:.25rem}.game-player-wrapper.me{margin-top:.25rem;margin-bottom:0}.advantage-bar-container{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:6px;overflow:hidden;z-index:0}.advantage-bar-container.opponent-bar{background:#f443361a}.advantage-bar-container.my-bar{background:#4caf501a}.advantage-bar{height:100%;transition:width .5s ease-out;border-radius:6px}.advantage-bar-container.opponent-bar .advantage-bar{background:linear-gradient(90deg,#f443364d,#f443361a);float:right}.advantage-bar-container.my-bar .advantage-bar{background:linear-gradient(90deg,#4caf501a,#4caf504d)}.game-player-wrapper .game-player{position:relative;z-index:1;background:transparent;margin-bottom:0}.game-player-wrapper.me .game-player{border:1px solid rgba(212,168,83,.2)}.player-info-column{flex:1;display:flex;flex-direction:column;min-width:0}.player-info-column .game-name{flex:none}.player-opening-info{font-size:.65rem;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.move-quality-popup{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;animation:popupFloat 2s ease-out forwards;font-weight:700;box-shadow:0 2px 15px #0006;z-index:100;pointer-events:none}.analyzing-indicator{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;background:#1e1e2ef2;border:1px solid rgba(139,92,246,.4);box-shadow:0 2px 15px #0006;z-index:100;pointer-events:none;animation:pulse 1s ease-in-out infinite}.analyzing-indicator .hourglass{font-size:1rem;animation:spin 1.5s linear infinite}.analyzing-indicator span{font-size:.7rem;color:#fffc}@keyframes spin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.move-quality-popup.excellent{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.move-quality-popup.good{background:linear-gradient(135deg,#8bc34a,#558b2f);color:#fff}.move-quality-popup.ok{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.move-quality-popup.bad{background:linear-gradient(135deg,#f44336,#c62828);color:#fff}.popup-emoji{font-size:1.2rem}.popup-score{font-size:.7rem}@keyframes popupFloat{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}50%{opacity:1;transform:translate(-50%) translateY(-20px) scale(1.1)}to{opacity:0;transform:translate(-50%) translateY(-40px) scale(.8)}}.highlight-last-move{background-color:#ffff9673!important}.highlight-selected{box-shadow:inset 0 0 0 3px #ffc107!important}.highlight-move{position:relative}.highlight-move:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30%;height:30%;background:#0003;border-radius:50%;pointer-events:none}.captured-pieces-container{display:flex;justify-content:space-between;padding:.25rem .5rem;background:#0003;border-radius:6px;margin-top:.5rem;min-height:24px}.captured-by-white,.captured-by-black{display:flex;gap:1px;flex-wrap:wrap;align-items:center}.captured-piece{font-size:.9rem;line-height:1;opacity:.9}.move-navigation{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem}.nav-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.25rem}.nav-btn:hover:not(:disabled){background:#fff3}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.viewing-history{color:#ffc107;font-size:.75rem;display:flex;align-items:center;gap:.25rem;margin-left:.5rem}.captured-pieces{display:flex;gap:2px;flex-wrap:wrap;padding:2px 8px;min-height:20px;align-items:center}.my-captures{justify-content:flex-start;margin-bottom:2px}.opponent-captures{justify-content:flex-start;margin-top:2px}.captured-piece{font-size:1rem;line-height:1;opacity:.85;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.match-intro-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;animation:introFadeIn .5s ease-out}@keyframes introFadeIn{0%{opacity:0}to{opacity:1}}.match-intro-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;animation:introSlideUp .6s ease-out .2s both}@keyframes introSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.intro-player{display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:introPlayerEnter .5s ease-out both}.intro-player.white{animation-delay:.4s}.intro-player.black{animation-delay:.8s}@keyframes introPlayerEnter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.intro-player-name{font-size:1.8rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.intro-player.white .intro-player-name{color:#f0f0f0}.intro-player.black .intro-player-name{color:#a0a0a0}.intro-technique{font-size:1.2rem;color:#ffc107;font-weight:600;padding:.4rem 1rem;background:#ffc10726;border:1px solid rgba(255,193,7,.3);border-radius:20px;animation:techniquePulse 2s ease-in-out infinite}@keyframes techniquePulse{0%,to{box-shadow:0 0 10px #ffc1074d}50%{box-shadow:0 0 20px #ffc10780}}.intro-vs{display:flex;flex-direction:column;align-items:center;gap:.25rem;animation:vsEnter .4s ease-out .6s both}@keyframes vsEnter{0%{opacity:0;transform:scale(1.5) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.intro-vs span:first-child{font-size:2.5rem;animation:vsSwordClash .6s ease-out 1s both}@keyframes vsSwordClash{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.intro-vs span:last-child{font-size:1.5rem;font-weight:800;color:#e53935;text-shadow:0 0 20px rgba(229,57,53,.5);letter-spacing:.2em}@media (max-width: 480px){.intro-player-name{font-size:1.4rem}.intro-technique{font-size:1rem}.intro-vs span:first-child{font-size:2rem}.intro-vs span:last-child{font-size:1.2rem}}*{box-sizing:border-box}:root{--bg: #020202;--bg-alt: #111111;--accent: #f6c344;--accent-soft: rgba(246, 195, 68, .14);--text: #f8f5e6;--text-muted: #b9b08a}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(ellipse at top left,rgba(75,45,25,.15) 0%,transparent 40%),radial-gradient(ellipse at bottom right,rgba(60,35,20,.15) 0%,transparent 40%),radial-gradient(ellipse at center,rgba(50,30,18,.08) 0%,transparent 70%),linear-gradient(180deg,#1a1512,#12100d,#0a0807 60%,#050403);color:var(--text);min-height:100vh;background-attachment:fixed}#root{min-height:100vh}