@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text-primary:#edf2fb;--text-secondary:#b6c0d6;--text-muted:#7f8aa6;--panel:#0d121ceb;--stroke-soft:#94abcf26;--stroke-bright:#93beff73;--accent:#c8ff7a;font-family:Space Grotesk,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--text-primary);background:radial-gradient(circle at top,#131b2c 0%,#090d15 40%,#05070c 100%);margin:0}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 20%,#6cf4ff1f,#0000 40%),radial-gradient(circle at 80% 10%,#c8ff7a1a,#0000 40%),radial-gradient(circle at 40% 80%,#715fff1f,#0000 50%);position:fixed;inset:0}button,select,input{font-family:inherit}.home-page{min-height:100vh;color:var(--text-primary);flex-direction:column;padding:72px 8vw 96px;display:flex}.home-hero{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:center;gap:40px;margin-bottom:48px;display:grid}.home-hero h1{margin:0 0 18px;font-size:clamp(2.8rem,4vw,4.2rem)}.home-hero p{color:var(--text-secondary);max-width:560px;margin:0;font-size:1.05rem}.select-card{border:1px solid var(--stroke-soft);background:var(--panel);border-radius:20px;gap:16px;padding:22px;display:grid}.select-card label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:.8rem}.select-card select{border:1px solid var(--stroke-soft);width:100%;color:var(--text-primary);background:#0b111a;border-radius:12px;padding:12px 14px;font-size:.95rem}.primary-button{color:#0a0f16;cursor:pointer;background:linear-gradient(120deg,#c8ff7a,#6cf4ff);border:none;border-radius:999px;padding:12px 18px;font-weight:700;transition:transform .2s,box-shadow .2s}.primary-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.primary-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 24px #6cf4ff33}.home-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.info-card{border:1px solid var(--stroke-soft);background:#0d121ccc;border-radius:18px;padding:18px}.info-card h3{margin:0 0 10px;font-size:1.05rem}.info-card p{color:var(--text-secondary);margin:0;font-size:.92rem}.home-footer{margin-top:auto;padding-top:24px}.home-footer-link{color:#8e95a7;text-decoration:none}.home-footer-link:hover{color:var(--accent);text-decoration:underline}@media (width<=900px){.home-hero{grid-template-columns:1fr}}.bracket-page{height:100vh;color:var(--text-primary);flex-direction:column;padding:48px 6vw 80px;display:flex;overflow:hidden}.bracket-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px;display:flex}.bracket-logo{object-fit:contain;width:clamp(130px,16vw,220px);height:auto}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--text-muted);margin:0 0 10px;font-size:.7rem}.bracket-header h1{margin:0;font-size:clamp(2.4rem,3.3vw,3.4rem)}.muted{color:var(--text-muted);margin:8px 0 0}.ghost-button{border:1px solid var(--stroke-soft);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:999px;padding:10px 18px;font-weight:600;transition:transform .2s,border-color .2s}.ghost-button:hover{border-color:var(--accent);transform:translateY(-1px)}.state-card{border:1px solid var(--stroke-soft);background:var(--panel);color:var(--text-muted);border-radius:16px;max-width:520px;padding:18px 20px}.state-card.error{color:#ffb4b4;border-color:#ff7e7e66}.bracket-board{width:max-content;transform:scale(var(--bracket-scale,1));transform-origin:top;justify-content:center;align-items:center;gap:0;padding-bottom:32px;display:flex;overflow:hidden}.bracket-stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.bracket-round{flex-direction:column;justify-content:center;min-width:220px;margin-right:60px;display:flex;position:relative}.bracket-round:last-child{margin-right:0}.round-label{text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);pointer-events:none;margin:0;font-size:.85rem;position:absolute;top:-28px}.match-card{border:1px solid var(--stroke-soft);background:linear-gradient(145deg,#101623eb,#0c111bdb);border-radius:16px;width:220px;min-height:100px;padding:12px 14px 16px;position:relative;box-shadow:0 18px 30px #05081066}.match-card+.match-card{margin-top:var(--round-gap,22px)}.match-row{justify-content:space-between;align-items:center;gap:12px;font-size:.95rem;display:flex}.player-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:140px;overflow:hidden}.player-name.winner{color:var(--accent)}.player-name.placeholder{color:#a2a9bf}.score{color:var(--text-secondary);font-size:.9rem;font-weight:700}.status-pill{text-transform:uppercase;letter-spacing:.18em;min-height:18px;color:var(--text-muted);border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:4px 10px;font-size:.7rem;display:inline-flex}.status-pending{border-color:#87a1c74d}.status-in_progress{color:#ffd07a;border-color:#ffd07a66}.status-dot{background:currentColor;border-radius:999px;width:6px;height:6px;animation:1.4s ease-in-out infinite status-pulse;box-shadow:0 0 8px}@keyframes status-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}.status-finished{color:#7ee1b5;border-color:#7ee1b566}.connector-in{background:var(--stroke-bright);width:26px;height:2px;position:absolute;top:50%;left:-26px;transform:translateY(-50%)}.connector-out{background:var(--stroke-bright);width:28px;height:2px;position:absolute;top:50%;right:-28px;transform:translateY(-50%)}.connector-out:after{content:"";width:2px;height:var(--connector-span);background:var(--stroke-bright);position:absolute;right:0}.connector-out[data-dir=down]:after{top:0}.connector-out[data-dir=up]:after{bottom:0}@media (width<=900px){.bracket-page{padding:36px 5vw 64px}.bracket-header{flex-direction:column;align-items:flex-start}.bracket-logo{margin-top:0}.bracket-round{min-width:200px}.match-card{width:200px}}.impressum-page{min-height:100vh;color:var(--text-primary);padding:72px 8vw 96px}.impressum-card{border:1px solid var(--stroke-soft);background:var(--panel);border-radius:20px;max-width:760px;padding:28px}.impressum-card h1{margin:0 0 20px}.impressum-card h2{margin:20px 0 10px;font-size:1.05rem}.impressum-card p{color:var(--text-secondary);margin:0;line-height:1.5}.impressum-note{color:var(--text-muted);margin-top:24px;font-size:.9rem}.impressum-back-link{color:var(--accent);margin-top:18px;text-decoration:none;display:inline-block}.impressum-back-link:hover{text-decoration:underline}
