:root{--text:#9793a8;--text-h:#fff;--bg:#08070c;--bg-alt:#131019;--surface:#16131e;--surface-2:#1e1a29;--border:#2a2536;--accent:#8a3ffc;--accent-2:#ff6fb5;--accent-hover:#9c5bff;--accent-bg:#8a3ffc29;--gold:#ffcf5c;--gold-bg:linear-gradient(90deg, #ffcf5c3d, #ffcf5c0d);--live:#ff3b46;--live-bg:#ff3b4629;--danger:#ff5b5b;--success:#2fd980;--shadow:0 1px 2px #0006, 0 8px 24px -10px #000000b3;--shadow-lg:0 4px 10px #00000073, 0 20px 44px -16px #000c;--sans:"Manrope", system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.55 var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{--text:#57505f;--text-h:#1c1224;--bg:#f6f3fb;--bg-alt:#efe9fa;--surface:#fff;--surface-2:#f0ecf9;--border:#e6e1f0;--accent:#8a3ffc;--accent-2:#ff6fb5;--accent-hover:#7328e0;--accent-bg:#8a3ffc17;--gold:#c9931b;--gold-bg:linear-gradient(90deg, #ffd05c47, #ffd05c14);--live:#e0303c;--live-bg:#e0303c1a;--danger:#d43f3f;--success:#1a9160;--shadow:0 1px 2px #1e0f370a, 0 8px 24px -12px #1e0f3729;--shadow-lg:0 4px 8px #1e0f370d, 0 16px 40px -14px #1e0f3747;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){:root:not([data-theme]){--text:#57505f;--text-h:#1c1224;--bg:#f6f3fb;--bg-alt:#efe9fa;--surface:#fff;--surface-2:#f0ecf9;--border:#e6e1f0;--accent:#8a3ffc;--accent-2:#ff6fb5;--accent-hover:#7328e0;--accent-bg:#8a3ffc17;--gold:#c9931b;--gold-bg:linear-gradient(90deg, #ffd05c47, #ffd05c14);--live:#e0303c;--live-bg:#e0303c1a;--danger:#d43f3f;--success:#1a9160;--shadow:0 1px 2px #1e0f370a, 0 8px 24px -12px #1e0f3729;--shadow-lg:0 4px 8px #1e0f370d, 0 16px 40px -14px #1e0f3747;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}body{margin:0}h1,h2{color:var(--text-h);letter-spacing:-.01em;margin:0 0 .5em;font-weight:800}h1{font-size:1.9rem}h2{align-items:center;gap:.4rem;font-size:1.2rem;display:flex}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border:none;border-radius:10px;padding:.6em 1.2em;font-weight:600;transition:transform .12s,box-shadow .12s,opacity .12s;box-shadow:0 4px 14px -6px #8a3ffc8c}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px -6px #8a3ffca6}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}button.secondary,.secondary-link{background:var(--surface);color:var(--accent);border:1.5px solid var(--accent);box-shadow:none}button.secondary:hover:not(:disabled){background:var(--accent-bg);box-shadow:none;transform:none}.secondary-link{border-radius:10px;align-items:center;padding:.5em 1.1em;font-weight:600;display:inline-flex}.secondary-link:hover{background:var(--accent-bg)}.link-button{color:var(--accent);box-shadow:none;background:0 0;padding:.3em 0;font-weight:600}.link-button:hover:not(:disabled){box-shadow:none;background:0 0;text-decoration:underline;transform:none}.chip-edit-btn{color:var(--accent);width:20px;height:20px;box-shadow:none;background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:.7rem;line-height:1;display:inline-flex}.chip-edit-btn:hover:not(:disabled){box-shadow:none;background:#ffffff2e;transform:none}.chip-delete-btn:hover:not(:disabled){background:var(--danger);color:#fff}.chip-rename-form{align-items:center;gap:.3rem;display:flex}.chip-rename-form input{border-radius:999px;width:9rem;padding:.25em .5em;font-size:.85rem}input,select{font:inherit;border:1.5px solid var(--border);background:var(--surface);color:var(--text-h);border-radius:10px;padding:.55em .8em;transition:border-color .12s}input:focus,select:focus{border-color:var(--accent);outline:none}label{color:var(--text);flex-direction:column;gap:.3em;font-size:.85rem;font-weight:600;display:flex}.muted{color:var(--text);opacity:.65;font-size:.9rem}.empty-state{color:var(--text);opacity:.7;text-align:center;border:1.5px dashed var(--border);background:var(--surface);border-radius:12px;padding:1.5rem;font-size:.92rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell{flex-direction:column;min-height:100svh;display:flex}.app-header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;justify-content:space-between;align-items:center;gap:1.5rem;padding:.9rem 1.5rem;display:flex;position:sticky;top:0}.app-header .brand{color:var(--text-h);align-items:center;gap:.4rem;font-size:1.15rem;font-weight:800;display:inline-flex}.brand-tile{font-size:1.4rem}.header-auth{align-items:center;gap:.75rem;display:flex}.theme-toggle{background:var(--surface-2);color:var(--text-h);box-shadow:none;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1rem;display:inline-flex}.theme-toggle:hover:not(:disabled){box-shadow:none;background:var(--accent-bg);transform:none}.admin-email{display:none}@media (width>=560px){.admin-email{display:inline}}main{flex:1;width:100%;max-width:900px;margin:0 auto;padding:1.5rem 1.5rem 5.5rem}.app-footer{text-align:center;padding:1.5rem;font-size:.8rem}.bottom-nav{z-index:25;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--text);border-radius:12px;flex-direction:column;align-items:center;gap:.15rem;padding:.3rem 1rem;font-size:.7rem;font-weight:700;transition:color .12s,background .12s;display:flex}.bottom-nav a.active{color:var(--accent);background:var(--accent-bg)}.bottom-nav-icon{font-size:1.25rem}.hero{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);color:#fff;text-align:center;box-shadow:var(--shadow-lg);border-radius:20px;margin-bottom:1.75rem;padding:2.5rem 1.75rem;position:relative;overflow:hidden}.hero h1{color:#fff;margin-bottom:.4rem}.hero p{opacity:.92;margin:0;font-size:.95rem}.hero-tiles{opacity:.16;pointer-events:none;justify-content:space-around;align-items:center;font-size:3.5rem;display:flex;position:absolute;inset:0;transform:rotate(-6deg)scale(1.2)}.page-header{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.section{border-top:1px solid var(--border);margin-top:2.25rem;padding-top:1.5rem}.inline-form{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.two-forms{flex-wrap:wrap;gap:1.5rem;margin-top:.5rem;display:flex}.game-form{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;gap:1rem;margin-top:.75rem;padding:1.4rem;display:grid}.game-form button{grid-column:1/-1;justify-self:start}.points-rule{grid-column:1/-1;margin:0}.card-list{flex-direction:column;gap:.65rem;margin:1rem 0;padding:0;list-style:none;display:flex}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;transition:transform .14s,box-shadow .14s,border-color .14s}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent);transform:translateY(-2px)}.card a{align-items:center;gap:.8rem;padding:1rem 1.2rem;display:flex}.card-icon{background:var(--surface-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:inline-flex}.match-card.active{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 14%, var(--surface)), var(--surface) 60%);border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.card-title{color:var(--text-h);flex:1;font-weight:700}.badge{letter-spacing:.03em;background:var(--accent-bg);color:var(--accent);white-space:nowrap;border-radius:999px;align-items:center;gap:.35em;padding:.3em .7em;font-size:.72rem;font-weight:700;display:inline-flex}.badge.finished{background:var(--surface-2);color:var(--text)}.badge.active{background:var(--live-bg);color:var(--live);text-transform:uppercase}.badge.active:before{content:"";background:var(--live);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.player-avatar{object-fit:cover;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.player-avatar-fallback{background:var(--accent-bg);color:var(--accent);font-weight:800}.avatar-uploader{align-items:center}.avatar-uploader input[type=file]{max-width:200px;padding:.3em;font-size:.8rem}.name-cell{color:var(--text-h);align-items:center;gap:.9rem;font-size:1rem;font-weight:600;display:flex}.avatar-slot{flex-shrink:0;display:inline-flex}.avatar-slot.rank-1 .player-avatar,.avatar-slot.rank-1 .player-avatar-fallback{box-shadow:0 0 0 3px var(--gold), 0 4px 14px -4px #c9931b99}.avatar-slot.rank-2 .player-avatar,.avatar-slot.rank-2 .player-avatar-fallback{box-shadow:0 0 0 3px #adb5c4,0 4px 12px -4px #78829680}.avatar-slot.rank-3 .player-avatar,.avatar-slot.rank-3 .player-avatar-fallback{box-shadow:0 0 0 3px #c98a4b,0 4px 12px -4px #b46e3c80}.avatar-slot.rank-1 .player-avatar-fallback{font-size:1.6rem}.chip-list{flex-wrap:wrap;gap:.5rem;margin:.5rem 0;padding:0;list-style:none;display:flex}.chip{background:var(--accent-bg);color:var(--text-h);border-radius:999px;align-items:center;gap:.5rem;padding:.3em .5em .3em .3em;font-size:.85rem;font-weight:600;display:inline-flex}.table-wrap{box-shadow:var(--shadow);border-radius:14px;margin-top:.75rem;overflow-x:auto}table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.9em 1em}th{color:var(--text);text-transform:uppercase;letter-spacing:.06em;background:var(--bg-alt);font-size:.72rem}tr:last-child td{border-bottom:none}tbody tr{transition:background .12s}tbody tr:hover{background:var(--bg-alt)}.rank-cell{width:2.5rem;font-size:1.1rem;font-weight:800}.points-col{color:var(--accent);font-size:1.02rem;font-weight:800}th.points-col{color:var(--accent)}.leader-row{background:var(--gold-bg)!important}.leader-row .points-col{color:var(--gold)}.leader-row td{color:var(--text-h)}.leader-row .player-avatar,.leader-row .player-avatar-fallback{box-shadow:0 0 0 2px var(--gold)}.game-list{flex-direction:column;gap:.6rem;margin:.75rem 0;padding:0;list-style:none;display:flex}.game-list li{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:.4rem;padding:.75em 1em;font-size:.88rem;display:flex}.game-list-players{flex-wrap:wrap;gap:.5rem 1.1rem;display:flex}.game-role{align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.game-role.win:before{content:"🏆";font-size:.85em}.game-role.lose{opacity:.75}.game-role.lose:before{content:"✕";color:var(--danger);font-size:.8em}.game-role.walk:before{content:"🚶";font-size:.85em}.game-role em{color:var(--success);font-style:normal;font-weight:700}.game-date{font-size:.78rem}.actions-row{margin-top:.75rem}.auth-error{color:var(--danger);font-size:.88rem;font-weight:600}.auth-info{color:var(--success);font-size:.9rem;font-weight:600}.fab{z-index:20;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.6rem;display:flex;position:fixed;bottom:5.5rem;right:1.5rem;box-shadow:0 10px 24px -6px #8a3ffc8c}.fab:hover:not(:disabled){transform:translateY(-2px)scale(1.04)}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:30;background:#0a051480;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-lg);border-radius:18px;padding:1.5rem;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.modal-header h2{margin:0}.modal-close{box-shadow:none;color:var(--text);background:0 0;border-radius:8px;padding:.2em .5em;font-size:1rem}.modal-close:hover:not(:disabled){background:var(--accent-bg);color:var(--accent);box-shadow:none;transform:none}.modal-card .game-form{box-shadow:none;border:none;margin-top:.5rem;padding:0}.auth-page{background:radial-gradient(circle at top, var(--bg-alt), var(--bg) 60%);justify-content:center;align-items:center;min-height:100svh;padding:1.5rem;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:380px;box-shadow:var(--shadow-lg);border-radius:18px;padding:2.2rem}.auth-subtitle{color:var(--text);opacity:.75;margin-bottom:1.5rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-hint{opacity:.7;margin-top:1.5rem;font-size:.8rem}@media (width<=480px){main{padding-left:.75rem;padding-right:.75rem}table{table-layout:fixed;width:100%}th,td{padding:.55em .35em;font-size:.78rem}th:first-child,td.rank-cell{width:1.6rem;padding-left:.3em;padding-right:.15em}.rank-cell{font-size:.85rem}th:not(:first-child):not(:nth-child(2)),td:not(:first-child):not(:nth-child(2)){text-align:center;width:2.6rem}.name-cell{gap:.4rem;font-size:.82rem}.name-cell .player-avatar,.name-cell .player-avatar-fallback{width:30px!important;height:30px!important;font-size:.7rem!important}.points-col{font-size:.85rem}}