:root{color-scheme:light;font-family:Manrope,Segoe UI,sans-serif;line-height:1.5;font-weight:500;background:radial-gradient(circle at top left,rgba(255,190,92,.5),transparent 30%),radial-gradient(circle at bottom right,var(--brand-spin-soft),transparent 26%),linear-gradient(180deg,#f7f1e8,#ece3d5);color:#1d2432;--panel: rgba(255, 252, 246, .92);--panel-border: rgba(82, 61, 36, .12);--surface: rgba(255, 255, 255, .88);--surface-strong: #fffaf2;--text-muted: #635646;--accent: #bf5b04;--accent-strong: #8e4200;--accent-soft: rgba(191, 91, 4, .11);--line: rgba(82, 61, 36, .12);--error: #9f2d1f;--brand-rank: #639a18;--brand-rank-dark: #4a7013;--brand-rank-soft: rgba(99, 154, 24, .15);--brand-spin: #0b4a8d;--brand-spin-dark: #083a72;--brand-spin-soft: rgba(11, 74, 141, .25);--success: var(--brand-rank);--segment-active-bg: var(--brand-spin);--segment-active-bg-hover: var(--brand-spin-dark)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px;min-height:100dvh;display:flex;flex-direction:column}body.score-card-open{overflow:hidden}button,code,select,input{font:inherit}#app{flex:1;display:flex;flex-direction:column}.shell{display:flex;flex-direction:column;flex:1;align-items:center;justify-content:flex-start;padding:0 16px 16px;max-width:100vw;overflow-x:hidden}.panel{width:min(100%,1100px);padding:24px;border:1px solid var(--panel-border);border-radius:28px;background:var(--panel);box-shadow:0 30px 70px #40260e1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;min-height:100dvh;align-self:stretch}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;flex-wrap:nowrap}.brand-mark{width:min(200px,45vw);height:auto;display:block;margin:4px 0;flex-shrink:1}.eyebrow,.status-label{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.4rem,5vw,4rem);line-height:.95}.lede,.section-copy,.detail-message,.card-meta,.dashboard-status,.match-meta{color:var(--text-muted)}.content-card{background:var(--surface);border:1px solid rgba(82,61,36,.08);box-shadow:inset 0 1px #ffffffa6}.composer-card,.tournament-card{display:grid;gap:16px}.dashboard-status[data-status=error]{color:var(--error)}.provider-stack{display:flex;gap:8px;align-items:center;justify-content:flex-end;min-width:0;flex-shrink:0}.auth-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end;align-self:center;min-width:0;position:relative}.language-switch{position:relative;display:inline-flex;align-items:center}.language-switch__trigger{border:none;background:transparent;font-size:1.1rem;line-height:1;padding:4px;border-radius:12px;cursor:pointer}.language-switch__menu{position:absolute;right:0;top:100%;margin-top:8px;background:var(--surface);border:1px solid var(--panel-border);border-radius:12px;padding:8px;box-shadow:0 6px 18px #00000026;display:grid;gap:6px;min-width:150px;z-index:200}.language-switch__option{border:none;background:transparent;text-align:left;padding:6px 10px;border-radius:8px;font:inherit;cursor:pointer}.language-switch__option:hover:enabled{background:#523d2414}.language-switch__option[aria-pressed=true]{font-weight:600}.auth-avatar{width:32px;height:32px;border-radius:999px;object-fit:cover;background:#523d2414;border:1px solid rgba(82,61,36,.12);flex-shrink:0}.auth-menu-button{min-width:0;padding:0;font-size:1rem;line-height:1;background:transparent;color:var(--text-muted);border:none;box-shadow:none}.auth-menu-button:hover:enabled{background:transparent;color:#2d261d}.auth-menu{position:absolute;top:100%;right:0;z-index:100;background:var(--surface);padding:8px;border-radius:12px;border:1px solid var(--panel-border);box-shadow:0 8px 32px #0000002e;margin-top:8px;min-width:140px;display:grid;gap:4px}.create-menu{position:fixed;bottom:92px;right:24px;z-index:1001;display:grid;justify-items:end;gap:10px;width:auto;min-width:180px;background:var(--surface);padding:16px;border-radius:20px;border:1px solid var(--panel-border);box-shadow:0 8px 32px #0000002e;animation:slideUp .2s ease-out}.create-menu button{width:100%;text-align:right;justify-content:flex-end}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.create-menu-button{position:fixed;bottom:24px;right:24px;width:36px;height:36px;border-radius:30px;z-index:1002;box-shadow:0 4px 16px #639a1859;background:var(--brand-rank);color:#fff;font-size:2.2rem;display:flex;align-items:center;justify-content:center;padding:4px;border:none;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),background-color .2s ease}.create-menu-button:hover:enabled{background:var(--brand-rank-dark);transform:scale(1.08)}.create-menu-button[aria-expanded=true]{transform:rotate(45deg);background:var(--brand-spin-dark)}.faq-screen{display:flex;flex-direction:column;gap:16px}.faq-screen__header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.faq-screen__back-button{white-space:nowrap}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.faq-card{padding:16px;border-radius:18px;border:1px solid var(--panel-border);background:var(--surface-strong);display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 1px #fff9;min-height:220px}.faq-card__title{margin:0}.faq-card__body{display:flex;flex-direction:column;gap:12px}.faq-card__detail{display:flex;flex-direction:column;gap:6px}.faq-card__text{margin:0;font-size:.95rem;color:var(--text-muted);display:flex;align-items:baseline;gap:6px}.faq-card__text--en,.faq-card__text--de{font-weight:500}.faq-card__lang-tag{display:inline-flex;align-items:center;justify-content:center;padding:0 6px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.compact-header-button{align-self:start}.login-view{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 10px;gap:24px;animation:fadeIn .4s ease-out}.login-welcome{display:grid;gap:16px;max-width:600px}.login-title{font-size:clamp(2rem,5vw,3rem);line-height:1.1;color:#1d2432}.login-text{font-size:1.1rem;color:var(--text-muted);line-height:1.6}.google-container{width:100%;display:flex;justify-content:center;min-height:44px}.google-slot{display:inline-block;max-width:100%;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.provider-disabled{display:grid;place-items:center;padding:12px 14px;border-radius:999px;border:1px dashed var(--line);color:var(--text-muted);background:#faf4eb}button,.select-input,.text-input{border:0;border-radius:999px;padding:12px 18px;transition:transform .12s ease,background-color .12s ease,opacity .12s ease}button{cursor:pointer}button:hover:enabled,.select-input:hover:enabled,.text-input:hover:enabled{transform:translateY(-1px)}button:disabled,.select-input:disabled,.text-input:disabled{cursor:not-allowed;opacity:.7}.primary-button{background:var(--accent);color:#fff}.primary-button:hover:enabled{background:var(--accent-strong)}.segment-toggle button[aria-pressed=true]{background:var(--segment-active-bg);color:#fff}.segment-toggle button[aria-pressed=true]:hover:enabled{background:var(--segment-active-bg-hover)}.secondary-button,.segment-toggle button,.select-input,.text-input{background:#efe4d2;color:#4f3c22}.secondary-button:hover:enabled,.segment-toggle button:hover:enabled,.select-input:hover:enabled,.text-input:hover:enabled{background:#e3d3bc}.secondary-button.auth-menu-button{background:transparent;color:var(--text-muted);border:none;box-shadow:none}.secondary-button.auth-menu-button:hover:enabled{background:transparent}.dashboard{margin-top:24px;display:grid;gap:18px}.app-footer{background:var(--surface);border-top:1px solid var(--panel-border);padding:12px 0;margin-top:24px;border-radius:0 0 24px 24px;display:flex;justify-content:center;align-items:center}.footer-links{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.footer-link-button{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;padding:6px 10px;border:none;background:transparent;color:var(--brand-spin);cursor:pointer}.dashboard-header,.card-header,.match-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.welcome-block,.card-header>div{display:grid;gap:6px}.title-row{display:inline-flex;align-items:center;gap:10px}.section-title,.card-title{font-size:1.2rem}.icon-button{min-width:0;min-height:0;padding:0;border:0;background:transparent;color:var(--text-muted);font-size:1.05rem;line-height:1}.icon-button:hover:enabled{background:transparent;color:#2d261d;transform:rotate(20deg)}.view-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px}.content-card{padding:20px;border-radius:24px}.segment-toggle{display:inline-grid;grid-auto-flow:column;gap:6px;align-items:center;padding-inline:4px;padding-block:0;border-radius:999px;background:#1520330f;overflow-x:auto;scrollbar-width:none;height:fit-content}.match-filter-toggle{margin-left:auto}.segment-toggle button{flex:0 0 auto;padding:8px 14px;font-size:.92rem;background:transparent;color:#4c5565}.match-filter-toggle button{padding:4px 10px;font-size:.85rem}.segment-toggle button[aria-pressed=true]{background:var(--brand-spin);color:#fff}.segment-toggle::-webkit-scrollbar{display:none}.leaderboard-topline{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.select-input{width:100%;margin-top:16px;border:1px solid transparent}.text-input{width:100%;border:1px solid transparent}.leaderboard-list,.matches-list{display:grid;gap:12px;margin-top:16px}.leaderboard-row,.match-row{display:block;padding:14px 16px;border-radius:18px;background:var(--surface-strong);border:1px solid rgba(82,61,36,.08)}.leaderboard-row{display:flex;align-items:center;gap:10px;letter-spacing:-.01em;color:#4f473d}.leaderboard-row--hot-streak{background:linear-gradient(90deg,#fff4d6f2,#fffbeff2);border:1px solid rgb(246 196 67 / .45)}.leaderboard-row--self{outline:2px solid rgb(38 123 255 / .35);background:#eff6ffe6}.leaderboard-summary{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px;row-gap:2px}.leaderboard-identity{font-weight:800;color:#201a12}.leaderboard-stats{font-weight:600}.leaderboard-elo{font-weight:400;font-style:italic;color:var(--text-muted)}.leaderboard-fire{display:inline-block;margin-left:4px}.leaderboard-you-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#267bff1f;color:#1550b0;font-size:12px;font-weight:700}.player-avatar{width:32px;height:32px;border-radius:999px;object-fit:cover;flex:0 0 auto;background:#523d2414}.player-avatar-small{width:24px;height:24px}.leaderboard-row[data-rank-tier="1"]{background:linear-gradient(135deg,#ffd66659,#fffaf2f5);border-color:#bf91043d}.leaderboard-row[data-rank-tier="2"]{background:linear-gradient(135deg,#cbd4e16b,#fffaf2f5);border-color:#5f718733}.leaderboard-row[data-rank-tier="3"]{background:linear-gradient(135deg,#d69d5c47,#fffaf2f5);border-color:#915b1f38}.matches-list{align-content:start}.match-row{position:relative;display:grid;gap:4px}.destructive-button{color:#8f2516;background:#9f2d1f17}.match-meta{margin:0;color:#2d261d;font-weight:700}.match-delete-button{position:absolute;top:12px;right:12px;width:auto;height:auto;border-radius:0;color:#b33024;background:transparent;font-size:.92rem}.match-delete-button:hover:enabled{background:transparent;color:#8f2516;transform:translateY(-1px)}.winner-name{color:var(--brand-rank)}.match-separator,.match-score{color:var(--text-muted)}.match-subline{display:flex;align-items:center;gap:8px;margin:0;color:var(--text-muted);font-size:.92rem}.progress-card{display:grid;gap:12px}.progress-meta{margin:0;color:#2d261d;font-weight:700}.progress-summary{display:flex;gap:8px;flex-wrap:wrap;color:var(--text-muted);font-size:.92rem}.progress-summary__item{padding:4px 10px;border-radius:999px;background:#dcebff6b;color:#152033;font-weight:600;border:1px solid rgba(37,99,235,.2)}.progress-body{display:grid;gap:10px}.progress-chart{width:100%;height:auto;overflow:visible}.progress-axis{fill:none;stroke:#523d2433;stroke-width:1.5}.progress-axis-label{fill:var(--text-muted);font-size:11px}.progress-line{fill:none;stroke:var(--brand-rank);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.progress-point{fill:var(--brand-rank);stroke:#fff;stroke-width:2;cursor:pointer}.tournament-winner{color:var(--brand-rank);font-weight:800}.match-status{font-size:.92rem}.empty-state{padding:20px;border-radius:18px;border:1px dashed var(--line);background:#fffaf2a6;color:var(--text-muted)}.match-form,.team-grid,.score-grid{display:grid;gap:12px}.match-form{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.team-grid,.score-grid,.match-form>button{grid-column:1 / -1}.team-grid,.score-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.score-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.score-game-label,.score-separator{color:var(--text-muted);white-space:nowrap}.form-field{display:grid;gap:8px}.checkbox-field{grid-column:1 / -1;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 4px}.checkbox-input{width:18px;height:18px;margin:0;accent-color:var(--accent)}.field-label,.form-status{color:var(--text-muted);margin-top:12px}.form-status[data-status=error]{color:var(--error)}.participant-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.participant-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:var(--surface-strong);border:1px solid rgba(82,61,36,.08)}.participant-chip input{margin:0}.bracket-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.bracket-round{display:grid;gap:10px}.bracket-match{display:grid;gap:8px;padding:12px;border-radius:16px;background:var(--surface-strong);border:1px solid rgba(82,61,36,.08)}.bracket-action{align-self:start;display:inline-flex;align-items:center;justify-self:start;padding:3px 8px;font-size:.82rem;line-height:1;border-radius:10px}.panel-section{display:grid;gap:10px;grid-column:1 / -1}.panel-section h4{margin:0;font-size:1rem;font-weight:700}.form-actions{display:flex;gap:12px;flex-wrap:wrap;grid-column:1 / -1}.quick-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px 16px;border-radius:18px;background:var(--brand-rank-soft);border:1px solid rgba(99,154,24,.25);grid-column:1 / -1;font-weight:600;color:#2f5c16}.quick-bar .form-status{margin:0;font-size:.92rem;color:inherit}.quick-bar .summary-chip{margin:0;background:#639a182e;color:#1f450c}.summary-chip{padding:10px 12px;border-radius:16px;background:#141f330f;color:var(--brand-spin-dark);grid-column:1 / -1}.score-card-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;display:grid;place-items:stretch;align-items:center;justify-items:center;background:#121826b8;padding:16px}.score-card{width:min(520px,100%);height:calc(100vh - 32px);max-height:100vh;background:var(--surface);border-radius:24px;padding:32px 28px;box-shadow:0 18px 48px #0f172a40;display:grid;gap:16px;overflow-y:auto;box-sizing:border-box}.score-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.score-card__instructions{margin:0;font-size:.95rem;color:var(--text-muted);text-align:center}.score-card__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.score-card__tile{border:1px solid rgba(82,61,36,.12);border-radius:18px;padding:26px;background:var(--surface-strong);cursor:pointer;display:grid;gap:6px;align-items:center;justify-items:center;transition:transform .14s ease,border-color .14s ease;min-height:180px;font-size:1rem}.score-card__tile:active{transform:scale(.97)}.score-card__tile-label{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.score-card__tile-value{font-size:3.2rem;font-weight:700;color:var(--brand-rank)}.score-card__tile--dragging{border-color:#bb382be6}.score-card__actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.score-card__close-button{padding:8px 14px}@media(max-width:600px){.score-card{width:100%}.score-card__tiles{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.app-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:grid;place-items:center;padding:24px;background:#1218266b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.app-loading-overlay__dialog{display:grid;gap:12px;justify-items:center;min-width:min(280px,100%);padding:20px 24px;border-radius:18px;background:#fff;box-shadow:0 18px 48px #0f172a38}.app-loading-overlay__spinner{width:40px;height:40px;border-radius:999px;border:4px solid rgb(21 32 51 / .14);border-top-color:var(--brand-spin-dark);animation:overlay-spin .9s linear infinite}.app-loading-overlay__label{text-align:center;font-weight:600;color:var(--brand-spin-dark)}body.app-busy{overflow:hidden}body.app-busy *{cursor:progress}@keyframes overlay-spin{to{transform:rotate(360deg)}}@media(max-width:860px){.view-grid{grid-template-columns:1fr}.dashboard-header,.match-topline{align-items:stretch;flex-direction:column}.card-header{align-items:stretch;gap:10px}.panel{padding:20px;border-radius:24px}.leaderboard-topline{align-items:center;flex-direction:row;flex-wrap:wrap}.topbar{align-items:center;flex-wrap:wrap;justify-content:space-between}.provider-stack{width:auto;flex:0 0 auto;justify-content:flex-end}.google-slot{width:auto}.auth-actions{align-self:start}.compact-header-button{width:auto!important;padding-top:7px;padding-bottom:7px}.match-form,.team-grid,.score-row,.participant-list{grid-template-columns:1fr}.score-row{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr)}}@media(max-width:640px){.shell{padding:8px;width:100%}.panel{padding:12px;border-radius:18px;width:100%}.login-view{padding:24px 4px;gap:20px}.login-title{font-size:1.8rem}.login-text{font-size:1rem}.google-slot{transform:scale(.9);transform-origin:center top}.brand-mark{width:min(180px,58vw);margin:0}.dashboard{margin-top:14px;gap:14px}.dashboard-header{gap:10px}.content-card{padding:14px;border-radius:18px}.leaderboard-topline{gap:10px}.segment-toggle{width:100%;gap:6px}.segment-toggle button{padding:7px 10px;font-size:.86rem}.select-input{margin-top:12px}.leaderboard-row,.match-row,.empty-state{padding:12px;border-radius:14px}.match-topline{gap:6px}}