:root{--am-red:#D21217;--am-wine:#930A11;--am-white:#FFFFFF;--am-coal:#222222;--bg:#0b0c0f;--panel:#11131a;--card:#151826;--card-2:#10131c;--border:rgba(255,255,255,.08);--border-2:rgba(255,255,255,.12);--text:#F5F7FF;--muted:rgba(245,247,255,.72);--muted-2:rgba(245,247,255,.55);--shadow: 0 18px 48px rgba(0,0,0,.45);--radius:14px;--radius-sm:12px;--ring: 0 0 0 3px rgba(210,18,23,.25)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(1200px 700px at 12% 8%,#d2121747,#d2121700 55%),radial-gradient(900px 600px at 92% 10%,#930a1138,#930a1100 52%),radial-gradient(700px 500px at 55% 85%,#22222259,#2220 60%),linear-gradient(180deg,#07080a,#0b0c0f);color:var(--text)}a{color:inherit}.auth-card{background:#11131af2;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:18px 18px 20px}.auth-header{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.auth-title{font-size:18px;font-weight:900;letter-spacing:.2px}.auth-subtitle{font-size:13px;color:var(--muted)}.auth-tabs{display:flex;gap:8px;margin-bottom:12px}.auth-tab{flex:1;border:1px solid var(--border);background:#0c0e148c;color:var(--muted);border-radius:12px;padding:9px 10px;font-weight:800;cursor:pointer}.auth-tab.active{color:var(--am-white);border-color:#d2121773;box-shadow:0 0 0 2px #d212172e}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-label{font-size:12px;color:var(--muted-2);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.auth-hint{font-size:12px;color:var(--muted-2);margin-top:2px}.toast-root{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:10px;z-index:1000}.toast{min-width:260px;max-width:380px;border:1px solid var(--border);background:#151826e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);border-radius:14px;padding:12px;display:flex;gap:10px;align-items:flex-start}.toast .toast-icon{width:28px;height:28px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#d2121729;border:1px solid rgba(210,18,23,.35);color:var(--am-white);flex:0 0 auto}.toast .toast-title{font-weight:800;letter-spacing:.2px;font-size:13px}.toast .toast-msg{font-size:13px;color:var(--muted);margin-top:2px;line-height:1.35}.toast.toast-ok .toast-icon{background:#22b14c2e;border-color:#22b14c59}.toast.toast-warn .toast-icon{background:#ffc4002e;border-color:#ffc40059}.toast.toast-err .toast-icon{background:#d212172e;border-color:#d2121766}.app{height:100vh;height:100dvh;display:grid;grid-template-columns:340px 1fr;gap:14px;padding:14px}.app.sidebar-collapsed{grid-template-columns:88px 1fr}.sidebar{border:1px solid var(--border);background:linear-gradient(180deg,#11131aeb,#0f1119db);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;transition:width .18s ease}.brand{display:flex;gap:12px;align-items:center;padding:16px 16px 14px;border-bottom:1px solid var(--border)}.crest{width:42px;height:42px;border-radius:14px;background:linear-gradient(180deg,var(--am-red) 0%,var(--am-wine) 100%);box-shadow:0 10px 28px #d2121740;display:flex;align-items:center;justify-content:center;position:relative}.crest:after{content:"";position:absolute;inset:2px;border-radius:12px;border:1px solid rgba(255,255,255,.18)}.crest-inner{font-weight:900;letter-spacing:.2px}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-title{font-size:14px;font-weight:900;letter-spacing:.4px}.brand-subtitle{font-size:12px;color:var(--muted-2)}.sidebar-actions{padding:14px 16px 10px;display:flex;flex-direction:column;gap:10px}.sidebar-section{padding:6px 10px 10px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.sidebar-section-title{padding:0 6px;font-size:12px;font-weight:800;color:var(--muted-2);text-transform:uppercase;letter-spacing:.12em}.threads{list-style:none;margin:0;padding:0 4px 6px;overflow:auto;display:flex;flex-direction:column;gap:8px}.thread-item{border:1px solid var(--border);background:#10131cc7;border-radius:14px;padding:10px;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease;display:flex;gap:10px}.thread-item:hover{transform:translateY(-1px);border-color:#ffffff29;background:#151826db}.thread-item.active{border-color:#d212178c;box-shadow:0 0 0 3px #d212171f}.thread-avatar{width:32px;height:32px;border-radius:12px;background:#d2121724;border:1px solid rgba(210,18,23,.28);display:flex;align-items:center;justify-content:center;font-weight:900;flex:0 0 auto}.thread-main{min-width:0;display:flex;flex-direction:column;gap:2px}.thread-title-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.thread-title-text{font-weight:800;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-time{font-size:12px;color:var(--muted-2);flex:0 0 auto}.thread-meta{font-size:12px;color:var(--muted)}.sidebar-footer{margin-top:auto;padding:12px 14px;border-top:1px solid var(--border)}.app.sidebar-collapsed .sidebar{width:88px}.app.sidebar-collapsed .brand-text,.app.sidebar-collapsed .sidebar-actions,.app.sidebar-collapsed .sidebar-section-title,.app.sidebar-collapsed .thread-main,.app.sidebar-collapsed .sidebar-footer{display:none}.app.sidebar-collapsed .brand{justify-content:center}.app.sidebar-collapsed .threads{padding:6px 6px 10px;align-items:center}.app.sidebar-collapsed .thread-item{justify-content:center;padding:10px}.pill{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:#10131cb8;border-radius:999px;padding:10px 12px;font-size:12px;color:var(--muted)}.dot{width:10px;height:10px;border-radius:99px;background:#d21217e6;box-shadow:0 0 0 3px #d212172e}.main{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;background:linear-gradient(180deg,#11131ad1,#0f1119c2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;position:relative}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#151826d6,#10131cc2);position:sticky;top:0;z-index:50}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.topbar-right{display:flex;gap:10px;align-items:center;color:var(--muted-2)}.link{color:var(--muted);text-decoration:none;font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.link:hover{color:var(--am-white)}.thread-head{display:flex;flex-direction:column;gap:4px;min-width:0}.thread-title{width:min(640px,62vw);min-width:220px;background:#0c0e14a6;color:var(--am-white);border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-weight:900;letter-spacing:.2px;outline:none}.thread-title:focus{box-shadow:var(--ring);border-color:#d212178c}.thread-meta{font-size:12px;color:var(--muted-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:radial-gradient(900px 600px at 15% 0%,#d212171a,#d2121700 55%),radial-gradient(800px 500px at 90% 25%,#930a1114,#930a1100 55%),linear-gradient(180deg,#0a0b0f33,#0a0b0f00 22%,#0a0b0f3d)}.empty{margin:auto;max-width:560px;border:1px dashed rgba(255,255,255,.16);border-radius:16px;padding:18px 16px;background:#10131c8c;color:var(--muted)}.empty h3{margin:0 0 6px;color:var(--am-white);font-size:16px}.empty p{margin:0;line-height:1.45}.message{max-width:920px;border:1px solid var(--border);border-radius:16px;padding:12px 14px;line-height:1.55;background:#10131cb8}.message .role{font-size:12px;color:var(--muted-2);margin-bottom:6px;letter-spacing:.05em;text-transform:uppercase;font-weight:900}.message .content{font-size:15px;color:var(--am-white)}.message.user{align-self:flex-end;background:linear-gradient(180deg,#d2121738,#930a112e);border-color:#d2121759}.message.assistant{align-self:flex-start;background:#151826c7;border-color:#ffffff1a}.message.kapi-typing .content{color:var(--muted);display:flex;align-items:center;gap:10px}.dots{display:inline-flex;gap:6px}.dots span{width:7px;height:7px;border-radius:99px;background:#f5f7ff8c;animation:bounce 1.05s infinite ease-in-out}.dots span:nth-child(2){animation-delay:.14s}.dots span:nth-child(3){animation-delay:.28s}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.55}40%{transform:translateY(-4px);opacity:1}}.message .content p{margin:.55em 0}.message .content h1,.message .content h2,.message .content h3{margin:.6em 0 .35em}.message .content h1{font-size:20px}.message .content h2{font-size:18px}.message .content h3{font-size:16px}.message .content ul,.message .content ol{margin:.45em 0 .65em 1.1em}.message .content code{background:#00000059;border:1px solid rgba(255,255,255,.1);padding:2px 6px;border-radius:8px}.message .content pre{background:#00000059;border:1px solid rgba(255,255,255,.1);padding:10px 12px;border-radius:14px;overflow:auto}.composer{padding:12px 14px;border-top:1px solid var(--border);background:linear-gradient(180deg,#151826d1,#10131cc7)}.composer-inner{display:flex;gap:10px;align-items:flex-end}.textarea-container{flex:1;position:relative;display:flex;align-items:flex-end}.composer textarea{flex:1;resize:none;min-height:44px;max-height:180px;padding:12px 52px 12px 12px;border-radius:14px;border:1px solid var(--border);background:#0c0e148c;color:var(--am-white);outline:none;width:100%}.composer textarea:focus{box-shadow:var(--ring);border-color:#d212178c}.composer-hint{margin-top:8px;font-size:12px;color:var(--muted-2)}.btn{border:none;border-radius:14px;padding:11px 14px;cursor:pointer;font-weight:900;letter-spacing:.2px;color:var(--am-white);transition:transform .08s ease,filter .12s ease,box-shadow .12s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg,var(--am-red) 0%,var(--am-wine) 100%);box-shadow:0 10px 28px #d212172e}.btn-primary:hover{filter:brightness(1.05)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;filter:none}.btn-block{width:100%}.btn-ghost{background:#0c0e148c;border:1px solid var(--border);color:var(--muted)}.btn-ghost:hover{color:var(--am-white);border-color:var(--border-2)}.input{width:100%;padding:11px 12px;border-radius:14px;border:1px solid var(--border);background:#0c0e148c;color:var(--am-white);outline:none}.input:focus{box-shadow:var(--ring);border-color:#d212178c}.input::placeholder{color:#f5f7ff73}.icon-btn{width:42px;height:42px;border-radius:14px;border:1px solid var(--border);background:#0c0e148c;color:var(--am-white);cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-btn:hover{border-color:var(--border-2)}.icon-btn:focus{outline:none;box-shadow:var(--ring)}.icon-bars{width:16px;height:12px;position:relative}.icon-bars:before,.icon-bars:after,.icon-bars span{content:"";position:absolute;left:0;right:0;height:2px;background:#f5f7ffeb;border-radius:99px}.icon-bars:before{top:0}.icon-bars:after{bottom:0}.icon-bars span{top:5px}.sidebar-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900}.sidebar-close-btn{display:none;position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:#0c0e14a6;color:var(--muted);font-size:18px;cursor:pointer;align-items:center;justify-content:center}@media(max-width:980px){.sidebar-close-btn{display:flex}}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#fff3}@media(max-width:980px){.app{grid-template-columns:1fr;padding:10px}.sidebar{position:fixed;top:0;bottom:0;left:0;width:85%;max-width:320px;transform:translate(-100%);transition:transform .25s ease;z-index:950;border-radius:0}.sidebar.open{transform:translate(0)}.app.sidebar-collapsed{grid-template-columns:1fr}.thread-title{width:min(520px,58vw)}}@media(max-width:720px){.app{padding:8px;gap:10px}.sidebar{top:0;bottom:0;left:0;width:85%;max-width:320px;border-radius:0}.topbar{flex-direction:column;align-items:stretch;position:sticky;top:0;z-index:50}.topbar-left{width:100%}.topbar-right{width:100%;justify-content:space-between}.thread-title{width:100%;min-width:0}.messages{padding:12px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.composer-inner{flex-direction:column;align-items:stretch}.composer .btn{width:100%}.composer{position:sticky;bottom:0;z-index:40}.main{height:100vh;height:100dvh}}.thread-delete{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#d212171f;color:#d21217d9;font-size:16px;line-height:1;cursor:pointer;opacity:0;transition:opacity .12s ease,background .12s ease}.thread-item:hover .thread-delete{opacity:1}.thread-delete:hover{background:#d2121759;border-color:#d212178c}.thread-item{position:relative}.help-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:#0c0e148c;color:var(--muted);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s ease}.help-btn:hover{border-color:var(--am-red);color:var(--am-white)}.help-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.help-modal{background:#10131cf2;border:1px solid var(--border);border-radius:16px;padding:24px;max-width:400px;width:100%;position:relative;animation:helpSlide .2s ease}@keyframes helpSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.help-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;border:none;background:#ffffff1a;color:var(--muted);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.help-close:hover{background:#d2121733;color:var(--am-white)}.help-modal h3{margin:0 0 12px;color:var(--am-white);font-size:18px}.help-modal p{margin:0 0 16px;color:var(--muted);font-size:14px;line-height:1.5}.help-modal h4{margin:0 0 8px;color:var(--am-white);font-size:14px}.help-modal ul{margin:0 0 16px 20px;color:var(--muted);font-size:13px;line-height:1.6}.help-note{font-size:12px!important;color:#f5f7ff80!important;font-style:italic}.voice-btn{width:44px;height:44px;border-radius:14px;border:1px solid var(--border);background:#0c0e148c;color:var(--am-white);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.voice-btn:hover{border-color:var(--am-red)}.voice-btn.listening{background:#d2121740;border-color:var(--am-red);animation:voicePulse 1.2s infinite ease-in-out}@keyframes voicePulse{0%,to{box-shadow:0 0 #d212174d}50%{box-shadow:0 0 0 8px #d2121700}}.voice-btn-inline{position:absolute;right:8px;bottom:8px;width:32px;height:32px;border-radius:10px;border:none;background:#d212171f;color:var(--am-white);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.voice-btn-inline:hover{background:#d2121738;transform:scale(1.05)}.voice-btn-inline.listening{background:#d2121759;animation:voicePulse 1.2s infinite ease-in-out}@media(max-width:720px){.voice-btn,.textarea-container{width:100%}.composer textarea{padding-right:44px}.voice-btn-inline{right:6px;bottom:6px;width:36px;height:36px}}.login-page{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:18px}.login-card{width:min(420px,92vw)}.live-panel{position:fixed;top:0;right:0;width:380px;max-width:90vw;height:100vh;background:var(--bg-card, #1a1a2e);border-left:1px solid var(--border, #2a2a4a);z-index:200;display:flex;flex-direction:column;padding:20px;overflow-y:auto;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.live-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.live-panel-header h3{margin:0;font-size:1.15rem;color:var(--text, #fff)}.live-desc{color:var(--text-muted, #888);font-size:.85rem;margin:0 0 16px;line-height:1.4}.live-config{margin-bottom:16px}.live-config label{display:block;font-size:.8rem;color:var(--text-muted, #888);margin-bottom:8px}.interval-options{display:flex;gap:8px}.interval-btn{flex:1;padding:8px;border:1px solid var(--border, #2a2a4a);background:transparent;color:var(--text, #fff);border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .15s}.interval-btn:hover{border-color:var(--accent, #e63946)}.interval-btn.active{background:var(--accent, #e63946);border-color:var(--accent, #e63946);color:#fff}.live-tabs{display:flex;gap:4px;margin-bottom:12px;background:var(--bg-dark, #111);border-radius:8px;padding:3px}.tab-btn{flex:1;padding:8px;border:none;background:transparent;color:var(--text-muted, #888);border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .15s}.tab-btn.active{background:var(--bg-card, #1a1a2e);color:var(--text, #fff)}.live-search{display:flex;gap:8px;margin-bottom:12px}.live-search .input{flex:1}.fixtures-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.fixture-card{background:var(--bg-dark, #111);border:1px solid var(--border, #2a2a4a);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.fixture-league{font-size:.7rem;color:var(--text-muted, #888);text-transform:uppercase;letter-spacing:.5px}.fixture-teams{display:flex;align-items:center;justify-content:space-between;gap:8px}.fixture-team{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text, #fff);flex:1}.fixture-team:last-child{justify-content:flex-end;text-align:right}.team-logo{width:24px;height:24px;object-fit:contain}.fixture-score{font-weight:700;font-size:1.1rem;color:var(--text, #fff);min-width:50px;text-align:center}.fixture-status{font-size:.75rem;color:var(--accent, #e63946);text-align:center}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-danger{background:#e63946;color:#fff;border:none;padding:12px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:opacity .15s}.btn-danger:hover{opacity:.85}.live-active-info{display:flex;flex-direction:column;gap:10px;background:var(--bg-dark, #111);border-radius:10px;padding:16px;margin-bottom:16px}.live-stat{display:flex;justify-content:space-between;font-size:.85rem}.live-stat-label{color:var(--text-muted, #888)}.live-hint{font-size:.8rem;color:var(--text-muted, #888);text-align:center;margin-bottom:16px}.live-loading,.live-empty{text-align:center;color:var(--text-muted, #888);padding:32px 16px;font-size:.85rem}.live-indicator{display:flex;align-items:center;gap:6px;background:#e6394626;border:1px solid rgba(230,57,70,.3);padding:4px 10px;border-radius:20px;font-size:.75rem;color:#e63946;cursor:pointer;animation:pulse-live 2s infinite}.live-indicator .dot-live{width:8px;height:8px;border-radius:50%;background:#e63946;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse-live{0%,to{box-shadow:0 0 #e6394633}50%{box-shadow:0 0 8px 2px #e6394626}}@media(max-width:600px){.live-panel{width:100vw;max-width:100vw}}.matches-page{max-width:800px;margin:0 auto;padding:1rem;min-height:100vh;background:var(--bg, #0a0a0a);color:var(--fg, #e0e0e0)}.matches-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.matches-header h2{margin:0;font-size:1.3rem}.matches-loading,.matches-empty{text-align:center;padding:3rem 1rem;opacity:.6}.matches-grid{display:flex;flex-direction:column;gap:.75rem}.match-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;cursor:pointer;transition:background .2s,border-color .2s}.match-card:hover{background:#ffffff14;border-color:#fff3}.match-card-league{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.5;margin-bottom:.5rem}.match-card-teams{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.match-card-team{display:flex;align-items:center;gap:.5rem;flex:1;font-weight:500}.match-card-team:last-child{justify-content:flex-end;text-align:right}.team-logo-sm{width:24px;height:24px;object-fit:contain}.team-logo-lg{width:48px;height:48px;object-fit:contain}.match-card-score{font-size:1.2rem;font-weight:700;min-width:50px;text-align:center}.match-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;opacity:.6}.rec-badge{background:#4caf5033;color:#4caf50;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.match-detail-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.match-detail-teams{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1rem}.match-detail-team{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.team-name-lg{font-weight:600;font-size:1rem;text-align:center}.match-detail-score{font-size:2rem;font-weight:800;min-width:80px;text-align:center}.match-detail-meta{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;font-size:.85rem;opacity:.6}.recs-title{margin:1.5rem 0 1rem;font-size:1.1rem}.recs-timeline{display:flex;flex-direction:column;gap:.75rem}.rec-card{background:#ffffff08;border-left:3px solid #4caf50;border-radius:0 10px 10px 0;padding:.75rem 1rem}.rec-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:.85rem}.rec-minute{background:#4caf5033;color:#4caf50;padding:.1rem .5rem;border-radius:4px;font-weight:700}.rec-score{font-weight:600}.rec-time{opacity:.4;margin-left:auto}.rec-text{font-size:.9rem;line-height:1.5}.rec-text p{margin:.25rem 0}.tactical-container{min-height:100vh;background:#0a0a1a;color:#e0e0e0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.tactical-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#12122a;border-bottom:1px solid #1e1e3a}.tactical-header-left{display:flex;align-items:center;gap:16px}.tactical-header-left h1{font-size:1.3rem;margin:0;color:#fff}.tactical-back-btn{background:#1e1e3a;color:#88c;border:1px solid #2a2a4a;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.tactical-back-btn:hover{background:#2a2a4a;color:#fff}.tactical-tabs{display:flex;gap:4px;background:#1e1e3a;padding:4px;border-radius:10px}.tactical-tab{background:transparent;color:#88c;border:none;padding:8px 20px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.tactical-tab.active{background:#2a5a2a;color:#4ade80}.tactical-body{max-width:900px;margin:0 auto;padding:32px 24px}.tactical-form h2{font-size:1.5rem;color:#fff;margin-bottom:8px}.tactical-subtitle{color:#888;margin-bottom:32px;line-height:1.5}.tactical-teams-row{display:flex;align-items:flex-start;gap:24px;margin-bottom:24px}.tactical-team-card{flex:1;background:#12122a;border:1px solid #1e1e3a;border-radius:12px;padding:20px}.tactical-team-card label{display:block;font-size:.85rem;color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.tactical-search-row{display:flex;gap:8px}.tactical-search-row input{flex:1;background:#0a0a1a;border:1px solid #2a2a4a;color:#fff;padding:12px 16px;border-radius:8px;font-size:1rem;outline:none}.tactical-search-row input:focus{border-color:#4ade80}.tactical-search-row button{background:#2a5a2a;color:#4ade80;border:none;padding:12px 16px;border-radius:8px;cursor:pointer;font-size:1.1rem;transition:all .2s}.tactical-search-row button:hover{background:#3a7a3a}.tactical-search-row button:disabled{opacity:.5;cursor:not-allowed}.tactical-team-confirmed{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 14px;background:#1a2a1a;border:1px solid #2a5a2a;border-radius:8px}.tactical-team-logo{width:32px;height:32px;object-fit:contain}.tactical-team-confirmed span{flex:1;color:#4ade80;font-weight:600}.tactical-clear{background:none;border:none;color:#888;cursor:pointer;font-size:1.1rem;padding:4px}.tactical-clear:hover{color:#e63946}.tactical-vs{display:flex;align-items:center;font-size:1.5rem;font-weight:700;color:#444;padding-top:40px}.tactical-error{background:#2a1a1a;border:1px solid #5a2a2a;color:#e63946;padding:12px 16px;border-radius:8px;margin-bottom:16px}.tactical-generate-btn{width:100%;background:linear-gradient(135deg,#2a5a2a,#1a4a1a);color:#4ade80;border:1px solid #3a7a3a;padding:18px 32px;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:12px}.tactical-generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#3a7a3a,#2a5a2a);transform:translateY(-1px);box-shadow:0 4px 20px #4ade8033}.tactical-generate-btn:disabled{opacity:.5;cursor:not-allowed}.tactical-spinner{display:inline-block;width:20px;height:20px;border:3px solid #4ade8033;border-top-color:#4ade80;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tactical-report{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tactical-report-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid #1e1e3a}.tactical-report-meta h2{font-size:1.4rem;color:#fff;margin:0 0 4px}.tactical-report-date{color:#888;font-size:.85rem}.tactical-report-stats{display:block;color:#4ade80;font-size:.85rem;margin-top:4px}.tactical-report-content{line-height:1.7;font-size:.95rem}.tactical-report-content h1,.tactical-report-content h2,.tactical-report-content h3{color:#fff;margin-top:32px;margin-bottom:12px}.tactical-report-content h1{font-size:1.4rem;color:#4ade80}.tactical-report-content h2{font-size:1.2rem;border-bottom:1px solid #1e1e3a;padding-bottom:8px}.tactical-report-content h3{font-size:1.05rem;color:#88c}.tactical-report-content p{margin-bottom:12px}.tactical-report-content ul,.tactical-report-content ol{padding-left:24px;margin-bottom:16px}.tactical-report-content li{margin-bottom:6px}.tactical-report-content strong{color:#fff}.tactical-report-content table{width:100%;border-collapse:collapse;margin:16px 0}.tactical-report-content th,.tactical-report-content td{padding:10px 14px;border:1px solid #1e1e3a;text-align:left}.tactical-report-content th{background:#12122a;color:#4ade80;font-weight:600}.tactical-report-content tr:nth-child(2n){background:#0e0e1e}.tactical-history h2{font-size:1.3rem;color:#fff;margin-bottom:20px}.tactical-empty{color:#666;text-align:center;padding:60px 20px}.tactical-history-list{display:flex;flex-direction:column;gap:8px}.tactical-history-item{background:#12122a;border:1px solid #1e1e3a;border-radius:10px;padding:16px 20px;cursor:pointer;transition:all .2s}.tactical-history-item:hover{border-color:#2a5a2a;background:#161630}.tactical-history-teams{font-size:1.05rem;margin-bottom:6px}.tactical-history-meta{color:#888;font-size:.85rem}@media(max-width:700px){.tactical-header{flex-direction:column;gap:12px;padding:12px 16px}.tactical-body{padding:20px 16px}.tactical-teams-row{flex-direction:column}.tactical-vs{padding-top:0;justify-content:center}.tactical-header-left h1{font-size:1.1rem}}