:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eff5fb;background:#071019;font-synthesis:none;--bg: #071019;--panel: #0e1823;--panel-2: #13202d;--panel-3: #182735;--line: #243647;--line-strong: #334b60;--text: #eff5fb;--muted: #8397aa;--green: #7df08a;--green-2: #4fd96a;--blue: #4cb7ff;--red: #ff6678;--yellow: #ffd166;--shadow: 0 22px 50px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}input,textarea,select{outline:none}.spacer{flex:1}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:900;color:var(--green)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:900}.brand__mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--green),var(--blue));color:#06200f;box-shadow:0 7px 20px #4cb7ff2e}.brand--large{font-size:20px}.brand--large .brand__mark{width:42px;height:42px;font-size:21px}.button{min-height:38px;border:1px solid var(--line-strong);border-radius:9px;padding:8px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--panel-3);color:var(--text);font-weight:750;transition:.16s}.button:hover{border-color:#466178;background:#203343}.button--primary{border-color:transparent;background:var(--green);color:#092310;font-weight:900}.button--primary:hover{background:#8cf598}.button--danger{color:#ff9ba7}.button--ghost{border-color:transparent;background:transparent;color:var(--muted)}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);color:#cbd8e5}.icon-button:hover{border-color:var(--line-strong);background:var(--panel-3)}.badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:22px;border:1px solid var(--line-strong);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:850;color:#b9c8d8;background:#152432}.badge--green{border-color:#7df08a42;color:var(--green);background:#7df08a14}.badge--blue{border-color:#4cb7ff42;color:var(--blue);background:#4cb7ff14}.badge--yellow{border-color:#ffd16642;color:var(--yellow);background:#ffd16614}.badge--red{border-color:#ff667842;color:var(--red);background:#ff667814}.text-field{width:100%;min-height:43px;border:1px solid var(--line-strong);border-radius:9px;padding:9px 11px;background:#0a141e;color:var(--text);transition:.15s}.text-field:focus{border-color:var(--green);box-shadow:0 0 0 3px #7df08a17}.text-field:disabled{color:var(--muted)}textarea.text-field{min-height:100px;resize:vertical}.field-label{display:grid;gap:7px;color:#cbd8e4;font-size:12px;font-weight:750}.field-label small{color:var(--muted);font-weight:500}.empty-state{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed var(--line-strong);border-radius:15px;padding:30px;color:var(--muted)}.empty-state__icon{font-size:32px;color:var(--green);margin-bottom:12px}.empty-state h3{margin-bottom:7px;color:var(--text)}.empty-state p{max-width:400px}.spinner{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(430px,.9fr)}.auth-visual{position:relative;overflow:hidden;padding:42px 7vw;background:radial-gradient(circle at 24% 18%,rgba(76,183,255,.13),transparent 28%),radial-gradient(circle at 85% 75%,rgba(125,240,138,.12),transparent 34%),#091520;border-right:1px solid var(--line)}.auth-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 30%,black 70%,transparent);mask-image:linear-gradient(to bottom,transparent,black 30%,black 70%,transparent);pointer-events:none}.auth-visual__copy{position:relative;z-index:1;margin-top:14vh;max-width:640px}.auth-visual__copy h1{font-size:clamp(42px,5vw,72px);line-height:1.04;letter-spacing:-.05em;margin:16px 0 22px}.auth-visual__copy h1 em{font-style:normal;color:var(--green)}.auth-visual__copy p{max-width:540px;font-size:17px;line-height:1.65;color:#a4b7c9}.mini-pitch{position:absolute;z-index:2;right:-5%;bottom:-14%;width:60%;aspect-ratio:1.6;border:3px solid rgba(255,255,255,.65);border-radius:18px;transform:rotate(-7deg);background:repeating-linear-gradient(90deg,#176139 0 12.5%,#1a6b3e 12.5% 25%);box-shadow:var(--shadow)}.mini-pitch:before{content:"";position:absolute;inset:5%;border:1px solid rgba(255,255,255,.6)}.mini-pitch span{position:absolute;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%);border:2px solid white;background:var(--blue);color:#082137;font-size:9px;font-weight:900}.mini-ball{position:absolute;left:47%;top:50%;font-style:normal}.auth-form-wrap{display:grid;place-items:center;padding:40px;background:#08111a}.auth-form{width:min(100%,430px);display:grid;gap:17px}.auth-form h2{font-size:30px;letter-spacing:-.03em;margin:0}.auth-form>p{color:var(--muted);margin:-9px 0 8px}.auth-form .button{width:100%;min-height:46px}.form-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.form-row>.field-label{flex:1}.form-row a,.form-switch a{color:var(--green);font-weight:800}.check{display:flex;align-items:flex-start;gap:8px;color:#9eb0c1;font-size:12px}.check input{accent-color:var(--green);margin-top:2px}.form-switch{text-align:center!important;margin:5px 0 0!important}.form-alert{border:1px solid rgba(255,102,120,.35);border-radius:9px;padding:10px 12px;background:#ff667814;color:#ff9ba7}.dashboard-alert{margin-bottom:14px}.auth-success{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#7df08a1a;color:var(--green);font-size:30px}.app-shell{min-height:100vh;display:grid;grid-template-columns:246px 1fr}.app-nav{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:24px 18px;border-right:1px solid #1b2a38;background:#0a131d}.app-nav>.brand{padding:0 8px 28px}.app-nav nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:9px;color:#899bad;font-size:13px;font-weight:750}.nav-item:hover{background:#121f2b;color:#d8e3ee}.nav-item--active{color:#fff;background:linear-gradient(90deg,#7df08a21,#7df08a09);box-shadow:inset 3px 0 var(--green)}.nav-item__icon{width:22px;text-align:center;font-size:17px}.app-nav__footer{margin-top:auto;display:grid;gap:8px}.profile-chip{display:flex;align-items:center;gap:9px;padding:10px 8px;border-top:1px solid var(--line)}.avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,#26465c,#1b2e3f);color:var(--green);font-size:11px;font-weight:900;border:1px solid #385569}.avatar--large{width:70px;height:70px;border-radius:18px;font-size:20px}.profile-chip>span:last-child{min-width:0;display:grid}.profile-chip strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.profile-chip small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px}.app-content{min-width:0;background:radial-gradient(circle at 70% -20%,#142332,#071019 38%)}.mobile-nav{display:none}.page{max-width:1460px;margin:auto;padding:38px clamp(24px,4vw,64px) 70px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:32px}.page-header h1{font-size:32px;letter-spacing:-.035em;margin:8px 0 5px}.page-header p{color:var(--muted);margin:0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:34px 0 16px}.section-heading h2{font-size:19px;margin:0 0 4px}.section-heading p{font-size:11px;color:var(--muted);margin:0}.search-box{width:min(280px,40vw);display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:var(--panel)}.search-box input{width:100%;height:38px;border:0;background:transparent;color:#fff}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat-grid article{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:13px;padding:17px;background:linear-gradient(145deg,#101c28,#0d1721)}.stat-grid article>div{display:grid}.stat-grid small{color:var(--muted);font-size:10px}.stat-grid strong{font-size:24px}.stat-grid .badge{margin-left:auto}.stat-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:20px}.stat-icon--green{background:#7df08a1a;color:var(--green)}.stat-icon--blue{background:#4cb7ff1a;color:var(--blue)}.stat-icon--yellow{background:#ffd1661a;color:var(--yellow)}.tactic-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:17px}.tactic-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--panel);transition:.18s}.tactic-card:hover{transform:translateY(-2px);border-color:#3b5368;box-shadow:var(--shadow)}.tactic-preview{position:relative;display:block;height:158px;padding:11px;background:#112234}.tactic-preview>.badge{position:absolute;top:10px;right:10px}.tactic-preview__pitch{position:absolute;inset:15px;border:1px solid rgba(255,255,255,.5);background:repeating-linear-gradient(90deg,#176238 0 12.5%,#196a3d 12.5% 25%);border-radius:7px;overflow:hidden}.tactic-preview__pitch:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid rgba(255,255,255,.55)}.tactic-preview--2 .tactic-preview__pitch{filter:hue-rotate(9deg)}.tactic-preview--3 .tactic-preview__pitch{filter:saturate(.8)}.dot-player{position:absolute;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid #fff;z-index:1}.dot-player--home{background:var(--blue)}.dot-player--away{background:var(--red)}.tactic-card__body{position:relative;padding:15px}.tactic-card__body h3{margin:0 0 4px;font-size:15px}.tactic-card__body p{height:34px;margin:0;color:var(--muted);font-size:11px;line-height:1.45}.tactic-card__body footer{display:flex;align-items:center;gap:6px;margin-top:13px;padding-top:11px;border-top:1px solid var(--line);color:#7f92a4;font-size:10px}.tactic-card__body time{margin-left:auto}.more-button{position:absolute;right:11px;top:12px;border:0;background:transparent;color:var(--muted)}.new-tactic-card{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed var(--line-strong);border-radius:14px;background:#101c2873;color:var(--muted)}.new-tactic-card:hover{border-color:var(--green);color:#dce7f2}.new-tactic-card>span{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;margin-bottom:11px;background:#7df08a14;color:var(--green);font-size:25px}.new-tactic-card strong{color:var(--text)}.new-tactic-card small{margin-top:4px}.settings-layout{display:grid;grid-template-columns:220px minmax(0,680px);gap:22px}.settings-menu{display:grid;align-content:start;gap:4px}.settings-menu button{border:0;border-radius:9px;padding:11px;text-align:left;background:transparent;color:var(--muted)}.settings-menu button.active{background:var(--panel-2);color:#fff}.settings-card{display:grid;gap:18px;border:1px solid var(--line);border-radius:14px;padding:24px;background:var(--panel)}.profile-hero{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line)}.profile-hero h2{margin:0 0 4px}.profile-hero p{margin:0;color:var(--muted)}.settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.save-confirm{color:var(--green);opacity:0;transition:.18s}.save-confirm--show{opacity:1}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.team-card{min-height:160px;display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--panel)}.team-card .button{margin-left:auto}.team-card h3{margin:0 0 4px}.team-card p{margin:0;color:var(--muted)}.team-crest{width:56px;height:56px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--green),var(--blue));color:#092111;font-weight:1000}.invite-card{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--panel)}.invite-card>div:nth-child(2){flex:1}.invite-card p{margin:3px 0;color:var(--muted)}.invite-card small{color:#657b8e}.invite-card>div:last-child{display:flex;gap:8px}.create-tactic-form{max-width:650px}.template-preview{height:210px;position:relative;border-radius:12px;background:#0b1520;overflow:hidden}.template-preview .tactic-preview__pitch{inset:15px}.center-page,.viewer-loading,.editor-loading,.auth-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg);color:var(--muted)}.save-indicator{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px;white-space:nowrap}.save-indicator--saved{border-color:#7df08a40;color:var(--green)}.save-indicator--dirty,.save-indicator--conflict{border-color:#ffd16659;color:var(--yellow)}.save-indicator--saving{border-color:#4cb7ff59;color:var(--blue)}.save-indicator--error{border-color:#ff667859;color:var(--red)}.recovery-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 auto 9px;width:min(100%,1000px);padding:9px 11px;border:1px solid rgba(255,209,102,.34);border-radius:10px;background:#ffd16614;color:#f4e3b1;font-size:10px}.recovery-banner>div:first-child{display:grid;gap:3px}.recovery-banner span{color:#c7b888}.recovery-banner__actions{display:flex;gap:6px;flex-shrink:0}.recovery-banner__actions .button{min-height:30px;padding:4px 8px;font-size:9px}.share-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:11px}.editor-app{min-height:100vh;display:grid;grid-template-rows:62px minmax(0,1fr);background:radial-gradient(circle at 50% -20%,#182b3c,#071019 48%)}.editor-header{position:sticky;top:0;z-index:80;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:16px;padding:0 18px;border-bottom:1px solid var(--line);background:#09111af2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.editor-header__left,.editor-header__right,.editor-header__center{display:flex;align-items:center;gap:9px;min-width:0}.editor-header__right{justify-content:flex-end}.editor-header__center{justify-content:center}.editor-header__left>.brand{flex-shrink:0}.editor-title{display:grid;gap:3px;min-width:0}.editor-title input{width:min(260px,24vw);min-width:120px;border:0;padding:0;background:transparent;color:var(--text);font-size:15px;font-weight:900}.editor-title span{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.tablet-panel-button{display:none}.editor-workspace{display:grid;grid-template-columns:250px minmax(560px,1fr) 286px;min-height:0}.responsive-panel{min-width:0;min-height:0}.editor-panel{height:100%;overflow:auto;padding:15px 13px;background:#0e1823eb}.editor-panel--left{border-right:1px solid var(--line)}.editor-panel--right{border-left:1px solid var(--line)}.editor-panel section{display:grid;gap:9px;margin-bottom:20px}.editor-panel h3{margin:0;color:#7f96ab;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.editor-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px}.editor-tool{min-height:52px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;border:1px solid var(--line);border-radius:9px;padding:7px 8px;background:var(--panel-2);color:#b9c9d8;text-align:left}.editor-tool:hover,.editor-tool--active{border-color:var(--green);background:#7df08a14;color:#fff}.editor-tool>span{color:var(--green);font-size:17px}.editor-tool b{font-size:10px}.editor-tool kbd{color:var(--muted);font-size:8px}.tool-help{border:1px solid rgba(76,183,255,.24);border-radius:9px;padding:9px;background:#4cb7ff0f}.tool-help p,.panel-copy{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.button-row{display:flex;gap:7px;margin-top:9px}.button-row .button{flex:1;min-height:32px;padding:5px 8px;font-size:10px}.full-width{width:100%}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:9px;padding:9px;background:var(--panel-2)}.switch-row span{display:grid;gap:3px}.switch-row strong{font-size:11px}.switch-row small{color:var(--muted);font-size:9px}.switch-row input{width:18px;height:18px;accent-color:var(--green)}.pending-box{border:1px dashed #365168;border-radius:8px;padding:8px;color:var(--muted);font-size:10px;line-height:1.45}.pending-box--ready{border-color:var(--yellow);color:#f5e3ad}.pending-box--error{margin-top:6px;border-color:var(--red);color:#ffb6c0}.legend{display:grid;gap:8px;color:var(--muted);font-size:10px}.legend>span{display:flex;align-items:center;gap:8px}.legend-line{width:25px;border-top:3px solid var(--yellow)}.legend-line--run{border-top-style:dashed;border-color:var(--blue)}.legend-dot{width:10px;height:10px;border-radius:50%;background:var(--blue)}.legend-dot--away{background:var(--red)}.editor-main{min-width:0;min-height:0;overflow:auto;padding:16px;background:radial-gradient(circle at 50% -10%,#142333,#071019 56%)}.board-meta{width:min(100%,980px);display:flex;align-items:center;justify-content:space-between;gap:9px;margin:0 auto 10px;color:var(--muted);font-size:10px}.board-meta>div{display:flex;align-items:center;gap:8px}.board-meta .button{min-height:30px;padding:5px 9px;font-size:9px}.pitch-board{position:relative;width:min(100%,980px);aspect-ratio:16 / 10;min-height:420px;margin:0 auto;overflow:hidden;border:3px solid #d7eee0;border-radius:16px;background:#1d7142;box-shadow:0 25px 60px #00000059;touch-action:none;-webkit-user-select:none;user-select:none}.pitch-board--pass,.pitch-board--run,.pitch-board--erase{cursor:crosshair}.pitch-grass{position:absolute;inset:0;background:repeating-linear-gradient(90deg,#1d7041 0 10%,#237949 10% 20%)}.pitch-boundary{position:absolute;inset:4%;border:2px solid rgba(255,255,255,.82)}.pitch-midline{position:absolute;top:4%;bottom:4%;left:50%;width:2px;background:#ffffffd1}.pitch-circle{position:absolute;top:50%;left:41%;width:18%;aspect-ratio:1;border:2px solid rgba(255,255,255,.82);border-radius:50%;transform:translateY(-50%)}.pitch-dot{position:absolute;top:50%;left:50%;width:7px;height:7px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.pitch-box,.pitch-goal{position:absolute;border:2px solid rgba(255,255,255,.82)}.pitch-box{top:24%;width:15%;height:52%}.pitch-box--left{left:4%;border-left:0}.pitch-box--right{right:4%;border-right:0}.pitch-goal{top:36%;width:6%;height:28%}.pitch-goal--left{left:4%;border-left:0}.pitch-goal--right{right:4%;border-right:0}.drawing-layer{position:absolute;inset:0;z-index:8;width:100%;height:100%;overflow:visible;pointer-events:none}.tactic-line{fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:stroke}.tactic-line--pass{color:var(--yellow);stroke:var(--yellow);stroke-width:5}.tactic-line--run{color:var(--blue);stroke:var(--blue);stroke-width:4;stroke-dasharray:12 9}.tactic-line--draft{opacity:.75;pointer-events:none}.actor-layer{position:absolute;inset:0;z-index:10;pointer-events:none}.actor-layer .player-token,.actor-layer .ball-token{pointer-events:auto}.actor-layer--passthrough .player-token,.actor-layer--passthrough .ball-token{pointer-events:none}.player-token{position:absolute;width:38px;height:38px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;padding:0;transform:translate(-50%,-50%);box-shadow:0 5px 12px #00000061;color:#061d2d;font-size:11px;font-weight:950;line-height:1;touch-action:none}.player-token--home{background:var(--blue)}.player-token--away{background:var(--red);color:#3b0f17}.player-token--selected{outline:3px solid var(--yellow);outline-offset:2px}.player-token>span{position:absolute;top:40px;left:50%;display:grid;gap:2px;width:max-content;max-width:120px;transform:translate(-50%);text-align:center;text-shadow:0 2px 3px #000}.player-token>span b{overflow:hidden;border-radius:4px;padding:2px 4px;background:#0000007a;color:#fff;font-size:9px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.player-token>span small{color:#d5e2ee;font-size:8px}.ball-token{position:absolute;width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:50%;padding:0;background:transparent;filter:drop-shadow(0 3px 5px rgba(0,0,0,.6));font-size:19px;line-height:1;transform:translate(-50%,-50%);touch-action:none}.ball-token--attached{filter:drop-shadow(0 0 5px #fff) drop-shadow(0 3px 5px rgba(0,0,0,.6))}.ball-token--selected{outline:2px solid var(--yellow);outline-offset:3px}.playback-controls{width:min(100%,980px);display:flex;align-items:center;gap:7px;margin:11px auto;padding:8px;border:1px solid var(--line);border-radius:11px;background:#0e1823eb}.playback-controls .button{min-height:32px;padding:5px 10px;font-size:10px}.playback-controls .icon-button{width:31px;height:31px}.playback-counter{margin-left:auto;color:var(--muted);font-size:10px;white-space:nowrap}.playback-controls select{min-height:31px;border:1px solid var(--line-strong);border-radius:8px;padding:0 7px;background:var(--panel-2);color:var(--text);font-size:10px}.timeline-panel{width:min(100%,980px);margin:0 auto;padding:11px;border:1px solid var(--line);border-radius:12px;background:#0e1823e0}.scenario-bar,.scenario-meta{display:flex;align-items:center;gap:8px}.scenario-bar{margin-bottom:9px}.scenario-tabs{display:flex;gap:6px;min-width:0;overflow-x:auto;padding-bottom:2px}.scenario-tabs button{min-width:max-content;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;padding:7px 9px;background:var(--panel-2);color:#aabbd0;font-size:10px}.scenario-tabs button.active{border-color:var(--green);color:#fff}.scenario-meta input{min-width:0;flex:1;min-height:34px;border:1px solid var(--line-strong);border-radius:8px;padding:6px 9px;background:#0a141e;color:var(--text)}.scenario-meta .button{min-height:34px;padding:6px 9px;font-size:10px}.steps-strip{display:flex;gap:7px;min-width:0;overflow-x:auto;padding-top:10px;padding-bottom:2px}.step-card{min-width:178px;display:grid;gap:7px;border:1px solid var(--line);border-radius:9px;padding:9px;background:var(--panel-2);color:#ccd9e5;text-align:left}.step-card--active{border-color:var(--green);box-shadow:0 0 0 1px #7df08a1f inset;color:#fff}.step-card>span{font-size:11px;font-weight:850}.step-card>small{min-height:24px;color:var(--muted);font-size:9px;line-height:1.4}.step-card header{display:flex;align-items:center;justify-content:space-between;gap:6px}.step-card footer{display:flex;gap:4px;border-top:1px solid var(--line);padding-top:7px}.step-card footer .icon-button{width:25px;height:25px;border-radius:6px;font-size:10px}.timeline-empty{min-width:230px;align-self:stretch;display:grid;place-items:center;border:1px dashed var(--line-strong);border-radius:9px;padding:16px;color:var(--muted);font-size:10px;text-align:center}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;border-radius:8px;background:#0a141e}.segmented button{border:0;border-radius:6px;padding:7px 5px;background:transparent;color:var(--muted);font-size:9px}.segmented button.active{background:var(--panel-3);color:#fff}.roster-list{display:grid;gap:6px}.roster-row{display:grid;grid-template-columns:39px minmax(0,1fr) 31px;align-items:center;gap:6px;border:1px solid var(--line);border-radius:9px;padding:6px;background:var(--panel-2)}.roster-row--selected{border-color:var(--yellow)}.roster-number{width:39px;min-height:32px;border:0;border-radius:7px;padding:0 2px;color:#062039;font-size:12px;font-weight:950;text-align:center}.roster-number--home{background:var(--blue)}.roster-number--away{background:var(--red);color:#3b0f17}.roster-row>div{display:grid;gap:4px;min-width:0}.roster-row input:not(.roster-number),.roster-row select{width:100%;min-width:0;min-height:25px;border:1px solid var(--line-strong);border-radius:6px;padding:3px 5px;background:#0a141e;color:var(--text);font-size:9px}.modal-backdrop{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;background:#02070cb8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(100%,520px);display:grid;gap:14px;border:1px solid var(--line-strong);border-radius:15px;padding:19px;background:#101d29;box-shadow:var(--shadow)}.modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0;border:0;background:transparent}.modal h2{margin:5px 0 0;font-size:19px}.modal p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.share-url{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.share-url input{min-width:0;border:1px solid var(--line-strong);border-radius:8px;padding:8px;background:#0a141e;color:var(--text);font-size:10px}.share-link-list{display:grid;gap:7px;border-top:1px solid var(--line);padding-top:12px}.share-link-list>strong{color:#d9e5ef;font-size:11px}.share-link-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--panel-2)}.share-link-row>div{display:grid;gap:3px;min-width:0}.share-link-row span{color:#d6e2ed;font-size:10px;font-weight:800}.share-link-row small{color:var(--muted);font-size:9px}.share-link-row .button{min-height:29px;flex-shrink:0;padding:4px 7px;font-size:9px}.modal .button{min-height:36px}.panel-scrim{display:none}.viewer-page{min-height:100vh;background:radial-gradient(circle at 50% -15%,#182b3c,#071019 42%)}.viewer-header{height:66px;display:flex;align-items:center;gap:16px;padding:0 24px;border-bottom:1px solid var(--line);background:#0a141e}.viewer-header>div{border-left:1px solid var(--line);padding-left:15px}.viewer-header h1{font-size:14px;margin:0}.viewer-header p{font-size:10px;color:var(--muted);margin:2px 0 0}.viewer-main{display:grid;grid-template-columns:190px minmax(580px,1fr) 260px;gap:15px;max-width:1500px;margin:auto;padding:20px}.viewer-scenarios,.viewer-info{border:1px solid var(--line);border-radius:12px;padding:11px;background:var(--panel)}.viewer-scenarios{display:grid;align-content:start;gap:6px}.viewer-scenarios button{display:grid;gap:3px;border:1px solid transparent;border-radius:8px;padding:9px;background:transparent;color:#afbecd;text-align:left;font-size:10px}.viewer-scenarios button.active{border-color:var(--green);background:#7df08a0f;color:#fff}.viewer-scenarios small{color:var(--muted);font-size:8px}.viewer-board{min-width:0}.viewer-board .pitch-board{width:100%}.viewer-info h2{margin:8px 0}.viewer-info>p{color:var(--muted);font-size:11px;line-height:1.6}.viewer-step-list{display:grid;gap:5px}.viewer-step-list button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:7px;background:#111e2a;color:#d8e3ed;text-align:left}.viewer-step-list button.active{border-color:var(--green)}.viewer-step-list button>span{width:23px;height:23px;display:grid;place-items:center;border-radius:6px;background:#1d3040;color:var(--green);font-size:9px;font-weight:900}.viewer-step-list button>div{display:grid}.viewer-step-list strong{font-size:9px}.viewer-step-list small{font-size:7px;color:var(--muted)}@media(max-width:1180px){.tactic-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}.team-grid{grid-template-columns:repeat(2,1fr)}.editor-header{grid-template-columns:1fr auto}.editor-header__center{display:none}.editor-workspace{grid-template-columns:1fr}.responsive-panel{position:fixed;top:58px;bottom:0;z-index:70;width:285px;transition:transform .2s}.responsive-panel--left{left:0;transform:translate(-100%)}.responsive-panel--right{right:0;transform:translate(100%)}.responsive-panel--open{transform:none}.tablet-panel-button{display:inline-flex}.panel-scrim{position:fixed;inset:58px 0 0;display:block;z-index:60;border:0;background:#0000008c}.viewer-main{grid-template-columns:160px 1fr}.viewer-info{grid-column:1/-1}.pitch-board{max-height:calc(100vh - 280px)}}@media(max-width:820px){.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.app-shell{display:block}.app-nav{display:none}.app-content{padding-bottom:66px}.mobile-nav{position:fixed;z-index:50;left:10px;right:10px;bottom:8px;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line-strong);border-radius:14px;padding:5px;background:#0a141ef0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.mobile-nav__item{display:grid;justify-items:center;gap:2px;padding:5px;color:var(--muted)}.mobile-nav__item>span{font-size:17px}.mobile-nav__item small{font-size:7px}.mobile-nav__item--active{color:var(--green)}.page{padding:25px 16px 90px}.page-header{align-items:flex-start}.page-header h1{font-size:27px}.stat-grid,.settings-layout{grid-template-columns:1fr}.settings-menu{display:flex;overflow:auto}.team-grid{grid-template-columns:1fr}.editor-header__right .button:not(.tablet-panel-button):not(.button--primary){display:none}.editor-title input{width:30vw}.editor-main{padding:8px}.pitch-board{min-height:360px;width:auto;min-width:580px}.editor-main{overflow:auto}.playback-controls{position:sticky;left:0;min-width:560px}.timeline-panel{min-width:560px}.viewer-header{padding:0 12px}.viewer-main{display:block;padding:10px}.viewer-scenarios{display:flex;overflow:auto;margin-bottom:10px}.viewer-scenarios button{min-width:max-content}.viewer-info{margin-top:10px}.viewer-board{overflow:auto}.viewer-board .pitch-board,.viewer-board .playback-controls{min-width:600px}.tactic-grid{grid-template-columns:1fr}.section-heading{align-items:stretch;flex-direction:column}.search-box{width:100%}}@media(max-width:520px){.page-header{display:grid}.tactic-grid{grid-template-columns:1fr}.form-row{align-items:stretch;flex-direction:column}.invite-card{align-items:flex-start;flex-wrap:wrap}.invite-card>div:last-child{width:100%}.editor-header{grid-template-columns:1fr auto}.editor-header__right .button--primary{font-size:0;width:38px}.editor-header__right .button--primary:before{content:"⇧";font-size:15px}.editor-title span{display:none}.editor-header__left>.brand{display:none}.editor-header__left>.icon-button{width:30px}.tablet-panel-button{font-size:0;width:34px;padding:0}.tablet-panel-button:first-child:after{content:"⌘";font-size:14px}.tablet-panel-button:nth-child(2):after{content:"◎";font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}