.footer{background-color:#111;color:#ccc;text-align:center;padding:1rem;margin-top:2rem;border-top:1px solid #333}.footer a{color:#0fc;text-decoration:none;margin:0 .5rem}.footer a:hover{text-decoration:underline}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#222;color:#ccc;padding:1rem;text-align:center;font-size:.9rem;box-shadow:0 -2px 5px #0006;z-index:9999}.cookie-banner a{color:#0fc;text-decoration:underline}.cookie-banner button{margin-left:1rem;background:#0fc;border:none;color:#000;padding:.5rem 1rem;font-weight:700;cursor:pointer;border-radius:4px}:root{--bg-gradient: radial-gradient(circle at 10% 20%, rgba(8, 47, 73, .75) 0%, transparent 60%), radial-gradient(circle at 80% 0%, rgba(99, 102, 241, .45) 0%, transparent 55%), linear-gradient(135deg, #0b1220 0%, #111c32 45%, #020617 100%);--surface-glass: rgba(15, 23, 42, .55);--surface-glass-strong: rgba(15, 23, 42, .75);--surface-sub: rgba(15, 23, 42, .4);--text-primary: #e2e8f0;--text-secondary: #cbd5f5;--text-muted: rgba(203, 213, 225, .65);--accent: #38bdf8;--accent-strong: #0ea5e9;--danger: #f87171;--success: #34d399;--border-glass: rgba(148, 163, 184, .22);--shadow-soft: 0 24px 60px rgba(15, 23, 42, .45);--font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-family);display:flex;justify-content:center;padding:3.5rem 1.75rem;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(14,165,233,.1),transparent 50%,rgba(99,102,241,.08));pointer-events:none}#root{width:100%;max-width:1400px}a{color:var(--accent)}button{font-family:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.start-page{width:100%}.start-grid{display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.glass-card{position:relative;background:var(--surface-glass);border-radius:26px;padding:2.5rem;border:1px solid var(--border-glass);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);overflow:hidden}.glass-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(56,189,248,.12),transparent 60%);pointer-events:none}.hero-card{display:flex;flex-direction:column;gap:1.5rem}.status-pill{align-self:flex-start;background:#38bdf826;color:var(--accent);border:1px solid rgba(56,189,248,.4);border-radius:999px;padding:.35rem 1rem;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}.hero-card h1{font-size:2.75rem;margin:0;letter-spacing:-.02em}.hero-text{margin:0;line-height:1.6;color:var(--text-secondary);font-size:1.05rem}.hero-highlights{display:flex;flex-direction:column;gap:.65rem;color:var(--text-secondary);font-weight:500}.setup-card{display:flex;flex-direction:column;gap:1.8rem;padding-bottom:2.75rem}.card-section{display:flex;flex-direction:column;gap:1rem}.card-section h2{font-size:1.35rem;font-weight:600;margin:0}.section-header{display:flex;justify-content:space-between;align-items:baseline}.section-header h2{margin:0}.hint{font-size:.9rem;color:var(--text-muted)}.player-count-control{display:flex;align-items:center;gap:1.25rem;background:var(--surface-sub);border-radius:999px;padding:.35rem .75rem;border:1px solid rgba(148,163,184,.15);width:fit-content}.player-count-control button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(148,163,184,.25);background:#0f172aa6;color:var(--text-primary);font-size:1.25rem;transition:transform .2s ease,background .2s ease}.player-count-control button:hover:not(:disabled){transform:translateY(-2px);background:var(--surface-glass-strong)}.player-count-control .count{font-size:1.5rem;font-weight:600;min-width:2ch;text-align:center}.card-section input[type=range]{width:100%;accent-color:var(--accent)}.player-list{display:flex;flex-direction:column;gap:.8rem;max-height:340px;overflow-y:auto;padding-right:.4rem;scrollbar-width:thin}.player-list::-webkit-scrollbar{width:6px}.player-list::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:999px}.glass-subcard{background:var(--surface-sub);border:1px solid rgba(148,163,184,.25);border-radius:18px;padding:1rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.player-row{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:center}.player-index{width:46px;height:46px;border-radius:50%;background:#38bdf826;border:1px solid rgba(56,189,248,.35);display:flex;align-items:center;justify-content:center;font-weight:600}.player-row input{background:#0f172a99;border:1px solid rgba(148,163,184,.3);border-radius:14px;padding:.75rem 1rem;color:var(--text-primary);font-size:.95rem;width:100%}.player-row input::placeholder{color:var(--text-muted)}.avatar-strip{grid-column:span 2;display:flex;flex-wrap:wrap;gap:.45rem}.avatar-strip button{width:44px;height:44px;border-radius:50%;padding:0;border:1px solid transparent;background:#0f172aa6;transition:transform .2s ease,border-color .2s ease;display:flex;align-items:center;justify-content:center}.avatar-strip button.active{border-color:#38bdf899;transform:translateY(-2px)}.avatar-strip img{width:34px;height:34px;border-radius:50%;object-fit:cover}.toggle-group{display:grid;gap:.85rem}.toggle-group.compact{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.toggle-button{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1rem 1.1rem;border-radius:20px;border:1px solid rgba(148,163,184,.25);background:#0f172a8c;color:var(--text-secondary);text-align:left;transition:transform .2s ease,border-color .2s ease,background .2s ease}.toggle-button .label{font-weight:600;color:var(--text-primary)}.toggle-button .description{font-size:.9rem;color:var(--text-muted)}.toggle-button.active{border-color:#38bdf88c;background:#38bdf81f;transform:translateY(-2px)}.toggle-button:hover{border-color:#38bdf866}.ai-toggle{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.ai-toggle h3{margin:0 0 .2rem;font-size:1rem}.ai-toggle p{margin:0;color:var(--text-muted);font-size:.9rem}.switch{position:relative;display:inline-block;width:54px;height:30px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#94a3b859;border-radius:999px;transition:background .2s ease}.switch .slider:before{content:"";position:absolute;height:24px;width:24px;left:3px;top:3px;background:#0f172a;border-radius:50%;transition:transform .2s ease}.switch input:checked+.slider{background:#38bdf873}.switch input:checked+.slider:before{transform:translate(24px)}.start-button{align-self:flex-end;padding:.95rem 2.4rem;border:none;border-radius:999px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#0f172a;font-weight:700;font-size:1rem;letter-spacing:.04em;transition:transform .2s ease,box-shadow .2s ease}.start-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 18px 30px #38bdf859}.start-button:disabled{background:#94a3b840;color:var(--text-muted)}.game{background:var(--surface-glass-strong);border-radius:26px;padding:2.5rem;margin:3rem auto;max-width:720px;border:1px solid var(--border-glass);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;flex-direction:column;gap:1.5rem}.match-header{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.player-tag{display:flex;align-items:center;gap:.85rem;background:#0f172a73;padding:.75rem 1rem;border-radius:18px;border:1px solid rgba(148,163,184,.2)}.player-tag img{width:52px;height:52px;border-radius:50%;border:2px solid rgba(56,189,248,.25)}.turn-indicator{display:inline-flex;align-items:center;gap:.55rem;background:#0f172a73;border:1px solid rgba(148,163,184,.2);padding:.55rem 1rem;border-radius:14px;color:var(--text-secondary);font-size:1.05rem}.turn-indicator .label{font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;color:var(--text-muted)}.turn-indicator .player-name{font-weight:600;font-size:1.25rem;color:var(--accent)}.visit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem}.visit-slot{background:#0f172a80;border:1px solid rgba(148,163,184,.2);border-radius:18px;padding:1.1rem;display:flex;flex-direction:column;gap:.75rem}.slot-title{font-weight:600;color:var(--text-secondary);letter-spacing:.03em;text-transform:uppercase;font-size:.85rem}.multiplier-toggle{display:flex;gap:.5rem}.multiplier-toggle button{flex:1;border-radius:12px;border:1px solid rgba(148,163,184,.25);background:#0f172a8c;color:var(--text-secondary);padding:.5rem 0;font-weight:600;transition:background .2s ease,border-color .2s ease}.multiplier-toggle button.active{background:#38bdf82e;border-color:#38bdf88c;color:var(--text-primary)}.visit-slot select{background:#0f172aa6;border:1px solid rgba(148,163,184,.3);border-radius:12px;color:var(--text-primary);padding:.6rem .75rem}.slot-score{font-size:.95rem;color:var(--text-secondary)}.visit-summary{display:flex;gap:1.5rem;align-items:center;justify-content:flex-start;flex-wrap:wrap;padding:.9rem 1.2rem;border-radius:18px;border:1px solid rgba(148,163,184,.25);background:#0f172a73}.visit-summary span{color:var(--text-muted);margin-right:.5rem}.visit-summary strong{font-size:1.1rem}.checkout-warning{display:inline-block;margin-left:.75rem;padding:.2rem .6rem;border-radius:999px;background:#f8717133;color:var(--danger);font-size:.8rem;font-weight:600}.quick-visits{display:flex;flex-wrap:wrap;gap:.75rem}.quick-visits button{border-radius:999px;border:1px solid rgba(148,163,184,.25);background:#0f172a80;color:var(--text-secondary);padding:.45rem 1.1rem;transition:background .2s ease,border-color .2s ease,transform .2s ease}.quick-visits button:hover{background:#38bdf829;border-color:#38bdf873;transform:translateY(-1px)}.phase-timeline{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2.5rem;padding:1rem 1.5rem;border-radius:18px;background:#0f172a73;border:1px solid rgba(148,163,184,.25);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.phase-step{position:relative;font-size:.95rem;color:var(--text-muted);padding-bottom:.45rem;transition:color .2s ease}.phase-step:after{content:"";position:absolute;left:0;bottom:0;width:0%;height:3px;background:var(--accent);border-radius:999px;transition:width .2s ease}.phase-step.active{color:var(--accent);font-weight:600}.phase-step.active:after{width:100%}.group-stage{display:grid;gap:1.5rem;margin:0 auto;max-width:1100px}.group{background:var(--surface-glass);border-radius:22px;padding:1.5rem;border:1px solid var(--border-glass);box-shadow:var(--shadow-soft)}.group h3{margin:0 0 1rem;font-size:1.3rem}.group table{width:100%;border-collapse:collapse;margin-bottom:1rem}.group th,.group td{padding:.65rem .8rem;text-align:left;border-bottom:1px solid rgba(148,163,184,.12);color:var(--text-secondary)}.group th{text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;color:var(--text-muted)}.group .leader{color:var(--success);font-weight:600}.group ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}.group li{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:14px;background:#0f172a73;border:1px solid rgba(148,163,184,.18);transition:background .2s ease,transform .2s ease}.group li:hover{background:#38bdf826;transform:translateY(-1px)}.group li span{color:var(--accent);font-weight:600}.group-stage button{align-self:flex-end;padding:.75rem 1.6rem;border-radius:999px;border:none;color:#0f172a;font-weight:600;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);transition:transform .2s ease,box-shadow .2s ease}.group-stage button:hover{transform:translateY(-2px);box-shadow:0 18px 30px #38bdf84d}.bracket{display:flex;overflow-x:auto;gap:1.5rem;padding:1rem}.round{min-width:220px;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:20px;padding:1.2rem;display:flex;flex-direction:column;gap:1rem}.round h4{margin:0;text-transform:uppercase;font-size:.85rem;letter-spacing:.08em;color:var(--text-muted)}.match{background:#0f172a80;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:.9rem;display:flex;flex-direction:column;gap:.75rem;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.match:hover{border-color:#38bdf866;transform:translateY(-2px)}.player{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary)}.player img{width:36px;height:36px;border-radius:50%;border:1px solid rgba(56,189,248,.35)}.player .winner{margin-left:auto}.footer,.cookie-banner{background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:18px;padding:1.5rem;color:var(--text-secondary);margin-top:2rem}.footer a,.cookie-banner a{color:var(--accent)}.cookie-banner button{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#0f172a;border-radius:999px;padding:.55rem 1.4rem;border:none;font-weight:600}.legal-page{max-width:900px;margin:0 auto;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:24px;padding:2.5rem;box-shadow:var(--shadow-soft);color:var(--text-secondary)}.legal-page h1,.legal-page h2{color:var(--text-primary)}.legal-page p{line-height:1.7}.legal-page a{color:var(--accent)}@media (max-width: 1024px){body{padding:2.5rem 1.25rem}.match-header{flex-direction:column}}@media (max-width: 768px){.glass-card,.game{padding:2rem}.start-grid{gap:1.75rem}.player-tag{width:100%;justify-content:center}.phase-timeline{flex-wrap:wrap;gap:1rem}}@media (max-width: 520px){body{padding:2rem 1rem}.player-row{grid-template-columns:1fr}.player-index{width:auto;height:auto;border-radius:12px;padding:.4rem .75rem;justify-content:flex-start}}