:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f5f7f6;--surface:#fff;--surface-strong:#eef3f0;--text:#14201c;--muted-text:#5a6762;--border:#d9e1dc;--primary:#0f766e;--primary-strong:#0b5f59;--danger:#b42318;--focus:#d97706}*{box-sizing:border-box}html,body{min-height:100%}body{background:linear-gradient(180deg, #0f766e14, #0f766e00 240px), var(--background);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button,input,select{font:inherit}.page-shell,.auth-page,.app-layout{min-height:100vh}.site-header,.auth-header,.app-header{justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.brand-link{color:var(--text);font-weight:800;text-decoration:none}.header-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.header-nav a,.form-link a{color:var(--primary-strong);font-weight:700;text-decoration:none}.landing-main,.auth-main,.app-main,.public-main{max-width:1120px;margin:0 auto;padding:24px 20px 48px}.landing-hero{max-width:760px;padding:36px 0 28px}.eyebrow{color:var(--primary-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{max-width:12ch;margin-bottom:20px;font-size:clamp(2rem,12vw,4.5rem);line-height:1.02}h2{font-size:1.15rem;line-height:1.25}.summary,.auth-lead,.content-section p,.workspace-summary p{color:var(--muted-text);font-size:1rem;line-height:1.6}.action-row{flex-direction:column;gap:12px;max-width:360px;margin-top:28px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:800;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.62}.button-primary{background:var(--primary);color:#fff}.button-primary:hover:not(:disabled){background:var(--primary-strong)}.button-secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.button-secondary:hover:not(:disabled){border-color:#b8c6c0}.button-danger{background:var(--danger);color:#fff}.button-danger:hover:not(:disabled){background:#8f1d14}.feature-grid{grid-template-columns:1fr;gap:12px;margin-top:18px;display:grid}.feature-card,.auth-panel,.workspace-summary,.content-section{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 16px 40px #14201c0f}.feature-card{align-items:center;gap:12px;min-height:84px;padding:18px;display:flex}.feature-card h2{margin:0}.feature-mark{background:var(--surface-strong);color:var(--primary-strong);border-radius:8px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.feature-mark svg{fill:currentColor;width:24px;height:24px}.auth-header{max-width:1120px;margin:0 auto}.auth-main{place-items:start center;display:grid}.auth-panel{width:100%;max-width:460px;padding:24px}.auth-panel h1{max-width:none;font-size:2rem}.auth-form{gap:16px;margin-top:24px;display:grid}.form-field{border:0;gap:8px;margin:0;padding:0;display:grid}.form-field label,.form-field legend{color:var(--text);font-weight:800}.form-field input[type=email],.form-field input[type=password],.form-field input[type=number],.form-field input[type=text],.form-field input:not([type]){border:1px solid var(--border);color:var(--text);background:#fff;border-radius:8px;width:100%;min-height:44px;padding:0 12px}.field-help,.field-error,.form-error{margin:0;font-size:.92rem;line-height:1.45}.field-help{color:var(--muted-text)}.field-error,.form-error{color:var(--danger)}.pwa-toast{background:var(--surface);border:1px solid var(--border);z-index:20;border-radius:8px;align-items:flex-start;gap:14px;max-width:min(420px,100vw - 32px);padding:16px;display:grid;position:fixed;bottom:16px;left:16px;box-shadow:0 16px 40px #14201c1f}.pwa-toast h2{margin-bottom:6px;font-size:1rem}.pwa-toast p{color:var(--muted-text);margin-bottom:0;line-height:1.45}.pwa-toast-actions{flex-wrap:wrap;gap:10px;display:flex}.pwa-live-region:empty{display:none}.offline-main{align-items:center;min-height:100vh;padding:20px;display:grid}.offline-panel{max-width:620px;margin:0 auto}.offline-panel h1{max-width:none;font-size:2.4rem}.offline-panel p{color:var(--muted-text);line-height:1.6}.segmented-control{background:var(--surface-strong);border:1px solid var(--border);border-radius:8px;gap:4px;padding:4px;display:inline-flex}.segment,.radio-segment span{color:var(--muted-text);cursor:pointer;border:0;border-radius:6px;justify-content:center;min-width:74px;min-height:34px;padding:8px 10px;font-size:.9rem;font-weight:800;display:inline-flex}.segment{background:0 0}.segment[aria-pressed=true],.radio-segment input:checked+span{background:var(--surface);color:var(--text)}.radio-segment input{opacity:0;width:1px;height:1px;position:absolute}.centered-state{color:var(--muted-text);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.app-header{border-bottom:1px solid var(--border);background:#ffffffd1;align-items:flex-start}.app-header h1{max-width:none;margin:0;font-size:1.8rem}.app-main{gap:18px;display:grid}.app-header-actions,.app-nav,.page-actions,.row-actions,.dialog-actions,.section-heading{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.app-header-actions{justify-content:flex-end}.app-nav a{color:var(--muted-text);border-radius:8px;padding:8px 10px;font-weight:800;text-decoration:none}.app-nav a[aria-current=page]{background:var(--surface-strong);color:var(--text)}.page-header{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-header h1{max-width:none;margin:0;font-size:2rem}.status-badge{border:1px solid var(--border);border-radius:999px;padding:5px 10px;font-size:.82rem;font-weight:800;display:inline-flex}.status-draft{color:#9a3412;background:#fff7ed}.status-active{color:#047857;background:#ecfdf5}.status-completed{color:#1d4ed8;background:#eff6ff}.state-panel,.champion-banner,.conflict-banner,.draw-panel,.tournament-card,.match-card,.dialog-panel,.skeleton-card,.skeleton-title{background:var(--surface);border:1px solid var(--border);border-radius:8px}.state-panel,.champion-banner,.conflict-banner,.draw-panel,.tournament-card,.match-card{padding:18px}.state-panel p,.champion-banner p,.tournament-card p,.match-meta,.match-help,.muted,.participant-row p,.section-heading p{color:var(--muted-text)}.champion-banner{border-color:#0f766e5c}.champion-banner p{margin:0;font-size:1.35rem;font-weight:900}.state-action{margin-top:16px}.error-panel{border-color:#b423185c}.form-stack,.draw-panel,.participant-form{gap:16px;display:grid}.tournament-grid{grid-template-columns:1fr;gap:14px;display:grid}.tournament-card{gap:16px;display:grid}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:0;display:grid}.summary-grid dt{color:var(--muted-text);font-size:.82rem;font-weight:800}.summary-grid dd{overflow-wrap:anywhere;margin:4px 0 0}.participant-form{grid-template-columns:1fr;align-items:end;margin-bottom:16px}.participant-list,.match-slots,.manual-order{margin:0;padding:0;list-style:none}.participant-list{gap:10px;display:grid}.participant-list>li,.manual-order li{background:var(--surface-strong);border:1px solid var(--border);border-radius:8px;padding:12px}.participant-row,.manual-order li{justify-content:space-between;align-items:center;gap:12px;display:flex}.participant-row p{margin:4px 0 0}.draw-panel{margin-top:18px}.manual-order{gap:8px;display:grid}.bracket-section{gap:12px;display:grid}.bracket-scroll{gap:14px;display:grid}.bracket-round{min-width:0}.round-matches{gap:10px;display:grid}.match-card h3{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-size:1rem;display:flex}.match-slots{gap:6px;display:grid}.match-slots li{background:var(--surface-strong);border-radius:6px;justify-content:space-between;align-items:center;gap:10px;min-height:36px;padding:8px 10px;display:flex}.slot-winner{border-left:4px solid var(--primary);font-weight:800}.final-mark{background:var(--surface-strong);border:1px solid var(--border);color:var(--muted-text);border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:800}.match-meta,.match-help{margin:10px 0 0}.match-actions{margin-top:12px}.share-section{gap:14px;display:grid}.dialog-backdrop{z-index:20;background:#14201c6b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog-panel{width:100%;max-width:440px;padding:22px;box-shadow:0 22px 70px #14201c38}.dialog-body{color:var(--muted-text)}.skeleton-card,.skeleton-title{min-height:140px;position:relative;overflow:hidden}.skeleton-title{min-height:64px}.skeleton-card:after,.skeleton-title:after{content:"";background:linear-gradient(90deg,#0000,#0f766e1f,#0000);animation:1.2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.workspace-summary,.content-section{padding:20px}.workspace-summary h2,.content-section h2{overflow-wrap:anywhere;margin-bottom:8px}@media (min-width:480px){.action-row{flex-direction:row;max-width:none}}@media (min-width:720px){.site-header,.auth-header,.app-header{padding:24px 32px}.landing-main,.auth-main,.app-main,.public-main{padding-left:32px;padding-right:32px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pwa-toast{left:auto;right:20px}.auth-panel{padding:32px}.page-header{flex-direction:row;align-items:center}.participant-form{grid-template-columns:minmax(0,1fr) 160px auto}.bracket-scroll{align-items:start;gap:14px;padding-bottom:10px;display:flex;overflow-x:auto}.bracket-round{flex:0 0 280px}.tournament-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}