.skin-modern{--radius: 18px;--radius-sm: 12px;--shadow: 0 6px 18px rgba(17, 24, 39, .08);--space: 14px}.skin-modern .app-header{padding-bottom:18px}.skin-modern .app-header .title{letter-spacing:-.2px}.skin-modern .welcome-card{border-radius:20px}.skin-modern .quick-tile{border:none;box-shadow:var(--shadow)}.skin-modern .bottom-nav{box-shadow:0 -2px 12px #0000000a}.skin-classic{--radius: 8px;--radius-sm: 6px;--shadow: 0 1px 0 rgba(17, 24, 39, .08);--bg: #FAFAFA}.skin-classic .app-header{padding-top:32px;padding-bottom:16px;border-bottom:3px solid var(--secondary)}.skin-classic .app-header .logo{border-radius:4px}.skin-classic .card{border:1px solid var(--border);box-shadow:none}.skin-classic .welcome-card{border-radius:8px}.skin-classic .quick-tile{border-radius:6px}.skin-classic .section-header h2{text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:var(--text-muted)}.skin-classic .bottom-nav{border-top:2px solid var(--border)}.skin-community{--radius: 22px;--radius-sm: 16px;--shadow: 0 8px 22px rgba(244, 114, 182, .1);--bg: #FFF7ED;--surface: #FFFFFF;--border: #FDE68A}.skin-community .app-header{padding-bottom:22px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#f97316))}.skin-community .app-header .logo{border-radius:50%}.skin-community .welcome-card{border-radius:24px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 65%,#f97316))}.skin-community .quick-tile{border-radius:20px;border:none;box-shadow:var(--shadow);background:#fffbeb}.skin-community .card{border-radius:22px}.skin-community .bottom-nav{background:#fffbeb}.skin-community .section-header h2{font-weight:700}.skin-premium-stadium{--bg: var(--app-bg, #050c1a);--text: var(--text-on-bg, #F1F5F9);--text-muted: var(--text-muted-on-bg, #94A3B8);--text-soft: var(--text-soft-on-bg, #CBD5E1);--surface: color-mix(in srgb, var(--text-on-bg) 6%, transparent);--surface-strong: color-mix(in srgb, var(--text-on-bg) 10%, transparent);--border: color-mix(in srgb, var(--text-on-bg) 12%, transparent);--border-strong: color-mix(in srgb, var(--text-on-bg) 20%, transparent);--highlight: #F2C94C;--highlight-soft: rgba(242, 201, 76, .15);--highlight-glow: var(--highlight-glow);--navy-deep: #030814;--navy: #0A1628;--navy-light: #14233F;--ico-tint: color-mix(in srgb, var(--primary, #1F60B5) 35%, #ffffff 65%);--ico-bg: color-mix(in srgb, var(--primary, #1F60B5) 25%, transparent);--radius: 20px;--radius-sm: 14px;--shadow: 0 12px 32px rgba(0, 0, 0, .45);--shadow-soft: 0 4px 14px rgba(0, 0, 0, .25)}.skin-premium-stadium{background:var(--bg);color:var(--text)}.skin-premium-stadium .app-body{color:var(--text);background:radial-gradient(circle at 30% -10%,color-mix(in srgb,var(--primary) 25%,transparent) 0%,transparent 50%),radial-gradient(circle at 80% 10%,color-mix(in srgb,var(--highlight) 30%,transparent) 0%,transparent 45%),linear-gradient(180deg,color-mix(in srgb,var(--bg) 80%,var(--primary) 20%) 0%,var(--bg) 100%)}.skin-premium-stadium .app-body::-webkit-scrollbar{width:3px}.skin-premium-stadium .app-body::-webkit-scrollbar-track{background:transparent}.skin-premium-stadium .app-body::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.skin-premium-stadium .app-body::-webkit-scrollbar-thumb:hover{background:#ffffff47}.skin-premium-stadium .app-body{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.skin-premium-stadium .status-bar{background:transparent;color:var(--text)}.skin-premium-stadium .app-header{position:relative;background:linear-gradient(180deg,#03081459,#030814d9),var(--stadium-bg) center top / cover no-repeat,var(--bg);background-blend-mode:normal;padding:10px 18px 22px;box-shadow:0 1px #ffffff0d;overflow:hidden}.skin-premium-stadium .app-header:after{content:"";position:absolute;top:-40%;right:-10%;width:200px;height:200px;background:radial-gradient(circle,var(--highlight-glow) 0%,transparent 65%);pointer-events:none}.skin-premium-stadium .app-header .logo{width:50px;height:50px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px #0006}.skin-premium-stadium .app-header .logo img{padding:2px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.skin-premium-stadium .app-header .logo.logo-img{background:transparent;border:none;box-shadow:none}.skin-premium-stadium .app-header .title{font-size:18px;font-weight:900;letter-spacing:.04em;text-shadow:0 2px 8px rgba(0,0,0,.6)}.skin-premium-stadium .app-header .subtitle{color:var(--highlight);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:11px;margin-top:2px}.skin-premium-stadium .app-header .bell{background:#ffffff14;border:1px solid color-mix(in srgb,var(--highlight) 55%,transparent);color:var(--highlight);width:42px;height:42px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.skin-premium-stadium .bell-dot{background:#ef4444;border-color:var(--bg)}.skin-premium-stadium .top-tabs{background:transparent;border-bottom:1px solid var(--border);margin:-12px -10px 16px;padding:0 18px}.skin-premium-stadium .top-tab{color:var(--text-muted);font-size:14px;padding:14px 4px 12px}.skin-premium-stadium .top-tab.is-active{color:var(--text);border-bottom-color:var(--highlight);font-weight:800}.skin-premium-stadium .status-card{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 40%,transparent),#14233fd9);border:1px solid var(--border-strong);border-radius:var(--radius);padding:18px 18px 16px;margin-bottom:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow);position:relative;overflow:hidden}.skin-premium-stadium .status-card:before{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(ellipse,color-mix(in srgb,var(--highlight) 30%,transparent) 0%,transparent 60%);pointer-events:none}.skin-premium-stadium .status-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.skin-premium-stadium .status-card-greet{font-size:22px;font-weight:800;letter-spacing:-.01em;color:var(--text);margin:0 0 4px}.skin-premium-stadium .status-card-sub{font-size:13px;color:var(--text-muted);margin:0}.skin-premium-stadium .status-card-cta{background:#ffffff14;border:1px solid var(--border-strong);color:var(--text);padding:8px 12px;border-radius:10px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.skin-premium-stadium .status-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:14px;border-top:1px solid var(--border);position:relative;z-index:1}.skin-premium-stadium .status-stat{display:flex;align-items:flex-start;gap:10px}.skin-premium-stadium .status-stat-ico{width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--primary) 40%,transparent);border:1px solid rgba(255,255,255,.08);color:var(--ico-tint);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.skin-premium-stadium .status-stat-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid var(--bg)}.skin-premium-stadium .status-stat-val{font-size:20px;font-weight:800;color:var(--text);line-height:1}.skin-premium-stadium .status-stat-label{font-size:11px;color:var(--text-muted);margin-top:4px;line-height:1.3}.skin-premium-stadium .match-center{position:relative;border-radius:var(--radius);overflow:hidden;margin-bottom:18px;box-shadow:var(--shadow);border:1px solid var(--border-strong);background:linear-gradient(180deg,#0308148c,#030814d9),var(--stadium-bg) center / cover no-repeat,var(--bg)}.skin-premium-stadium .match-center-tag{position:absolute;top:14px;left:14px;background:#00000080;border:1px solid color-mix(in srgb,var(--highlight) 55%,transparent);color:var(--highlight);font-size:10px;font-weight:800;letter-spacing:.14em;padding:4px 10px;border-radius:4px;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.skin-premium-stadium .match-center-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:48px 16px 12px}.skin-premium-stadium .match-center-team{display:flex;flex-direction:column;align-items:center;gap:10px}.skin-premium-stadium .match-center-crest{width:76px;height:76px;border-radius:50%;background:#fffffff2;border:3px solid rgba(255,255,255,.3);box-shadow:0 6px 20px #00000080;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#1f2937;font-weight:900;font-size:16px}.skin-premium-stadium .match-center-crest img{width:100%;height:100%;object-fit:contain;padding:8px}.skin-premium-stadium .match-center-team-name{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text);text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.6)}.skin-premium-stadium .match-center-when{text-align:center;padding:0 4px}.skin-premium-stadium .match-center-day{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase}.skin-premium-stadium .match-center-date{font-size:26px;font-weight:900;color:var(--text);letter-spacing:.02em;margin:6px 0;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.6)}.skin-premium-stadium .match-center-divider{width:36px;height:2px;background:var(--highlight);margin:4px auto;border-radius:2px}.skin-premium-stadium .match-center-time{font-size:22px;font-weight:800;color:var(--highlight);letter-spacing:.02em;text-shadow:0 2px 8px rgba(0,0,0,.6)}.skin-premium-stadium .match-center-venue{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;padding:4px 16px 14px}.skin-premium-stadium .match-center-cta{display:block;width:calc(100% - 28px);margin:0 auto 14px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 80%,#fff 20%) 0%,var(--primary) 100%);color:#fff;border:1px solid rgba(255,255,255,.15);padding:12px;border-radius:14px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 18px color-mix(in srgb,var(--primary) 45%,transparent)}.skin-premium-stadium .section-header h2{font-size:16px;font-weight:800;color:var(--text);letter-spacing:-.005em}.skin-premium-stadium .section-header .more{color:var(--highlight);font-weight:700;font-size:12px}.skin-premium-stadium .shortcuts-section{margin-bottom:22px}.skin-premium-stadium .shortcuts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.skin-premium-stadium .shortcut-tile{background:linear-gradient(160deg,#ffffff0d,#ffffff05);border:1px solid var(--border);border-radius:16px;padding:14px 8px 12px;text-align:center;color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .15s,border-color .15s}.skin-premium-stadium .shortcut-tile:hover{border-color:var(--border-strong);transform:translateY(-1px)}.skin-premium-stadium .shortcut-ico{width:40px;height:40px;border-radius:12px;background:var(--ico-bg);color:var(--ico-tint);display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--ico-tint) 25%,transparent)}.skin-premium-stadium .shortcut-label{font-size:12px;font-weight:700;letter-spacing:-.005em;line-height:1.2}.skin-premium-stadium .shortcut-sub{font-size:10px;font-weight:500;color:var(--text-muted);line-height:1.2}.skin-premium-stadium .my-team-premium{position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 35%,transparent),#0a1628d9);border:1px solid var(--border-strong);border-radius:var(--radius);padding:18px;margin-bottom:22px;overflow:hidden;box-shadow:var(--shadow)}.skin-premium-stadium .my-team-premium-watermark{position:absolute;top:50%;right:-30px;transform:translateY(-50%);width:180px;height:180px;opacity:.12;pointer-events:none}.skin-premium-stadium .my-team-premium-watermark img{width:100%;height:100%;object-fit:contain}.skin-premium-stadium .my-team-premium-label{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--highlight);text-transform:uppercase;margin-bottom:14px;position:relative}.skin-premium-stadium .my-team-premium-row{display:flex;gap:14px;align-items:flex-start;position:relative;margin-bottom:16px}.skin-premium-stadium .my-team-premium-shirt{width:72px;height:72px;border-radius:50%;background:#ffffff1a;border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text);position:relative}.skin-premium-stadium .my-team-premium-shirt-label{position:absolute;font-weight:900;font-size:13px;letter-spacing:.02em;bottom:18px}.skin-premium-stadium .my-team-premium-info{flex:1;min-width:0}.skin-premium-stadium .my-team-premium-name{font-size:26px;font-weight:900;letter-spacing:-.01em;color:var(--text);margin:0 0 4px}.skin-premium-stadium .my-team-premium-meta{font-size:12px;color:var(--text-muted);margin-bottom:12px}.skin-premium-stadium .my-team-premium-line{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text);margin-top:6px}.skin-premium-stadium .my-team-premium-line svg{color:var(--ico-tint);flex-shrink:0}.skin-premium-stadium .my-team-premium-line .badge-count{background:#ef4444;color:#fff;font-size:10px;font-weight:800;padding:1px 6px;border-radius:999px;margin-left:4px}.skin-premium-stadium .my-team-premium-cta{width:100%;background:#ffffff14;border:1px solid var(--border-strong);color:var(--text);padding:13px;border-radius:14px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.skin-premium-stadium .news-compact{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.skin-premium-stadium .news-compact-tag{color:var(--highlight)}.skin-premium-stadium .news-compact-time{color:var(--text-muted)}.skin-premium-stadium .news-compact h3{color:var(--text)}.skin-premium-stadium .news-compact p{color:var(--text-muted)}.skin-premium-stadium .news-compact-arrow{color:var(--highlight)}.skin-premium-stadium .bottom-nav{background:#030814d9;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 -4px 20px #00000080}.skin-premium-stadium .bottom-nav button{color:var(--text-muted)}.skin-premium-stadium .bottom-nav button.active{color:var(--highlight);position:relative}.skin-premium-stadium .bottom-nav button.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;background:var(--highlight);border-radius:0 0 4px 4px}.skin-premium-stadium .powered-by{color:var(--text-muted);opacity:.5}:root{--primary: #111827;--primary-soft: rgba(17, 24, 39, .08);--secondary: #FACC15;--accent: #22C55E;--text-on-primary: #FFFFFF;--text-on-accent: #FFFFFF;--text: #111827;--text-muted: #6B7280;--bg: #F5F6F8;--surface: #FFFFFF;--border: #E5E7EB;--radius: 16px;--radius-sm: 10px;--shadow: 0 6px 18px rgba(17, 24, 39, .06);--header-h: 64px;--bottom-h: 70px;--space: 14px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font);background:#0f172a;color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.landing{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#1f2937,#0f172a 60%,#020617);color:#fff;padding:24px}.landing-inner{max-width:520px;text-align:center}.landing h1{font-size:56px;margin:0 0 8px;letter-spacing:-1px}.landing .tagline{margin:0;font-size:20px;opacity:.9}.landing .tagline-no{margin:4px 0 32px;font-size:16px;opacity:.6}.landing-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.landing-foot{margin-top:48px;opacity:.4;font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:12px;font-weight:600;font-size:15px;border:1px solid transparent}.btn-primary{background:#facc15;color:#111827}.btn-secondary{background:transparent;color:#fff;border-color:#ffffff40}.stage{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#1f2937,#0f172a);padding:32px 16px}.stage-side{position:absolute;top:24px;right:24px;display:flex;gap:8px;z-index:10}.stage-side .chip{background:#ffffff1a;color:#fff;font-size:12px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.15)}.stage-side .chip a{color:#fff}.phone-frame{width:390px;height:844px;background:#000;border-radius:44px;padding:12px;box-shadow:0 30px 80px #00000080,inset 0 0 0 2px #ffffff0d;position:relative}.phone-screen{width:100%;height:100%;background:var(--bg);border-radius:34px;overflow:hidden;position:relative;display:flex;flex-direction:column}.phone-screen>*{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%}.phone-notch{position:absolute;top:14px;left:50%;transform:translate(-50%);width:110px;height:28px;background:#000;border-radius:999px;z-index:5}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px 4px;background:var(--primary);color:var(--text-on-primary);font-size:14px;font-weight:600;position:relative;z-index:3}.sb-icons{display:inline-flex;align-items:center;gap:5px}.app-header{background:var(--primary);background-image:linear-gradient(180deg,color-mix(in srgb,var(--primary) 92%,#fff 0%) 0%,var(--primary) 100%);color:var(--text-on-primary);padding:6px 16px 18px;display:flex;align-items:center;gap:12px;position:relative;z-index:2;box-shadow:0 4px 16px color-mix(in srgb,var(--primary) 40%,transparent)}.app-header .logo{width:44px;height:44px;border-radius:10px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:var(--text-on-primary);font-weight:800;font-size:15px;overflow:hidden;flex-shrink:0;border:1px solid rgba(255,255,255,.08)}.app-header .logo img{width:100%;height:100%;object-fit:contain;padding:2px}.app-header .logo.logo-img{background:transparent;border-color:transparent}.app-header .title{font-weight:900;font-size:19px;line-height:1;letter-spacing:.06em;text-transform:uppercase}.app-header .subtitle{font-size:11px;opacity:.85;margin-top:4px;letter-spacing:.02em}.app-header .back{background:#ffffff1f;color:var(--text-on-primary);border:none;padding:6px 10px;border-radius:8px;font-size:12px;display:inline-flex;align-items:center;gap:4px}.app-header .bell{width:38px;height:38px;border-radius:999px;background:#ffffff0f;display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--text-on-primary);border:1px solid rgba(255,255,255,.15);position:relative}.bell-dot{position:absolute;top:6px;right:7px;width:9px;height:9px;border-radius:50%;background:#22c55e;border:2px solid var(--primary);box-shadow:0 0 0 1px #0000001a}.app-body{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:12px 10px;padding-bottom:calc(var(--bottom-h) + 24px);background:var(--bg);color:var(--text);min-height:0}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:var(--bottom-h);background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:stretch;justify-content:space-around;padding-bottom:12px;padding-top:6px;z-index:3;box-shadow:0 -2px 14px #1118270a}.bottom-nav button{flex:1;background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);font-size:11px;font-weight:600}.bottom-nav button.active{color:var(--primary);font-weight:700}.bottom-nav .ico{font-size:22px;line-height:1}.bottom-nav button.active .ico{transform:scale(1.05)}.section{margin-bottom:18px}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin:4px 4px 10px}.section-header h2{margin:0;font-size:16px}.section-header .more{font-size:12px;color:var(--text-muted)}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.card+.card{margin-top:10px}.welcome-card{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 75%,#000));color:var(--text-on-primary);border-radius:var(--radius);padding:16px;margin-bottom:16px}.welcome-card h2{margin:0 0 6px;font-size:18px}.welcome-card p{margin:0;font-size:13px;opacity:.9;line-height:1.4}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.quick-tile{background:var(--surface);border-radius:var(--radius-sm);padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text)}.quick-tile .ico{font-size:22px}.news-card .meta,.msg-card .meta,.cal-item .meta{font-size:11px;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.news-card h3,.msg-card h3,.team-card h3{margin:0 0 4px;font-size:15px}.news-card p,.msg-card p{margin:0;font-size:13px;color:var(--text-muted);line-height:1.4}.team-card{display:flex;align-items:center;gap:12px}.team-card .badge{width:44px;height:44px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0}.team-card .meta-line{font-size:12px;color:var(--text-muted)}.cal-item{display:flex;gap:12px;align-items:center}.cal-item .date-box{background:var(--primary-soft);color:var(--primary);border-radius:10px;padding:8px 10px;text-align:center;min-width:52px}.cal-item .date-box .day{font-size:18px;font-weight:700;line-height:1}.cal-item .date-box .mon{font-size:10px;text-transform:uppercase}.cal-item .type-pill{display:inline-block;font-size:10px;padding:2px 8px;border-radius:999px;background:var(--accent);color:var(--text-on-accent);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.cal-item .time{font-size:12px;color:var(--text-muted)}.sponsor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sponsor-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 6px;text-align:center}.sponsor-tile .logo-placeholder{width:44px;height:44px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:800;margin:0 auto 6px}.sponsor-tile .name{font-size:11px;font-weight:600}.sponsor-tile .tier{font-size:10px;color:var(--text-muted)}.referee-card{display:flex;gap:12px;align-items:center}.referee-card .avatar{width:40px;height:40px;border-radius:50%;background:var(--secondary);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:800}.contact-card{display:flex;flex-direction:column;gap:10px}.contact-action{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);color:var(--text);font-weight:600;font-size:14px}.contact-action .ico{font-size:18px}.tab-row{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto}.tab-row button{background:var(--surface);border:1px solid var(--border);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;color:var(--text-muted)}.tab-row button.active{background:var(--primary);color:var(--text-on-primary);border-color:var(--primary)}.about-list{padding-left:18px;margin:8px 0 0}.about-list li{font-size:13px;margin-bottom:4px}.powered-by{text-align:center;font-size:11px;color:var(--text-muted);margin-top:18px;opacity:.6}.empty-state{text-align:center;color:var(--text-muted);font-size:13px;padding:32px 16px}.top-tabs{display:flex;background:var(--surface);border-bottom:1px solid var(--border);margin:-12px -10px 14px;padding:0 14px;overflow-x:auto;scrollbar-width:none;gap:4px;position:sticky;top:-12px;z-index:2}.top-tabs::-webkit-scrollbar{display:none}.top-tab{background:none;border:none;padding:14px 6px 12px;font-size:14px;font-weight:600;color:var(--text-muted);border-bottom:2px solid transparent;white-space:nowrap}.top-tab.is-active{color:var(--primary);border-bottom-color:var(--primary);font-weight:700}.hero-news{background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin-bottom:14px}.hero-news-img{width:100%;aspect-ratio:16 / 10;background-size:cover;background-position:center;position:relative}.hero-news-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.55) 100%)}.hero-tag{position:absolute;bottom:12px;left:12px;background:#000000b3;color:#fff;padding:4px 10px;border-radius:4px;font-size:10px;font-weight:800;letter-spacing:.12em;z-index:1}.hero-news-body{padding:14px 14px 16px}.hero-news h3{margin:0 0 8px;font-size:22px;font-weight:800;line-height:1.2;letter-spacing:-.015em}.hero-news p{margin:0 0 10px;font-size:14px;color:var(--text);line-height:1.5}.hero-news-meta{font-size:12px;color:var(--text-muted)}.hero-news-category{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--primary);margin-bottom:6px}.reaction-row{display:flex;align-items:center;gap:14px;padding-top:12px;margin-top:4px;border-top:1px solid var(--border)}.reaction{background:none;border:none;padding:0;display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--text-muted)}.reaction svg{color:var(--rx-color, currentColor)}.reaction.is-active{color:var(--text)}.reaction-comments{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-muted)}.news-compact{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;display:grid;grid-template-columns:86px 1fr auto;gap:12px;align-items:center;margin-bottom:10px}.news-compact-thumb{width:86px;height:86px;border-radius:var(--radius-sm);background-size:cover;background-position:center}.news-compact-body{min-width:0}.news-compact-meta{display:flex;align-items:baseline;gap:8px;font-size:11px;margin-bottom:4px}.news-compact-tag{font-weight:800;color:var(--primary);letter-spacing:.06em}.news-compact-time{color:var(--text-muted)}.news-compact h3{margin:0 0 4px;font-size:14px;font-weight:700;line-height:1.25;letter-spacing:-.005em}.news-compact p{margin:0;font-size:12px;color:var(--text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-compact-arrow{color:var(--text-muted);flex-shrink:0}.news-article{padding-bottom:16px}.news-article-hero{width:calc(100% + 20px);margin:0 -10px 14px;aspect-ratio:16 / 10;background-size:cover;background-position:center;position:relative;border-radius:0 0 var(--radius) var(--radius);overflow:hidden}.news-article-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.5) 100%)}.news-article-hero .hero-tag{position:absolute;bottom:12px;left:12px}.news-article-category{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--primary);margin-bottom:6px}.news-article-body h1{margin:0 0 8px;font-size:22px;font-weight:800;line-height:1.2;letter-spacing:-.015em}.news-article-meta{font-size:12px;color:var(--text-muted);margin-bottom:14px}.news-article-text p{margin:0 0 12px;font-size:14px;line-height:1.6;color:var(--text)}.news-article-text p:last-child{margin-bottom:14px}.comments-section{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.comments-section h3{margin:0 0 10px;font-size:13px;font-weight:800;letter-spacing:.04em;color:var(--primary)}.comment-list{display:flex;flex-direction:column;gap:14px}.comment-item{display:grid;grid-template-columns:auto 1fr;gap:10px}.comment-item .comment-avatar{width:34px;height:34px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;flex-shrink:0}.comment-item .comment-avatar.avatar-coach{background:var(--primary);color:var(--text-on-primary)}.comment-body{min-width:0}.comment-meta{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin-bottom:2px}.comment-author{font-weight:700;font-size:12px}.comment-time{font-size:11px;color:var(--text-muted)}.comment-text{font-size:13px;line-height:1.5}.comment-bar{position:sticky;bottom:0;margin:16px -10px -12px;padding:10px 14px;background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;box-shadow:0 -4px 16px #1118270a;z-index:2}.comment-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.comment-avatar-bg{width:100%;height:100%;background:var(--primary)}.comment-input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:9px 14px;font-size:13px;font-family:inherit;color:var(--text);outline:none;min-width:0}.comment-input::placeholder{color:var(--text-muted)}.comment-send{background:none;border:none;padding:4px 8px;font-weight:700;font-size:13px;color:var(--primary)}.comment-send:disabled{color:var(--text-muted)}.club-identity{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 16px 16px;text-align:center;margin-bottom:14px}.club-identity-logo{width:72px;height:72px;margin:0 auto 10px;border-radius:18px;background:var(--primary-soft);display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:800;font-size:22px;overflow:hidden}.club-identity-logo img{width:100%;height:100%;object-fit:contain;padding:4px}.club-identity h2{margin:0 0 2px;font-size:22px;font-weight:800}.club-identity-tagline{margin:0 0 8px;font-size:13px;color:var(--primary);font-weight:600}.club-identity-about{margin:0;font-size:13px;color:var(--text-muted);line-height:1.5}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.stat-tile{background:var(--surface);border-radius:var(--radius-sm);padding:12px 6px;text-align:center;box-shadow:var(--shadow)}.stat-value{font-size:22px;font-weight:800;color:var(--primary);line-height:1}.stat-label{font-size:10px;color:var(--text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:.04em}.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.value-tile{background:var(--surface);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow)}.value-icon{width:32px;height:32px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.value-title{font-weight:800;font-size:14px;margin-bottom:4px}.value-body{font-size:12px;color:var(--text-muted);line-height:1.45}.facility-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:10px}.facility-img{width:100%;aspect-ratio:16 / 8;background-size:cover;background-position:center}.facility-body{padding:12px 14px 14px}.facility-body h3{margin:0 0 2px;font-size:15px;font-weight:800}.facility-type{font-size:12px;color:var(--text-muted);margin-bottom:6px}.facility-addr{font-size:12px;color:var(--text-muted);display:inline-flex;align-items:center;gap:4px}.sponsor-main{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#000));color:var(--text-on-primary);border-radius:var(--radius);padding:14px}.sponsor-main-tier{font-size:10px;font-weight:800;letter-spacing:.12em;opacity:.8;margin-bottom:8px}.sponsor-main-row{display:flex;align-items:center;gap:12px}.sponsor-main-logo{width:50px;height:50px;border-radius:12px;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;border:1px solid rgba(255,255,255,.2)}.sponsor-main-name{font-size:16px;font-weight:800}.board-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--border)}.board-row:first-child{padding-top:0;border-top:none}.board-avatar{width:38px;height:38px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px}.board-name{font-weight:700;font-size:14px;line-height:1.2}.board-role{font-size:12px;color:var(--text-muted)}.board-phone{width:36px;height:36px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center}.membership-cta{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,var(--primary)));color:var(--text-on-accent);border-radius:var(--radius);padding:18px 16px;text-align:center;margin-top:16px}.membership-cta h3{margin:0 0 6px;font-size:18px;font-weight:800}.membership-cta p{margin:0 0 12px;font-size:13px;line-height:1.4;opacity:.95}.membership-cta .btn-accent{background:#fff;color:var(--primary);padding:10px 22px;font-weight:800;font-size:14px;border-radius:999px}.more-list{padding:0}.more-row{width:100%;background:none;border:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px;border-top:1px solid var(--border);text-align:left;font-size:14px;font-weight:600;color:var(--text)}.more-row:first-child{border-top:none}.more-icon{width:38px;height:38px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.more-label{flex:1}.more-arrow{color:var(--text-muted)}.more-icon.is-admin{background:#fef3c7;color:#92400e}.admin-tag{font-size:9px;font-weight:800;letter-spacing:.1em;background:#fef3c7;color:#92400e;padding:2px 6px;border-radius:999px;margin-left:8px}.team-hero-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:4px}.icon-btn{width:36px;height:36px;border-radius:50%;background:var(--primary-soft);color:var(--primary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.settings-header{padding:4px 4px 12px}.settings-header h2{margin:0;font-size:22px;font-weight:800}.settings-sub{font-size:13px;color:var(--text-muted);margin-top:2px}.setting-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--border);cursor:pointer}.setting-toggle:first-of-type{border-top:none;padding-top:0}.setting-toggle.is-disabled{opacity:.5;cursor:not-allowed}.setting-toggle-text{flex:1;min-width:0}.setting-toggle-label{font-size:14px;font-weight:600;line-height:1.3}.setting-toggle-desc{font-size:12px;color:var(--text-muted);margin-top:2px;line-height:1.4}.switch{position:relative;width:42px;height:24px;background:#d1d5db;border-radius:999px;flex-shrink:0;transition:background .15s}.switch input{opacity:0;width:100%;height:100%;cursor:pointer}.switch-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #00000026;transition:transform .15s}.switch.is-on{background:var(--accent)}.switch.is-on .switch-knob{transform:translate(18px)}.fiks-status p{margin:6px 0 0;font-size:12px;color:var(--text-muted);line-height:1.4}.fiks-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;letter-spacing:.06em;padding:3px 8px;border-radius:999px}.fiks-badge.fiks-on{background:#dcfce7;color:#166534}.fiks-badge.fiks-off{background:#fef3c7;color:#92400e}.settings-action-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0}.danger-card{border:1px solid #FEE2E2}.card-ico.danger{background:#fee2e2;color:#dc2626}.btn-danger{background:#dc2626;color:#fff;border:none;padding:10px 18px;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer}.admin-fiks-card .card-icon-row .fiks-badge{margin-left:auto}.admin-fiks-status{font-size:12px;color:var(--text-muted);margin:2px 0}.admin-list-card{cursor:pointer}.admin-list-card:hover{background:var(--primary-soft)}.admin-meta{font-size:12px;color:var(--text-muted);margin-top:2px}.admin-team-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);margin-bottom:6px}.shared-from{font-weight:700;color:var(--accent);margin-left:4px}.shared-badge{font-size:9px;font-weight:800;letter-spacing:.08em;background:#dcfce7;color:#166534;padding:2px 8px;border-radius:999px;margin-left:auto}.pending-card{border:1px solid #FEF3C7;background:linear-gradient(180deg,#FFFBEB 0%,var(--surface) 100%)}.pending-row{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-top:1px solid var(--border)}.pending-row:first-of-type{border-top:1px solid #FDE68A}.pending-title{font-weight:700;font-size:14px}.pending-meta{font-size:11px;color:var(--primary);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin:2px 0 4px}.pending-summary{font-size:13px;color:var(--text-muted);line-height:1.4}.pending-actions{display:flex;gap:8px;margin-top:2px}.btn-sm{padding:6px 12px;font-size:12px}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:8px;font-weight:600;cursor:pointer}.select-inline{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;color:var(--text);cursor:pointer}.team-post-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:12px;cursor:pointer}.team-post-img{width:100%;aspect-ratio:16 / 9;background-size:cover;background-position:center}.team-post-body{padding:12px 14px 8px}.team-post-meta{font-size:11px;color:var(--primary);font-weight:600;letter-spacing:.02em;margin-bottom:6px}.team-post-meta>span:last-child{color:var(--text-muted);font-weight:500}.team-post-body h3{margin:0 0 6px;font-size:16px;font-weight:800;line-height:1.25;letter-spacing:-.005em}.team-post-body p{margin:0 0 10px;font-size:13px;color:var(--text-muted);line-height:1.5}.composer-bar{display:flex;align-items:center;justify-content:space-between;margin:4px 0 12px;gap:12px}.composer-title{font-weight:800;font-size:15px;flex:1;text-align:center}.composer-label{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--primary);margin:12px 0 6px;text-transform:uppercase}.composer-label:first-of-type{margin-top:0}.composer-input,.composer-textarea{width:100%;box-sizing:border-box;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;color:var(--text);outline:none}.composer-input:focus,.composer-textarea:focus{border-color:var(--primary)}.composer-textarea{resize:vertical;min-height:120px;line-height:1.5}.composer-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.composer-image-tile{aspect-ratio:16/10;background:var(--bg);border:2px solid var(--border);border-radius:8px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.composer-image-tile.is-selected{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.thread-composer-wrap{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.msg-composer{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.msg-composer-input{background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:9px 14px;font-size:13px;font-family:inherit;color:var(--text);outline:none}.msg-composer-input:focus{border-color:var(--primary)}.msg-composer-send{background:none;border:none;color:var(--primary);font-weight:700;font-size:13px;padding:4px 8px}.msg-composer-send:disabled{color:var(--text-muted)}.external-links-card{padding-bottom:4px}.external-links-list{display:flex;flex-direction:column}.external-link-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--border);color:var(--text);font-size:13px;font-weight:600}.external-link-row:first-child{border-top:none;padding-top:4px}.external-link-icon{width:32px;height:32px;border-radius:8px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.external-link-label{flex:1;min-width:0}.external-link-arrow{color:var(--text-muted)}.standings-card{padding:14px 10px 12px}.standings-updated{font-size:10px;color:var(--text-muted);font-weight:500;letter-spacing:0;margin-left:auto;white-space:nowrap}.standings-head,.standings-row{display:grid;grid-template-columns:24px minmax(0,1fr) 22px 22px 22px 22px 32px 30px;align-items:center;gap:4px;padding:6px 4px;font-size:11px}.standings-head{color:var(--text-muted);font-weight:800;letter-spacing:.04em;border-bottom:1px solid var(--border);text-transform:uppercase}.standings-row{border-bottom:1px solid var(--border);font-size:12px}.standings-row:last-of-type{border-bottom:none}.standings-row.is-our-club{background:var(--primary-soft);font-weight:700;border-radius:6px;margin:2px 0;border-bottom:none}.col-rank{font-weight:800;color:var(--text-muted);text-align:center}.col-team{font-weight:600;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.standings-row.is-our-club .col-team,.standings-row.is-our-club .col-rank{color:var(--primary)}.col-num{text-align:center;color:var(--text-muted)}.col-pts{font-weight:800;color:var(--text)}.standings-row.is-our-club .col-pts{color:var(--primary)}.video-coming-banner{display:flex;align-items:center;gap:8px;background:#fef3c7;color:#92400e;padding:10px 12px;border-radius:8px;font-size:12px;font-weight:600;margin-bottom:12px}.video-tile{background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin-bottom:12px;cursor:pointer}.video-thumb{width:100%;aspect-ratio:16 / 9;background-size:cover;background-position:center;position:relative;filter:brightness(.85)}.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#0009;display:flex;align-items:center;justify-content:center}.video-duration{position:absolute;bottom:10px;right:10px;background:#000000b3;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px}.video-meta{padding:12px 14px}.video-title{font-size:14px;font-weight:700;line-height:1.3}.video-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.role-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;letter-spacing:.08em;padding:3px 8px;border-radius:999px;margin-top:6px}.role-badge.role-admin{background:#dcfce7;color:#166534}.role-badge.role-member{background:var(--primary-soft);color:var(--primary)}.role-badge.role-follower{background:#fef3c7;color:#78350f}.role-badge.role-visitor{background:#e5e7eb;color:#6b7280}.locked-section{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);padding:22px 18px;text-align:center;margin-bottom:12px}.locked-section .locked-icon{width:46px;height:46px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px}.locked-section h3{margin:0 0 4px;font-size:14px;font-weight:800}.locked-section p{margin:0 0 12px;font-size:12px;color:var(--text-muted);line-height:1.4}.locked-section .btn-accent{font-size:12px;padding:8px 16px}.my-team-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;margin-bottom:10px;cursor:pointer}.my-team-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:10px}.my-team-head .badge{width:44px;height:44px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0}.my-team-head .meta-line{font-size:12px;color:var(--text-muted);margin-top:2px}.my-team-snippet{background:var(--primary-soft);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:10px}.my-team-snippet-label{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--primary);margin-bottom:3px}.my-team-snippet-body{font-size:12px;color:var(--text);line-height:1.4}.my-team-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted);padding-top:8px;border-top:1px solid var(--border)}.compact-team-row{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-bottom:6px;text-align:left;cursor:pointer}.badge-sm{width:34px;height:34px;border-radius:8px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:11px}.compact-team-name{font-size:13px;font-weight:700;line-height:1.2}.compact-team-meta{font-size:11px;color:var(--text-muted)}.follow-star{color:var(--text-muted)}.follow-star.is-following{color:var(--accent)}.all-teams-link{width:100%;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);padding:14px;margin-top:8px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--primary);cursor:pointer}.all-teams-link:hover{background:var(--primary-soft)}.all-teams-count{margin-left:auto;font-size:12px;font-weight:600;color:var(--text-muted);background:var(--primary-soft);padding:3px 10px;border-radius:999px}.age-group-header{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--text-muted);padding:8px 4px 6px;text-transform:uppercase}.color-dot{display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0}.color-dot-inline{margin-left:6px;vertical-align:middle}.stage-left{position:absolute;top:24px;left:24px;z-index:10}.role-switcher{background:#0f172ad9;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:4px;min-width:180px}.role-switcher-label{font-size:10px;color:#94a3b8;font-weight:800;letter-spacing:.08em;padding:4px 8px 6px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px;text-transform:uppercase}.role-switcher button{background:none;border:none;color:#cbd5e1;padding:8px 10px;border-radius:8px;text-align:left;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.role-switcher button:hover{background:#ffffff0f}.role-switcher button.is-active{background:#facc1526;color:#facc15}.role-help{font-size:10px;font-weight:500;color:#64748b}.role-switcher button.is-active .role-help{color:#facc15b3}@media (max-width: 900px){.stage-left{display:none}}.event-hero{margin:4px 0 14px;text-align:center}.event-type-pill{display:inline-block;background:var(--primary);color:var(--text-on-primary);font-size:10px;font-weight:800;letter-spacing:.12em;padding:4px 10px;border-radius:4px;margin-bottom:10px}.event-type-pill.type-kamp{background:var(--accent);color:var(--text-on-accent)}.event-type-pill.type-cup{background:#dc2626;color:#fff}.event-hero h2{margin:0 0 4px;font-size:20px;font-weight:800;line-height:1.2}.event-date{font-size:13px;color:var(--text-muted);text-transform:capitalize}.event-when-card{padding:4px 14px}.event-when-row{display:grid;grid-template-columns:auto 90px 1fr;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.event-when-row:last-of-type{border-bottom:none}.event-when-ico{width:28px;height:28px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:inline-flex;align-items:center;justify-content:center}.event-when-label{color:var(--text-muted);font-weight:600;font-size:12px}.event-when-value{font-weight:700;text-align:right}.event-when-row.is-highlight .event-when-value{color:var(--accent);font-size:15px}.event-map-link{display:inline-flex;align-items:center;gap:6px;padding:10px 0 14px;color:var(--primary);font-weight:600;font-size:13px}.kit-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:4px 0}.kit-item{text-align:center}.kit-swatch{width:60px;height:60px;border-radius:50%;margin:0 auto 8px;box-shadow:0 2px 8px #00000014}.kit-label{font-size:12px;font-weight:700}.kit-vs{font-size:11px;font-weight:800;color:var(--text-muted);letter-spacing:.08em}.gear-list{list-style:none;padding:0;margin:0}.gear-list li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px;border-bottom:1px solid var(--border);color:var(--text)}.gear-list li:last-child{border-bottom:none}.gear-list li svg{color:var(--accent);flex-shrink:0}.squad-list{display:flex;flex-direction:column}.squad-row{padding:8px 0;font-size:13px;border-bottom:1px solid var(--border)}.squad-row:last-child{border-bottom:none}.squad-row.reserve{color:var(--text-muted);font-style:italic}.squad-divider{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--text-muted);padding:12px 0 4px}.quick-reply-grid{display:flex;flex-direction:column;gap:8px}.quick-reply{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--text);text-align:left}.quick-reply svg{color:var(--primary)}.quick-reply-dest{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.quick-reply.is-sent{background:var(--primary-soft);border-color:var(--primary)}.quick-reply-confirm{margin-top:10px;padding:8px 12px;background:#dcfce7;color:#166534;border-radius:8px;font-size:12px;font-weight:600;text-align:center}.match-card{background:var(--surface);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);margin-bottom:14px}.match-card-label{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--primary);margin-bottom:10px}.match-card-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.match-team{display:flex;flex-direction:column;align-items:center;gap:6px}.crest{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 15%,#fff),color-mix(in srgb,var(--primary) 5%,#fff));color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;border:3px solid #fff;box-shadow:0 2px 8px #00000014;letter-spacing:.02em}.crest.crest-home{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 75%,#000));color:var(--text-on-primary)}.crest.crest-img{background:#fff;padding:4px}.crest.crest-img img{width:100%;height:100%;object-fit:contain}.crest.crest-img.crest-home{background:#fff}.match-team-name{font-size:11px;font-weight:800;text-align:center;line-height:1.1;letter-spacing:.02em}.match-when{text-align:center;padding:0 4px;min-width:90px}.match-day{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--text-muted)}.match-date{font-size:20px;font-weight:900;line-height:1;margin:4px 0;letter-spacing:-.01em}.match-time{font-size:18px;font-weight:800;color:var(--primary)}.match-venue{text-align:center;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--text-muted);margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:4px}.dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.mini-card{background:var(--surface);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow)}.mini-label{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--primary);margin-bottom:8px}.mini-row{display:flex;gap:10px;align-items:center}.mini-thumb{width:38px;height:38px;border-radius:8px;background-size:cover;background-position:center;flex-shrink:0}.mini-shirt{width:40px;height:40px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mini-body{flex:1;min-width:0}.mini-title{font-size:12px;font-weight:700;line-height:1.2}.mini-meta{font-size:10px;color:var(--text-muted);margin-top:3px;line-height:1.3}.team-hero{padding:4px 0 8px}.team-hero-title h2{margin:0;font-size:20px;font-weight:800;text-align:center}.team-hero-sub{text-align:center;font-size:12px;color:var(--text-muted);margin-top:2px}.team-photo{width:100%;aspect-ratio:16 / 9;background-size:cover;background-position:center;border-radius:var(--radius);margin-bottom:14px}.card-icon-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.card-icon-row h3{margin:0;font-size:13px;letter-spacing:.08em;color:var(--primary);font-weight:800;flex:1;text-transform:uppercase}.card-row-arrow{color:var(--text-muted)}.card-ico{width:30px;height:30px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.msg-block p{margin:4px 0 8px;font-size:13px;line-height:1.5;color:var(--text)}.msg-from{font-size:11px;font-style:italic;color:var(--text-muted)}.next-activity-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.next-activity-type{font-weight:700;font-size:14px;margin-bottom:2px}.next-activity-when,.next-activity-place{font-size:12px;color:var(--text-muted)}.btn-accent{background:var(--accent);color:var(--text-on-accent);border:none;padding:8px 14px;border-radius:8px;font-weight:600;font-size:12px}.attendance-count{font-size:11px;color:var(--text-muted);font-weight:600;white-space:nowrap}.attendance-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:4px}.rsvp{background:var(--surface);border:1px solid var(--border);padding:9px 6px;border-radius:8px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:4px;color:var(--text)}.rsvp span{font-weight:800}.rsvp-yes.is-selected{background:#dcfce7;border-color:#22c55e;color:#14532d}.rsvp-no.is-selected{background:#fee2e2;border-color:#ef4444;color:#7f1d1d}.rsvp-maybe.is-selected{background:#fef3c7;border-color:#f59e0b;color:#78350f}.rsvp-yes span{color:#22c55e}.rsvp-no span{color:#ef4444}.rsvp-maybe span{color:#f59e0b}.contact-block .contact-row{display:flex;align-items:center;justify-content:space-between;font-size:13px}.contact-phone{color:var(--primary);font-weight:600;display:inline-flex;align-items:center;gap:4px}.info-row{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid var(--border);font-size:13px}.info-row:first-child{border-top:none;padding-top:0}.info-k{color:var(--text-muted)}.info-v{font-weight:600}.link-btn{background:none;border:none;padding:8px 0;color:var(--primary);font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:4px}.back-link{padding:0 0 8px;color:var(--text-muted);font-weight:600}.next-training-card{margin-bottom:12px}.next-training-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.next-training-title{font-weight:800;font-size:15px;line-height:1.2;margin-bottom:2px}.next-training-meta{font-size:13px;color:var(--text-muted);line-height:1.5}.attendance-hint{font-size:11px;color:var(--text-muted);margin:-6px 0 10px 40px}.attendance-count{font-size:11px;color:var(--text-muted);display:inline-flex;align-items:center;gap:4px}.coach-broadcast{margin-bottom:12px}.coach-broadcast-body{font-size:14px;line-height:1.55;color:var(--text);margin:4px 0 10px;white-space:pre-line}.coach-broadcast-from{font-size:12px;color:var(--text-muted);font-style:italic}.pinned-broadcast{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 8%,var(--surface)) 0%,var(--surface) 100%);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);margin-bottom:12px}.pinned-badge{display:inline-flex;align-items:center;gap:5px;background:var(--primary);color:var(--text-on-primary);font-size:10px;font-weight:800;letter-spacing:.1em;padding:4px 10px;border-radius:999px;margin-bottom:10px}.pinned-body .thread-text{font-size:13.5px;line-height:1.5;margin:6px 0 8px}.pinned-body .thread-author{font-size:12px}.pinned-body .thread-name{font-weight:700}.thread-card{padding:14px 14px 8px}.thread-list{display:flex;flex-direction:column;gap:14px}.thread-pin{display:inline-flex;align-items:center;gap:3px;font-weight:700;color:var(--primary);margin-right:4px}.thread-pin svg{margin-right:1px}.thread-title-inline{font-weight:800;font-size:14px;margin:2px 0 4px;letter-spacing:-.005em}.thread-post.is-pinned{padding-bottom:12px;border-bottom:1px solid var(--border)}.thread-post{display:grid;grid-template-columns:auto 1fr;gap:10px}.thread-avatar{width:34px;height:34px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;flex-shrink:0}.thread-avatar.avatar-coach{background:var(--primary);color:var(--text-on-primary)}.thread-body{min-width:0}.thread-meta-row{display:flex;justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:2px}.thread-author{font-size:12px;min-width:0}.thread-name{font-weight:700}.thread-relation{color:var(--text-muted)}.thread-time{font-size:11px;color:var(--text-muted);white-space:nowrap}.thread-text{font-size:13px;line-height:1.4;margin-bottom:6px}.thread-foot{display:flex;justify-content:space-between;align-items:center;font-size:11px}.thread-reaction{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted);font-weight:600}.thread-reply{background:none;border:none;color:var(--primary);font-weight:600;font-size:12px}.thread-post.is-coach .thread-name{color:var(--primary)}.builder{--bld-bg: #f8fafc;--bld-surface: #ffffff;--bld-sunken: #f8fafc;--bld-line: #e2e8f0;--bld-line-soft: #f1f5f9;--bld-ink: #0f172a;--bld-ink-2: #334155;--bld-muted: #64748b;--bld-dim: #94a3b8;--bld-accent: #16a34a;--bld-accent-ink: #15803d;--bld-accent-soft: #f0fdf4;--bld-accent-line: #bbf7d0;min-height:100vh;display:grid;grid-template-columns:1fr minmax(340px,420px);background:var(--bld-bg);color:var(--bld-ink)}.builder-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8fafc;color:#0f172a;padding:24px}.builder-loading-inner{text-align:center;max-width:420px}.builder-loading .builder-mark{width:44px;height:44px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f0fdf4;color:#15803d}.builder-loading .builder-mark svg{width:22px;height:22px}.builder-loading h1{font-size:20px;font-weight:700;margin:0 0 6px;letter-spacing:-.01em}.builder-loading p{margin:0;font-size:14px;color:#64748b;line-height:1.5}.builder-form{height:100vh;min-height:0;display:flex;flex-direction:column;background:var(--bld-surface);border-left:1px solid var(--bld-line)}.builder-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:0 20px 20px}.builder-form .builder-head{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:20px 20px 14px;border-bottom:1px solid var(--bld-line);margin-bottom:16px}.builder-form .builder-mark{width:34px;height:34px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:9px;background:var(--bld-accent-soft);color:var(--bld-accent-ink)}.builder-form .builder-mark svg{width:18px;height:18px}.builder-form h1{font-size:16px;font-weight:700;margin:0;color:var(--bld-ink);letter-spacing:-.01em}.builder-form .lead{color:var(--bld-muted);font-size:12px;margin:2px 0 0}.builder-form .bsec{border:1px solid var(--bld-line);border-radius:12px;margin-bottom:8px;background:var(--bld-surface);overflow:hidden}.builder-form .bsec-head{width:100%;display:flex;align-items:center;gap:10px;padding:11px 14px;border:0;background:none;text-align:left;font:inherit;color:var(--bld-ink);cursor:pointer}.builder-form .bsec-head:hover{background:var(--bld-line-soft)}.builder-form .bsec-head:focus-visible{outline:2px solid var(--bld-accent);outline-offset:-2px}.builder-form .bsec-title{flex:1;min-width:0;font-size:11px;font-weight:700;color:var(--bld-dim);text-transform:uppercase;letter-spacing:.05em}.builder-form .bsec-chev{flex:0 0 auto;display:flex;color:var(--bld-dim);transition:transform .15s ease}.builder-form .bsec-chev svg{width:16px;height:16px}.builder-form .bsec.is-open{border-color:var(--bld-accent-line)}.builder-form .bsec.is-open .bsec-head{background:var(--bld-accent-soft)}.builder-form .bsec.is-open .bsec-title{color:var(--bld-accent-ink)}.builder-form .bsec.is-open .bsec-chev{color:var(--bld-accent-ink);transform:rotate(180deg)}.builder-form .bsec-body{padding:4px 14px 14px;border-top:1px solid var(--bld-line)}.builder-form .bsec-body>label:first-child{margin-top:10px}.builder-form label{display:block;font-size:12px;color:var(--bld-ink-2);margin:8px 0 4px}.builder-form input[type=text],.builder-form input[type=url],.builder-form input[type=email],.builder-form input[type=tel],.builder-form textarea,.builder-form select{width:100%;padding:9px 11px;background:var(--bld-surface);color:var(--bld-ink);border:1px solid var(--bld-line);border-radius:8px;font-size:13px;font-family:inherit}.builder-form input[type=text]:focus,.builder-form input[type=url]:focus,.builder-form input[type=email]:focus,.builder-form input[type=tel]:focus,.builder-form textarea:focus,.builder-form select:focus{outline:none;border-color:var(--bld-accent);box-shadow:0 0 0 3px #16a34a1f}.builder-form textarea{min-height:70px;resize:vertical}.builder-form .row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.builder-form .color-row{display:grid;grid-template-columns:60px 1fr;gap:8px;align-items:center;margin-bottom:8px}.builder-form input[type=color]{width:100%;height:40px;padding:0;border:1px solid var(--bld-line);background:none;border-radius:8px}.builder-form .modules-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.builder-form .module-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--bld-ink-2);padding:6px 8px;border-radius:6px}.builder-form .module-toggle.locked{opacity:.55}.builder-form .module-note{font-size:10px;color:var(--bld-dim);margin-left:auto}.builder-form .theme-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.builder-form .theme-tile{background:var(--bld-surface);border:1px solid var(--bld-line);border-radius:10px;padding:8px;cursor:pointer;text-align:center;color:var(--bld-ink-2);display:flex;flex-direction:column;gap:6px;align-items:center}.builder-form .theme-tile:hover{border-color:var(--bld-accent-line)}.builder-form .theme-tile.is-active{border-color:var(--bld-accent);background:var(--bld-accent-soft);color:var(--bld-accent-ink)}.builder-form .theme-swatches{display:flex;gap:3px;height:22px}.builder-form .theme-swatches span{display:block;width:18px;height:22px;border-radius:4px;border:1px solid rgba(15,23,42,.08)}.builder-form .theme-name{font-size:11px;font-weight:600}.builder-form .advanced-toggle{background:none;border:none;color:var(--bld-muted);font-size:12px;padding:8px 0;cursor:pointer;text-align:left;width:100%}.builder-form .advanced-toggle:hover{color:var(--bld-accent-ink)}.modules-tree{display:flex;flex-direction:column;gap:8px}.mod-group{background:var(--bld-sunken);border:1px solid var(--bld-line);border-radius:10px;overflow:hidden}.mod-group.is-unavailable{opacity:.55}.mod-group-head{width:100%;display:flex;align-items:center;gap:10px;background:none;border:none;padding:10px 12px;color:var(--bld-ink);text-align:left;cursor:pointer}.mod-group-head:hover{background:var(--bld-line-soft)}.mod-chev{transition:transform .15s ease;transform:rotate(0)}.mod-chev.open{transform:rotate(90deg)}.mod-group-title{flex:1;min-width:0}.mod-group-title>div:first-child{font-size:13px;font-weight:700}.mod-group-sub{font-size:11px;color:var(--bld-muted);margin-top:1px;line-height:1.3}.mod-group-count{font-size:11px;font-weight:700;color:var(--bld-ink-2);background:var(--bld-line);padding:2px 8px;border-radius:999px;flex-shrink:0}.mod-group-body{padding:0 12px 10px;border-top:1px solid var(--bld-line);background:var(--bld-surface)}.mod-warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e;font-size:11px;padding:6px 10px;border-radius:6px;margin:8px 0}.mod-items{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:8px}.mod-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--bld-ink-2);padding:6px 4px;border-radius:4px;cursor:pointer}.mod-item input[type=checkbox]{cursor:pointer;accent-color:var(--bld-accent)}.mod-item.is-locked{opacity:.65;cursor:default}.mod-item.is-disabled{opacity:.4;cursor:not-allowed}.mod-label{flex:1}.mod-tag{font-size:9px;color:var(--bld-dim);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.builder-form .skin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.builder-form .skin-tile{border:1px solid var(--bld-line);border-radius:8px;padding:10px 6px;background:var(--bld-surface);color:var(--bld-ink-2);font-size:12px;text-align:center;cursor:pointer}.builder-form .skin-tile:hover{border-color:var(--bld-accent-line)}.builder-form .skin-tile.active{border-color:var(--bld-accent);color:var(--bld-accent-ink);background:var(--bld-accent-soft);font-weight:600}.builder-form .premium-options{margin-top:12px;padding-top:12px;border-top:1px solid var(--bld-line);display:flex;flex-direction:column;gap:10px}.builder-form .premium-options-label{font-size:11px;font-weight:700;color:var(--bld-dim);letter-spacing:.04em;text-transform:uppercase;margin-top:4px}.builder-form .highlight-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.builder-form .highlight-tile{background:var(--bld-surface);border:1px solid var(--bld-line);border-radius:8px;padding:8px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--bld-ink-2);font-size:10px;position:relative;overflow:hidden}.builder-form .highlight-tile.is-active{border-color:var(--swatch);box-shadow:0 0 0 2px #0f172a0f}.builder-form .highlight-swatch{width:22px;height:22px;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 2px #0f172a0f}.builder-form .highlight-name{font-size:10px;font-weight:600;color:var(--bld-ink-2)}.builder-form .highlight-custom{padding:4px;cursor:pointer}.builder-form .highlight-custom input[type=color]{width:22px;height:22px;border:none;padding:0;background:none;cursor:pointer}.builder-form .stadium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.builder-form .stadium-tile{aspect-ratio:16 / 10;border-radius:8px;border:2px solid var(--bld-line);background-size:cover;background-position:center;cursor:pointer;position:relative;overflow:hidden;padding:0}.builder-form .stadium-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.75) 100%)}.builder-form .stadium-tile.is-active{border-color:var(--bld-accent)}.builder-form .stadium-name{position:absolute;bottom:4px;left:6px;font-size:10px;font-weight:700;color:#fff;letter-spacing:.04em;text-shadow:0 1px 4px rgba(0,0,0,.8)}.builder-form .stadium-upload{display:block;font-size:11px;color:var(--bld-muted);cursor:pointer}.builder-form .stadium-upload span{display:block;background:var(--bld-sunken);border:1px dashed var(--bld-line);border-radius:8px;padding:8px 10px;color:var(--bld-ink-2);text-align:center;margin-bottom:4px}.builder-form .stadium-upload input[type=file]{font-size:11px}.builder-form .stadium-preview{display:flex;align-items:center;gap:8px}.builder-form .stadium-preview img{width:64px;height:40px;object-fit:cover;border-radius:6px}.builder-form .bg-picker{margin-top:12px;padding-top:12px;border-top:1px solid var(--bld-line);display:flex;flex-direction:column;gap:8px}.builder-form .bg-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.builder-form .bg-tile{height:40px;border-radius:8px;border:1px solid var(--bld-line);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;position:relative;padding:0;overflow:hidden}.builder-form .bg-tile.is-active{border-color:var(--bld-accent);box-shadow:0 0 0 2px #16a34a40}.builder-form .bg-tile .bg-name{letter-spacing:.02em}.builder-form .bg-tile-clear{background:linear-gradient(135deg,transparent 47%,var(--bld-line) 47%,var(--bld-line) 53%,transparent 53%),var(--bld-surface);color:var(--bld-ink-2)}.builder-form .bg-custom{background:var(--bld-sunken);color:var(--bld-ink-2);position:relative}.builder-form .bg-custom input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.builder-form .actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.builder-form .actions button,.builder-form .actions a{background:var(--bld-accent);color:#fff;padding:10px 14px;border-radius:8px;border:1px solid var(--bld-accent);font-weight:600;font-size:13px;cursor:pointer;text-decoration:none;line-height:1.2}.builder-form .actions button:hover{background:var(--bld-accent-ink);border-color:var(--bld-accent-ink)}.builder-form .actions .ghost{background:var(--bld-surface);color:var(--bld-ink-2);border:1px solid var(--bld-line)}.builder-form .actions .ghost:hover{background:var(--bld-line-soft);color:var(--bld-ink);border-color:var(--bld-line)}.builder-form .actions .danger{background:#dc2626;color:#fff;border-color:#dc2626}.builder-form .actions .danger:hover{background:#b91c1c;border-color:#b91c1c}.builder-foot{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:12px 20px;border-top:1px solid var(--bld-line);background:var(--bld-surface)}.builder-foot .actions{margin-top:0}.builder-form .hub-kode{color:var(--bld-accent-ink);font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.builder-form .hub-save-status{flex:1;min-width:0;font-size:12px;font-weight:600;line-height:1.35;color:var(--bld-muted)}.builder-form .hub-save-status.is-dirty{color:var(--bld-ink-2)}.builder-form .hub-save-status.is-dirty:before{content:"";display:inline-block;vertical-align:middle;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#f59e0b}.builder-form .hub-save-status.is-saving{color:var(--bld-ink-2)}.builder-form .hub-save-status.is-saved{color:var(--bld-accent-ink)}.builder-form .hub-save-status.is-error,.builder-form .hub-save-status.is-expired{color:#b91c1c}.builder-form .hub-save-btn{flex:0 0 auto;background:var(--bld-accent);color:#fff;border:1px solid var(--bld-accent);padding:9px 18px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;line-height:1.2}.builder-form .hub-save-btn:hover:not(:disabled){background:var(--bld-accent-ink);border-color:var(--bld-accent-ink)}.builder-form .hub-save-btn:disabled{background:var(--bld-line-soft);color:var(--bld-dim);border-color:var(--bld-line);cursor:default}.builder-preview{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 25%,#fff,#fff0 60%),var(--bld-bg);position:relative;overflow:hidden}.builder-preview .stage{background:none;min-height:0;padding:20px 16px}.builder-preview .phone-frame{zoom:1}@media (max-height: 900px){.builder-preview .phone-frame{zoom:.95}}@media (max-height: 820px){.builder-preview .phone-frame{zoom:.88}}@media (max-height: 740px){.builder-preview .phone-frame{zoom:.78}}@media (max-height: 660px){.builder-preview .phone-frame{zoom:.68}}@media (max-height: 580px){.builder-preview .phone-frame{zoom:.58}}@media (max-height: 500px){.builder-preview .phone-frame{zoom:.48}}.preview-meta{position:absolute;top:20px;left:20px;color:var(--bld-muted);font-size:12px}.preview-meta a{color:var(--bld-accent-ink);font-weight:600}@media (max-width: 900px){.builder{grid-template-columns:1fr}.builder-form{height:auto;border-left:0;border-top:1px solid var(--bld-line)}.builder-scroll{overflow:visible}.builder-preview{padding:24px 0}}@media (max-width: 480px){html,body,#root{height:100dvh}.stage{padding:0;min-height:100dvh;height:100dvh}.phone-frame{width:100vw;height:100dvh;border-radius:0;padding:0;box-shadow:none}.phone-screen{border-radius:0;height:100%}.phone-notch,.stage-side,.status-bar{display:none}}
