body.landing{background:var(--paper);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:var(--ink);font-family:Open Sans,sans-serif;margin:0;min-height:100vh;display:flex;flex-direction:column}:root[data-theme=dark] body.landing{--landing-card-bg: rgba(54, 46, 38, .94)}:root[data-theme=dark] body.landing:not(.bg-fallback):before{content:"";position:fixed;inset:0;z-index:-1;background:#0000008c}.app-header{background-color:var(--page-bg);position:sticky;top:0;z-index:10;flex-shrink:0}.app-header .header-title{font-size:1rem;font-weight:700;text-decoration:none;color:inherit}.app-header .support-link{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;justify-content:center;align-items:center;width:48px;height:48px;text-decoration:none}.app-header .support-link .material-icons{color:color-mix(in srgb,var(--ink) 90%,transparent);font-size:1.5rem}.app-header .support-link:hover .material-icons,.app-header .support-link:focus-visible .material-icons{color:var(--ink)}.app-header .streak-button{display:inline-flex;align-items:center;gap:4px;text-decoration:none;padding:4px 8px;border-radius:999px;min-height:36px;color:inherit}.app-header .streak-button:hover{background-color:color-mix(in srgb,var(--ink) 5%,transparent)}.app-header .streak-button .flame{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px}.app-header .streak-button .flame .material-icons{font-size:1.6rem;line-height:1}.app-header .streak-button .counter-stack{position:relative;display:inline-flex;align-items:center;min-width:1ch}.app-header .streak-button .counter{font-weight:700;font-size:1rem}.app-header .streak-button--inactive .flame .material-icons{color:var(--text-faint)}.app-header .streak-button--played .flame .material-icons,.app-header .streak-button--played .counter{color:#ff8c42}.app-header .streak-button--pre-risk .flame{animation:streakPulse 1.6s ease-in-out infinite;transform-origin:center}.app-header .streak-button--pre-risk .flame .material-icons,.app-header .streak-button--pre-risk .counter{color:#ff8c42}.app-header .streak-button--frozen .flame .material-icons,.app-header .streak-button--frozen .counter{color:#2196f3}@media(prefers-reduced-motion:reduce){.streak-button--pre-risk .flame{animation:none!important}}.header-content{display:flex;justify-content:space-between;align-items:center;padding:0 1rem;margin:0 auto}@media(orientation:landscape){.header-content{max-width:90vw}}.landing-main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:1rem;box-sizing:border-box}.breadcrumb{font-size:.875rem;color:#fffffff2;margin:.5rem 0 1rem;text-shadow:0 1px 2px rgba(0,0,0,.55)}.breadcrumb a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease}.breadcrumb a:hover{border-color:currentColor}.breadcrumb span{color:inherit}.round-card{background-color:var(--landing-card-bg, var(--card-glass));border-radius:12px;box-shadow:var(--sheet-shadow);padding:1.75rem 1.5rem 2rem}.round-card h1{margin:0 0 .75rem;font-size:clamp(1.5rem,4.2vw,2rem);color:var(--ink);line-height:1.25;font-family:Open Sans,sans-serif}.round-card .lead{margin:0 0 1rem;color:var(--text-soft);line-height:1.55;font-size:1rem}.round-card .meta{margin:0 0 1.5rem;color:var(--text-dim);font-size:.875rem}.btn{display:inline-block;padding:.875rem 1.75rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1rem;text-align:center;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;border:none;cursor:pointer}.btn:hover{transform:translateY(-1px);box-shadow:var(--sheet-shadow-hi)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn-primary{background-color:var(--link);color:var(--paper)}.btn-primary:hover{background-color:var(--link-strong)}.app-footer{margin-top:3rem;padding:1.5rem 1rem;text-align:center;font-size:.875rem;color:#ffffffd9;background:transparent;text-shadow:0 1px 2px rgba(0,0,0,.45)}.app-footer a{color:inherit;text-decoration:none;margin:0 .5rem}.app-footer a:hover{text-decoration:underline}body.landing.bg-fallback .breadcrumb,body.landing.bg-fallback .app-footer{color:var(--text-dim);text-shadow:none}.kategorie-card .meta{margin-bottom:1.25rem}.kategorie-card .kategorie-section-title{margin:1.5rem 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-soft);font-family:Open Sans,sans-serif}.kategorie-card .kategorie-themes-list{list-style:none;padding:0;margin:0 0 .5rem;display:flex;flex-wrap:wrap;gap:.4rem}.kategorie-card .kategorie-themes-list li{display:inline-block;padding:.25rem .7rem;border-radius:999px;background-color:color-mix(in srgb,var(--ink) 5%,transparent);color:var(--text-soft);font-size:.875rem;line-height:1.4}.kategorie-card .kategorie-rounds-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.kategorie-card .kategorie-rounds-list .kategorie-round-link{display:block;padding:.65rem .9rem;border-radius:8px;background-color:color-mix(in srgb,var(--ink) 4%,transparent);color:var(--ink);text-decoration:none;font-weight:600;transition:background-color .15s ease}.kategorie-card .kategorie-rounds-list .kategorie-round-link:hover{background-color:color-mix(in srgb,var(--ink) 8%,transparent)}.kategorie-card .kategorie-rounds-list .kategorie-round-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.kategorie-card .kategorie-rounds-empty{margin:0;color:var(--text-dim);font-size:.9rem;line-height:1.55}.kategorie-card .cta-start{display:block;margin:1.5rem 0 0;text-align:center}.webview-hint{display:flex;flex-direction:column;gap:6px;box-sizing:border-box;background:var(--sheet-bg-warm);border:1px solid var(--sheet-border);border-radius:12px;padding:14px 16px;margin:0 0 16px;text-align:left}.webview-hint-title{margin:0;font-size:15px;color:var(--ink)}.webview-hint-text{margin:0 0 6px;font-size:13px;line-height:1.45;color:var(--text-soft)}.webview-hint-actions{display:flex;gap:8px;flex-wrap:wrap}.webview-hint-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 14px;border:1px solid var(--sheet-border);border-radius:10px;background:var(--sheet-bg);color:var(--ink);font-size:13px;font-weight:700;cursor:pointer}.webview-hint-button--primary{border:none;background:#ff8c42;color:#fff;box-shadow:0 4px 12px -6px #ff8c42cc}.webview-hint[hidden],.webview-hint-button[hidden]{display:none}
