.navbar{align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-xl);background-color:var(--color-bg-card);border-bottom:1px solid var(--color-border);display:flex}.navbar-brand a{font-size:var(--font-size-lg);color:var(--color-text);font-weight:700}.navbar-brand a:hover{text-decoration:none}.navbar-links{gap:var(--space-md);display:flex}.navbar-auth{align-items:center;gap:var(--space-sm);margin-left:auto;display:flex}.navbar-user{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.btn{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);text-align:center;border:1px solid #0000;font-weight:500;line-height:1.5;display:inline-block}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);text-decoration:none}.btn-secondary{color:var(--color-text-secondary);border-color:var(--color-border);background-color:#0000}.btn-secondary:hover{background-color:var(--color-bg)}.language-selector{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid var(--color-border);z-index:100;background-color:#ffffffeb;justify-content:center;gap:.25rem;padding:.5rem 0;font-size:.75rem;display:flex;position:fixed;bottom:0;left:0;right:0}.language-selector button{color:#999;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;transition:color .15s,border-color .15s}.language-selector button:hover{color:#555}.language-selector button.active{color:#333;border-color:#ccc;font-weight:600}.language-selector span{color:#ccc;-webkit-user-select:none;user-select:none}.confirm-overlay{z-index:100;padding:var(--space-md);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl);width:100%;max-width:400px}.confirm-dialog p{margin-bottom:var(--space-lg);font-size:var(--font-size-md);color:var(--color-text);line-height:1.5}.confirm-dialog-actions{gap:var(--space-sm);justify-content:flex-end;display:flex}.game-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;transition:box-shadow .15s;display:flex;overflow:hidden}.game-card:hover{box-shadow:var(--shadow-md)}.game-card-link{color:inherit;text-decoration:none;display:block}.game-card-link:hover{text-decoration:none}.game-card-thumbnail-wrapper{position:relative}.game-card-rating{top:var(--space-xs);right:var(--space-xs);color:#fbbf24;font-size:var(--font-size-sm);padding:2px var(--space-xs);border-radius:var(--radius-sm);background-color:#000000bf;font-weight:600;line-height:1.4;position:absolute}.game-card-thumbnail{aspect-ratio:1;object-fit:cover;background-color:var(--color-bg);width:100%;display:block}.game-card-placeholder{background-color:var(--color-primary);color:#fff;font-size:var(--font-size-2xl);justify-content:center;align-items:center;font-weight:700;display:flex}.game-card-body{padding:var(--space-md);gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.game-card-name{font-size:var(--font-size-md);color:var(--color-text);font-weight:600;line-height:1.3}.game-card-year{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.game-card-meta{gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.game-card-players,.game-card-time{white-space:nowrap}.game-card-status{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-top:var(--space-xs);width:fit-content;font-weight:500;display:inline-block}.game-card-status.available{background-color:var(--color-available);color:var(--color-success)}.game-card-status.lent{background-color:var(--color-lent);color:var(--color-warning)}.game-card-actions{padding:0 var(--space-md) var(--space-md)}.game-card-actions button,.search-bar{width:100%}.search-bar input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);font-family:var(--font-family);background-color:var(--color-bg-card);color:var(--color-text)}.search-bar input::placeholder{color:var(--color-text-secondary)}.search-bar input:focus{outline:2px solid var(--color-primary);outline-offset:-1px;border-color:var(--color-primary)}.filter-control{border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;overflow:hidden}.filter-control button{padding:var(--space-xs) var(--space-md);background-color:var(--color-bg-card);color:var(--color-text-secondary);font-size:var(--font-size-sm);border:none;flex:1;font-weight:500;transition:background-color .15s,color .15s}.filter-control button:not(:last-child){border-right:1px solid var(--color-border)}.filter-control button:hover{background-color:var(--color-bg)}.filter-control button.active{background-color:var(--color-primary);color:#fff}.filter-control button.active:hover{background-color:var(--color-primary-hover)}.catalog-page{padding:var(--space-xl);padding-bottom:calc(var(--space-xl) + 60px);max-width:1200px;margin:0 auto}.catalog-header{margin-bottom:var(--space-lg)}.catalog-header h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-lg);font-weight:700}.catalog-controls{gap:var(--space-md);align-items:stretch;display:flex}.catalog-controls .search-bar{flex:1}.catalog-filters-toggle{align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-card);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;justify-content:center;width:100%;font-weight:500;display:flex}.catalog-filters-toggle:hover{background-color:var(--color-bg)}.catalog-filters-toggle:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.catalog-filters-toggle-icon{font-size:var(--font-size-sm);line-height:1}.catalog-filters-badge{min-width:1.25rem;height:1.25rem;padding:0 var(--space-xs);background-color:var(--color-primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.catalog-filters-panel{max-height:0;transition:max-height .3s;overflow:hidden}.catalog-filters-panel.open{max-height:600px}.catalog-filters-panel-inner{padding-top:var(--space-md)}.catalog-sort-wrapper{position:relative}.catalog-sort-btn{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-card);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;font-weight:500;display:flex}.catalog-sort-btn:hover{background-color:var(--color-bg)}.catalog-sort-btn:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.catalog-sort-icon{font-size:var(--font-size-md);line-height:1}.catalog-sort-panel{z-index:20;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:280px;box-shadow:var(--shadow-md);padding:var(--space-xs) 0;position:absolute;top:calc(100% + 4px);left:0}.catalog-sort-option{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;text-align:left;background:0 0;border:none;display:flex}.catalog-sort-option:hover{background-color:var(--color-bg)}.catalog-sort-option.selected{color:var(--color-primary);font-weight:600}.catalog-sort-radio{font-size:var(--font-size-sm);color:var(--color-primary)}.catalog-filters{gap:var(--space-md);margin-top:var(--space-md);display:flex}.catalog-filters-row3{gap:var(--space-lg);margin-top:var(--space-md);flex-wrap:wrap;align-items:flex-end;display:flex}.catalog-filter-group{gap:var(--space-xs);flex-direction:column;display:flex}.catalog-filter-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.catalog-dual-slider{width:180px;height:28px;position:relative}.catalog-dual-slider-input{appearance:none;pointer-events:none;z-index:2;background:0 0;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}.catalog-dual-slider-input:focus{outline:none}.catalog-dual-slider-input::-webkit-slider-thumb{appearance:none;background-color:var(--color-primary);border:2px solid var(--color-bg-card);width:18px;height:18px;box-shadow:var(--shadow-sm);cursor:pointer;pointer-events:auto;z-index:3;border-radius:50%;position:relative}.catalog-dual-slider-input::-webkit-slider-thumb:hover{background-color:var(--color-primary-hover)}.catalog-dual-slider-input::-moz-range-thumb{background-color:var(--color-primary);border:2px solid var(--color-bg-card);width:18px;height:18px;box-shadow:var(--shadow-sm);cursor:pointer;pointer-events:auto;border-radius:50%}.catalog-dual-slider-input::-moz-range-thumb:hover{background-color:var(--color-primary-hover)}.catalog-dual-slider-input::-webkit-slider-runnable-track{appearance:none;background:0 0;height:4px}.catalog-dual-slider-input::-moz-range-track{background:0 0;border:none;height:4px}.catalog-dual-slider-track{background-color:var(--color-border);z-index:1;border-radius:2px;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.catalog-dual-slider-range{background-color:var(--color-primary);border-radius:2px;height:100%;position:absolute;top:0}.catalog-rating-slider{width:140px;accent-color:var(--color-primary);cursor:pointer}.catalog-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.catalog-empty{text-align:center;padding:var(--space-2xl);color:var(--color-text-secondary);font-size:var(--font-size-lg)}.catalog-error{text-align:center;padding:var(--space-xl);color:var(--color-danger)}.catalog-loading{text-align:center;padding:var(--space-2xl);color:var(--color-text-secondary)}@media (width<=640px){.catalog-page{padding:var(--space-md);padding-bottom:calc(var(--space-md) + 60px)}.catalog-controls,.catalog-filters{flex-direction:column}.catalog-filters-row3{flex-direction:column;align-items:stretch}.catalog-dual-slider,.catalog-rating-slider{width:100%}.catalog-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.loan-history-entry{align-items:center;gap:var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--color-border);display:flex}.loan-history-entry:last-child{border-bottom:none}.loan-history-member{flex:1;min-width:0;font-weight:500}.loan-history-dates{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:right;white-space:nowrap}.loan-history-active{color:var(--color-warning);font-weight:500}@media (width<=480px){.loan-history-entry{align-items:flex-start;gap:var(--space-xs);flex-direction:column}.loan-history-dates{text-align:left}}.game-detail-page{padding:var(--space-xl);max-width:800px;margin:0 auto}.game-detail-header{gap:var(--space-xl);margin-bottom:var(--space-xl);display:flex}.game-detail-thumbnail{object-fit:cover;border-radius:var(--radius-md);flex-shrink:0;width:200px;height:200px}.game-detail-info{flex:1;min-width:0}.game-detail-info h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm);font-weight:700}.game-detail-year{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.game-detail-status{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;display:inline-block}.game-detail-status.available{background-color:var(--color-available);color:var(--color-success)}.game-detail-status.lent{background-color:var(--color-lent);color:var(--color-warning)}.game-detail-bgg{margin-top:var(--space-md)}.game-detail-bgg a{font-size:var(--font-size-sm)}.game-detail-history{margin-top:var(--space-lg)}.game-detail-history h2{font-size:var(--font-size-xl);margin-bottom:var(--space-md);font-weight:600}.game-detail-history-list{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.game-detail-no-history{padding:var(--space-lg);text-align:center;color:var(--color-text-secondary)}.game-detail-loading{text-align:center;padding:var(--space-2xl);color:var(--color-text-secondary)}.game-detail-error{text-align:center;padding:var(--space-xl);color:var(--color-danger)}.game-detail-back{margin-bottom:var(--space-lg);font-size:var(--font-size-sm);display:inline-block}@media (width<=640px){.game-detail-page{padding:var(--space-md)}.game-detail-header{text-align:center;flex-direction:column;align-items:center}.game-detail-thumbnail{width:160px;height:160px}}.my-loans-page{padding:var(--space-xl);max-width:800px;margin:0 auto}.my-loans-page h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-lg);font-weight:700}.my-loans-list{gap:var(--space-md);flex-direction:column;display:flex}.my-loans-item{align-items:center;gap:var(--space-md);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm);display:flex}.my-loans-thumbnail{object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;width:64px;height:64px}.my-loans-info{flex:1;min-width:0}.my-loans-name{font-weight:600;font-size:var(--font-size-md);margin-bottom:var(--space-xs)}.my-loans-date{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.my-loans-empty{text-align:center;padding:var(--space-2xl);color:var(--color-text-secondary);font-size:var(--font-size-lg)}.my-loans-error{text-align:center;padding:var(--space-xl);color:var(--color-danger)}.my-loans-loading{text-align:center;padding:var(--space-2xl);color:var(--color-text-secondary)}@media (width<=480px){.my-loans-page{padding:var(--space-md)}.my-loans-item{flex-wrap:wrap}.my-loans-item .btn{width:100%}}.login-page{padding:var(--space-2xl) var(--space-md);justify-content:center;display:flex}.login-form{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl);width:100%;max-width:400px}.login-form h1{font-size:var(--font-size-xl);margin-bottom:var(--space-lg);text-align:center;font-weight:700}.login-field{margin-bottom:var(--space-md)}.login-field label{font-size:var(--font-size-sm);margin-bottom:var(--space-xs);color:var(--color-text);font-weight:500;display:block}.login-field input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-md);font-family:var(--font-family)}.login-field input:focus{outline:2px solid var(--color-primary);outline-offset:-1px;border-color:var(--color-primary)}.login-error{color:var(--color-danger);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--space-md);background-color:#fef2f2;border:1px solid #fecaca}.login-form .btn{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-md)}.set-password-page{padding:var(--space-2xl) var(--space-md);justify-content:center;display:flex}.set-password-form{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl);width:100%;max-width:400px}.set-password-form h1{font-size:var(--font-size-xl);margin-bottom:var(--space-lg);text-align:center;font-weight:700}.set-password-field{margin-bottom:var(--space-md)}.set-password-field label{font-size:var(--font-size-sm);margin-bottom:var(--space-xs);color:var(--color-text);font-weight:500;display:block}.set-password-field input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-md);font-family:var(--font-family)}.set-password-field input:focus{outline:2px solid var(--color-primary);outline-offset:-1px;border-color:var(--color-primary)}.set-password-error{color:var(--color-danger);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--space-md);background-color:#fef2f2;border:1px solid #fecaca}.set-password-success{color:var(--color-success);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--space-md);text-align:center;background-color:#f0fdf4;border:1px solid #bbf7d0}.set-password-success a{color:var(--color-primary);font-weight:500}.set-password-form .btn{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-md)}.admin-members-page{padding:var(--space-xl);max-width:1100px;margin:0 auto}.admin-members-page h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-lg);font-weight:700}.admin-members-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.admin-members-header h1{margin-bottom:0}.admin-restricted{text-align:center;padding:var(--space-2xl);color:var(--color-danger);font-size:var(--font-size-lg)}.admin-loading{text-align:center;padding:var(--space-2xl);color:var(--color-text-secondary)}.admin-error{text-align:center;padding:var(--space-xl);color:var(--color-danger)}.admin-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table{border-collapse:collapse;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);font-size:var(--font-size-sm)}.admin-table th,.admin-table td{text-align:left;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);white-space:nowrap}.admin-table th{color:var(--color-text-secondary);background-color:var(--color-bg);font-weight:600;font-size:var(--font-size-sm)}.admin-th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.admin-th-sortable:hover{color:var(--color-primary)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background-color:var(--color-bg)}.admin-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;line-height:1;display:inline-block}.admin-badge--active{background-color:var(--color-available);color:var(--color-success)}.admin-badge--inactive{background-color:var(--color-lent);color:var(--color-warning)}.admin-actions{gap:var(--space-xs);flex-wrap:wrap;display:flex}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;font-weight:500;line-height:1.4}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{background-color:var(--color-danger-hover)}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover{background-color:var(--color-success-hover)}.admin-create-form{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm)}.admin-create-form h2{font-size:var(--font-size-lg);margin-bottom:var(--space-md);font-weight:600}.admin-form-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.admin-form-field{gap:var(--space-xs);flex-direction:column;display:flex}.admin-form-field label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.admin-form-field input{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-md);font-family:var(--font-family)}.admin-form-field input:focus{outline:2px solid var(--color-primary);outline-offset:-1px;border-color:var(--color-primary)}.admin-form-actions{gap:var(--space-sm);margin-top:var(--space-sm);grid-column:1/-1;display:flex}.admin-form-error{color:var(--color-danger);font-size:var(--font-size-sm);grid-column:1/-1}.admin-token-banner{background-color:var(--color-bg-card);border:1px solid var(--color-success);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg)}.admin-token-banner p{margin-bottom:var(--space-sm);font-size:var(--font-size-sm)}.admin-token-url{gap:var(--space-sm);align-items:center;display:flex}.admin-token-url code{padding:var(--space-sm);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);word-break:break-all;white-space:pre-wrap;flex:1}.admin-success-banner{background-color:var(--color-available);border:1px solid var(--color-success);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);color:var(--color-success);font-size:var(--font-size-sm);font-weight:500}.admin-empty{text-align:center;padding:var(--space-2xl);color:var(--color-text-secondary)}@media (width<=768px){.admin-members-page{padding:var(--space-md)}.admin-form-grid{grid-template-columns:1fr}.admin-members-header{align-items:flex-start;gap:var(--space-sm);flex-direction:column}}:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-success:#16a34a;--color-success-hover:#15803d;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-warning:#d97706;--color-text:#1f2937;--color-text-secondary:#6b7280;--color-bg:#f9fafb;--color-bg-card:#fff;--color-border:#e5e7eb;--color-available:#dcfce7;--color-lent:#fef3c7;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--font-family:system-ui, -apple-system, sans-serif;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text);background-color:var(--color-bg);line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;font-size:inherit}img{max-width:100%;height:auto}