:root{--tle-bg:#07110f;--tle-panel:#0e2f29;--tle-panel2:#12243a;--tle-text:#f8fafc;--tle-muted:#b7c9c5;--tle-gold:#f2bd16;--tle-live:#2dd4bf;--tle-danger:#fb7185}.btc-tle-public{margin:0;background:var(--tle-bg);color:var(--tle-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.tle-public-shell{min-height:100vh;padding:clamp(18px,3vw,48px);box-sizing:border-box}.tle-public-header{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(120deg,#08182a,#10263d);border:1px solid rgba(242,189,22,.45);border-radius:24px;padding:clamp(22px,4vw,50px);margin-bottom:28px}.tle-public-header h1{font-size:clamp(34px,6vw,76px);line-height:1;margin:.15em 0 0}.tle-kicker{color:#ffd95a;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.tle-live-badge{background:#cf2f63;border:2px solid var(--tle-gold);padding:12px 18px;border-radius:999px;font-weight:900}.tle-live-badge i{display:inline-block;width:10px;height:10px;background:#fff;border-radius:50%;margin-right:8px}.tle-hall{margin:28px 0}.tle-section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:18px}.tle-section-head h2{font-size:clamp(28px,4vw,48px);margin:0}.tle-section-head p{color:var(--tle-muted);margin:.35em 0 0}.tle-kpis{display:flex;gap:10px;flex-wrap:wrap}.tle-kpis span{background:#173c35;padding:10px 14px;border-radius:14px;color:var(--tle-muted)}.tle-kpis b{color:#fff;font-size:22px}.tle-table-grid,.tle-tv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.tle-table-card{background:var(--tle-panel);border:1px solid rgba(148,163,184,.25);border-left:6px solid #64748b;border-radius:18px;padding:20px;min-height:145px;box-sizing:border-box}.tle-table-card.status-free{border-left-color:#22c55e}.tle-table-card.status-occupied{border-left-color:#3b82f6;background:#102f4e}.tle-table-card.status-reserved{border-left-color:#eab308}.tle-table-card.status-maintenance{border-left-color:#94a3b8}.tle-table-card.status-blocked{border-left-color:#ef4444}.tle-table-card.is-large{min-height:260px;padding:32px}.tle-table-meta{display:flex;justify-content:space-between;gap:12px;align-items:center}.tle-table-meta strong{font-size:clamp(20px,2vw,30px)}.tle-table-meta span{background:rgba(255,255,255,.1);padding:6px 10px;border-radius:999px;text-transform:uppercase;font-size:12px;font-weight:800}.tle-players{display:grid;gap:8px;text-align:center;margin:22px 0}.tle-players b{font-size:clamp(20px,3vw,38px)}.tle-players em{color:var(--tle-gold);font-style:normal;font-weight:900}.tle-match-meta,.tle-free-label{color:var(--tle-muted);text-align:center}.tle-list-block{margin-top:24px;background:#0a1b18;border-radius:18px;padding:20px}.tle-list-block h3{margin-top:0}.tle-list{display:grid;gap:8px}.tle-list>div{display:flex;justify-content:space-between;gap:12px;background:rgba(255,255,255,.05);padding:12px;border-radius:10px}.tle-list span{color:var(--tle-muted)}.tle-public-footer{display:flex;justify-content:space-between;gap:16px;margin-top:32px;color:var(--tle-muted);border-top:1px solid rgba(255,255,255,.1);padding-top:18px}.tle-focus-table{max-width:900px;margin:8vh auto}.is-tv .tle-public-header{padding:24px 34px}.is-tv .tle-public-header h1{font-size:48px}.is-tv .tle-tv-grid{grid-template-columns:repeat(2,minmax(360px,1fr))}.is-tv .tle-table-card{min-height:300px}.tle-mobile-tabs{position:sticky;top:0;z-index:2;display:flex;gap:6px;background:#07110f;padding:8px 0}.tle-mobile-tabs a{flex:1;text-align:center;color:#fff;text-decoration:none;background:#173c35;padding:11px;border-radius:10px}.tle-empty{text-align:center;padding:12vh 20px}.btc-tle-preview-frame{background:#07110f;border-radius:16px;max-height:720px;overflow:auto}.btc-tle-preview-frame .tle-public-shell{min-height:auto}.btc-tle-preview-frame .tle-public-header h1{font-size:42px}@media(max-width:700px){.tle-public-shell{padding:12px}.tle-public-header{align-items:flex-start;border-radius:16px}.tle-live-badge{padding:8px 11px}.tle-section-head,.tle-public-footer,.tle-list>div{flex-direction:column;align-items:flex-start}.tle-table-grid,.tle-tv-grid,.is-tv .tle-tv-grid{grid-template-columns:1fr}.tle-public-header h1{font-size:38px}.tle-kpis{width:100%}.tle-kpis span{flex:1}.tle-list span{font-size:12px}}
