.navbar.svelte-8hqreh.svelte-8hqreh{padding:1rem 1.5rem;background:rgba(35,39,42,.8);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0003;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);transition:background .2s ease-in-out}.navbar-item.svelte-8hqreh.svelte-8hqreh{margin:0 1rem;color:#d1d5db;font-size:1rem;font-weight:500;transition:color .2s ease-in-out,transform .2s;text-transform:uppercase;position:relative}.navbar-item.svelte-8hqreh.svelte-8hqreh:hover{color:#0078ff;background-color:transparent}.navbar-item.active.svelte-8hqreh.svelte-8hqreh,.navbar-item.svelte-8hqreh.svelte-8hqreh:focus{color:#0078ff;font-weight:600;border-bottom:1px solid #0078ff}.logout-btn.svelte-8hqreh.svelte-8hqreh{display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,#1a1e33,#0077ff5c);padding:8px 12px;border-radius:6px;color:#fff;font-weight:600;transition:background .2s ease-in-out,box-shadow .2s ease-in-out}.logout-btn.svelte-8hqreh.svelte-8hqreh:hover{background:linear-gradient(90deg,#252a45,#0088ff6c);box-shadow:0 0 12px #07f6}.navbar-burger.svelte-8hqreh.svelte-8hqreh{cursor:pointer;flex-direction:column;gap:5px}.navbar-burger.svelte-8hqreh span.svelte-8hqreh{width:25px;height:3px;background:#ffffff;border-radius:3px;transition:transform .2s ease-in-out}.navbar-burger.is-active.svelte-8hqreh span.svelte-8hqreh:nth-child(2){opacity:0;color:red}@media screen and (max-width: 1023px){.navbar-menu.svelte-8hqreh.svelte-8hqreh{display:none;flex-direction:column;position:absolute;top:70px;left:0;width:100%;background:rgba(35,39,42,.95);padding:1rem 0;border-radius:8px}.navbar-menu.is-active.svelte-8hqreh.svelte-8hqreh{display:flex;animation:svelte-8hqreh-fadeIn .3s ease-in-out}.navbar-item.active.svelte-8hqreh.svelte-8hqreh{color:#0078ff;font-weight:600;border-left:1px solid #0078ff;padding-left:10px}}@keyframes svelte-8hqreh-fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.icon.svelte-1nicns9{cursor:pointer}@keyframes svelte-1nicns9-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning.svelte-1nicns9{animation:svelte-1nicns9-spin .6s ease-in-out}.card.svelte-1nicns9{background-color:#23272a;border-radius:15px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:transform .2s;color:#b9bbbe;padding:1.5em}.title.svelte-1nicns9{color:#fff}.image.is-48x48.svelte-1nicns9{margin-bottom:.5em}.user-info.svelte-1nicns9{display:flex;align-items:center;margin:-10px 0 25px}@media screen and (max-width: 768px){.user-info.svelte-1nicns9{flex-direction:column;margin:-35px 0 25px}}.login-card.svelte-1nicns9{margin:2em auto;padding:2em;width:100%;max-width:500px;background:#2c2f33;border-radius:12px;text-align:center;box-shadow:0 10px 30px #0003}.login-text.svelte-1nicns9{color:#b9bbbe;font-size:1.1em;margin-bottom:1.5em}.steam-login-button.svelte-1nicns9{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:linear-gradient(90deg,#1a1e33,#0077ff5c);color:#fff;font-weight:700;font-size:1.1em;border-radius:8px;text-decoration:none;transition:background .3s ease-in-out,box-shadow .3s ease-in-out;position:relative;overflow:hidden}.steam-login-button.svelte-1nicns9:hover{background:linear-gradient(90deg,#252a45,#0088ff6c);box-shadow:0 0 12px #07f6;transition:background .3s ease-in-out,box-shadow .3s ease-in-out}.steam-login-button.svelte-1nicns9:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(255,255,255,.05);transition:left .4s ease-in-out}.steam-login-button.svelte-1nicns9:hover:after{left:100%}.small-text.svelte-1nicns9{margin-top:1em;font-size:.85em;color:#b9bbbe;opacity:.8}