:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fafaf9;--surface:#fff;--surface-2:#f5f5f4;--border:#e7e5e4;--border-strong:#d6d3d1;--text:#1c1917;--text-muted:#57534e;--text-subtle:#78716c;--accent:var(--orange-accent);--accent-hover:var(--orange-hover);--accent-text:var(--orange-text);--accent-soft:var(--orange-soft);--on-accent:var(--orange-on);--hero-art:color-mix(in srgb, var(--accent-hover) 30%, transparent);--orga-accent:var(--gruen-accent);--orga-accent-hover:var(--gruen-hover);--orga-accent-text:var(--gruen-text);--orga-accent-soft:var(--gruen-soft);--orga-on-accent:var(--gruen-on);--orange-accent:#f97316;--orange-hover:#ea580c;--orange-text:#c2410c;--orange-soft:#fff1e6;--orange-on:#1c1917;--weiss-accent:#e6c98a;--weiss-hover:#d9b56c;--weiss-text:#7a5c14;--weiss-soft:#f8f0dc;--weiss-on:#1c1917;--schwarz-accent:#9333ea;--schwarz-hover:#7e22ce;--schwarz-text:#7e22ce;--schwarz-soft:#f4ebfe;--schwarz-on:#fff;--gruen-accent:#73d216;--gruen-hover:#5fb514;--gruen-text:#3f7f06;--gruen-soft:#eef8e2;--gruen-on:#1c1917;--rot-accent:#dc2626;--rot-hover:#b91c1c;--rot-text:#b91c1c;--rot-soft:#fdecea;--rot-on:#fff;--blau-accent:#2563eb;--blau-hover:#1d4ed8;--blau-text:#1d4ed8;--blau-soft:#eaf1fe;--blau-on:#fff;--farblos-accent:#78716c;--farblos-hover:#57534e;--farblos-text:#44403c;--farblos-soft:#efedec;--farblos-on:#fff;--ok:#16a34a;--error:#dc2626;--radius-sm:8px;--radius:12px;--radius-lg:20px;--shadow:0 1px 2px #1c19170a, 0 4px 16px #1c19170f;--focus:0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent);--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0a09;--surface:#161311;--surface-2:#1f1b18;--border:#2a2521;--border-strong:#3a332e;--text:#f5f5f4;--text-muted:#c4bfbb;--text-subtle:#8f8883;--hero-art:color-mix(in srgb, var(--accent) 30%, transparent);--orange-accent:#fb7a1f;--orange-hover:#fd9a4a;--orange-text:#fb923c;--orange-soft:#fb7a1f1f;--orange-on:#140a03;--weiss-accent:#ecd9a6;--weiss-hover:#f5e7c3;--weiss-text:#ecd9a6;--weiss-soft:#ecd9a61f;--weiss-on:#1c1917;--schwarz-accent:#c084fc;--schwarz-hover:#d4a8fd;--schwarz-text:#c084fc;--schwarz-soft:#c084fc24;--schwarz-on:#1a0b2e;--gruen-accent:#8ae234;--gruen-hover:#a3ef5a;--gruen-text:#8ae234;--gruen-soft:#8ae2341f;--gruen-on:#0f1a05;--rot-accent:#f05a47;--rot-hover:#f6897a;--rot-text:#f26d5b;--rot-soft:#f05a4724;--rot-on:#1f0705;--blau-accent:#729fcf;--blau-hover:#9cbde3;--blau-text:#8db4e2;--blau-soft:#729fcf24;--blau-on:#071426;--farblos-accent:#a8a29e;--farblos-hover:#d6d3d1;--farblos-text:#d6d3d1;--farblos-soft:#a8a29e24;--farblos-on:#0c0a09;--ok:#4ade80;--error:#f87171;--shadow:0 1px 2px #0006, 0 8px 24px #00000059}[data-accent=orange]{--accent:var(--orange-accent);--accent-hover:var(--orange-hover);--accent-text:var(--orange-text);--accent-soft:var(--orange-soft);--on-accent:var(--orange-on)}[data-accent=weiss]{--accent:var(--weiss-accent);--accent-hover:var(--weiss-hover);--accent-text:var(--weiss-text);--accent-soft:var(--weiss-soft);--on-accent:var(--weiss-on)}[data-accent=schwarz]{--accent:var(--schwarz-accent);--accent-hover:var(--schwarz-hover);--accent-text:var(--schwarz-text);--accent-soft:var(--schwarz-soft);--on-accent:var(--schwarz-on)}[data-accent=gruen]{--accent:var(--gruen-accent);--accent-hover:var(--gruen-hover);--accent-text:var(--gruen-text);--accent-soft:var(--gruen-soft);--on-accent:var(--gruen-on)}[data-accent=rot]{--accent:var(--rot-accent);--accent-hover:var(--rot-hover);--accent-text:var(--rot-text);--accent-soft:var(--rot-soft);--on-accent:var(--rot-on)}[data-accent=blau]{--accent:var(--blau-accent);--accent-hover:var(--blau-hover);--accent-text:var(--blau-text);--accent-soft:var(--blau-soft);--on-accent:var(--blau-on)}[data-accent=farblos]{--accent:var(--farblos-accent);--accent-hover:var(--farblos-hover);--accent-text:var(--farblos-text);--accent-soft:var(--farblos-soft);--on-accent:var(--farblos-on)}[data-orga-accent=orange]{--orga-accent:var(--orange-accent);--orga-accent-hover:var(--orange-hover);--orga-accent-text:var(--orange-text);--orga-accent-soft:var(--orange-soft);--orga-on-accent:var(--orange-on)}[data-orga-accent=weiss]{--orga-accent:var(--weiss-accent);--orga-accent-hover:var(--weiss-hover);--orga-accent-text:var(--weiss-text);--orga-accent-soft:var(--weiss-soft);--orga-on-accent:var(--weiss-on)}[data-orga-accent=schwarz]{--orga-accent:var(--schwarz-accent);--orga-accent-hover:var(--schwarz-hover);--orga-accent-text:var(--schwarz-text);--orga-accent-soft:var(--schwarz-soft);--orga-on-accent:var(--schwarz-on)}[data-orga-accent=gruen]{--orga-accent:var(--gruen-accent);--orga-accent-hover:var(--gruen-hover);--orga-accent-text:var(--gruen-text);--orga-accent-soft:var(--gruen-soft);--orga-on-accent:var(--gruen-on)}[data-orga-accent=rot]{--orga-accent:var(--rot-accent);--orga-accent-hover:var(--rot-hover);--orga-accent-text:var(--rot-text);--orga-accent-soft:var(--rot-soft);--orga-on-accent:var(--rot-on)}[data-orga-accent=blau]{--orga-accent:var(--blau-accent);--orga-accent-hover:var(--blau-hover);--orga-accent-text:var(--blau-text);--orga-accent-soft:var(--blau-soft);--orga-on-accent:var(--blau-on)}[data-orga-accent=farblos]{--orga-accent:var(--farblos-accent);--orga-accent-hover:var(--farblos-hover);--orga-accent-text:var(--farblos-text);--orga-accent-soft:var(--farblos-soft);--orga-on-accent:var(--farblos-on)}[data-accent=farblos] p a{text-underline-offset:3px;text-decoration:underline}[data-area=orga],.card-orga,.nav-orga{--accent:var(--orga-accent);--accent-hover:var(--orga-accent-hover);--accent-text:var(--orga-accent-text);--accent-soft:var(--orga-accent-soft);--on-accent:var(--orga-on-accent);--focus:0 0 0 3px color-mix(in srgb, var(--orga-accent) 45%, transparent)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;transition:background-color .2s,color .2s}#root{flex-direction:column;min-height:100dvh;display:flex}main{flex:1}h1,h2,h3{letter-spacing:-.02em;margin:0;line-height:1.15}p{margin:0}a{color:var(--accent-text);text-decoration:none}:focus-visible{box-shadow:var(--focus);border-radius:var(--radius-sm);outline:none}.container{width:100%;max-width:1120px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));margin-inline:auto}@media (width>=640px){.container{padding-left:max(24px, env(safe-area-inset-left));padding-right:max(24px, env(safe-area-inset-right))}}.accent{color:var(--accent-text)}.header{z-index:10;background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:saturate(160%)blur(12px);backdrop-filter:saturate(160%)blur(12px);border-bottom:1px solid var(--border);padding-top:env(safe-area-inset-top);position:sticky;top:0}.header-inner{align-items:center;gap:24px;height:64px;display:flex}.brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:10px;font-weight:700;display:flex}@media (width<=419px){.brand span{display:none}}.nav{gap:4px;display:none}.nav a{border-radius:var(--radius-sm);color:var(--text-muted);padding:6px 12px;font-size:.925rem;font-weight:500;transition:color .15s,background-color .15s}.nav a:hover{color:var(--text);background:var(--surface-2)}.nav a.active{color:var(--accent-text);background:var(--accent-soft)}.nav a.nav-orga{color:var(--accent-text);font-weight:600}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.header-actions .header-register{display:none}@media (width>=720px){.nav{display:flex}.header-actions .header-register{display:inline-flex}}.btn{border-radius:var(--radius-sm);height:44px;font:inherit;white-space:nowrap;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding-inline:16px;font-size:.925rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-lg{border-radius:var(--radius);height:48px;padding-inline:22px;font-size:1rem}.btn:disabled{opacity:.6;cursor:progress}.btn-block{width:100%}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn-secondary:hover{background:var(--surface-2)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.icon-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:44px;height:44px;color:var(--text-muted);cursor:pointer;place-items:center;padding:0;transition:color .15s,border-color .15s;display:inline-grid}.icon-btn:hover{color:var(--accent-text);border-color:var(--border-strong)}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.rotator{max-width:100%;display:inline-grid}.rotator-item{overflow-wrap:anywhere;opacity:0;grid-area:1/1;transition:opacity .45s,transform .45s;transform:translateY(.35em)}.rotator-item.is-active{opacity:1;transform:none}.rotator-item.is-leaving{transform:translateY(-.35em)}.hero{isolation:isolate;flex-direction:column;align-items:flex-start;gap:20px;padding-block:40px;display:flex;position:relative}@media (width>=720px){.hero{padding-block:72px 56px}}.hero-art{font-family:ui-monospace,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:min(500px / (var(--columns) * .6), (100vw - 32px) / (var(--columns) * .6));color:var(--hero-art);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:-1;margin:0;line-height:1;position:absolute;top:8px;right:0}.hero h1{font-size:clamp(2.25rem,6vw,4rem);font-weight:800}.lead{max-width:560px;color:var(--text-muted);font-size:1.125rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;padding-bottom:80px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;gap:8px;padding:24px;transition:border-color .2s,transform .2s;display:flex}@media (hover:hover){.card-link:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));transform:translateY(-2px)}}.card-link{color:inherit}.card-link:active{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.running-link{flex-direction:row;align-items:center;gap:14px;margin-bottom:16px;padding-block:16px}.running-text{flex-direction:column;flex:1;min-width:0;display:flex}.running-text small{color:var(--text-muted)}.live-dot{background:var(--ok);width:12px;height:12px;box-shadow:0 0 0 4px color-mix(in srgb, var(--ok) 25%, transparent);border-radius:50%;flex-shrink:0;animation:1.6s ease-in-out infinite live-pulse}@keyframes live-pulse{50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--ok) 0%, transparent)}}.card-orga{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:linear-gradient(160deg, var(--accent-soft), var(--surface) 70%)}.card h2{font-size:1.375rem;font-weight:800}.card p{color:var(--text-muted)}.card-tag{background:var(--accent-soft);color:var(--accent-text);border-radius:999px;align-self:flex-start;margin-top:8px;padding:2px 10px;font-size:.75rem;font-weight:600}.announcement-date{color:var(--text-subtle);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:700}.read-more{color:var(--accent-text);font-weight:700}.prose .announcement-summary{color:var(--text);font-size:1.0625rem;font-weight:600}.feedback-head{flex-wrap:wrap;align-items:center;gap:4px 12px;min-width:0;display:flex}.feedback-head .card-tag{margin-top:0}.feedback-text{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.feedback-item.is-seen .feedback-text{color:var(--text-muted)}.page{padding-block:32px 48px}@media (width>=720px){.page{padding-block:56px 80px}}.page-header{flex-direction:column;gap:12px;margin-bottom:40px;display:flex}.page-header h1{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:clamp(2rem,5vw,3rem);font-weight:800}.breadcrumbs{letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;font-size:.8rem;font-weight:700;list-style:none;display:flex}.breadcrumbs a{color:var(--text-subtle);margin-block:-12px;padding-block:12px;transition:color .15s;display:inline-block}.breadcrumbs a:hover,.breadcrumbs [aria-current=page]{color:var(--accent-text)}.breadcrumb-sep{color:var(--border-strong)}.rules-layout{gap:32px;display:grid}.toc{display:none}@media (width>=900px){.rules-layout{grid-template-columns:220px 1fr;align-items:start}.toc{flex-direction:column;gap:2px;display:flex;position:sticky;top:96px}}.toc-title{color:var(--text-subtle);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.75rem;font-weight:700}.toc a{border-left:2px solid var(--border);color:var(--text-muted);padding:6px 12px;font-size:.925rem;transition:color .15s,border-color .15s}.toc a:hover{color:var(--accent-text);border-left-color:var(--accent)}.rules-content{flex-direction:column;gap:16px;min-width:0;display:flex}.rules-section{gap:12px;scroll-margin-top:88px}.prose{color:var(--text-muted);flex-direction:column;gap:12px;display:flex}.prose ul,.prose ol{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.prose ol{padding-left:22px;list-style:decimal}.prose ul li{padding-left:22px;position:relative}.prose ul li:before{content:"";background:var(--accent);border-radius:2px;width:7px;height:7px;position:absolute;top:.62em;left:4px;transform:rotate(45deg)}.prose strong{color:var(--text)}.prose a{text-underline-offset:3px;text-decoration:underline}.prose code{background:var(--surface-2);border-radius:6px;padding:1px 6px;font-size:.9em}.prose blockquote{border:1px dashed color-mix(in srgb, var(--accent) 55%, var(--border));border-radius:var(--radius);background:var(--accent-soft);margin:0;padding:12px 16px}.prose-page h2{color:var(--text);margin-top:8px;font-size:1.125rem}.prose-page h2:first-child{margin-top:0}.prose h3{color:var(--text);margin-top:8px;font-size:1rem}.rules-section h2{font-size:1.375rem}.page-narrow{max-width:560px}.form{gap:20px}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text);font-size:.925rem;font-weight:600}.optional{color:var(--text-subtle);margin-left:4px;font-weight:400}.field input,.field textarea,.field select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);width:100%;height:48px;color:var(--text);font:inherit;padding-inline:14px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:var(--focus);outline:none}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--error)}.input-group{position:relative}.input-group input{padding-right:104px}.input-action{min-width:96px;color:var(--accent-text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding-inline:12px;font-size:.875rem;font-weight:600;position:absolute;top:2px;bottom:2px;right:2px}.input-action:hover{background:var(--surface-2)}.field-hint,.field-error{font-size:.85rem}.field-hint{color:var(--text-subtle)}.field-error,.card .field-error{color:var(--error);font-weight:500}.alert{border:1px solid color-mix(in srgb, var(--error) 40%, var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--error) 10%, var(--surface));color:var(--text);padding:12px 16px;font-size:.925rem}.user-chip{color:var(--text);border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:8px;height:44px;padding:0 14px 0 6px;font-size:.925rem;font-weight:600;transition:border-color .15s;display:inline-flex}.avatar{background:var(--accent);width:32px;height:32px;color:var(--on-accent);border-radius:50%;place-items:center;font-size:.875rem;font-weight:800;display:grid}.user-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.user-chip:hover,.user-chip.active{border-color:color-mix(in srgb, var(--accent) 55%, var(--border))}.form-switch{color:var(--text-muted);text-align:center;margin-top:20px}.form-switch a{padding-block:12px;font-weight:600;display:inline-block}.form-note{color:var(--text-subtle);text-align:center;font-size:.875rem}.form-note a{margin-block:-12px;padding-block:12px;display:inline-block}.stack{flex-direction:column;gap:16px;display:flex}.form h2{font-size:1.375rem}.form h2 .picker-count{vertical-align:2px;margin-left:8px}.form-actions{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.notice-success{color:var(--ok);font-size:.925rem;font-weight:600}.field textarea{resize:vertical;height:auto;min-height:96px;padding-block:12px;line-height:1.5}.choice-field{border:0;margin:0;padding:0}.choice-field legend{color:var(--text);margin-bottom:6px;padding:0;font-size:.925rem;font-weight:600}.choices{flex-wrap:wrap;gap:8px;display:flex}.choice{flex:1 1 0;min-width:max-content;position:relative}.field .choice input{opacity:0;pointer-events:none;border:0;width:0;height:0;padding:0;position:absolute}.choice span{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);min-height:44px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;padding-inline:14px;font-size:.925rem;font-weight:600;transition:border-color .15s,background-color .15s,color .15s;display:flex}.choice span:has(.swatch){gap:8px}.swatch{width:16px;height:16px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 20%, transparent);border-radius:50%;flex-shrink:0}.choice input:checked+span{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.choice input:focus-visible+span{box-shadow:var(--focus)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:color-mix(in srgb, var(--error) 85%, #000)}.chips{scrollbar-width:none;gap:8px;margin-inline:-16px;padding:2px 16px;display:flex;overflow-x:auto}.chip{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text-muted);font:inherit;cursor:pointer;border-radius:999px;flex-shrink:0;padding-inline:14px;font-size:.875rem;font-weight:600}.chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.type-tag{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:2px 10px;font-size:.75rem;font-weight:600}.type-deckbuilding{background:var(--accent-soft);color:var(--accent-text)}.type-gameplay{background:color-mix(in srgb, var(--ok) 14%, transparent);color:color-mix(in srgb, var(--ok) 80%, var(--text))}.type-special{color:color-mix(in srgb, #8b5cf6 75%, var(--text));background:#8b5cf629}.stepper{grid-template-columns:48px 1fr 48px;gap:8px;max-width:220px;display:grid}.stepper button{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);height:48px;color:var(--text);font:inherit;cursor:pointer;font-size:1.375rem;font-weight:600}.stepper button:disabled{opacity:.4;cursor:not-allowed}.field .stepper input{text-align:center;appearance:textfield;padding-inline:4px;font-weight:700}.stepper input::-webkit-inner-spin-button{appearance:none;margin:0}.stepper input::-webkit-outer-spin-button{appearance:none;margin:0}.challenge-picker{flex-direction:column;gap:16px;display:flex}.picker-group{border:0;flex-direction:column;margin:0;padding:0;display:flex}.picker-group legend{align-items:center;gap:8px;margin-bottom:6px;padding:0;font-weight:700;display:flex}.picker-count{background:var(--surface-2);color:var(--text-muted);border-radius:999px;padding:1px 8px;font-size:.8rem;font-weight:700}.picker-count.is-complete{background:var(--accent-soft);color:var(--accent-text)}.picker-option{border-top:1px solid var(--border);cursor:pointer;align-items:flex-start;gap:12px;min-height:48px;padding:10px 4px;display:flex}.picker-option input{width:22px;height:22px;accent-color:var(--accent);flex-shrink:0;margin:1px 0 0}.picker-option:has(input:disabled){opacity:.5;cursor:not-allowed}.picker-option span,.challenge-text{flex-direction:column;min-width:0;display:flex}.picker-option small,.challenge-text small{color:var(--text-subtle);font-size:.85rem}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.challenge-group h3{align-items:center;gap:8px;margin-bottom:4px;font-size:1rem;display:flex}.challenge-items{margin:0;padding:0;list-style:none}.challenge-item{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding:12px 0;display:flex}.challenge-actions{flex-wrap:wrap;gap:8px;display:flex}.field select{appearance:auto}.tournament-cards{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.card.tournament-card{flex-direction:row;padding:14px 20px}@media (hover:hover){.tournament-card.player-row:hover{background:var(--surface)}}.tournament-card.player-row:active{background:var(--surface)}.home-section{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.home-areas{padding-bottom:48px}.home-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width>=720px){.home-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}.home-tile{gap:4px;padding:16px}.home-tile-icon{border-radius:var(--radius);background:var(--accent-soft);width:44px;height:44px;color:var(--accent-text);justify-content:center;align-items:center;margin-bottom:6px;display:inline-flex;position:relative}.home-tile-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.home-tile-icon .new-badge{top:-4px;left:auto;right:-4px}.home-tile strong{font-size:1.0625rem;font-weight:800}.home-tile small{color:var(--text-muted);font-size:.875rem;line-height:1.35}.section-head{justify-content:space-between;align-items:baseline;display:flex}.section-head h2{font-size:1.5rem}.section-head a{margin-block:-12px;padding:12px 0 12px 16px;font-weight:600}.status-tag{border-radius:999px;flex-shrink:0;padding:2px 10px;font-size:.75rem;font-weight:600}.status-pending{background:var(--surface-2);color:var(--text-muted)}.status-confirmed{background:color-mix(in srgb, var(--ok) 14%, transparent);color:color-mix(in srgb, var(--ok) 80%, var(--text))}p.status{border-radius:var(--radius-sm);padding:10px 14px;font-weight:600}.name-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.name-chips li{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:6px 12px;font-weight:600}.registration-item{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:10px 0;display:flex}.registration-item>.challenge-text{flex:160px}.registration-name{align-items:center;gap:8px;min-width:0;display:flex}.registration-name .status-tag{flex-shrink:0}.registration-panel{flex-direction:column;flex-basis:100%;gap:20px;padding:12px 0 8px;display:flex}.add-player{border-bottom:1px solid var(--border);flex-direction:column;gap:16px;padding-bottom:20px;display:flex}.add-player h3{font-size:1rem}.add-player-matches{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.picked-player{border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent-soft);justify-content:space-between;align-items:center;gap:12px;padding:4px 4px 4px 14px;display:flex}.picked-player .status-tag{vertical-align:2px;margin-left:8px}.difficulty-tag{vertical-align:2px;white-space:nowrap;border:1px solid;border-radius:999px;flex-shrink:0;margin-left:4px;padding:1px 8px;font-size:.7rem;font-weight:700;display:inline-block}.difficulty-easy{color:color-mix(in srgb, var(--ok) 80%, var(--text))}.difficulty-medium{color:var(--accent-text)}.difficulty-hard{color:var(--error)}.commander-field{position:relative}.suggestions{z-index:15;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);max-height:280px;box-shadow:var(--shadow);margin:0;padding:4px 0;list-style:none;position:absolute;top:78px;left:0;right:0;overflow-y:auto}.suggestions li{cursor:pointer;align-items:center;min-height:44px;padding:8px 14px;display:flex}.suggestions li[aria-selected=true],.suggestions li:hover{background:var(--accent-soft);color:var(--accent-text)}.my-commander{flex-direction:column;gap:2px;display:flex}.my-commander span{color:var(--text-subtle);font-size:.85rem}.input-icon{place-items:center;min-width:48px;display:grid}.input-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.input-group:has(.input-icon) input:not(.date-picker){padding-right:56px}.field .date-picker{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:absolute;bottom:0;right:0}.floor-plan{flex-direction:column;gap:16px;display:flex}.floor{margin:0}.floor figcaption{color:var(--text-subtle);letter-spacing:.08em;margin-bottom:4px;font-size:.8rem;font-weight:700}.floor svg{width:100%;height:auto;display:block}.floor-stairs rect{fill:none;stroke:var(--border-strong);stroke-width:2px;stroke-dasharray:6 4}.floor-stairs text,.floor-table text{dominant-baseline:central;text-anchor:middle}.floor-stairs text{fill:var(--text-subtle);font-size:20px}.floor-desk{fill:var(--surface-2);stroke:var(--border-strong);stroke-width:2px;transition:fill .15s,stroke .15s}.floor-table:not(.is-used):not(.is-selectable) .floor-desk{fill:none}.floor-table.is-used .floor-desk{fill:var(--accent-soft);stroke:var(--accent);stroke-width:3px}.floor-table text{fill:var(--accent-text);font-size:34px;font-weight:800}.floor-table.is-mine .floor-desk{fill:var(--accent);stroke:var(--accent)}.floor-table.is-mine text{fill:var(--on-accent)}.floor-hit{fill:#0000}.floor-table.is-selectable{cursor:pointer}.floor-table.is-selectable:focus-visible{outline:none}.floor-table.is-selectable:focus-visible .floor-desk{stroke:var(--text);stroke-width:4px}.round-timer{top:calc(64px + env(safe-area-inset-top) + 8px);z-index:9;border-radius:var(--radius);background:var(--text);color:var(--bg);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;padding:12px 18px;display:flex;position:sticky}.round-timer-label{font-weight:700}.round-timer-time{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:1.75rem;font-weight:800}.round-timer-waiting{background:var(--surface-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong), var(--shadow)}.timer-start{flex-direction:column;gap:10px;display:flex}.round-timer-overtime{background:var(--accent);color:var(--on-accent)}.round-timer-final{background:var(--error);color:#fff}.round-timer-link{min-height:44px;color:inherit;text-underline-offset:3px;align-items:center;font-weight:700;text-decoration:underline;display:inline-flex}#mein-tisch,#tische{scroll-margin-top:230px}.challenge-check,.challenge-row{align-items:flex-start;gap:12px;display:flex}.challenge-check{cursor:pointer;min-height:44px}.challenge-check input{width:24px;height:24px;accent-color:var(--accent);flex-shrink:0;margin:1px 0 0}.challenge-check .challenge-text,.challenge-row .challenge-text{flex:1}.challenge-check.is-done strong{color:var(--accent-text)}.challenge-points{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:700}.challenge-check.is-done .challenge-points{color:var(--accent-text)}.waitlist-names{counter-reset:waitlist;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.waitlist-names li{border:1px solid var(--border);background:var(--surface-2);counter-increment:waitlist;border-radius:999px;padding:6px 12px;font-weight:600}.waitlist-names li:before{content:counter(waitlist) ". ";color:var(--text-subtle)}.waitlist-names li.is-me{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.waitlist strong{color:var(--text)}.ranking{gap:0;margin:0;padding:0;list-style:none;overflow:hidden}.ranking-row{align-items:center;gap:12px;padding:12px 20px;display:flex}.ranking-row+.ranking-row{border-top:1px solid var(--border)}.ranking-row.is-me{background:var(--accent-soft)}.ranking-rank{width:2.2em;color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:1.125rem;font-weight:800}.ranking-rank.rank-1{color:var(--accent-text)}.ranking-player{flex-direction:column;flex:1;min-width:0;display:flex}.ranking-player strong{align-items:center;gap:8px;display:flex}.ranking-player .card-tag{margin-top:0}.ranking-player small{color:var(--text-subtle);font-size:.8rem}.ranking-total{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;font-size:1.5rem;font-weight:800;line-height:1.1;display:flex}.ranking-total small{color:var(--text-subtle);font-size:.7rem;font-weight:600}.points-info summary{cursor:pointer;min-height:44px;font-weight:700}.points-info ul{color:var(--text-muted);margin:8px 0 0;padding-left:20px}.round-section summary{cursor:pointer;min-height:44px;margin-bottom:12px;font-weight:700;list-style:none}.round-section summary::-webkit-details-marker{display:none}.round-section summary:before{content:"";border-right:2.5px solid var(--text-muted);border-bottom:2.5px solid var(--text-muted);width:10px;height:10px;transition:transform .15s;transform:rotate(45deg)translate(-2px,-2px)}.round-section:not([open]) summary:before{transform:rotate(-45deg)}.round-section:not([open]) summary{margin-bottom:0}.section-title{flex-wrap:wrap;align-items:center;gap:8px;font-size:1.5rem;display:flex}.pod{gap:12px}.pod-mine{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), var(--shadow)}.pod-head{flex-direction:column;gap:4px;display:flex}.pod-head h3{align-items:center;gap:8px;font-size:1.125rem;display:flex}.pod-place{color:var(--text-subtle);font-weight:700}.pod-head .card-tag{margin-top:0}.pod-status{color:var(--text-muted);font-size:.875rem}.pod-status.is-complete{color:color-mix(in srgb, var(--ok) 80%, var(--text));font-weight:600}.pod-players{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pod-player{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:10px 0;display:flex}.pod-player-name{align-items:center;gap:6px;font-weight:600;display:flex}.confirmed-mark{color:var(--ok);font-weight:800}.placement-choices{gap:6px;display:flex}.placement-choice{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);width:44px;height:44px;color:var(--text-muted);font:inherit;cursor:pointer;font-weight:700}.placement-choice[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.placement-result{color:var(--text-muted);font-weight:600}.open-pods{color:var(--text-muted);flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.field input[type=search]{background:var(--surface)}.player-list{gap:0;margin:0;padding:0;list-style:none;overflow:hidden}.player-list li+li{border-top:1px solid var(--border)}.player-row{min-height:64px;color:var(--text);align-items:center;gap:12px;padding:10px 20px;display:flex}@media (hover:hover){.player-row:hover{background:var(--surface-2)}}.player-row:active{background:var(--surface-2)}.player-info{flex-direction:column;flex:1;min-width:0;display:flex}.player-name,.player-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-name{font-weight:600}.player-meta{color:var(--text-subtle);font-size:.85rem}.player-row .card-tag{align-self:center;margin-top:0}.chevron{color:var(--text-subtle);font-size:1.5rem;line-height:1}.player-empty{color:var(--text-muted);padding:20px}.switch{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:44px;display:flex}.switch input{appearance:none;border:1px solid var(--border-strong);background:var(--surface-2);cursor:pointer;border-radius:999px;flex-shrink:0;width:52px;height:32px;margin:0;padding:0;transition:background-color .15s,border-color .15s;position:relative}.switch input:before{content:"";background:var(--text-subtle);border-radius:50%;width:24px;height:24px;transition:transform .15s,background-color .15s;position:absolute;top:3px;left:3px}.switch input:checked{border-color:var(--accent);background:var(--accent)}.switch input:checked:before{background:var(--on-accent);transform:translate(20px)}.switch input:disabled{opacity:.5;cursor:not-allowed}.switch input:focus-visible{box-shadow:var(--focus)}.tabbar{z-index:20;padding:6px max(8px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:saturate(160%)blur(12px);backdrop-filter:saturate(160%)blur(12px);border-top:1px solid var(--border);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;inset:auto 0 0}.tab{border-radius:var(--radius);min-height:52px;color:var(--text-subtle);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.7rem;font-weight:600;transition:color .15s;display:flex}.tab svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.tab.active{color:var(--accent-text)}.tab.active svg{stroke-width:2.2px}.tab,.nav a{position:relative}.new-badge{border:2px solid var(--surface);background:var(--accent);border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:calc(50% + 6px)}.nav .new-badge{border-color:var(--bg);top:2px;left:auto;right:2px}.new-badge span{box-shadow:0 0 0 0 var(--accent);border-radius:50%;animation:1.6s ease-out infinite badge-ping;position:absolute;inset:-2px}@keyframes badge-ping{to{box-shadow:0 0 0 8px color-mix(in srgb, var(--accent) 0%, transparent)}}#root{padding-bottom:calc(64px + env(safe-area-inset-bottom))}@media (width>=720px){.tabbar{display:none}#root{padding-bottom:0}}.toasts{left:50%;bottom:calc(76px + env(safe-area-inset-bottom));z-index:30;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(100% - 32px,420px);display:flex;position:fixed;transform:translate(-50%)}@media (width>=720px){.toasts{bottom:24px}}.toast{border-radius:var(--radius);background:var(--text);min-height:48px;color:var(--bg);box-shadow:var(--shadow);font:inherit;text-align:left;cursor:pointer;pointer-events:auto;border:0;align-items:center;gap:10px;padding:12px 18px;font-size:.95rem;font-weight:600;animation:.2s ease-out toast-in;display:flex}.toast svg{fill:none;width:20px;height:20px;stroke:var(--accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.footer{border-top:1px solid var(--border);color:var(--text-subtle);padding-block:24px;font-size:.875rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;display:flex}.footer-links{gap:16px;display:flex}.footer-links a{color:var(--text-muted);margin-block:-12px;padding-block:12px;display:inline-block}.footer-links a:hover{color:var(--accent-text)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}