@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=VT323&display=swap";:root{--background:#0d0f12;--surface:#161a1f;--primary:#4a9eff;--primary-hover:#2d7dd2;--primary-disabled:#1e3a5f;--text:#c8cdd4;--text-selected:#fff;--text-muted:#5a6270;--border:#252b33;--error:#e05252;--button-text:#fff}*{box-sizing:border-box;font-family:Inter,sans-serif}h1,h2,h3{color:var(--text);margin:5px}body{background-color:var(--background);margin:0}.navbar{background-color:var(--surface);justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex}.navbar span{color:var(--text);font-size:1.2rem;font-weight:700}.navbar-links{gap:24px;display:flex}.navbar-links a{color:var(--text);text-decoration:none}.navbar-links a:hover{color:var(--text-selected)}.header{text-align:center;flex-direction:column;align-items:center;margin:10px;display:flex}.site-info{text-align:center;max-width:800px;color:var(--text-muted);margin:auto}.games{flex-direction:row;justify-content:center;align-items:center;gap:24px;padding:0 24px 40px;display:flex}.game-selector{cursor:pointer;background-color:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;align-items:center;gap:12px;width:250px;height:275px;padding:24px;text-decoration:none;display:flex}.game-selector:hover{border-color:var(--primary-hover)}.game-selector span{color:var(--primary);font-weight:700;text-decoration:none}.game-image{width:200px;height:200px}.coming-soon{background-color:var(--surface);border:1px solid var(--border);opacity:.4;cursor:not-allowed;border-radius:8px;flex-direction:column;align-items:center;gap:12px;width:250px;height:275px;padding:24px;display:flex}.coming-soon span{color:var(--text-muted);text-align:center;width:100%;font-weight:700;text-decoration:none}.browse-page-div{box-sizing:border-box;gap:16px;height:calc(100vh - 60px);padding:0 16px 16px;display:flex}.browse-page-game-selector{justify-content:center;gap:24px;padding:16px 0;display:flex}.browse-page-directory{background-color:var(--surface);border:1px solid var(--border);border-radius:8px;width:280px;min-width:280px;padding:16px;overflow-y:auto}.browse-page-contents{background-color:var(--surface);border:1px solid var(--border);border-radius:8px;flex:1;padding:16px;overflow-y:auto}.folder-button{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 8px;font-family:Inter,sans-serif;font-size:.9rem;display:block}.folder-button:hover{background-color:var(--border)}.btn-icon{color:var(--primary);cursor:pointer;text-align:center;background:0 0;border:none;width:100%;padding:0;font-size:.9rem}.btn-icon:hover{color:var(--primary-hover)}.contents-grid{background-color:var(--background);border:1px solid var(--border);text-align:left;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.contents-table{border-collapse:collapse;width:100%;font-size:.9rem}.contents-table th{text-align:left;color:var(--text);border-bottom:1px solid var(--border);background-color:var(--surface);padding:8px 12px;font-weight:700}.contents-table td{color:var(--text);border-bottom:1px solid var(--border);padding:8px 12px}.contents-table tr:hover td{background-color:var(--surface);background-color:var(--surface)}.contents-table td button{color:var(--primary);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:Inter,sans-serif;font-size:.9rem}.contents-table td button:hover{color:var(--primary-hover)}.breadcrumb{align-items:center;gap:5px;margin-bottom:16px;padding:3px 8px;display:flex}.breadcrumb-segment{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-family:Inter,sans-serif;font-size:.9rem}.breadcrumb-segment:hover{color:var(--primary)}.breadcrumb-separator{color:var(--text-muted);font-size:.9rem}.not-found-page{color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:16px;margin-top:40px;display:flex}.not-found-page a{color:var(--primary);text-decoration:none}.not-found-page a:hover{color:var(--primary-hover)}.about-section{max-width:800px;color:var(--text);margin:40px auto;padding:0 24px}.about-section h2{color:var(--text);margin-top:32px;margin-bottom:8px;font-size:1.2rem}.about-section p{color:var(--text-muted);margin-bottom:16px;line-height:1.7}.about-section a{color:var(--primary);text-decoration:none}.about-section a:hover{color:var(--primary-hover)}.filters-section{background-color:var(--surface);border:1px solid var(--border);border-radius:8px;margin:16px;padding:16px}.filters-row{align-items:flex-end;gap:16px;display:flex}.filter-item{flex-direction:column;flex:1;gap:6px;display:flex}.filter-item label{color:var(--text-muted);font-size:.85rem;font-weight:700}.filter-item input,.filter-item select{background-color:var(--background);border:1px solid var(--border);color:var(--text);box-sizing:border-box;border-radius:6px;width:100%;padding:8px 10px;font-family:Inter,sans-serif;font-size:.9rem}.filter-search-button{background-color:var(--primary);width:100%;color:var(--button-text);cursor:pointer;border:none;border-radius:6px;margin-top:12px;padding:10px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:700}.filter-search-button:hover{background-color:var(--primary-hover)}.filter-search-button:disabled{background-color:var(--primary-disabled);color:var(--text-muted);cursor:not-allowed}.files-available-section{background-color:var(--surface);border:1px solid var(--border);border-radius:8px;min-height:200px;margin:0 16px 16px;padding:16px}
