.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:60px;background:var(--color-surface);border-bottom:2px solid var(--color-border);position:sticky;top:0;z-index:100}.navbar-brand a{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-text)}.navbar-logo{font-size:1.4rem}.navbar-title{font-size:1.2rem;font-weight:700;color:var(--color-primary);letter-spacing:.03em}.navbar-links{display:flex;gap:1.5rem}.navbar-links a{text-decoration:none;color:var(--color-text-muted);font-weight:500;padding:.25rem 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.navbar-links a:hover,.navbar-links a.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.navbar-auth{display:flex;align-items:center}.navbar-user{display:flex;align-items:center;gap:.6rem}.navbar-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-primary)}.navbar-name{font-size:.9rem;color:var(--color-text-muted)}.auth-error-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1.5rem;background:#5c1e1e;border-bottom:1px solid #7a2d2d;color:#f5b6b6;font-size:.875rem}.auth-error-close{background:none;border:none;color:#f5b6b6;cursor:pointer;font-size:1rem;padding:0;line-height:1;flex-shrink:0}.auth-error-close:hover{color:#fff}.event-badge{display:inline-block;padding:.2em .55em;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.badge-small{font-size:.65rem;padding:.12em .4em}.badge-online{background:#1a6fa8;color:#e8f4ff}.badge-local{background:#2d7a3a;color:#e6f7ea}.badge-regional{background:#7a4f1a;color:#fff3e0}.badge-major{background:#b7bf1b;color:#ffe8e8}.badge-convention{background:#5a1a7a;color:#f5e8ff}.badge-default{background:#444;color:#eee}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-box{background:var(--color-surface);border-radius:10px;border:1px solid var(--color-border);max-width:480px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 40px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--color-border)}.modal-header h3{margin:0;font-size:1rem;font-weight:700;color:var(--color-text)}.modal-close{background:none;border:none;color:var(--color-text-muted);font-size:1.1rem;cursor:pointer;padding:.25rem;line-height:1;border-radius:4px}.modal-close:hover{color:var(--color-text);background:var(--color-surface-alt)}.modal-body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.modal-empty{color:var(--color-text-muted);text-align:center;padding:1rem 0}.event-card{background:var(--color-surface-alt);border-radius:8px;padding:.875rem 1rem;border:1px solid var(--color-border);display:flex;flex-direction:column;gap:.5rem}.event-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.event-card-badges{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}.event-card-name{font-weight:700;font-size:1rem;color:var(--color-text)}.event-card-meta{display:flex;gap:1rem;font-size:.85rem;color:var(--color-text-muted);flex-wrap:wrap}.event-card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.event-card-info{font-size:.85rem;color:var(--color-text-muted);line-height:1.55;white-space:pre-wrap;margin:0}.event-card-reg{font-size:.85rem;padding:.35rem .9rem;text-decoration:none}.calendar{width:100%}.calendar-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.calendar-header h2{min-width:180px;text-align:center;margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text)}.cal-nav{font-size:1.5rem;padding:0 .5rem;line-height:1}.cal-today{margin-left:auto;font-size:.85rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.calendar-dow{text-align:center;padding:.5rem 0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);background:var(--color-surface-alt);border-bottom:1px solid var(--color-border)}.calendar-cell{min-height:100px;padding:.4rem;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-surface);vertical-align:top;cursor:default;transition:background .1s;overflow:hidden;min-width:0}.calendar-cell:nth-child(7n){border-right:none}.calendar-cell.has-events{cursor:pointer}.calendar-cell.has-events:hover{background:var(--color-surface-hover)}.calendar-cell.other-month{background:var(--color-surface-dim);opacity:.6}.calendar-cell.today .cell-day{background:var(--color-primary);color:#fff;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center}.cell-day{font-size:.85rem;font-weight:600;margin-bottom:.25rem;display:inline-flex;align-items:center;justify-content:center;min-width:26px;min-height:26px}.cell-events{display:flex;flex-direction:column;gap:2px}.cell-event-pill{display:flex;align-items:center;gap:4px;background:var(--color-surface-alt);border-radius:4px;padding:2px 4px;overflow:hidden}.cell-event-name{font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text);min-width:0;flex:1}.cell-more{font-size:.7rem;color:var(--color-text-muted);padding-left:4px}@media (max-width: 640px){.calendar-cell{min-height:60px;padding:.2rem}.cell-event-name{display:none}.cell-event-pill{justify-content:center}}.event-list{display:flex;flex-direction:column;gap:2rem}.event-list-empty{text-align:center;padding:3rem;color:var(--color-text-muted)}.event-list-month{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);margin:0 0 .75rem;padding-bottom:.4rem;border-bottom:2px solid var(--color-primary-muted)}.event-list-item{display:flex;align-items:center;gap:1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:.85rem 1.1rem;margin-bottom:.5rem;flex-wrap:wrap}.eli-date{min-width:170px;font-size:.85rem;font-weight:600;color:var(--color-text-muted)}.eli-main{flex:1;display:flex;flex-direction:column;gap:.3rem;min-width:150px}.eli-top{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.eli-name{font-weight:700;font-size:1rem;color:var(--color-text)}.eli-meta{font-size:.82rem;color:var(--color-text-muted)}.eli-actions{display:flex;flex-direction:column;gap:.4rem;align-items:flex-end}.eli-info{font-size:.82rem;color:var(--color-text-muted);line-height:1.5;white-space:pre-wrap;margin:0}.recurring-badge{display:inline-block;padding:.18em .5em;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.04em;background:var(--color-surface-alt);color:var(--color-text-muted);border:1px solid var(--color-border);white-space:nowrap}.eli-reg{font-size:.85rem;padding:.35rem .9rem;text-decoration:none;white-space:nowrap}.event-filters{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:.3rem}.filter-group label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.filter-group select{padding:.45rem 2rem .45rem .75rem;border-radius:6px;border:1px solid var(--color-border);background-color:var(--color-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e8ecf4' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;background-size:.7em;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color-text);font-size:.9rem;cursor:pointer;min-width:170px}.filter-group select:hover{border-color:var(--color-primary)}.filter-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-muted)}.filter-type-chips{display:none}.type-dropdown{position:relative;min-width:170px}.type-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.45rem .75rem;border-radius:6px;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font-size:.9rem;cursor:pointer;transition:border-color .15s;text-align:left;gap:.5rem}.type-dropdown-trigger:hover,.type-dropdown-trigger.open{border-color:var(--color-primary)}.type-dropdown-trigger.open{box-shadow:0 0 0 2px var(--color-primary-muted);outline:none}.type-dropdown-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-dropdown-arrow{flex-shrink:0;width:.7em;height:.7em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e8ecf4' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;background-position:center}.type-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-surface);border:1px solid var(--color-primary);border-radius:6px;box-shadow:0 6px 20px #00000059;z-index:100;overflow:hidden}.type-dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;font-size:.9rem;color:var(--color-text-muted);cursor:pointer;transition:background .1s,color .1s;-webkit-user-select:none;user-select:none}.type-dropdown-item:hover{background:var(--color-surface-alt);color:var(--color-text)}.type-dropdown-item.selected{color:var(--color-primary)}.type-dropdown-check{width:1em;font-size:.8rem;line-height:1;flex-shrink:0;color:var(--color-primary)}.home-page{padding:1.5rem;max-width:1200px;margin:0 auto}.home-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.toolbar-right{display:flex;align-items:center;gap:.75rem}.view-toggle{display:flex;gap:.4rem}.home-loading{text-align:center;padding:4rem;color:var(--color-text-muted);font-size:1rem}.event-form{display:flex;flex-direction:column;gap:1rem}.form-field{display:flex;flex-direction:column;gap:.3rem}.form-field label{font-size:.82rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.form-field input,.form-field textarea{padding:.5rem .75rem;border-radius:6px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.95rem;font-family:inherit}.form-field select{padding:.5rem 2rem .5rem .75rem;border-radius:6px;border:1px solid var(--color-border);background-color:var(--color-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e8ecf4' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;background-size:.7em;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color-text);font-size:.95rem;font-family:inherit;cursor:pointer}.form-field select:hover{border-color:var(--color-primary)}.form-field textarea{resize:vertical;min-height:90px;line-height:1.5}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 500px){.form-row{grid-template-columns:1fr}}.form-error{font-size:.8rem;color:var(--color-danger);margin-top:.1rem}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--color-border);margin-top:.5rem}.form-section-divider{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);border-top:1px solid var(--color-border);padding-top:.75rem;margin-top:.25rem}.form-checkboxes{display:flex;gap:.6rem;flex-wrap:wrap;padding:.25rem 0}.game-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.4em .9em;border-radius:999px;border:1.5px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-text-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s,color .15s;-webkit-user-select:none;user-select:none}.game-chip:hover{border-color:var(--color-primary);color:var(--color-text)}.game-chip-on{border-color:var(--color-primary);background:var(--color-primary-muted);color:var(--color-primary)}.game-chip-check{font-size:.8rem;line-height:1}.form-toggle-label{display:flex;align-items:center;gap:.65rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.95rem;color:var(--color-text)}.form-toggle{position:relative;width:40px;height:22px;border-radius:11px;background:var(--color-border);border:1px solid var(--color-border);cursor:pointer;transition:background .2s;flex-shrink:0}.form-toggle.toggle-on{background:var(--color-primary);border-color:var(--color-primary)}.form-toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}.form-toggle.toggle-on .form-toggle-thumb{transform:translate(18px)}.admin-page{padding:1.5rem;max-width:1100px;margin:0 auto}.admin-gate{display:flex;align-items:center;justify-content:center;min-height:60vh}.admin-gate-box{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:2.5rem 2rem;max-width:380px}.admin-gate-box h2{margin:0 0 .5rem;font-size:1.3rem}.admin-gate-box p{color:var(--color-text-muted);margin-bottom:1.5rem}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.admin-header-right{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.admin-header-right .event-filters{margin:0}.admin-only-mine{display:flex;align-items:center;gap:.65rem;font-size:.88rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.admin-header h1{margin:0;font-size:1.5rem}.admin-form-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.5rem;margin-bottom:1.5rem}.admin-form-section h2{margin:0 0 1.25rem;font-size:1.1rem;font-weight:700}.admin-loading,.admin-empty{text-align:center;padding:3rem;color:var(--color-text-muted)}.admin-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid var(--color-border)}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table thead tr{background:var(--color-surface-alt)}.admin-table th{text-align:left;padding:.65rem .9rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.admin-table td{padding:.65rem .9rem;border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover td{background:var(--color-surface-hover)}.td-name{font-weight:600}.td-date{white-space:nowrap;font-size:.85rem;color:var(--color-text-muted)}.td-none{color:var(--color-text-muted)}.td-actions{display:flex;gap:.4rem}.admin-link{color:var(--color-primary);font-size:.85rem;text-decoration:none}.admin-link:hover{text-decoration:underline}.btn-sm{font-size:.8rem;padding:.3rem .65rem}.toast{position:fixed;bottom:1.5rem;right:1.5rem;padding:.75rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;z-index:999;box-shadow:0 4px 20px #0006}.toast-success{background:#1e5c2a;color:#b6f5c5;border:1px solid #2d7a3a}.toast-error{background:#5c1e1e;color:#f5b6b6;border:1px solid #7a2d2d}.landing-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 60px);padding:2rem 1rem}.landing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:2.5rem 2rem;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:1.25rem;box-shadow:0 8px 40px #0006}.landing-logo{margin-bottom:.25rem}.landing-logo-placeholder{width:100px;height:100px;border-radius:20px;background:var(--color-surface-alt);border:2px dashed var(--color-border);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--color-text-muted)}.landing-title{margin:0;font-size:1.6rem;font-weight:800;color:var(--color-text);text-align:center}.landing-subtitle{margin:0;font-size:.95rem;color:var(--color-text-muted);text-align:center;line-height:1.5}.landing-region{width:100%;display:flex;flex-direction:column;gap:.4rem}.landing-region label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.landing-region select{width:100%;padding:.55rem 2rem .55rem .75rem;border-radius:8px;border:1px solid var(--color-border);background-color:var(--color-surface-alt);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e8ecf4' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;background-size:.7em;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color-text);font-size:.95rem;cursor:pointer;transition:border-color .15s}.landing-region select:hover,.landing-region select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-muted)}.landing-go{width:100%;padding:.65rem;font-size:1rem;font-weight:700;border-radius:8px}.landing-divider{width:100%;display:flex;align-items:center;gap:.75rem;color:var(--color-text-muted);font-size:.8rem}.landing-divider:before,.landing-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.landing-signin{width:100%;padding:.6rem;font-size:.9rem;border-radius:8px}:root{--color-bg: #0f1117;--color-surface: #1a1d27;--color-surface-alt: #22263a;--color-surface-dim: #151720;--color-surface-hover: #252942;--color-border: #2e3350;--color-text: #e8ecf4;--color-text-muted: #8892b0;--color-primary: #3b82f6;--color-primary-muted: rgba(59, 130, 246, .2);--color-danger: #e05c5c}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.45rem 1rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s,opacity .15s;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.btn-ghost{background:transparent;color:var(--color-text-muted);border-color:var(--color-border)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-alt);color:var(--color-text)}.btn-danger{background:transparent;color:var(--color-danger);border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:rgba(224,92,92,.12)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}