:root{--night:#020914;--navy:#061528;--panel:rgba(8,30,51,.88);--panel2:rgba(11,39,64,.93);--line:rgba(110,187,235,.18);--cyan:#28b8ff;--blue:#4b74ff;--green:#42d07d;--yellow:#ffc83d;--ink:#f4f8ff;--muted:#a9b8c9;--red:#ff5a68;--shadow:0 20px 55px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#020914;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh;overflow-x:hidden}button,input,select,textarea{font:inherit}.stadium-bg{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(circle at 50% 58%,rgba(20,103,55,.42),transparent 24%),radial-gradient(circle at 50% 20%,rgba(15,66,110,.58),transparent 37%),linear-gradient(180deg,#031324 0%,#041222 48%,#061c16 100%)}.stadium-bg:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-10%;height:48%;background:repeating-linear-gradient(90deg,rgba(18,103,56,.85) 0 8%,rgba(15,88,49,.86) 8% 16%);transform:perspective(600px) rotateX(58deg);transform-origin:bottom;filter:blur(.3px);opacity:.72}.floodlights{position:absolute;top:7%;width:260px;height:120px;background:radial-gradient(ellipse at center,rgba(255,255,255,.8) 0 2%,rgba(149,211,255,.28) 3% 16%,transparent 48%);filter:blur(2px)}.floodlights.left{left:-80px;transform:rotate(-12deg)}.floodlights.right{right:-80px;transform:rotate(12deg)}.pitch-glow{position:absolute;left:50%;bottom:17%;width:90vw;height:22vh;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(51,172,97,.35),transparent 66%);filter:blur(25px)}
.splash{position:fixed;inset:0;z-index:99999;background:#000;display:grid;place-items:center;opacity:1;transition:opacity .85s ease;overflow:hidden}.splash:before{content:"";position:absolute;width:66vmin;height:66vmin;border-radius:50%;background:radial-gradient(circle,rgba(255,199,35,.15),rgba(16,123,196,.08) 35%,transparent 70%);filter:blur(20px);animation:pulseGlow 1.7s ease-in-out infinite alternate}.splash-crest{position:relative;width:min(58vw,330px);max-height:60vh;object-fit:contain;filter:drop-shadow(0 0 18px rgba(38,174,255,.42)) drop-shadow(0 0 32px rgba(255,197,33,.22));animation:crestIn .65s cubic-bezier(.2,.8,.2,1) both}.splash.fade-out{opacity:0;pointer-events:none}@keyframes crestIn{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{from{transform:scale(.92);opacity:.55}to{transform:scale(1.05);opacity:1}}
.app-shell{position:relative;z-index:2;min-height:100vh;width:min(1180px,100%);margin:0 auto;padding:28px 28px 32px}.app-header{display:flex;justify-content:space-between;align-items:center;padding:5px 2px 18px}.brand-button{display:flex;align-items:center;gap:14px;border:0;background:none;color:#fff;padding:0;text-align:left;cursor:pointer}.header-crest{width:62px;height:66px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.brand-button h1{font-size:20px;letter-spacing:.025em;margin:0;font-weight:900}.brand-button p{font-size:10px;letter-spacing:.42em;margin:5px 0 0;color:#e7eef8}.settings-btn{border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer;padding:8px}.desktop-nav{display:flex;gap:7px;padding:7px;background:rgba(2,14,26,.55);border:1px solid var(--line);border-radius:15px;backdrop-filter:blur(12px);margin-bottom:18px}.nav-btn{flex:1;border:0;border-radius:10px;padding:9px 10px;background:transparent;color:#9fb0c3;font-weight:800;cursor:pointer}.nav-btn.active,.nav-btn:hover{background:rgba(39,167,233,.14);color:#fff}.main{width:100%}.page-heading{display:flex;align-items:center;gap:12px;margin:2px 0 18px}.page-heading h2{margin:0;font-size:27px}.eyebrow{margin:0;color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.18em}.date-chip{margin-left:auto;border:1px solid var(--line);background:rgba(7,25,43,.72);color:#9eb1c6;padding:8px 12px;border-radius:999px;font-size:12px}.view{display:none}.active-view{display:block}.app-footer{display:flex;justify-content:center;gap:12px;align-items:center;margin-top:22px;color:#788da4;font-size:11px}.ghost{background:rgba(5,19,34,.65);border:1px solid var(--line);color:#9eb1c5;padding:8px 11px;border-radius:10px}.danger:hover{color:#fff;border-color:rgba(255,90,104,.4)}
.home-hero{padding:2px 0 8px}.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-tile{min-height:132px;background:linear-gradient(155deg,rgba(10,42,68,.93),rgba(4,24,42,.92));border:1px solid rgba(88,181,235,.24);border-radius:14px;color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.home-tile:hover{transform:translateY(-2px);border-color:rgba(76,190,255,.52)}.home-icon{font-size:37px;line-height:1}.home-icon.players{color:#35baff}.home-icon.fixtures{color:#5a78ff}.home-icon.formation{color:#50d67f}.home-icon.strategy{color:#ffc63c}.home-icon.training{color:#62d47e}.home-icon.stats{color:#5cc9ff}.home-tile strong{font-size:17px}.home-tile small{color:#c0cbd7}.home-wide{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.quick-card{display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center;padding:16px 18px;border:1px solid rgba(79,177,231,.24);background:linear-gradient(155deg,rgba(9,41,66,.94),rgba(4,24,42,.93));border-radius:14px;color:#fff;cursor:pointer;text-align:left;box-shadow:0 12px 28px rgba(0,0,0,.22)}.quick-card:hover{border-color:rgba(76,190,255,.52)}.quick-icon{font-size:34px}.quick-card span{color:#b7c7d8;font-size:12px}.quick-card strong{display:block;font-size:17px;margin:2px 0}.quick-card small{display:block;color:#d5e0ec}.quick-arrow{font-size:30px;color:#d7e6f4}.tagline{text-align:center;margin:22px 0 4px;font-size:11px;letter-spacing:.4em;color:#a4b2c2}
.card,.player-card,.fixture-card,.bench-row>div,.board-help,.talk-card{background:linear-gradient(155deg,rgba(9,38,62,.95),rgba(5,24,41,.94));border:1px solid var(--line);color:#fff;box-shadow:var(--shadow)}.card{border-radius:16px;padding:20px}.grid{display:grid;gap:16px;margin-top:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{text-align:center}.stat strong{font-size:36px;display:block;color:var(--cyan)}.stat span,.muted{color:var(--muted);font-size:13px}.section-head,.formation-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.section-head h3,.formation-toolbar h3{margin:0;font-size:22px}.section-head p{margin:5px 0 0;color:var(--muted)}.btn{border:0;border-radius:10px;padding:10px 14px;background:linear-gradient(135deg,#239eea,#396cf0);color:#fff;font-weight:850;cursor:pointer}.btn:hover{filter:brightness(1.06)}.btn.light{background:#fff;color:#06152a}.btn.secondary{background:rgba(126,160,190,.14);border:1px solid var(--line);color:#e9f2fb}.badge{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.badge.blue{background:rgba(39,164,234,.15);color:#61c9ff}.badge.green{background:rgba(66,208,125,.14);color:#68e599}.badge.red{background:rgba(255,90,104,.14);color:#ff8a95}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.chips span{background:rgba(84,159,210,.11);border:1px solid var(--line);border-radius:999px;padding:6px 9px;font-size:12px}.player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.player-card{border-radius:14px;padding:14px;display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0d88cc,#425ff1);color:#fff;font-weight:900}.player-card small{display:block;color:var(--muted);margin-top:3px}.icon-small{border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;border-radius:8px;padding:7px 9px;cursor:pointer}.fixture-list{display:grid;gap:12px}.fixture-card{display:grid;grid-template-columns:70px 1fr auto;gap:16px;align-items:center;border-radius:15px;padding:14px 16px}.date-block{background:linear-gradient(155deg,#114f7a,#0a2947);color:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center}.date-block strong{display:block;font-size:25px}.date-block span{font-size:11px;text-transform:uppercase}.fixture-main h3{margin:6px 0 3px}.fixture-main p{margin:0;color:var(--muted);font-size:13px}.fixture-actions,.toolbar-actions{display:flex;gap:8px}.formation-toolbar select,.section-head select{margin-top:8px;border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:#071b2e;color:#fff}.board-wrap{background:#04101c;border-radius:18px;padding:14px;border:1px solid var(--line);box-shadow:var(--shadow)}.tactical-stage{position:relative;width:100%;min-height:650px;border:3px solid rgba(255,255,255,.78);border-radius:15px;overflow:hidden;background:repeating-linear-gradient(90deg,#147c42 0,#147c42 12.5%,#106d3a 12.5%,#106d3a 25%);touch-action:none}.pitch-markings{position:absolute;inset:0;pointer-events:none}.half-line{position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(255,255,255,.78)}.circle{position:absolute;left:50%;top:50%;width:120px;height:120px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.78);border-radius:50%}.box{position:absolute;left:25%;width:50%;height:18%;border:2px solid rgba(255,255,255,.78)}.box.top{top:-2px}.box.bottom{bottom:-2px}.player-token{position:absolute;transform:translate(-50%,-50%);z-index:5;border:2px solid rgba(78,190,255,.42);background:#f9fcff;color:#071426;min-width:76px;border-radius:999px;padding:9px 11px;font-weight:900;box-shadow:0 6px 20px rgba(0,0,0,.3);cursor:grab}.player-token.selected{outline:4px solid #ffd65b}.arrows{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.arrows line{stroke:#ffd34f;stroke-width:.65;stroke-dasharray:2 1}.arrows marker polygon{fill:#ffd34f}.board-controls{position:absolute;left:12px;bottom:12px;display:flex;gap:7px;z-index:10}.board-btn{border:1px solid rgba(255,255,255,.25);background:rgba(2,13,24,.8);backdrop-filter:blur(6px);color:#fff;border-radius:9px;padding:8px 10px;font-size:12px;font-weight:800}.board-btn.active{background:#ffd34f;color:#142033}.bench-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.bench-row>div,.board-help{border-radius:13px;padding:14px}.bench-row p{margin:5px 0 0;color:var(--muted)}.board-help{margin-top:12px;color:#b3c3d2;font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid label,.big-label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#b3c3d4}.form-grid input,.form-grid select,.form-grid textarea,.large-textarea,.selection-row select{width:100%;border:1px solid rgba(111,174,214,.25);border-radius:9px;padding:10px;background:#06172a;color:#fff}.form-grid textarea,.large-textarea{min-height:125px}.form-grid .full{grid-column:1/-1}.check{display:flex!important;align-items:center;flex-direction:row}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.selection-list{display:grid;gap:7px;max-height:55vh;overflow:auto}.selection-row{display:grid;grid-template-columns:1fr 180px;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.talk-card{margin-top:16px;border-radius:16px;padding:22px}.talk-card h2{font-size:28px;margin:9px 0}.talk-card p{font-size:18px;line-height:1.55;color:#dbe7f2}.modal{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:20px}.modal.hidden{display:none}.modal-card{width:min(720px,100%);max-height:90vh;overflow:auto;background:#07182a;color:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 28px 80px rgba(0,0,0,.55)}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h3{margin:0 0 15px}.icon-btn{border:0;background:rgba(255,255,255,.07);color:#fff;width:34px;height:34px;border-radius:50%;font-size:23px}.fullscreen-board{position:fixed;inset:0;z-index:5000;background:#020a13;color:#fff;padding:16px;display:flex;flex-direction:column;gap:12px}.fs-top{display:flex;justify-content:space-between;align-items:center}.fs-top h2{margin:3px 0}.fs-top small,.fs-top span{color:#aebdcb}.fs-pitch{flex:1;min-height:0}.fs-pitch .tactical-stage{height:100%;min-height:0}.fs-footer{display:grid;grid-template-columns:auto 1fr auto 2fr;gap:8px;align-items:center;font-size:13px}.fullscreen-board .board-controls{bottom:10px}.next-match{margin:0}.step-list{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center}.step-list span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(46,175,242,.16);color:#6bcfff;font-weight:900}.step-list p{margin:0}
@media(max-width:760px){.app-shell{padding:18px 14px 26px}.app-header{padding-bottom:13px}.header-crest{width:49px;height:54px}.brand-button h1{font-size:15px}.brand-button p{font-size:7px;letter-spacing:.35em}.settings-btn{font-size:24px}.desktop-nav{overflow-x:auto;justify-content:flex-start}.nav-btn{flex:0 0 auto}.page-heading{margin-bottom:14px}.page-heading .eyebrow,.date-chip{display:none}.page-heading h2{font-size:23px}.home-grid{grid-template-columns:1fr 1fr;gap:8px}.home-tile{min-height:118px}.home-icon{font-size:32px}.home-tile strong{font-size:15px}.home-tile small{font-size:11px}.home-wide{grid-template-columns:1fr}.quick-card{padding:14px}.player-grid,.grid-3,.grid-2{grid-template-columns:1fr}.player-card{grid-template-columns:auto 1fr auto}.player-card .icon-small{grid-column:3}.fixture-card{grid-template-columns:60px 1fr}.fixture-actions{grid-column:1/-1;justify-content:flex-end}.formation-toolbar,.section-head{align-items:flex-start;flex-direction:column}.toolbar-actions{width:100%;flex-wrap:wrap}.tactical-stage{min-height:610px}.bench-row{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.selection-row{grid-template-columns:1fr 145px}.fs-top{font-size:12px}.fs-top h2{font-size:17px}.fs-footer{display:block;max-height:75px;overflow:auto}.app-footer{flex-direction:column}.splash-crest{width:min(76vw,310px)}}

/* --- Mockup-matched home screen + splash --- */
.page-heading.home-hidden{display:none}
.mock-home{max-width:700px;margin:0 auto;padding:4px 0 18px}
.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.home-tile{min-height:132px;padding:18px 12px;background:linear-gradient(155deg,rgba(8,39,64,.96),rgba(3,22,39,.96));border:1px solid rgba(82,183,240,.28);border-radius:14px;box-shadow:0 12px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.02)}
.home-tile strong{font-size:18px;line-height:1.1}.home-tile small{font-size:12px;color:#d0d9e4}.home-icon{width:44px;height:44px;display:grid;place-items:center}.home-icon svg,.quick-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tile-players .home-icon{color:#24b9ff}.tile-fixtures .home-icon{color:#6969ff}.tile-formation .home-icon{color:#4dda84}.tile-strategy .home-icon{color:#ffc53e}.tile-training .home-icon{color:#55dd83}.tile-stats .home-icon{color:#45c9ff}
.home-wide{grid-template-columns:1fr;gap:10px;margin-top:12px}
.quick-card{grid-template-columns:50px 1fr 22px;min-height:91px;padding:12px 14px;border-radius:13px;background:linear-gradient(155deg,rgba(8,39,64,.98),rgba(3,22,39,.98));border-color:rgba(78,180,235,.30)}
.quick-icon{width:42px;height:42px;display:grid;place-items:center}.quick-icon.cyan{color:#58e3dc}.quick-icon.blue{color:#58a5ff}.quick-copy{display:block!important;text-align:left}.quick-copy small{font-size:11px;color:#aebccc}.quick-copy strong{font-size:16px;margin:1px 0 2px}.quick-copy em{display:block;font-size:12px;font-style:normal;color:#e2e8ef;line-height:1.35}.quick-arrow{font-size:34px;font-weight:200;color:#dce7f3}

/* More faithful header proportions */
.app-shell{width:min(820px,100%);padding-top:24px}
.app-header{padding:3px 6px 17px}.header-crest{width:66px;height:72px}.brand-button h1{font-size:21px}.brand-button p{letter-spacing:.38em;color:#fff}
.desktop-nav{margin-bottom:16px}

/* Splash: badge is the only visible content, then the whole layer fades away */
.splash{background:#000;transition:opacity .9s cubic-bezier(.4,0,.2,1)}
.splash:before,.splash:after{display:none}
.splash-crest{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;background:#000;filter:none;animation:crestIn .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes pulseCrest{from{filter:drop-shadow(0 0 15px rgba(16,164,255,.42)) drop-shadow(0 0 30px rgba(255,207,40,.20))}to{filter:drop-shadow(0 0 24px rgba(16,164,255,.64)) drop-shadow(0 0 44px rgba(255,207,40,.30))}}

.mobile-nav{display:none}
@media(max-width:700px){
  body{padding-bottom:76px}
  .app-shell{padding:18px 14px 24px}.desktop-nav{display:none}.app-header{padding:0 4px 14px}.header-crest{width:54px;height:60px}.brand-button{gap:10px}.brand-button h1{font-size:16px}.brand-button p{font-size:8px;letter-spacing:.31em}.settings-btn{font-size:24px}.mock-home{padding-top:2px}.home-grid{gap:8px}.home-tile{min-height:123px;border-radius:12px;padding:14px 8px}.home-icon{width:39px;height:39px}.home-tile strong{font-size:16px}.home-tile small{font-size:11px}.quick-card{min-height:82px;padding:10px 12px}.quick-icon{width:37px;height:37px}.quick-copy strong{font-size:15px}.app-footer{display:none}
  .mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:9000;height:72px;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:rgba(2,14,26,.97);border-top:1px solid rgba(116,184,229,.18);backdrop-filter:blur(16px)}
  .mobile-nav-btn{border:0;background:transparent;color:#9caab9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:9px}.mobile-nav-btn span{font-size:22px;line-height:1}.mobile-nav-btn small{font-size:10px}.mobile-nav-btn.active{color:#2dbdff;background:rgba(38,169,237,.08)}
  .player-grid{grid-template-columns:1fr}.grid-2,.grid-3{grid-template-columns:1fr}.fixture-card{grid-template-columns:auto 1fr}.fixture-actions{grid-column:1/-1;display:flex;justify-content:flex-end}.page-heading{align-items:flex-start;flex-wrap:wrap}.date-chip{margin-left:0}.formation-toolbar,.section-head{align-items:flex-start;flex-direction:column}.toolbar-actions{width:100%;display:flex;gap:8px}.toolbar-actions .btn{flex:1}.bench-row{grid-template-columns:1fr}.tactical-stage{min-height:640px}.fullscreen-board .tactical-stage{min-height:calc(100vh - 190px)}
}

/* --- NEW STRATEGY CSS --- */
.app-shell.strategy-wide { width: min(1420px, 100%); }
.strategy-header-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.strategy-titles h2 { font-size: 28px; margin: 0; }
.strategy-header-top select { border: 1px solid var(--line); border-radius: 9px; padding: 8px 10px; background: #071b2e; color: #fff; max-width: 100%; }
.strategy-fixture-bar { display: flex; justify-content: space-between; align-items: center; background: linear-gradient(155deg, rgba(8,39,64,.8), rgba(3,22,39,.9)); border: 1px solid var(--line); border-radius: 12px; padding: 16px 20px; margin-bottom: 20px; }
.strategy-fixture-bar strong { font-size: 18px; display: block; color: #fff; margin-bottom: 4px; }
.strategy-fixture-bar span { font-size: 13px; color: var(--muted); margin-right: 12px; }

.strategy-tabs-container { display: flex; gap: 12px; border-bottom: 2px solid rgba(110,187,235,.15); margin-bottom: 24px; overflow-x: auto; overflow-y: hidden; }
.strategy-tab { background: transparent; border: none; color: var(--muted); font-size: 13px; font-weight: 800; padding: 10px 16px; cursor: pointer; border-bottom: 3px solid transparent; margin-bottom: -2px; white-space: nowrap; transition: all 0.2s ease; }
.strategy-tab.active { color: var(--cyan); border-bottom-color: var(--cyan); }
.strategy-tab:hover:not(.active) { color: #fff; }

.strategy-overview-header { margin-bottom: 20px; }
.strategy-overview-header h3 { margin: 0 0 6px; font-size: 20px; color: #fff; }
.strategy-overview-header p { margin: 0; color: var(--cyan); font-size: 14px; font-weight: 600; }

.strategy-cards-layout { display: grid; gap: 20px; }
@media (min-width: 1024px) { .strategy-cards-layout { grid-template-columns: 2.2fr 1fr; } .strategy-cards-col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } }
@media (max-width: 1023px) and (min-width: 768px) { .strategy-cards-layout { grid-template-columns: 1fr; } .strategy-cards-col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; } }
@media (max-width: 767px) { .strategy-cards-col { display: grid; grid-template-columns: 1fr; gap: 16px; } }

.strategy-card { background: linear-gradient(155deg, rgba(9,38,62,.95), rgba(5,24,41,.94)); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; }
.strat-card-head { padding: 14px 16px; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; }
.strat-card-head h4 { margin: 0; font-size: 14px; color: #fff; }
.btn.light.small { padding: 6px 10px; font-size: 10px; }
.strat-card-pitch { padding: 16px; background: #04101c; flex: 1; }
.strat-card-caption { padding: 14px 16px; font-size: 12px; font-style: italic; color: #9fb0c3; border-top: 1px solid var(--line); background: rgba(0,0,0,0.2); }

.strategy-panel { background: linear-gradient(155deg, rgba(9,38,62,.95), rgba(5,24,41,.94)); border: 1px solid var(--line); border-radius: 16px; padding: 18px; margin-bottom: 16px; }
.strategy-panel h4 { margin: 0 0 12px; font-size: 14px; color: var(--cyan); letter-spacing: 0.05em; }
.strategy-panel.highlight-panel { border-color: rgba(40,184,255,0.4); box-shadow: 0 0 20px rgba(40,184,255,0.1); }
.strat-panel-list { font-size: 13px; line-height: 1.6; color: #dbe7f2; }
.strat-panel-list p { margin: 0 0 8px; }

.strategy-focus-layout { display: grid; grid-template-columns: 1fr 300px; gap: 24px; background: linear-gradient(155deg, rgba(9,38,62,.95), rgba(5,24,41,.94)); border: 1px solid var(--line); border-radius: 16px; padding: 24px; }
.strat-focus-pitch-wrap { position: relative; background: #04101c; border-radius: 12px; padding: 16px; }
.strat-focus-side h3 { margin: 0 0 8px; font-size: 22px; color: #fff; }
.strat-focus-side p { color: var(--muted); font-size: 14px; margin-bottom: 24px; }
.strat-focus-side .btn { display: block; width: 100%; margin-bottom: 12px; }
@media (max-width: 800px) { .strategy-focus-layout { grid-template-columns: 1fr; } .strategy-fixture-bar { flex-direction: column; align-items: flex-start; gap: 12px; } }

.strat-stage { min-height: 0; aspect-ratio: 2 / 3; border-radius: 12px; }
@media (max-width: 760px) { .strat-stage { aspect-ratio: 3 / 4; } }
.strat-player { position: absolute; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; z-index: 5; transition: left 0.5s ease, top 0.5s ease; }
.strat-shirt { width: 22px; height: 22px; background: var(--yellow); border-radius: 50% 50% 10% 10%; border: 2px solid #000; box-shadow: 0 4px 10px rgba(0,0,0,0.5); }
.strat-player.gk .strat-shirt { background: var(--green); }
.strat-player span { font-size: 10px; font-weight: 800; color: #fff; text-shadow: 0 1px 3px #000, 0 -1px 3px #000, 1px 0 3px #000, -1px 0 3px #000; margin-top: 2px; white-space: nowrap; }
.strat-role-label { position:absolute;z-index:7;transform:translate(-50%,24px);padding:3px 5px;border-radius:5px;background:rgba(2,14,26,.9);border:1px solid rgba(0,216,255,.55);color:#bdefff;font-size:7px;font-weight:900;letter-spacing:.05em;white-space:nowrap;pointer-events:none; }
.strat-role-label.primary { transform:translate(-100%,24px);border-color:#ffc83d;color:#ffc83d; }
.strat-role-label.central { transform:translate(-50%,22px); }
.strat-role-label.cover { color:#a9b8c8;border-color:rgba(169,184,200,.45); }
.attack-flow { margin-top:10px;padding:9px 10px;border-radius:8px;background:rgba(3,22,39,.92);border:1px solid rgba(0,216,255,.3);color:#dcecf7;font-size:10px;font-weight:800;text-align:center;letter-spacing:.03em;line-height:1.5; }
.attack-flow b { color:#ffc83d;margin:0 2px; }

.strat-arrows { opacity: 0; transition: opacity 0.5s ease; }
.strat-anim-arrow.pass-route { filter:drop-shadow(0 0 2px rgba(255,200,61,.75)); }
.strat-stage:hover .strat-arrows, .strat-stage.is-moved .strat-arrows, .strat-card-pitch .strat-arrows { opacity: 1; }
.strat-card-pitch .strat-arrows { opacity: 0.8; }
.team-talk-overlay .strat-arrows { opacity: 1; }

.strat-pitch-overlay { position: absolute; background: rgba(255,50,50,0.15); border: 1px dashed rgba(255,50,50,0.4); color: rgba(255,200,200,0.9); font-size: 10px; font-weight: 800; display: grid; place-items: center; pointer-events: none; border-radius: 8px; }
.strat-pitch-overlay.def-zone { left: 20%; right: 20%; top: 65%; height: 20%; }
.strat-pitch-overlay.wide-left { left: 2%; width: 15%; top: 20%; bottom: 20%; background: rgba(50,150,255,0.1); border-color: rgba(50,150,255,0.3); color: #8cf; }
.strat-pitch-overlay.wide-right { right: 2%; width: 15%; top: 20%; bottom: 20%; background: rgba(50,150,255,0.1); border-color: rgba(50,150,255,0.3); color: #8cf; }

.team-talk-overlay { position: fixed; inset: 0; z-index: 9999; background: #020914; display: flex; flex-direction: column; }
.team-talk-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 24px; background: rgba(2,14,26,.9); border-bottom: 1px solid var(--line); }
.team-talk-header span { font-weight: 800; color: var(--muted); }
.team-talk-dots { display: flex; gap: 8px; }
.team-talk-dots .dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.2); }
.team-talk-dots .dot.active { background: var(--cyan); box-shadow: 0 0 8px var(--cyan); }
.team-talk-body { flex: 1; overflow: hidden; display: flex; justify-content: center; align-items: center; padding: 20px; position: relative; }
.tt-pitch-wrap { width: 100%; max-width: 800px; height: 100%; display: flex; justify-content: center; align-items: center; }
.tt-pitch-wrap .strat-stage { height: 100%; width: auto; aspect-ratio: 2 / 3; max-width: 100%; border: 3px solid rgba(255,255,255,.78); }
.tt-text-wrap { display: flex; flex-direction: column; gap: 24px; width: 100%; max-width: 700px; height: 100%; overflow-y: auto; }
.tt-text-card { background: linear-gradient(155deg, rgba(9,38,62,.95), rgba(5,24,41,.94)); border: 1px solid var(--line); border-radius: 16px; padding: 32px; }
.tt-text-card h3 { margin: 0 0 20px; font-size: 28px; color: var(--cyan); }
.large-list { font-size: 18px; line-height: 1.8; }
.large-list.highlight { color: #fff; font-weight: 600; }
.team-talk-footer { display: flex; justify-content: space-between; align-items: center; padding: 16px 24px; background: rgba(2,14,26,.9); border-top: 1px solid var(--line); }
.team-talk-footer h2 { margin: 0; font-size: 18px; color: #fff; }
.team-talk-footer .btn { min-width: 96px; }
.team-talk-footer .btn:disabled { opacity: .42; cursor: not-allowed; }
.strategy-edit-grid { grid-template-columns: 1fr; }
.strategy-edit-grid textarea { min-height: 120px; }
.strategy-role-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }

@media (max-width: 700px) {
  .strategy-header-top { align-items: flex-start; flex-direction: column; gap: 10px; }
  .strategy-header-top > div:last-child, .strategy-header-top select { width: 100%; }
  .strategy-fixture-bar span { display: block; margin: 3px 0 0; }
  .strategy-tabs-container { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px; overflow: visible; }
  .strategy-tab { min-width: 0; padding: 10px 3px; font-size: 9.5px; }
  .strategy-focus-layout { padding: 12px; gap: 16px; }
  .strat-focus-pitch-wrap, .strat-card-pitch { padding: 10px; }
  .strategy-role-grid { grid-template-columns: 1fr; }
  .team-talk-header, .team-talk-footer { padding: 10px 12px; }
  .team-talk-body { padding: 10px; }
  .team-talk-footer h2 { font-size: 14px; text-align: center; }
  .team-talk-footer .btn { min-width: 82px; padding: 9px 10px; }
}

@media (orientation: landscape) and (max-height: 700px) {
  .team-talk-header { padding: 7px 14px; }
  .team-talk-body { padding: 6px 16px; }
  .team-talk-footer { padding: 7px 14px; }
  .team-talk-footer h2 { font-size: 14px; }
  .tt-pitch-wrap { max-width: none; }
  .tt-pitch-wrap .strat-stage { height: 100%; width: auto; aspect-ratio: 2 / 3; }
  .tt-text-card { padding: 18px; }
  .tt-text-card h3 { font-size: 21px; margin-bottom: 10px; }
  .large-list { font-size: 14px; line-height: 1.45; }
}