:root{--ink:#0b1220;--slate:#162338;--turf:#78d64b;--chalk:#f7f9fc;--mist:#e7edf4;--blue:#2f7cf6;--amber:#f5b942;--red:#e34d59;--panel:#111b2b}*{box-sizing:border-box}html,body{background:var(--ink);min-height:100%;color:var(--chalk);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.editor-app{background:radial-gradient(circle at 50% 0,#1d3149 0,#0b1220 45%);min-height:100vh;overflow:hidden}.editor-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;background:#0b1220e6;border-bottom:1px solid #e7edf41f;grid-template-columns:260px 1fr auto;align-items:center;gap:24px;height:72px;padding:0 22px;display:grid;position:relative}.brand-lockup{letter-spacing:.08em;align-items:center;gap:10px;font-weight:900;display:flex}.brand-lockup i{color:var(--turf);font-style:normal}.brand-mark{background:var(--turf);width:36px;height:36px;color:var(--ink);clip-path:polygon(0 0,100% 0,100% 65%,65% 65%,65% 100%,0 100%);place-items:center;font-size:22px;font-weight:1000;display:grid}.title-block{text-align:center;min-width:0}.play-title{white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;max-width:100%;padding:2px 8px;font-size:17px;font-weight:750;overflow:hidden}.title-block input{border:1px solid var(--turf);color:#fff;text-align:center;background:#17243a;border-radius:7px;width:100%;max-width:320px;padding:5px 10px}.save-status{color:#91a1b8;justify-content:center;align-items:center;gap:6px;margin-top:3px;font-size:11px;display:flex}.save-status span{background:var(--amber);border-radius:50%;width:6px;height:6px}.save-status.saved span{background:var(--turf)}.header-actions{gap:8px;display:flex}.header-actions button,.animation-bar button{background:#152238;border:1px solid #e7edf424;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:44px;height:44px;display:flex}.header-actions button:disabled{opacity:.32}.header-actions svg,.animation-bar svg{width:18px}.header-actions .mirror-button{padding:0 14px}.editor-grid{grid-template-columns:260px minmax(460px,760px) 290px;justify-content:center;height:calc(100vh - 72px);display:grid}.left-panel,.inspector{background:#0f1828d6;border-right:1px solid #e7edf41a;padding:22px;overflow:auto}.inspector{border-left:1px solid #e7edf41a;border-right:0;flex-direction:column;display:flex}.back-button{color:#8090a8;letter-spacing:.12em;background:0 0;border:0;align-items:center;height:44px;padding:0;font-size:11px;font-weight:800;display:flex}.back-button svg{width:17px}.coach-marks{background:linear-gradient(145deg,#78d64b24,#2f7cf614);border:1px solid #78d64b40;border-radius:14px;margin-top:15px;padding:18px;position:relative}.coach-marks>button{color:#9dafc4;background:0 0;border:0;width:35px;height:35px;font-size:20px;position:absolute;top:5px;right:8px}.coach-marks>span,.eyebrow,.selection-label{letter-spacing:.16em;color:var(--turf);font-size:10px;font-weight:850}.coach-marks ol{color:#d9e2ed;gap:12px;margin:15px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.coach-marks li{align-items:center;gap:9px;display:flex}.coach-marks b{width:23px;height:23px;color:var(--turf);border:1px solid #78d64b73;border-radius:50%;place-items:center;font-size:11px;display:grid}.play-meta{margin-top:32px}.play-meta h2{margin:8px 0;font-size:22px}.play-meta p,.empty-inspector p,.selection-content p{color:#91a1b8;font-size:13px;line-height:1.55}.play-meta dl{gap:17px;margin-top:28px;display:grid}.play-meta dl div{border-bottom:1px solid #e7edf414;justify-content:space-between;padding-bottom:10px;display:flex}.play-meta dt{letter-spacing:.15em;color:#718198;font-size:9px}.play-meta dd{margin:0;font-size:12px;font-weight:700}.canvas-column{background:linear-gradient(#162338b3,#0b1220f2);grid-template-rows:minmax(0,1fr) auto auto;gap:12px;min-width:0;padding:20px 24px 16px;display:grid;position:relative}.field-frame{flex-direction:column;width:100%;max-width:610px;min-height:0;margin:auto;display:flex}.field-caption{letter-spacing:.15em;color:#6f839a;justify-content:space-between;padding:0 4px 8px;font-size:9px;font-weight:800;display:flex}.field-svg{touch-action:none;filter:drop-shadow(0 18px 35px #00000059);-webkit-user-select:none;user-select:none;border-radius:18px;width:100%;height:100%;min-height:300px}.field-svg.tool-route{cursor:crosshair}.field-svg [role=button]{cursor:pointer}.animation-bar{background:#111c2e;border:1px solid #e7edf41a;border-radius:14px;align-items:center;gap:10px;width:100%;max-width:610px;height:64px;margin:auto;padding:8px 12px;display:flex}.animation-bar .play-button{background:var(--turf);color:var(--ink);border:0;border-radius:50%}.timeline{flex:1}.timeline input{appearance:none;background:linear-gradient(90deg,var(--turf) var(--progress),#314158 var(--progress));border-radius:99px;width:100%;height:5px}.timeline input::-webkit-slider-thumb{appearance:none;border:3px solid var(--turf);background:#fff;border-radius:50%;width:16px;height:16px}.timeline>div{color:#6f8197;justify-content:space-between;margin-top:5px;font-size:9px;display:flex}.tool-dock{justify-content:center;gap:7px;display:flex}.tool-dock button{color:#8798ad;background:#121e31;border:1px solid #e7edf41f;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-width:84px;min-height:52px;font-size:12px;font-weight:750;display:flex}.tool-dock button.active{background:var(--turf);color:var(--ink);border-color:var(--turf)}.tool-dock svg{width:18px}.inspector-head{justify-content:space-between;align-items:center;display:flex}.formation-pill{color:#a8e987;background:#78d64b1f;border:1px solid #78d64b33;border-radius:99px;padding:6px 8px;font-size:10px;font-weight:750}.empty-inspector{text-align:center;margin:auto 0}.mini-field{width:75px;height:75px;color:var(--turf);background:#78d64b14;border:1px solid #78d64b2e;border-radius:20px;place-items:center;margin:auto;display:grid}.mini-field svg{width:32px}.empty-inspector h2{margin:16px 0 4px;font-size:19px}.shortcut-list{text-align:left;grid-template-columns:1fr 1fr;gap:7px;margin-top:24px;display:grid}.shortcut-list span{color:#77889e;font-size:10px}.shortcut-list kbd{text-align:center;color:#bac6d5;background:#182438;border:1px solid #344258;border-radius:5px;min-width:28px;margin-right:5px;padding:4px;display:inline-block}.selection-content{margin-top:35px}.selection-content h2{font-size:21px}.player-summary{align-items:center;gap:12px;margin-top:16px;display:flex}.player-summary>span{width:48px;height:48px;color:var(--ink);border-radius:50%;place-items:center;font-weight:900;display:grid}.player-summary div{gap:3px;display:grid}.player-summary small{color:#8999ad}.danger-button,.reset-button{color:#ff8c96;background:#e34d591a;border:1px solid #e34d5959;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;padding:0 12px;font-weight:700;display:flex}.danger-button svg,.reset-button svg{width:17px}.reset-button{color:#8293a8;background:0 0;border-color:#e7edf41f;margin-top:auto;font-size:11px}.reset-button:hover{color:#fff}.selection-content+.reset-button{margin-top:auto}@media (max-width:1040px){.editor-grid{grid-template-columns:minmax(0,1fr) 270px}.left-panel{display:none}.editor-header{grid-template-columns:auto 1fr auto}.brand-lockup span{display:none}}@media (max-width:700px){.editor-app{min-height:100dvh;overflow:auto}.editor-header{grid-template-rows:52px 52px;grid-template-columns:minmax(0,1fr);gap:0;height:104px;padding:0}.editor-header .brand-lockup{display:none}.title-block{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:0 10px;display:grid}.title-block input{text-align:left}.title-subrow{justify-content:flex-end;min-width:0}.title-subrow .save-status{text-overflow:ellipsis;white-space:nowrap;max-width:92px;overflow:hidden}.brand-mark{width:34px;height:34px}.header-actions{border-top:1px solid #e7edf41a;justify-content:space-around;gap:3px;padding:4px 8px}.header-actions button{background:0 0;border:0;flex:1;min-width:42px;max-width:58px;height:42px}.header-actions .mirror-button{padding:0}.mirror-button span{display:none}.editor-grid{flex-direction:column;height:calc(100dvh - 104px);display:flex}.canvas-column{flex:1;order:1;grid-template-rows:minmax(330px,1fr) 58px 58px;gap:8px;padding:10px 9px 8px}.field-frame{max-width:none}.field-svg{border-radius:14px}.animation-bar{border-radius:12px;height:58px}.tool-dock{position:relative}.tool-dock button{flex:1;max-width:160px;min-height:54px}.inspector{z-index:4;background:#111d2f;border:1px solid #e7edf426;border-radius:16px;order:2;padding:16px;display:none;position:fixed;bottom:72px;left:8px;right:8px;box-shadow:0 -12px 35px #0006}.inspector.has-selection{display:block}.inspector-head,.inspector .reset-button{display:none}.selection-content{margin:0}.selection-content p{margin-bottom:10px}.player-summary{margin-top:10px}.editor-header .play-title{text-align:left;font-size:14px}.save-status{font-size:9px}.field-caption{padding-bottom:5px}}@media (max-width:380px){.editor-header{grid-template-columns:minmax(0,1fr)}.title-subrow .save-status{max-width:74px}.family-badge{max-width:72px}.header-actions button{min-width:38px}.canvas-column{grid-template-rows:minmax(300px,1fr) 56px 54px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.field-frame{aspect-ratio:700/1012;width:auto;height:100%}.field-svg{min-height:0}.play-title{min-height:44px}@media (max-width:700px){.field-frame{aspect-ratio:auto;width:100%;height:100%}.header-actions button{min-width:44px;height:44px}}.control-label{color:#91a1b8;letter-spacing:.04em;grid-template-columns:1fr auto;gap:8px;margin:18px 0 10px;font-size:11px;font-weight:750;display:grid}.control-label select{color:#f7f9fc;background:#172438;border:1px solid #34445b;border-radius:9px;grid-column:1/-1;width:100%;height:44px;padding:0 10px}.control-label input[type=range]{width:100%;accent-color:var(--turf);grid-column:1/-1;min-height:28px}.selection-content .danger-button{margin-top:20px}.tool-dock{flex-wrap:nowrap}.tool-dock button{min-width:72px}@media (max-width:700px){.tool-dock{gap:5px}.tool-dock button{gap:4px;min-width:0;padding:0 7px;font-size:10px}.tool-dock button svg{width:16px}.selection-content{max-height:34vh;overflow:auto}.selection-content h2{margin:7px 0}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.title-subrow{justify-content:center;align-items:center;gap:10px;display:flex}.side-switch{border:1px solid #34445b;border-radius:6px;display:flex;overflow:hidden}.side-switch button{color:#7789a0;letter-spacing:.08em;background:0 0;border:0;min-width:30px;height:20px;padding:0;font-size:8px;font-weight:900}.side-switch button[aria-pressed=true]{background:var(--turf);color:var(--ink)}.field-caption{align-items:center}.field-formation{color:#8fa2b8;letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;min-height:24px;font-size:9px;font-weight:850}.field-formation option{color:#f7f9fc;background:#162338}.text-control{color:#f7f9fc;background:#172438;border:1px solid #34445b;border-radius:9px;grid-column:1/-1;width:100%;height:44px;padding:0 10px}@media (max-width:700px){.title-subrow{gap:5px}.save-status{margin:0}.side-switch button{min-width:28px}.field-caption>span{font-size:8px}.field-formation{max-width:125px}}.app-loading{color:#f7f9fc;background:radial-gradient(circle at 50% 20%,#1a3550,#0b1220 52%);place-content:center;justify-items:center;gap:10px;min-height:100dvh;display:grid}.app-loading .brand-mark{width:58px;height:58px;font-size:34px}.app-loading strong{letter-spacing:.12em}.app-loading strong span,.auth-mobile-brand strong span{color:var(--turf)}.app-loading p{color:#8192a8;margin:0;font-size:13px}.auth-page{background:#0b1220;grid-template-columns:minmax(400px,1.05fr) minmax(480px,.95fr);min-height:100dvh;display:grid}.auth-story{background:radial-gradient(circle at 20% 10%,#78d64b24,#0000 30%),linear-gradient(150deg,#152a42,#09111e 70%);border-right:1px solid #ffffff17;flex-direction:column;padding:46px clamp(40px,6vw,90px);display:flex;position:relative;overflow:hidden}.auth-story:after{content:"";border:1px solid #78d64b14;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-210px;right:-260px;box-shadow:0 0 0 70px #78d64b06,0 0 0 140px #78d64b05}.auth-brand{z-index:1;align-items:center;gap:14px;display:flex;position:relative}.auth-shield{clip-path:polygon(50% 0,94% 18%,88% 70%,50% 100%,12% 70%,6% 18%);color:#0b1220;background:linear-gradient(145deg,#9bea65,#5fb734);place-items:center;width:54px;height:62px;font-size:25px;font-weight:1000;display:grid}.auth-brand strong{letter-spacing:.01em;font-size:23px;display:block}.auth-brand strong span{color:var(--turf)}.auth-brand small{color:#758aa1;letter-spacing:.15em;margin-top:4px;font-size:8px;display:block}.auth-promise{z-index:1;max-width:590px;margin:auto 0;position:relative}.auth-promise h1{letter-spacing:-.055em;margin:15px 0 24px;font-size:clamp(42px,5vw,72px);line-height:.98}.auth-promise>p{color:#9eafc2;max-width:520px;font-size:17px;line-height:1.65}.auth-promise ul{color:#dbe4ee;gap:14px;margin:32px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.auth-promise li{align-items:center;gap:10px;display:flex}.auth-promise li svg{width:19px;color:var(--turf)}.auth-quote{z-index:1;color:#6f8299;letter-spacing:.025em;font-size:12px;position:relative}.auth-panel{color:#0f1d2f;background:#f5f7f9;flex-direction:column;padding:28px clamp(30px,5vw,78px);display:flex}.auth-mobile-brand{display:none}.auth-back{color:#64748b;background:0 0;border:0;align-self:flex-start;align-items:center;gap:7px;min-height:44px;font-size:13px;font-weight:700;display:flex}.auth-back svg{width:18px}.auth-form-wrap{width:100%;max-width:440px;margin:auto}.auth-icon{color:#4b9c2b;background:#e5f7da;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.auth-icon svg{width:23px}.auth-form-wrap h2{letter-spacing:-.035em;margin:18px 0 7px;font-size:30px}.auth-form-wrap>p{color:#697789;margin:0 0 26px;line-height:1.5}.auth-form-wrap form{gap:18px;display:grid}.auth-form-wrap label{color:#344256;gap:7px;font-size:12px;font-weight:800;display:grid}.auth-form-wrap input{color:#0f1d2f;background:#fff;border:1px solid #ccd5df;border-radius:11px;outline:0;width:100%;height:50px;padding:0 14px;transition:all .16s}.auth-form-wrap input:focus{border-color:#64b93c;box-shadow:0 0 0 3px #78d64b2e}.password-field{position:relative}.password-field input{padding-right:50px}.password-field button{color:#728197;background:0 0;border:0;width:44px;height:44px;position:absolute;top:3px;right:4px}.password-field svg{width:19px}.privacy-note{align-items:center;display:flex;color:#607184!important;gap:8px!important;margin:-2px 0 0!important;font-size:12px!important}.privacy-note svg{color:#5ba934;width:17px}.auth-submit,.auth-secondary{border:0;border-radius:11px;width:100%;min-height:50px;font-weight:850}.auth-submit{color:#0d1b2b;background:#79d64b;box-shadow:0 8px 20px #4992232e}.auth-submit:disabled{opacity:.65}.auth-secondary{color:#26374b;background:#fff;border:1px solid #cad3de;justify-content:center;align-items:center;gap:9px;display:flex}.auth-secondary svg{width:18px}.auth-link{color:#3974bd;background:0 0;border:0;min-height:35px;margin:15px auto;font-size:13px;font-weight:750;display:block}.auth-divider{border-top:1px solid #d8dee6;height:30px;margin-top:15px;position:relative}.auth-divider span{color:#8b98a8;background:#f5f7f9;padding:0 12px;font-size:12px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.auth-switch{text-align:center!important;margin:22px 0 0!important;font-size:13px!important}.auth-switch button{color:#3974bd;background:0 0;border:0;padding:5px;font-weight:850}.auth-error{color:#a52e3b;background:#fff0f1;border:1px solid #f3c7cc;border-radius:9px;padding:11px 13px;font-size:12px}.auth-success{color:#2f6620;background:#e9f8df;border:1px solid #cbeab7;border-radius:13px;gap:13px;padding:17px;display:flex}.auth-success>svg{flex:none;width:22px}.auth-success strong{font-size:14px}.auth-success p{color:#527247;margin:4px 0 0;font-size:13px;line-height:1.45}@media (max-width:820px){.auth-page{background:#f5f7f9;display:block}.auth-story{display:none}.auth-panel{min-height:100dvh;padding:18px 24px 36px}.auth-mobile-brand{justify-content:center;align-items:center;gap:9px;margin-bottom:18px;display:flex}.auth-mobile-brand .brand-mark{width:34px;height:34px}.auth-mobile-brand strong{letter-spacing:.1em;font-size:14px}.auth-form-wrap{margin:auto}.auth-form-wrap h2{font-size:27px}.auth-icon{margin-top:10px}}.onboarding-page{background:radial-gradient(circle at 50% 0,#78d64b21,#0000 35%),#0b1220;place-items:center;min-height:100dvh;padding:24px;display:grid}.onboarding-card{color:#142235;background:#f6f8fa;border-radius:24px;width:min(560px,100%);padding:36px 42px;box-shadow:0 28px 80px #00000073}.onboarding-brand{justify-content:center;align-items:center;gap:10px;margin-bottom:25px;display:flex}.onboarding-brand strong{letter-spacing:.11em;font-size:15px}.onboarding-brand strong span{color:#65b936}.onboarding-progress{gap:6px;margin-bottom:30px;display:flex}.onboarding-progress span{background:#dce2e8;border-radius:9px;flex:1;height:4px}.onboarding-progress span.active{background:#78d64b}.onboarding-card h1{letter-spacing:-.04em;margin:10px 0;font-size:34px}.onboarding-card>p,.onboarding-card form>p{color:#6b7888;line-height:1.6}.onboarding-card form{gap:16px;display:grid}.onboarding-card label,.app-modal label{color:#425064;gap:7px;font-size:12px;font-weight:800;display:grid}.onboarding-card input,.onboarding-card select,.app-modal input{color:#152438;background:#fff;border:1px solid #ccd5df;border-radius:10px;height:49px;padding:0 13px}.onboarding-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.primary-action,.secondary-action,.delete-action{border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-weight:850;display:inline-flex}.primary-action{color:#0c1a2b;background:#78d64b}.primary-action svg{width:19px}.primary-action:disabled{opacity:.6}.secondary-action{color:#304156;background:#fff;border:1px solid #cdd6df}.delete-action{color:#fff;background:#dd4b58}.onboarding-card .primary-action{width:100%;margin-top:8px}.text-action{color:#52739c;background:0 0;border:0;min-height:40px;font-weight:750}.form-error{color:#a6323e;background:#fff0f1;border:1px solid #efc6ca;border-radius:8px;padding:10px 12px;font-size:12px}.playbook-app{color:#132237;background:#f3f6f8;min-height:100dvh}.playbook-header{color:#f7f9fc;z-index:10;background:#0c1626;border-bottom:1px solid #ffffff17;grid-template-columns:250px 1fr auto;align-items:center;height:74px;padding:0 clamp(18px,4vw,56px);display:grid;position:relative}.playbook-brand{align-items:center;gap:10px;display:flex}.playbook-brand strong{letter-spacing:.12em;font-size:14px}.playbook-brand strong span{color:#78d64b}.team-switcher{justify-self:center;justify-items:center;display:grid}.team-switcher small{letter-spacing:.15em;color:#71839a;font-size:8px}.team-switcher button{background:0 0;border:0;align-items:center;gap:6px;min-height:38px;font-weight:800;display:flex}.team-switcher svg{color:#71839a;width:15px}.account-wrap{position:relative}.account-button{text-align:left;background:0 0;border:0;align-items:center;gap:9px;min-height:50px;display:flex}.account-button>span{color:#0b1828;background:#78d64b;border-radius:50%;place-items:center;width:35px;height:35px;font-weight:900;display:grid}.account-button>div{display:grid}.account-button strong{font-size:12px}.account-button small{color:#78899d;font-size:9px}.account-button>svg{color:#78899d;width:15px}.account-menu,.card-menu{color:#223247;z-index:20;background:#fff;border:1px solid #d9e0e7;border-radius:11px;min-width:190px;padding:7px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 35px #14213233}.account-menu div,.account-menu button,.card-menu button{color:#4d5d70;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;min-height:40px;padding:0 10px;font-size:12px;display:flex}.account-menu button:hover,.card-menu button:hover{background:#f0f3f6}.account-menu svg,.card-menu svg{width:16px}.card-menu .danger{color:#c43d49}.offline-banner{color:#755816;background:#fff2cd;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:12px;font-weight:750;display:flex}.offline-banner svg{width:16px}.playbook-content{width:min(1280px,100%);margin:auto;padding:42px clamp(18px,4vw,52px) 70px}.playbook-title-row{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.playbook-title-row h1{letter-spacing:-.045em;margin:8px 0 5px;font-size:clamp(30px,4vw,44px)}.playbook-title-row p{color:#748294;margin:0;font-size:13px}.new-play{min-width:135px}.playbook-error{color:#a5303c;background:#fff1f2;border:1px solid #f1cdd1;border-radius:10px;align-items:center;gap:12px;margin-top:20px;padding:11px 14px;font-size:12px;display:flex}.playbook-error span{flex:1}.playbook-error button{color:inherit;background:0 0;border:0;font-weight:850}.playbook-error button:last-child{width:35px;height:35px;padding:0}.playbook-error svg{width:16px}.library-toolbar{border-bottom:1px solid #dbe1e7;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:14px;margin-top:35px;display:grid}.side-tabs{align-self:stretch;display:flex}.side-tabs button{color:#7d8997;background:0 0;border:0;border-bottom:3px solid #0000;min-height:54px;padding:0 22px;font-weight:850}.side-tabs button.active{color:#152437;border-bottom-color:#70c943}.side-tabs span{background:#e5eaf0;border-radius:99px;place-items:center;min-width:22px;height:19px;margin-left:4px;font-size:9px;display:inline-grid}.side-tabs button.active span{color:#438423;background:#ddf3d1}.play-search{background:#fff;border:1px solid #d4dbe3;border-radius:9px;align-items:center;gap:7px;height:40px;margin-bottom:10px;padding:0 11px;display:flex}.play-search svg{color:#8693a3;width:17px}.play-search input{color:#223248;border:0;outline:0;width:100%}.favorite-filter{color:#6a7889;background:#fff;border:1px solid #d4dbe3;border-radius:9px;align-items:center;gap:7px;height:40px;margin-bottom:10px;padding:0 12px;font-size:11px;font-weight:800;display:flex}.favorite-filter svg{width:16px}.favorite-filter.active{color:#9b720d;background:#fff9df;border-color:#e6c66e}.category-row{flex-wrap:wrap;gap:7px;padding:17px 0;display:flex}.category-row button{color:#637185;background:#fff;border:1px solid #d8dfe6;border-radius:99px;min-height:34px;padding:0 12px;font-size:10px;font-weight:800}.category-row button.active{color:#fff;background:#14263a;border-color:#14263a}.play-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.library-play-card{background:#fff;border:1px solid #dbe1e7;border-radius:15px;transition:all .18s;overflow:visible;box-shadow:0 4px 14px #1625380d}.library-play-card:hover{border-color:#c8d2dc;transform:translateY(-2px);box-shadow:0 12px 28px #1625381f}.thumbnail-button{background:#102c1b;border:0;border-radius:14px 14px 0 0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.play-thumbnail{width:100%;height:170px;display:block}.side-chip{color:#fff;letter-spacing:.1em;background:#0a131fd9;border-radius:6px;padding:5px 7px;font-size:8px;font-weight:900;position:absolute;top:11px;left:11px}.side-chip.defense{background:#2f63a5e6}.play-card-copy{grid-template-columns:1fr auto auto;align-items:center;gap:5px;padding:15px 10px 8px 16px;display:grid}.play-card-title{text-align:left;color:#1a2a3d;background:0 0;border:0;gap:4px;min-width:0;padding:0;display:grid}.play-card-title strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.play-card-title span{color:#778596;font-size:10px}.card-favorite,.card-menu-wrap>button{color:#95a1af;background:0 0;border:0;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.card-favorite:hover,.card-menu-wrap>button:hover{background:#f1f4f6}.card-favorite.active{color:#e4a918}.card-favorite svg,.card-menu-wrap svg{width:18px}.card-menu-wrap{position:relative}.card-menu{min-width:140px;top:43px}.play-card-meta{color:#8995a3;justify-content:space-between;padding:0 16px 15px;font-size:9px;display:flex}.play-card-meta span{color:#536276;background:#eff3f6;border-radius:99px;padding:4px 7px;font-weight:750}.play-card-skeleton{background:linear-gradient(100deg,#e9edf1 25%,#f6f8f9 37%,#e9edf1 63%) 0 0/400% 100%;border-radius:15px;height:265px;animation:1.4s infinite skeleton}.playbook-empty{text-align:center;background:#fff;border:1px dashed #ccd5df;border-radius:18px;padding:65px 20px}.playbook-empty>span{color:#63ad3c;background:#edf7e8;border-radius:20px;place-items:center;width:70px;height:70px;margin:auto;display:grid}.playbook-empty svg{width:30px}.playbook-empty h2{margin:18px 0 7px;font-size:22px}.playbook-empty p{color:#748294;max-width:460px;margin:0 auto 22px;line-height:1.55}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#050c15b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.app-modal{color:#172639;background:#f7f9fa;border-radius:20px;width:min(500px,100%);max-height:calc(100dvh - 36px);padding:31px;position:relative;overflow:auto;box-shadow:0 30px 80px #00000073}.modal-close{color:#607083;background:#e9edf1;border:0;border-radius:10px;width:40px;height:40px;position:absolute;top:16px;right:16px}.modal-close svg{width:18px}.modal-icon{color:#55a42f;background:#e4f6d9;border-radius:14px;place-items:center;width:49px;height:49px;display:grid}.modal-icon svg{width:22px}.app-modal h2{letter-spacing:-.03em;margin:17px 0 6px;font-size:25px}.app-modal>p{color:#6f7c8c;margin:0 0 22px;font-size:13px;line-height:1.5}.app-modal label{margin-bottom:18px}.app-modal fieldset{border:0;margin:0 0 20px;padding:0}.app-modal legend{color:#425064;margin-bottom:7px;font-size:12px;font-weight:800}.modal-choice{gap:8px;display:grid}.modal-choice button{color:#26374a;text-align:left;background:#fff;border:1px solid #d3dbe3;border-radius:11px;grid-template-columns:42px 1fr 24px;align-items:center;gap:9px;min-height:66px;padding:9px 11px;display:grid}.modal-choice button.active{border-color:#6fc544;box-shadow:0 0 0 2px #78d64b2e}.modal-choice button>span{color:#fff;background:#17293d;border-radius:9px;place-items:center;width:38px;height:38px;font-size:9px;font-weight:900;display:grid}.modal-choice button div{gap:3px;display:grid}.modal-choice small{color:#7b8999}.modal-choice svg{color:#5caf35;width:18px}.app-modal>.primary-action{width:100%}.confirm-modal{text-align:center;max-width:430px}.confirm-modal .modal-icon{margin:auto}.confirm-modal .modal-icon.danger{color:#cf3e4a;background:#fde7e9}.confirm-modal>div{grid-template-columns:1fr 1fr;gap:9px;display:grid}.confirm-modal .secondary-action,.confirm-modal .delete-action{width:100%}@keyframes skeleton{0%{background-position:100% 0}to{background-position:0 0}}@media (max-width:960px){.play-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.playbook-header{grid-template-columns:190px 1fr auto}.account-button>div{display:none}}@media (max-width:650px){.playbook-header{grid-template-columns:45px 1fr 45px;height:64px;padding:0 12px}.playbook-brand strong{display:none}.playbook-brand .brand-mark{width:35px;height:35px}.team-switcher button{font-size:12px}.account-button>svg{display:none}.account-button>span{width:35px;height:35px}.playbook-content{padding:25px 12px 50px}.playbook-title-row{align-items:center}.playbook-title-row h1{font-size:27px}.playbook-title-row p{font-size:11px}.new-play{border-radius:50%;width:48px;min-width:48px;height:48px;padding:0;font-size:0}.new-play svg{width:20px}.library-toolbar{border:0;grid-template-columns:1fr auto;gap:9px}.side-tabs{border-bottom:1px solid #dbe1e7;grid-column:1/-1}.side-tabs button{flex:1;padding:0 10px}.play-search{margin:0}.favorite-filter{justify-content:center;width:42px;margin:0;padding:0;font-size:0}.category-row{flex-wrap:nowrap;margin-right:-12px;padding-right:12px;overflow:auto}.category-row button{white-space:nowrap}.play-grid{grid-template-columns:1fr;gap:12px}.library-play-card{grid-template-columns:145px 1fr;display:grid;overflow:visible}.thumbnail-button{border-radius:14px 0 0 14px}.play-thumbnail{height:108px}.play-card-copy{grid-template-columns:1fr auto;padding:14px 7px 3px 12px}.card-menu-wrap{grid-area:1/3}.card-favorite{display:none}.play-card-meta{grid-column:2;padding:0 12px 12px}.side-chip{top:7px;left:7px}.onboarding-card{padding:28px 22px}.onboarding-card h1{font-size:29px}.onboarding-row{grid-template-columns:1fr}.app-modal{padding:25px 20px}.account-menu{right:-3px}}.side-badge{letter-spacing:.09em;color:#0b1727;background:#78d64b;border-radius:5px;padding:4px 7px;font-size:8px;font-weight:900}.side-badge.defense{color:#081528;background:#78aef5}.save-status.error{color:#ff9aa3}.save-status.error span{background:#e34d59}.editor-load-error{text-align:center;background:radial-gradient(circle at 50% 20%,#1a3048,#0b1220 50%);place-content:center;justify-items:center;min-height:100dvh;padding:24px;display:grid}.editor-load-error>span{color:#78d64b;letter-spacing:.18em;font-size:10px;font-weight:900}.editor-load-error h1{margin:12px 0 5px;font-size:32px}.editor-load-error p{color:#8fa0b4;max-width:500px;line-height:1.55}.editor-load-error>div{gap:9px;margin-top:15px;display:flex}.editor-load-error button{background:#142238;border:1px solid #34465d;border-radius:9px;align-items:center;gap:7px;min-height:44px;padding:0 14px;display:flex}.editor-load-error svg{width:17px}.header-actions .details-button{padding:0 13px}.details-button span{font-size:11px;font-weight:800}.details-backdrop{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030910b8;justify-content:flex-end;display:flex;position:fixed;inset:0}.play-details-panel{color:#17263a;background:#f5f7f9;width:min(520px,100%);height:100%;padding:30px;overflow:auto;box-shadow:-20px 0 60px #0006}.play-details-panel header{justify-content:space-between;align-items:flex-start;display:flex}.play-details-panel h2{margin:6px 0;font-size:28px}.play-details-panel header button{color:#526276;background:#e5eaf0;border:0;border-radius:10px;width:44px;height:44px}.play-details-panel header svg{width:19px}.play-details-panel>p{color:#6d7b8d;margin:5px 0 24px;font-size:13px;line-height:1.55}.details-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.details-grid label{color:#435166;gap:6px;font-size:11px;font-weight:850;display:grid}.details-grid input,.details-grid select,.details-grid textarea{color:#17263a;background:#fff;border:1px solid #ccd5df;border-radius:9px;width:100%;padding:0 11px}.details-grid input,.details-grid select{height:44px}.details-grid textarea{resize:vertical;min-height:72px;padding-top:10px}.details-grid .wide{grid-column:1/-1}.play-details-panel>.primary-action{width:100%;margin-top:22px}.control-label+.control-label{margin-top:11px}@media (max-width:700px){.header-actions .details-button{padding:0}.details-button span{display:none}.play-details-panel{width:100%;padding:20px 17px}.details-grid{grid-template-columns:1fr 1fr}.play-details-panel h2{font-size:24px}}.presentation-app{color:#f7f9fc;background:#091220;min-height:100dvh;padding:22px}.presentation-app>header{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;max-width:1240px;margin:0 auto 20px;display:grid}.presentation-app>header button{background:#142238;border:1px solid #314157;border-radius:10px;align-items:center;gap:7px;min-height:44px;padding:0 13px;display:inline-flex}.presentation-app>header>button{justify-self:start}.presentation-app>header>div:nth-child(2){text-align:center}.presentation-app h1{margin:5px 0 2px;font-size:25px}.presentation-app header p{color:#8293a8;margin:0;font-size:11px}.presentation-app>header>div:last-child{justify-self:end;gap:8px;display:flex}.presentation-app>header svg{width:17px}.presentation-app .edit-presentation{color:#0b1727;background:#78d64b;border-color:#78d64b}.presentation-layout{grid-template-columns:minmax(340px,610px) minmax(280px,420px);align-items:start;gap:24px;max-width:1120px;margin:auto;display:grid}.presentation-stage{background:#101c2c;border:1px solid #26364b;border-radius:20px;padding:15px}.teaching-field{border-radius:16px;width:100%;max-height:calc(100dvh - 190px);display:block}.presentation-controls{align-items:center;gap:10px;height:58px;padding:8px;display:flex}.presentation-controls button{background:#15243a;border:1px solid #33445b;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.presentation-controls .presentation-play{color:#0b1727;background:#78d64b;border:0}.presentation-controls input{accent-color:#78d64b;flex:1}.teaching-notes{gap:14px;display:grid}.teaching-notes>section{background:#111d2e;border:1px solid #26364b;border-radius:15px;padding:18px}.teaching-notes h2{margin:9px 0;font-size:19px;line-height:1.35}.teaching-notes p{color:#93a3b6;font-size:13px;line-height:1.55}.situation-card{align-items:center;gap:9px;display:flex}.situation-card span,.situation-card small{text-transform:uppercase;background:#1c2c41;border-radius:99px;padding:6px 9px;font-size:9px;font-weight:850}.situation-card strong{color:#78d64b}.situation-card small{margin-left:auto}.assignment-list{gap:11px;margin:14px 0 0;padding:0;list-style:none;display:grid}.assignment-list li{align-items:center;gap:11px;display:flex}.assignment-list b{color:#091220;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.assignment-list li div{gap:3px;display:grid}.assignment-list li strong{font-size:12px}.assignment-list li small{color:#8293a8;font-size:10px}.coach-callout{background:#78d64b14!important;border-color:#78d64b59!important}.coach-callout>span{color:#78d64b;letter-spacing:.14em;font-size:9px;font-weight:900}@media (max-width:760px){.presentation-app{padding:10px}.presentation-app>header{grid-template-columns:auto 1fr auto}.presentation-app>header>div:nth-child(2){text-align:left}.presentation-app>header>div:last-child button:first-child{display:none}.presentation-app>header button{justify-content:center;width:44px;padding:0;font-size:0}.presentation-layout{grid-template-columns:1fr}.teaching-field{max-height:none}.presentation-app h1{font-size:17px}.presentation-app header p{display:none}}@media print{body{background:#fff!important}.presentation-app{color:#111;background:#fff;padding:0}.presentation-app>header>button,.presentation-app>header>div:last-child,.presentation-controls{display:none!important}.presentation-app>header{margin:0 0 10px;display:block}.presentation-app>header>div:nth-child(2){text-align:left}.presentation-layout{grid-template-columns:58% 42%;gap:10px;max-width:none}.presentation-stage,.teaching-notes>section{break-inside:avoid;color:#111;background:#fff;border:1px solid #bbb}.teaching-field{max-height:8.5in}.teaching-notes p,.assignment-list li small{color:#444}}.invite-card>p[role=status]{grid-column:1/-1;margin:8px 0 0;line-height:1.4}.library-play-card{z-index:1;position:relative}.library-play-card.menu-open{z-index:40}.library-play-card.menu-open:hover{transform:none}.library-play-card .card-menu{z-index:50;opacity:1;isolation:isolate;background:#fff;box-shadow:0 18px 42px #101f3047}html{-moz-text-size-adjust:100%;text-size-adjust:100%}.onboarding-card{position:relative}.onboarding-close{color:#617184;background:#e8edf1;border:0;border-radius:11px;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:16px;right:16px}.onboarding-close svg{width:19px}.onboarding-welcome>p{color:#6b7888;line-height:1.6}.onboarding-start-options{gap:9px;margin-top:22px;display:grid}.onboarding-start-options>button{color:#26374a;text-align:left;background:#fff;border:1px solid #d3dbe3;border-radius:13px;grid-template-columns:44px minmax(0,1fr) 22px;align-items:center;gap:10px;min-height:72px;padding:10px 12px;display:grid}.onboarding-start-options>button:hover{background:#f9fff6;border-color:#76ca4e}.onboarding-start-options>button>span{color:#559b36;background:#e6f5de;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.onboarding-start-options>button>span svg{width:20px}.onboarding-start-options>button>div{gap:4px;display:grid}.onboarding-start-options strong{font-size:13px}.onboarding-start-options small{color:#748294;font-size:10px}.onboarding-start-options>button>svg{color:#8794a2;width:17px}.onboarding-page{padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom))}.onboarding-card.onboarding-finish{width:min(760px,100%)}.onboarding-finish-copy{color:#64748b;margin:0;line-height:1.55}.onboarding-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0;display:grid}.onboarding-plan{background:#fff;border:1px solid #d7e0e9;border-radius:16px;align-content:start;gap:16px;padding:20px;display:grid}.onboarding-plan.pro{background:linear-gradient(145deg,#f7fff3,#eefbe8);border-color:#9be27a}.onboarding-plan-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.onboarding-plan-head div{gap:5px;display:grid}.onboarding-plan-head span{letter-spacing:.14em;color:#5c6c80;font-size:10px;font-weight:900}.onboarding-plan.pro .onboarding-plan-head span{color:#2d7b22}.onboarding-plan-head h2{margin:0;font-size:22px}.onboarding-plan-head>svg{color:#78d64b;width:26px;height:26px}.onboarding-plan ul{gap:11px;margin:0;padding:0;list-style:none;display:grid}.onboarding-plan li{color:#425064;align-items:flex-start;gap:8px;font-size:12px;font-weight:750;line-height:1.35;display:flex}.onboarding-plan li svg{color:#4eaa36;flex:none;width:16px;height:16px}.onboarding-plan-price{align-items:baseline;gap:6px;display:flex}.onboarding-plan-price strong{font-size:25px}.onboarding-plan-price span,.onboarding-plan>small{color:#6b7888;font-size:10px;line-height:1.4}.onboarding-finish-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.onboarding-finish-actions .primary-action,.onboarding-finish-actions .secondary-action{justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;display:flex}.onboarding-finish-actions svg{width:18px}@media (max-width:650px){.onboarding-page{padding:max(16px,env(safe-area-inset-top)) 12px calc(112px + env(safe-area-inset-bottom))}.onboarding-card.onboarding-finish{padding:24px 18px}.onboarding-plan-grid{grid-template-columns:1fr;margin:18px 0}.onboarding-plan{padding:16px}.onboarding-finish-actions{grid-template-columns:1fr}}.offline-status-pill{z-index:45;color:#2f5f25;background:#eef9e9;border:1px solid #c9d7c3;border-radius:99px;align-items:center;gap:9px;max-width:min(430px,100vw - 36px);min-height:43px;padding:7px 10px 7px 13px;font-size:11px;font-weight:850;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 28px #0f1f2e33}.offline-status-pill>svg{flex:none;width:17px}.offline-status-pill span{line-height:1.3}.offline-status-pill.offline{color:#735716;background:#fff5d9;border-color:#ead292}.offline-status-pill.attention{color:#8a3d20;background:#fff0e8;border-color:#e9bda8}.offline-status-pill a,.offline-status-pill button{color:inherit;min-height:29px;font:inherit;white-space:nowrap;background:#fff;border:0;border-radius:99px;align-items:center;gap:5px;padding:0 10px;text-decoration:none;display:flex}.offline-status-pill button svg{width:13px}@media (max-width:700px){.offline-status-pill{right:10px;bottom:calc(92px + env(safe-area-inset-bottom));max-width:calc(100vw - 20px);font-size:10px}}.pwa-shell-notice{z-index:46;color:#315f26;background:#eef9e9;border:1px solid #b9dba8;border-radius:14px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;max-width:min(430px,100vw - 36px);min-height:48px;padding:8px 10px 8px 12px;display:grid;position:fixed;bottom:18px;left:18px;box-shadow:0 10px 28px #0f1f2e33}.pwa-shell-notice.error{color:#765719;background:#fff4df;border-color:#e5c18c}.pwa-shell-notice>svg{width:18px}.pwa-shell-notice span{gap:2px;display:grid}.pwa-shell-notice b{font-size:11px}.pwa-shell-notice small{font-size:9px;line-height:1.35}.pwa-shell-notice button{color:#10263a;background:#65d33b;border:0;border-radius:9px;min-height:32px;padding:0 11px;font-size:9px;font-weight:900}.pwa-shell-notice button:disabled{opacity:.45}@media (max-width:700px){.pwa-shell-notice{left:10px;bottom:calc(92px + env(safe-area-inset-bottom));max-width:calc(100vw - 20px)}}
.preset-heading{color:#718198;letter-spacing:.14em;margin-top:20px;font-size:9px;font-weight:850;display:block}.route-presets{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px;display:grid}.route-presets button,.clipboard-button{color:#b7ee9b;background:#78d64b14;border:1px solid #78d64b3d;border-radius:9px;min-height:40px;font-size:11px;font-weight:800}.route-presets button:hover,.route-presets button:focus-visible,.clipboard-button:hover{background:var(--turf);color:var(--ink)}.clipboard-button{justify-content:center;align-items:center;gap:7px;width:100%;margin-top:12px;display:flex}.clipboard-button svg{width:15px}.route-actions{grid-template-columns:1.35fr 1fr;gap:8px;margin-top:20px;display:grid}.route-actions .clipboard-button,.route-actions .danger-button{margin:0}.route-actions .danger-button{padding:0 8px}.route-ball-action{width:100%;margin:10px 0 4px}.ball-sequence-summary{background:#38bdf814;border:1px solid #38bdf840;border-radius:9px;justify-content:space-between;gap:10px;margin:10px 0;padding:9px 10px;font-size:10px;display:flex}.ball-sequence-summary b{color:#7dd3fc;text-transform:uppercase;letter-spacing:.08em}.ball-sequence-summary span{color:#c7d2df}.parity-move-button,.route-choice-toggle button,.custom-route-actions button,.player-secondary-actions button,.route-edit-primary button,.segment-style-controls button,.segment-shape-controls button,.ball-type-buttons button,.ball-chain-actions button{color:#dce6f1;background:#17263a;border:1px solid #34465d;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;font-weight:850;display:flex}.parity-move-button{color:#dffbd1;border-color:#78d64b73;width:100%;margin:13px 0 5px}.parity-move-button svg,.custom-route-actions svg,.player-secondary-actions svg,.route-edit-primary svg,.ball-chain-actions svg{width:18px}.route-choice-toggle{background:#0e1c2d;border:1px solid #2e4259;border-radius:12px;grid-template-columns:1fr 1fr;gap:5px;margin:10px 0 12px;padding:4px;display:grid}.route-choice-toggle button{background:0 0;border:0;font-size:11px}.route-choice-toggle button.active{color:#0b1727;background:#f7f9fc}.custom-route-actions{gap:7px;display:grid}.custom-route-actions button{text-align:left;justify-content:flex-start;padding:9px 11px}.custom-route-actions button.primary-custom-route{background:#78d64b24;border-color:#78d64b}.custom-route-actions span{gap:2px;display:grid}.custom-route-actions small{color:#8fa1b5;font-size:9px}.player-secondary-actions,.route-edit-primary,.ball-chain-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.player-secondary-actions button,.route-edit-primary button,.ball-chain-actions button{padding:0 8px;font-size:10px}.segment-style-controls,.segment-shape-controls,.ball-type-buttons{grid-template-columns:repeat(3,1fr);gap:5px;margin:8px 0;display:grid}.segment-shape-controls{grid-template-columns:1fr 1fr}.segment-style-controls button,.segment-shape-controls button,.ball-type-buttons button{text-transform:capitalize;min-width:0;min-height:38px;padding:0 6px;font-size:9px}.segment-style-controls button.active,.segment-shape-controls button.active,.ball-type-buttons button.active{color:#dffbd1;background:#78d64b29;border-color:#78d64b}.segment-style-controls i{border-top:4px solid;width:25px}.segment-style-controls i.dashed{border-top-style:dashed}.segment-style-controls i.dotted{border-top-style:dotted}.snap-lock{background:#78d64b14;border:1px solid #78d64b47;border-radius:9px;gap:3px;margin:10px 0;padding:10px;display:grid}.snap-lock strong{color:#dffbd1;font-size:11px}.snap-lock span{color:#8fa1b5;font-size:9px}.selection-dismiss{display:none}.tool-dock{position:relative}.tool-dock:has(.draw-options){width:100%;max-width:610px;margin-inline:auto}.draw-options{z-index:4;background:#101c2d;border:1px solid #94a3b833;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:7px;height:58px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;right:0;box-shadow:0 8px 22px #00000038}.tool-dock .draw-options button{color:#a9b8c9;text-transform:none;background:#17263a;border:1px solid #34465d;border-radius:8px;flex:0 auto;min-width:0;min-height:36px;padding:0 10px;font-size:10px;font-weight:850}.tool-dock .draw-options button.active{color:#dffbd1;background:#78d64b29;border-color:#78d64b}.draw-method,.line-choice{gap:5px;display:flex}.draw-method button{white-space:nowrap}.line-choice{justify-content:flex-end}.line-choice button{align-items:center;display:flex;gap:5px!important}.line-choice button span{text-transform:capitalize}.line-choice i,.semantic-style i{background:#e9f0f7;border-radius:99px;width:28px;height:4px;display:block}.line-choice i.dashed{background:repeating-linear-gradient(90deg,#e9f0f7 0 8px,#0000 8px 12px)}.line-choice i.dotted,.semantic-style i.dotted{background:repeating-linear-gradient(90deg,#f5b942 0 3px,#0000 3px 8px)}.semantic-style{color:#f5c35d;justify-self:end;align-items:center;gap:7px;padding:0 8px;font-size:10px;font-weight:850;display:flex}.ball-draw-type{color:#8395a9;letter-spacing:.1em;justify-self:end;align-items:center;gap:7px;font-size:8px;font-weight:900;display:flex}.ball-draw-type select{color:#edf3fa;background:#17263a;border:1px solid #34465d;border-radius:8px;min-width:160px;height:36px;padding:0 9px;font-size:10px;font-weight:800}.canvas-column:has(.draw-options) .animation-bar{visibility:hidden;pointer-events:none}.tool-dock:has(.draw-options) .tool-guidance{text-align:center;white-space:normal;width:max-content;max-width:calc(100vw - 24px);box-shadow:none;border-radius:8px;padding:5px 9px;line-height:1.25;bottom:calc(100% + 72px)}.tool-guidance{z-index:3;color:#dffbd1;white-space:nowrap;pointer-events:none;background:#0b1220f0;border:1px solid #78d64b5c;border-radius:99px;width:max-content;max-width:calc(100vw - 24px);padding:7px 11px;font-size:10px;font-weight:800;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 22px #0000004d}@media (max-width:700px){.draw-options{grid-template-columns:1fr 1fr;gap:5px;padding:5px}.tool-dock .draw-options button{min-height:34px;padding-inline:7px;font-size:9px}.line-choice button span{display:none}.line-choice button{flex:1;justify-content:center}.line-choice i{width:24px}.ball-draw-type{grid-column:2;gap:4px}.ball-draw-type select{width:100%;min-width:0;padding-inline:5px;font-size:9px}.semantic-style{padding-inline:4px;font-size:9px}.tool-dock:has(.draw-options) .tool-guidance{font-size:9px}.tool-guidance{white-space:normal;text-align:center;width:calc(100vw - 24px);line-height:1.25}.route-presets{grid-template-columns:repeat(5,1fr)}.route-presets button{min-width:54px;padding:0 5px}.preset-heading{margin-top:12px}.route-actions{background:#111d2f;padding-top:8px;position:sticky;bottom:0}.selection-dismiss{color:#9dafc4;background:0 0;border:0;min-height:36px;font-size:11px;font-weight:800;display:block;position:absolute;top:10px;right:12px}}
.editor-app{height:100dvh}.canvas-column{min-height:0;overflow:hidden}.field-frame{min-width:0;max-height:100%;position:relative}.field-svg.tool-pan{cursor:grab}.field-svg.tool-pan:active{cursor:grabbing}.field-svg{overscroll-behavior:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none!important}.field-svg *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none!important}.field-svg .route-hit-target,.field-svg .ball-hit-target,.field-svg .route-handle-hit-target,.field-svg .player-hit-target{pointer-events:stroke}.tool-dock button,.animation-bar button,.field-context-bar button{touch-action:manipulation}.selection-box{fill:#78d64b1f;stroke:#b7ee9b;stroke-width:2px;stroke-dasharray:8 6;pointer-events:none}.canvas-zoom{background:#15243a;border:1px solid #35475d;border-radius:7px;justify-content:center;align-items:center;gap:1px;height:31px;padding:2px;display:flex}.canvas-zoom button{place-items:center;width:27px;height:27px;color:#c6d2df!important;background:0 0!important;border:0!important;border-radius:5px!important;padding:0!important;display:grid!important}.canvas-zoom button:hover:not(:disabled){color:#fff;background:#26364a}.canvas-zoom button:disabled{opacity:.3}.canvas-zoom svg{width:16px}.canvas-zoom output{text-align:center;color:#9dafc4;min-width:40px;font-size:9px;font-weight:850}.formation-preview{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c1928f2;border:1px solid #78d64b59;border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:9px;padding:11px 12px;display:grid;position:absolute;top:38px;left:10px;right:10px;box-shadow:0 14px 30px #0000004d}.formation-preview div{gap:3px;display:grid}.formation-preview strong{font-size:12px}.formation-preview span{color:#8fa0b5;font-size:10px}.formation-preview button{color:#c7d2df;background:#17263a;border:1px solid #35475d;border-radius:8px;min-height:38px;padding:0 11px;font-size:10px;font-weight:850}.formation-preview .primary{color:#0b1727;background:#78d64b;border-color:#78d64b}.waypoint-controls{z-index:6;background:#081420;border:1px solid #78d64b73;border-radius:12px;grid-template-columns:repeat(4,1fr);align-items:center;gap:6px;margin:0;padding:9px 10px;display:grid;position:absolute;top:18px;left:3px;right:3px;box-shadow:0 8px 20px #0000003d}.waypoint-controls div{grid-column:1/-1;gap:2px;display:grid}.waypoint-controls strong{color:#dff8d2;font-size:11px}.waypoint-controls span{color:#8fa0b5;font-size:9px}.waypoint-controls button{color:#c7d2df;white-space:nowrap;background:#17263a;border:1px solid #35475d;border-radius:8px;width:100%;min-width:0;min-height:34px;padding:0 6px;font-size:9px;font-weight:850}.waypoint-controls button:disabled{opacity:.4}.waypoint-controls .primary{color:#0b1727;background:#78d64b;border-color:#78d64b}.field-context-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1724c7;border:1px solid #94a3b824;border-radius:11px;grid-template-columns:minmax(128px,.8fr) minmax(145px,1fr) auto auto;align-items:end;gap:7px;margin:0 3px 7px;padding:7px;display:grid}.field-context-bar label{color:#7890aa;letter-spacing:.12em;gap:3px;font-size:8px;font-weight:900;display:grid}.field-context-bar select{color:#e5edf6;background:#15243a;border:1px solid #35475d;border-radius:7px;min-width:0;height:31px;padding:0 8px;font-size:10px;font-weight:750}.field-context-bar button{color:#aab8c8;white-space:nowrap;background:#15243a;border:1px solid #35475d;border-radius:7px;justify-content:center;align-items:center;gap:5px;height:31px;padding:0 9px;font-size:10px;font-weight:850;display:flex}.field-context-bar button.active{color:#dcebff;background:#2f7cf62e;border-color:#6fa8dc}.field-context-bar button svg{width:14px}.blitzer-callout{background:linear-gradient(135deg,#f9731629,#f5b9420f);border:1px solid #f9731666;border-radius:10px;gap:4px;margin:14px 0 2px;padding:12px;display:grid}.blitzer-callout strong{color:#fdba74;font-size:12px}.blitzer-callout span{color:#b7c3d2;font-size:11px;line-height:1.45}.route-presets button.recommended{color:#111827;background:#f97316;border-color:#f97316;grid-column:1/-1}.multi-selection h2{margin-bottom:4px}.multi-selection>p{margin-top:0}.alignment-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px;display:grid}.alignment-grid button{color:#aebdcd;background:#172438;border:1px solid #33445a;border-radius:9px;justify-content:center;align-items:center;gap:6px;height:43px;font-size:10px;font-weight:800;display:flex}.alignment-grid button:hover:not(:disabled){color:#b7ee9b;background:#78d64b14;border-color:#78d64b}.alignment-grid button:disabled{opacity:.35}.alignment-grid svg{width:17px}.alignment-grid.two,.multi-selection .route-actions{grid-template-columns:1fr 1fr}.multi-selection .selection-hint{color:#a9b8c8;background:#78d64b0f;border:1px solid #78d64b2e;border-radius:9px;margin:15px 0 0;padding:11px}.header-actions .home-button{padding:0 13px}.home-button span{font-size:11px;font-weight:800}.header-actions .editor-exit{color:#122238;background:#f7f9fc;border-color:#f7f9fc7a;flex:none;box-shadow:0 3px 12px #0000002e}.header-actions .editor-exit:hover{background:#78d64b;border-color:#78d64b}.reset-button.armed{color:#ffd987;background:#f5b9421f;border-color:#f5b942}.editor-header .save-status{pointer-events:none}@media (max-width:1250px){.editor-header{grid-template-columns:150px minmax(130px,1fr) auto;gap:12px;padding-inline:14px}.editor-header>.brand-lockup .brand-wordmark{display:none}.header-actions{gap:5px}.header-actions .details-button,.header-actions .mirror-button{min-width:44px;padding:0}.details-button span,.mirror-button span{display:none}}@media (min-width:701px) and (max-width:900px){.editor-grid{grid-template-columns:minmax(0,1fr) 270px}.editor-grid>.inspector{width:auto;max-height:none;box-shadow:none;background:#0f1828d6;border-left:1px solid #e7edf41a;display:none;position:static}.editor-grid>.inspector.has-selection{display:flex}.editor-grid>.inspector .formation-pill{display:none}.field-frame{max-width:610px}.selection-dismiss{color:#b7c4d2;background:#172438;border:1px solid #34445b;border-radius:8px;min-height:36px;margin-top:8px;font-size:11px;font-weight:800;display:block}.editor-grid>.inspector .reset-button{display:none}}@media (min-width:701px) and (max-width:900px) and (orientation:portrait){.editor-grid:has(>.inspector.has-selection){grid-template-rows:minmax(590px,calc(100dvh - 72px)) auto;grid-template-columns:1fr;height:auto;min-height:calc(100dvh - 72px);display:grid;overflow:auto}.editor-grid>.inspector.has-selection{border-top:1px solid #e7edf41a;border-left:0;grid-row:2;padding:20px 24px;display:block}.editor-grid>.inspector .selection-content{max-height:none;margin-top:18px;overflow:visible}.editor-grid>.inspector .selection-content>p{margin:5px 0 10px}.editor-grid>.inspector .selection-content h2{margin:7px 0}.editor-grid>.inspector .control-label{margin:11px 0 7px}.editor-grid>.inspector .route-actions{position:static}}@media (max-width:700px){.canvas-zoom{height:29px}.canvas-zoom button{width:26px;height:25px}.canvas-zoom output{min-width:34px}.formation-preview{grid-template-columns:1fr 1fr;top:32px}.formation-preview div{grid-column:1/-1}.formation-preview button{width:100%}.field-context-bar{grid-template-columns:1fr 1fr;margin-bottom:5px;padding:5px}.field-context-bar>button{height:29px}.field-context-bar select{height:29px;font-size:9px}.tool-dock button{padding-left:4px;padding-right:4px}.multi-selection .alignment-grid{grid-template-columns:repeat(6,1fr)}.multi-selection .alignment-grid.two{grid-template-columns:1fr 1fr}.multi-selection .alignment-grid button{min-width:38px}.editor-grid:has(>.inspector.has-selection){height:auto;min-height:calc(100dvh - 104px);overflow:auto}.editor-grid:has(>.inspector.has-selection)>.canvas-column{flex:0 0 calc(100dvh - 104px)}.editor-app .inspector.has-selection{max-height:none;box-shadow:none;border-width:1px 0 0;border-radius:0;order:2;margin:0;padding:19px 16px 28px;display:block;position:static}.editor-app .inspector.has-selection .selection-content{max-height:none;overflow:visible}.editor-app .inspector.has-selection .selection-dismiss{color:#c4d0dd;background:#172438;border:1px solid #34445b;border-radius:9px;width:100%;min-height:42px;margin-bottom:12px;display:block}.waypoint-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:auto;max-width:calc(100% - 8px);padding:8px;left:4px;right:4px;overflow:hidden}.waypoint-controls div{grid-column:1/-1;min-width:0}.waypoint-controls button{white-space:normal;overflow-wrap:anywhere;min-width:0;padding:4px 5px;font-size:9px;line-height:1.15}.editor-header .title-subrow{pointer-events:none}.editor-header .title-subrow button{pointer-events:auto}}.field-svg.tool-move-player{cursor:move}.save-status.dirty{color:#f5c86b}.save-status.dirty span{background:#f5b942}.header-actions .save-play-button{color:#0b1727;background:#78d64b;border-color:#78d64b;padding:0 13px;font-weight:900}.header-actions .save-play-button:disabled{color:#91a1b8;background:#152238;border-color:#e7edf424}.editor-leave-modal{color:#172639;max-width:460px}.editor-leave-modal .modal-icon{color:#398921;background:#e4f8db}.editor-leave-modal>div{grid-template-columns:1fr}.editor-leave-modal .primary-action{width:100%}@media (max-width:700px){.header-actions .save-play-button{padding:0}.save-play-button span{display:none}}.editor-mode-toggle{background:#0c1727;border:1px solid #33465d;border-radius:11px;grid-template-columns:1fr 1fr;align-items:center;gap:2px;padding:3px;display:grid}.header-actions .editor-mode-toggle button,.simple-header-actions .editor-mode-toggle button{color:#8fa2b6;width:auto;min-width:66px;height:36px;min-height:36px;box-shadow:none;background:0 0;border:0;border-radius:8px;padding:0 9px;font-size:10px;font-weight:900}.header-actions .editor-mode-toggle button.active,.simple-header-actions .editor-mode-toggle button.active{color:#132338;background:#f7f9fc}.editor-mode-toggle button[aria-pressed=false]:hover:not(:disabled){color:#fff;background:#22344a}.editor-mode-toggle .mode-short{display:none}.pro-label{color:#102218;letter-spacing:.06em;vertical-align:middle;background:#76d64a;border-radius:99px;place-items:center;min-width:25px;height:15px;margin-left:4px;padding:0 4px;font-size:7px;font-weight:950;line-height:1;display:inline-grid}.editor-mode-toggle .mode-short small{color:#63bb3b;margin-top:1px;font-size:5px;line-height:1;display:block}@media (max-width:700px){.header-actions .editor-mode-toggle,.simple-header-actions .editor-mode-toggle{gap:1px;padding:2px}.header-actions .editor-mode-toggle button,.simple-header-actions .editor-mode-toggle button{width:43px;min-width:43px;height:38px;min-height:38px;padding:0 5px;font-size:9px}}@media (max-width:390px){.header-actions .editor-mode-toggle button,.simple-header-actions .editor-mode-toggle button{width:31px;min-width:31px;padding:0}.header-actions .editor-mode-toggle .mode-full,.simple-header-actions .editor-mode-toggle .mode-full{display:none}.editor-mode-toggle .mode-short{display:inline}.header-actions>button[aria-label=Redo]{display:none}}
.sideline-app{color:#17263a;background:#eef2f5;min-height:100vh}.sideline-header{color:#fff;background:#0d1726;border-bottom:1px solid #243248;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 28px;display:grid}.sideline-header>button{color:#dbe5ef;background:#172438;border:1px solid #304055;border-radius:10px;align-items:center;gap:8px;width:max-content;height:44px;padding:0 14px;font-weight:800;display:flex}.sideline-header>button:last-child{color:#0b1828;background:#78d64b;border-color:#78d64b;justify-self:end}.sideline-header svg{width:17px}.sideline-header>div{text-align:center}.sideline-header h1{margin:4px 0;font-size:17px}.sideline-controls{background:#fff;border-bottom:1px solid #d8dfe6;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-height:70px;padding:10px 28px;display:grid}.output-tabs,.sideline-side{gap:6px;display:flex}.output-tabs button,.sideline-side button{color:#687789;background:#fff;border:1px solid #d4dce4;border-radius:9px;align-items:center;gap:7px;height:42px;padding:0 13px;font-size:11px;font-weight:850;display:flex}.output-tabs button.active,.sideline-side button.active{color:#fff;background:#15263a;border-color:#15263a}.output-tabs svg{width:16px}.sideline-search{background:#f8fafb;border:1px solid #d4dce4;border-radius:9px;justify-self:end;align-items:center;gap:7px;width:min(280px,100%);height:42px;padding:0 11px;display:flex}.sideline-search svg{color:#8190a1;width:16px}.sideline-search input{color:#17263a;background:0 0;border:0;outline:0;width:100%}.sideline-layout{grid-template-columns:300px minmax(0,1fr);max-width:1500px;min-height:calc(100vh - 146px);margin:auto;display:grid}.play-picker{background:#f8fafb;border-right:1px solid #d8dfe6;padding:20px 16px}.play-picker>header{justify-content:space-between;align-items:center;display:flex}.play-picker>header>div:first-child{gap:5px;display:grid}.play-picker>header strong{font-size:12px}.play-picker>header button{color:#59708a;background:0 0;border:0;padding:8px;font-size:10px;font-weight:850}.picker-list{gap:7px;margin-top:17px;display:grid}.picker-list label{cursor:pointer;background:#fff;border:1px solid #d8e0e7;border-radius:10px;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;min-height:62px;padding:9px;display:grid;position:relative}.picker-list label.selected{border-color:#78d64b;box-shadow:0 0 0 2px #78d64b21}.picker-list input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.picker-check{color:#0e1c2d;border:1px solid #bec9d3;border-radius:6px;place-items:center;width:23px;height:23px;display:grid}.selected .picker-check{background:#78d64b;border-color:#78d64b}.picker-check svg{width:14px}.picker-list label>div{gap:3px;min-width:0;display:grid}.picker-list strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.picker-list small{color:#7d8998;font-size:9px}.picker-list b{background:#eaf0f4;border-radius:5px;padding:5px;font-size:10px}.sideline-output{min-width:0;padding:30px}.sideline-empty{text-align:center;background:#fff;border:1px dashed #c8d2dc;border-radius:18px;align-content:center;place-items:center;min-height:500px;display:grid}.sideline-empty svg{color:#78c94d;width:40px}.sideline-empty h2{margin:14px 0 5px}.sideline-empty p{color:#748294;font-size:12px}.call-sheet,.wristband-sheet{background:#fff;border:1px solid #d7dee5;border-radius:16px;padding:28px;box-shadow:0 9px 30px #16263912}.print-title{border-bottom:3px solid #17263a;margin-bottom:18px;padding-bottom:16px}.print-title span{letter-spacing:.14em;color:#59a735;font-size:9px;font-weight:900}.print-title h2{margin:5px 0 3px;font-size:25px}.print-title p{color:#768496;margin:0;font-size:10px}.call-sheet>section{margin-top:20px}.call-sheet>section>header{color:#fff;background:#17263a;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:9px 12px;display:flex}.call-sheet h3{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px}.call-sheet>section>header span{color:#afbdcb;font-size:9px}.call-sheet>section>div{border:1px solid #dce3e9;border-top:0;grid-template-columns:1fr 1fr;display:grid}.call-sheet article{border-bottom:1px solid #e2e7ec;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;min-height:70px;padding:10px;display:grid}.call-sheet article:nth-child(odd){border-right:1px solid #e2e7ec}.call-sheet article>b{background:#78d64b;border-radius:7px;place-items:center;width:31px;height:31px;font-size:11px;display:grid}.call-sheet article>div{gap:3px;display:grid}.call-sheet article strong{font-size:11px}.call-sheet article small{color:#738092;font-size:8px}.call-sheet article p{color:#617084;grid-column:1/-1;margin:0;padding-left:42px;font-size:9px}.call-sheet article>span{background:#edf1f4;border-radius:5px;padding:4px;font-size:8px;font-weight:900}.wristband-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.wristband-grid>article{break-inside:avoid;background:#fff;border:1px dashed #8290a0;padding:8px}.wristband-grid header{grid-template-columns:32px 1fr;align-items:center;gap:7px;margin-bottom:6px;display:grid}.wristband-grid header>b{background:#78d64b;border-radius:5px;place-items:center;width:31px;height:31px;font-size:11px;display:grid}.wristband-grid header div{display:grid}.wristband-grid header strong{font-size:10px}.wristband-grid header small{color:#708093;font-size:8px}.sideline-diagram{aspect-ratio:120/84;width:100%;display:block}.wristband-grid footer{justify-content:space-between;gap:8px;margin-top:6px;font-size:7px;display:flex}.wristband-grid footer span{text-transform:uppercase;color:#52972f;font-weight:900}.wristband-grid footer strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:800px){.sideline-header{grid-template-columns:48px minmax(0,1fr) auto;height:64px;padding:0 10px}.sideline-header>button{justify-content:center;width:44px;padding:0}.sideline-header>button span{display:none}.sideline-header>.print-command{white-space:nowrap;gap:5px;width:auto;min-width:76px;padding:0 10px;font-size:10px}.sideline-header>.print-command span{display:inline}.sideline-header h1{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.sideline-controls{grid-template-columns:minmax(0,1fr) auto;padding:8px 10px}.sideline-side{grid-row:2}.sideline-search{grid-area:2/2}.sideline-layout{max-width:100vw;display:block;overflow:hidden}.play-picker{border:0;border-bottom:1px solid #d8dfe6;min-width:0;max-width:100vw;overflow:hidden}.picker-list{overscroll-behavior-inline:contain;width:100%;min-width:0;max-width:100%;padding:0 16px 2px 0;display:flex;overflow-x:auto}.picker-list label{flex:0 0 225px;min-width:0}.sideline-output{padding:12px}.call-sheet,.wristband-sheet{padding:15px}.call-sheet>section>div{grid-template-columns:1fr}.call-sheet article:nth-child(odd){border-right:0}.wristband-grid{grid-template-columns:repeat(2,1fr)}.print-title h2{font-size:20px}}@media print{.sideline-header,.sideline-controls,.play-picker{display:none!important}.sideline-app,.sideline-output{background:#fff;padding:0}.sideline-layout{min-height:0;display:block}.call-sheet,.wristband-sheet{box-shadow:none;border:0;border-radius:0;padding:0}.wristband-grid{grid-template-columns:repeat(3,1fr);gap:7px}.call-sheet article{min-height:58px}.print-title{margin-bottom:10px}@page{size:letter;margin:.35in}}.wristband-options{flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:end;gap:10px;padding-top:2px;display:flex}.wristband-options>label{color:#667789;letter-spacing:.08em;text-transform:uppercase;gap:4px;font-size:8px;font-weight:900;display:grid}.wristband-options select{color:#17263a;min-width:205px;height:38px;font:inherit;letter-spacing:0;text-transform:none;background:#fff;border:1px solid #ccd7e0;border-radius:8px;padding:0 30px 0 10px}.wristband-options>div{gap:4px;display:flex}.wristband-options button{color:#5d6e80;background:#fff;border:1px solid #ccd7e0;border-radius:8px;height:38px;padding:0 11px;font-size:9px;font-weight:850}.wristband-options button.active{color:#fff;background:#17263a;border-color:#17263a}.wristband-options small{color:#708093;align-self:center;font-size:8px;font-weight:750}.wristband-grid{flex-wrap:wrap;align-items:flex-start;gap:14px;display:flex}.wristband-grid>.wristband-insert{width:min(var(--wristband-width),100%);height:var(--wristband-height);break-inside:avoid;color:#102035;background:#fff;border:1px dashed #667789;grid-template-rows:auto minmax(0,1fr);padding:.07in;display:grid;overflow:hidden}.wristband-grid .wristband-insert-head{border-bottom:1px solid #9ba6b0;justify-content:space-between;align-items:center;gap:5px;height:.18in;margin:0 0 .035in;padding:0 .02in;display:flex}.wristband-grid .wristband-insert-head strong,.wristband-grid .wristband-insert-head span{white-space:nowrap;text-overflow:ellipsis;font-size:5.8pt;overflow:hidden}.wristband-grid .wristband-insert-head span{color:#647383;font-weight:850}.wristband-insert>div{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:.035in;min-height:0;display:grid}.wristband-sheet.large .wristband-insert>div{grid-template-columns:repeat(4,minmax(0,1fr))}.wristband-play{border:1px solid #d2dae1;border-radius:3px;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;padding:.025in;display:grid;overflow:hidden}.wristband-grid .wristband-play>header{grid-template-columns:.22in minmax(0,1fr);align-items:center;gap:.025in;margin:0 0 .015in;display:grid}.wristband-grid .wristband-play>header>b{background:#78d64b;border-radius:3px;place-items:center;width:.21in;height:.21in;font-size:5.7pt;line-height:1;display:grid}.wristband-grid .wristband-play>header>div{min-width:0;display:grid}.wristband-grid .wristband-play strong{white-space:nowrap;text-overflow:ellipsis;font-size:5.8pt;line-height:1.05;overflow:hidden}.wristband-grid .wristband-play small{color:#667789;white-space:nowrap;text-overflow:ellipsis;font-size:4.6pt;line-height:1;overflow:hidden}.wristband-play .sideline-diagram{width:100%;height:100%;min-height:0;display:block}.wristband-sheet.mono .wristband-play>header>b{color:#111;background:#fff;border:1px solid #111}.wristband-sheet.mono .wristband-insert{color:#000}.wristband-sheet.mono .wristband-play{border-color:#777}.wristband-sheet.mono .wristband-insert-head{border-color:#333}.wristband-sheet.mono .wristband-insert-head span,.wristband-sheet.mono .wristband-play small{color:#222}@media (max-width:800px){.wristband-options{grid-area:3/1/auto/-1;justify-content:flex-start;align-items:center}.wristband-options>label{flex:1}.wristband-options select{width:100%;min-width:0}.wristband-grid{display:flex}}@media (max-width:520px){.wristband-options>label,.wristband-options small{flex-basis:100%}.wristband-grid>.wristband-insert{width:100%;height:auto;aspect-ratio:var(--wristband-ratio)}}@media print{.sideline-output{overflow:visible}.wristband-sheet>.print-title{display:none}.wristband-grid{grid-template-columns:repeat(2,var(--wristband-width));justify-content:start;gap:.1in;display:grid}.wristband-sheet.standard .wristband-grid,.wristband-sheet.large .wristband-grid{grid-template-columns:var(--wristband-width)}.wristband-grid>.wristband-insert{width:var(--wristband-width);height:var(--wristband-height)}}.sideline-app,.sideline-layout,.sideline-output,.wristband-sheet,.wristband-grid,.wristband-insert,.wristband-insert>div,.wristband-play{box-sizing:border-box;min-width:0;max-width:100%}@media (max-width:520px){.sideline-header{grid-template-columns:44px minmax(0,1fr) auto;gap:5px}.sideline-header>.print-command{min-width:72px;padding:0 8px}.sideline-header>.print-command span{font-size:9px}.sideline-title-lockup{min-width:0}.sideline-controls{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px;display:grid}.output-tabs,.sideline-side{grid-area:auto/1;width:100%;min-width:0}.output-tabs button,.sideline-side button{flex:1;justify-content:center;min-width:0}.sideline-search{box-sizing:border-box;grid-area:auto/1;justify-self:stretch;width:100%;min-width:0}.wristband-options{box-sizing:border-box;grid-area:auto/1;width:100%}.sideline-app,.sideline-layout,.sideline-output{width:100%;overflow-x:hidden}.sideline-output{padding:8px}.wristband-sheet{width:100%;padding:10px;overflow:hidden}.wristband-sheet>.print-title{min-width:0;overflow:hidden}.wristband-sheet>.print-title h2{overflow-wrap:anywhere;max-width:100%;font-size:clamp(18px,6vw,24px);line-height:1.08}.wristband-sheet>.print-title p{overflow-wrap:anywhere;max-width:100%;line-height:1.35}.wristband-grid{grid-template-columns:minmax(0,1fr);width:100%;display:grid}.wristband-grid>.wristband-insert{width:100%;max-width:100%;height:auto;aspect-ratio:var(--wristband-ratio)}.wristband-insert>div{width:100%;overflow:hidden}.wristband-play .sideline-diagram{max-width:100%;overflow:visible}}@media print{.sideline-app,.sideline-layout,.sideline-output,.wristband-sheet,.wristband-grid,.wristband-insert,.wristband-insert>div,.wristband-play{max-width:none;overflow:visible}.wristband-grid>.wristband-insert{overflow:hidden}}.sideline-title-lockup select{color:#fff;max-width:230px;font:inherit;text-align:center;background:#172438;border:0;border-radius:7px;padding:5px 27px 5px 9px;font-size:14px;font-weight:850}
.playbook-title-actions{align-items:center;gap:9px;display:flex}.playbook-title-actions .sideline-link,.playbook-title-actions .practice-link,.playbook-title-actions .collection-link,.playbook-title-actions .coverage-link{justify-content:center;align-items:center;gap:7px;height:44px;text-decoration:none;display:flex}.playbook-title-actions .sideline-link svg,.playbook-title-actions .practice-link svg,.playbook-title-actions .collection-link svg,.playbook-title-actions .coverage-link svg{width:17px}.coverage-link span{color:#438224;background:#e7f5df;border-radius:99px;place-items:center;min-width:28px;height:20px;padding:0 5px;font-size:9px;font-weight:900;display:grid}@media (max-width:650px){.playbook-title-actions{gap:6px}.playbook-title-actions .sideline-link,.playbook-title-actions .practice-link,.playbook-title-actions .collection-link,.playbook-title-actions .coverage-link{border-radius:50%;height:48px;padding:0 12px;font-size:0}.playbook-title-actions .sideline-link svg,.playbook-title-actions .practice-link svg,.playbook-title-actions .collection-link svg,.playbook-title-actions .coverage-link svg{width:20px}.coverage-link span{display:none}}.play-team-assignment-modal{max-width:560px}.play-team-assignment-list{gap:10px;margin:18px 0;display:grid}.play-team-assignment-list>button{text-align:left;color:#0b2940;background:#fff;border:1px solid #d7e1e8;border-radius:14px;grid-template-columns:42px 1fr 28px;align-items:center;gap:12px;width:100%;padding:13px;display:grid}.play-team-assignment-list>button.active{background:#f2fded;border-color:#63d431}.play-team-assignment-list>button>span{color:#3b9e27;background:#eaf5e7;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.play-team-assignment-list strong,.play-team-assignment-list small{display:block}.play-team-assignment-list small{color:#6d8194;margin-top:3px}.play-team-assignment-list i{color:#3b9e27;place-items:center;display:grid}.play-team-assignment-loading,.play-team-assignment-empty{color:#647b8f;text-align:center;border:1px dashed #cad7e0;border-radius:14px;place-items:center;gap:8px;min-height:150px;margin:18px 0;display:grid}.play-team-assignment-empty svg{color:#3b9e27}.spin{animation:1s linear infinite assignment-spin}@keyframes assignment-spin{to{transform:rotate(360deg)}}
.call-sheet>section>div:has(article:only-child) article{border-right:0;grid-column:1/-1}
.team-menu{color:#243449;z-index:30;background:#fff;border:1px solid #d8e0e7;border-radius:11px;min-width:230px;padding:7px;position:absolute;top:62px;left:50%;transform:translate(-50%);box-shadow:0 16px 35px #00000040}.team-menu button{color:#344459;border-radius:7px;justify-content:space-between;width:100%;padding:8px 10px}.team-menu button.active{background:#eef7e8}.team-menu button span{text-align:left;display:grid}.team-menu small{text-transform:capitalize;color:#8190a1;font-size:9px}.team-menu svg{color:#62ad3b;width:16px}.team-page{color:#142338;background:#f3f6f8;min-height:100dvh}.team-page>header{color:#fff;background:#0c1727;align-items:center;gap:28px;height:94px;padding:0 clamp(18px,5vw,70px);display:flex}.team-page>header button{background:#14243a;border:1px solid #304157;border-radius:9px;align-items:center;gap:7px;min-height:44px;padding:0 13px;display:flex}.team-page>header svg{width:17px}.team-page h1{margin:4px 0 1px;font-size:25px}.team-page header p{color:#8192a7;margin:0;font-size:11px}.team-layout{grid-template-columns:240px 1fr;gap:25px;max-width:1100px;margin:35px auto;padding:0 22px;display:grid}.team-layout>aside,.coach-management{background:#fff;border:1px solid #dce2e8;border-radius:16px;padding:19px}.team-layout aside h2{margin:0 0 12px;font-size:13px}.team-layout aside button{text-align:left;color:#344459;background:0 0;border:0;border-radius:9px;width:100%;padding:11px}.team-layout aside button.active{color:#2f6720;background:#eaf6e2}.team-layout aside span{font-weight:800;display:grid}.team-layout aside small{text-transform:capitalize;color:#8190a1;font-size:9px}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading h2{margin:6px 0 18px}.section-heading>svg{color:#68ba3e}.coach-list{gap:8px;display:grid}.coach-list article{border:1px solid #e0e5ea;border-radius:10px;grid-template-columns:42px 1fr auto 40px;align-items:center;gap:10px;padding:9px;display:grid}.coach-list article>span{background:#edf3f7;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.coach-list article svg{width:17px}.coach-list article div{display:grid}.coach-list article strong{font-size:12px}.coach-list article small{color:#7e8c9d;font-size:10px}.coach-list article b{text-transform:uppercase;color:#629b43;font-size:9px}.coach-list article button{color:#c94a55;background:0 0;border:0;width:38px;height:38px}.invite-card{background:#f5fbf1;border:1px solid #cfe7c0;border-radius:13px;grid-template-columns:36px 1fr;gap:8px 12px;margin-top:24px;padding:18px;display:grid}.invite-card>svg{color:#61ad3a}.invite-card h3{margin:0;font-size:16px}.invite-card p{color:#6c7b8b;font-size:11px}.invite-card label,.invite-link{grid-column:1/-1}.invite-card label{gap:6px;font-size:11px;font-weight:800;display:grid}.invite-card input{color:#17263a;background:#fff;border:1px solid #cdd7df;border-radius:8px;height:44px;padding:0 10px}.invite-card>.primary-action{grid-column:1/-1}.invite-link{gap:7px;display:flex}.invite-link input{flex:1}.invite-link button{color:#334559;background:#fff;border:1px solid #ccd6de;border-radius:8px;align-items:center;gap:6px;padding:0 12px;display:flex}.assistant-note{color:#346622;background:#edf7e7;border-radius:12px;gap:12px;margin-top:22px;padding:16px;display:flex}.assistant-note p{color:#617754;margin:4px 0 0;font-size:12px}.invite-page{background:radial-gradient(circle at top,#1b344d,#091220 55%);place-items:center;min-height:100dvh;padding:20px;display:grid}.invite-page>div{text-align:center;color:#17263a;background:#f5f7f9;border-radius:20px;max-width:480px;padding:38px}.invite-page svg{color:#68bd3f;width:52px;height:52px}.invite-page .eyebrow{margin-top:18px;display:block}.invite-page h1{font-size:26px}.invite-page p{color:#718093;line-height:1.55}.invite-page .primary-action{width:100%;margin-top:15px}@media (max-width:700px){.team-menu{top:54px}.team-page>header{height:78px;padding:0 12px}.team-page>header button{justify-content:center;width:44px;padding:0;font-size:0}.team-layout{grid-template-columns:1fr;margin:15px auto;padding:0 10px}.team-layout>aside{gap:6px;display:flex;overflow:auto}.team-layout aside h2{display:none}.team-layout aside button{min-width:150px}.coach-management{padding:15px}.coach-list article{grid-template-columns:38px 1fr auto}.coach-list article button{grid-column:3}.coach-list article b{display:none}}.invite-code-result{background:#fff;border:1px solid #bfe2a9;border-radius:12px;grid-column:1/-1;justify-items:center;gap:8px;margin-top:4px;padding:18px;display:grid}.invite-code-result>span{letter-spacing:.16em;color:#5a7b4b;font-size:9px;font-weight:950}.invite-code-result>strong{letter-spacing:.12em;color:#173349;font-size:32px}.invite-code-result>small{color:#6c7b8b;text-align:center;line-height:1.45}.invite-code-result>div{gap:8px;width:100%;margin-top:5px;display:flex}.invite-code-result button{color:#253a4f;background:#f7fafb;border:1px solid #c9d6df;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 13px;font-size:11px;font-weight:850;display:flex}.invite-code-result>div button{flex:1}.invite-code-result button svg{width:16px;height:16px}.invite-code-result .invite-link-action{color:#557188;background:0 0;border:0;min-height:34px}.invite-code-form{text-align:left;gap:10px;margin-top:22px;display:grid}.invite-code-form label{color:#43566b;font-size:11px;font-weight:900}.invite-code-form input{color:#11263d;text-align:center;letter-spacing:.14em;text-transform:uppercase;background:#fff;border:2px solid #c9d5df;border-radius:12px;outline:0;width:100%;height:64px;font-size:28px;font-weight:950}.invite-code-form input:focus{border-color:#67bd3f;box-shadow:0 0 0 4px #67bd3f29}.invite-code-form .primary-action{justify-content:center;align-items:center;gap:8px;display:flex}.invite-code-form .primary-action svg,.invite-page .primary-action svg{color:currentColor;width:18px;height:18px}.invite-page .invite-error{color:#a52e3b;text-align:center;margin:0;font-size:11px}.invite-page .invite-signin-note{margin:14px 0;font-size:11px}.invite-back-link{color:#3a6fa8;margin-top:15px;font-size:12px;font-weight:800;display:inline-block}.auth-invite-link{color:#3d536b;border:1px solid #d7dee6;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;margin-top:10px;font-size:12px;font-weight:850;display:flex}.auth-invite-link svg{width:17px}.invite-page>.brand-mark{margin:auto}@media (max-width:700px){.invite-page{padding:14px}.invite-page>div{width:100%;padding:28px 20px}.invite-code-result>strong{font-size:27px}.invite-code-result>div{grid-template-columns:1fr 1fr;display:grid}}
.practice-app{color:#172538;background:#eef2f4;min-height:100dvh}.practice-header{color:#fff;background:#0b1626;border-bottom:3px solid #78d64b;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;height:86px;padding:0 clamp(14px,3vw,42px);display:grid}.practice-header h1{margin:3px 0;font-size:21px}.practice-header .eyebrow{font-size:9px}.practice-back,.practice-header-actions button{background:#14233a;border:1px solid #304057;border-radius:9px;align-items:center;gap:7px;height:44px;padding:0 13px;font-weight:750;display:flex}.practice-back svg,.practice-header-actions svg{width:17px}.practice-header-actions{gap:8px;display:flex}.practice-header-actions button:first-child{color:#0b1626;background:#78d64b;border-color:#78d64b}.practice-offline,.practice-alert{text-align:center;color:#6c4e00;background:#fff0bd;padding:9px 20px;font-size:12px}.practice-alert{color:#9d303b;background:#ffe9eb;justify-content:center;align-items:center;gap:15px;display:flex}.practice-alert button{color:inherit;background:0 0;border:0;width:32px;height:32px}.practice-shell{grid-template-columns:220px minmax(500px,1fr) 320px;max-width:1500px;min-height:calc(100dvh - 86px);margin:auto;display:grid}.practice-list{background:#f8fafb;border-right:1px solid #d8e0e5;padding:24px 12px}.practice-list>div:first-child{justify-content:space-between;align-items:center;padding:0 8px 12px;display:flex}.practice-list>div:first-child button,.library-head>button{color:#468928;background:#e5f5db;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.practice-list svg,.library-head svg{width:17px}.practice-list>button{text-align:left;color:#526173;background:0 0;border:0;border-radius:10px;grid-template-columns:30px 1fr 18px;align-items:center;gap:7px;width:100%;margin-bottom:4px;padding:11px 8px;display:grid}.practice-list>button.active{color:#2f6720;background:#e4f3dc}.practice-list>button>span{gap:3px;display:grid}.practice-list>button strong{font-size:12px}.practice-list>button small{color:#7e8b9a;font-size:9px}.practice-list-empty{text-align:center;color:#7f8c9a;padding:40px 12px}.practice-list-empty>svg{width:36px;height:36px}.practice-list-empty button{color:#4d922f;background:0 0;border:0;font-weight:800}.practice-plan{min-width:0;padding:30px clamp(20px,3vw,46px) 80px}.practice-plan-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.practice-title-input{color:#122238;background:0 0;border:1px solid #0000;border-radius:7px;width:100%;max-width:560px;margin-left:-7px;padding:3px 6px;font-size:27px;font-weight:900}.practice-title-input:focus{background:#fff;border-color:#a5b4c1}.practice-meta{gap:15px;margin-top:8px;display:flex}.practice-meta label{color:#718092;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.practice-meta svg{width:14px}.practice-meta input{color:#435368;background:0 0;border:0;max-width:125px;font-weight:750}.practice-meta input[type=number]{width:45px}.delete-practice{color:#a94a52;background:0 0;border:0;align-items:center;gap:5px;padding:9px;display:flex}.delete-practice svg{width:15px}.objective-field,.practice-notes{gap:7px;margin-top:22px;display:grid}.objective-field span,.practice-notes span{letter-spacing:.12em;color:#6f7e8e;text-transform:uppercase;font-size:9px;font-weight:900}.objective-field textarea,.practice-notes textarea{resize:vertical;color:#344458;background:#fff;border:1px solid #d7dfe5;border-radius:10px;min-height:64px;padding:11px;line-height:1.45}.time-budget{background:#fff;border:1px solid #d7dfe5;border-radius:13px;margin:18px 0;padding:14px 16px}.time-budget>div:first-child{grid-template-columns:22px auto 1fr;align-items:center;gap:6px;display:grid}.time-budget svg{color:#60aa3c;width:18px}.time-budget strong{font-size:12px}.time-budget span{text-align:right;color:#6d7d8d;font-size:10px}.time-track{background:#e1e7eb;border-radius:99px;height:6px;margin-top:11px;overflow:hidden}.time-track i{background:#78d64b;border-radius:99px;height:100%;display:block}.time-budget.over i{background:#e34d59}.time-budget.over span{color:#c03e49}.timeline-heading{justify-content:space-between;align-items:end;margin:28px 0 10px;display:flex}.timeline-heading h2{margin:3px 0;font-size:17px}.timeline-heading>span{color:#8894a1;font-size:9px}.practice-timeline{gap:8px;display:grid}.practice-block{background:#fff;border:1px solid #d7dfe5;border-left:4px solid #2f7cf6;border-radius:12px;grid-template-columns:40px 38px minmax(0,1fr) 64px 30px;align-items:start;gap:9px;padding:12px;display:grid;box-shadow:0 2px 5px #0f1e2d08}.practice-block.type-warmup{border-left-color:#f5b942}.practice-block.type-play{border-left-color:#78d64b}.practice-block.type-team{border-left-color:#a76ce0}.block-time{text-align:center;padding-top:6px;display:grid}.block-time strong{font-size:11px}.block-time span{color:#8a97a4;font-size:7px}.block-icon{color:#2f7cf6;background:#edf4ff;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.type-warmup .block-icon{color:#d68e00;background:#fff5da}.type-play .block-icon{color:#58a135;background:#e9f7e2}.type-team .block-icon{color:#8e4fc8;background:#f3eafb}.block-icon svg{width:17px}.block-title{align-items:center;gap:7px;display:flex}.block-title span{letter-spacing:.11em;text-transform:uppercase;color:#748394;font-size:7px;font-weight:900}.block-title input{color:#1b2a3d;background:0 0;border:0;flex:1;min-width:0;font-weight:850}.block-main textarea{color:#6d7b8a;resize:vertical;background:0 0;border:0;width:100%;min-height:32px;padding:4px 0;font-size:10px;line-height:1.45}.block-duration{background:#f0f3f5;border-radius:8px;align-items:center;height:38px;padding:0 7px;display:flex}.block-duration input{text-align:right;color:#263649;background:0 0;border:0;width:34px;font-weight:850}.block-duration span{color:#768596;font-size:9px}.block-actions{display:grid}.block-actions button{color:#748294;background:0 0;border:0;width:30px;height:27px}.block-actions button:disabled{opacity:.2}.block-actions button.delete{color:#c84c57}.block-actions svg{width:14px}.empty-timeline{text-align:center;color:#768595;border:2px dashed #ccd6dd;border-radius:14px;padding:36px}.empty-timeline svg{color:#69b943;width:35px;height:35px}.empty-timeline h3{color:#28394d;margin:10px 0 5px}.empty-timeline p{max-width:390px;margin:auto;font-size:11px;line-height:1.5}.practice-library{background:#fff;border-left:1px solid #d7dfe5;min-width:0;padding:24px 17px}.library-head{justify-content:space-between;align-items:center;display:flex}.library-head h2{margin:4px 0 14px;font-size:18px}.practice-library-tabs{background:#edf1f4;border-radius:9px;padding:3px;display:flex}.practice-library-tabs button{color:#657486;background:0 0;border:0;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;height:38px;font-size:11px;font-weight:800;display:flex}.practice-library-tabs button.active{color:#2d6d22;background:#fff;box-shadow:0 1px 4px #0000001a}.practice-library-tabs svg{width:15px}.practice-search{border:1px solid #d4dde4;border-radius:9px;align-items:center;gap:7px;height:40px;margin:12px 0;padding:0 9px;display:flex}.practice-search svg{color:#84919f;width:15px}.practice-search input{color:#25364a;border:0;outline:0;width:100%;min-width:0}.practice-library-items{gap:9px;max-height:calc(100dvh - 265px);padding-right:3px;display:grid;overflow:auto}.drill-card{border:1px solid #dbe2e7;border-radius:11px;padding:12px}.drill-card>div:first-child{justify-content:space-between;display:flex}.drill-card>div:first-child span,.drill-card>div:first-child small{text-transform:uppercase;letter-spacing:.09em;color:#57943d;font-size:8px;font-weight:900}.drill-card h3{margin:6px 0;font-size:13px}.drill-card p{color:#708092;margin:0 0 8px;font-size:10px;line-height:1.45}.drill-points{gap:3px;display:grid}.drill-points span{color:#536477;font-size:9px}.drill-points svg{color:#65ad43;width:10px}.drill-card>button{color:#3e7e25;background:#f1faec;border:1px solid #cfe4c3;border-radius:8px;justify-content:center;align-items:center;gap:5px;width:100%;height:36px;margin-top:10px;font-size:10px;font-weight:850;display:flex}.drill-card>button svg{width:13px}.drill-card>button:disabled{opacity:.45}.play-install-card{border-left:3px solid #78d64b}.practice-welcome{text-align:center;align-content:center;place-items:center;padding:60px;display:grid}.practice-welcome>svg{color:#74c64c;width:60px;height:60px}.practice-welcome h2{max-width:530px;margin:12px;font-size:28px}.practice-welcome p{color:#718092;max-width:500px}.practice-welcome .primary-action{margin-top:12px}.practice-modal textarea{resize:vertical;min-height:72px}.practice-modal label small{color:#7a8897;font-weight:500}.practice-form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:1100px){.practice-shell{grid-template-columns:180px minmax(480px,1fr)}.practice-library{border-top:1px solid #d7dfe5;border-left:0;grid-column:1/-1}.practice-library-items{grid-template-columns:repeat(3,minmax(210px,1fr));max-height:none}.practice-search{max-width:420px}}@media (max-width:720px){.practice-header{gap:8px;height:72px;padding:0 10px}.practice-header>div:nth-child(2) h1{font-size:15px}.practice-header .eyebrow{display:none}.practice-back,.practice-header-actions button{justify-content:center;width:42px;padding:0}.practice-back span,.practice-header-actions span{display:none}.practice-header-actions{gap:3px}.practice-shell{flex-direction:column;min-height:calc(100dvh - 72px);display:flex}.practice-list{border-bottom:1px solid #d7dfe5;border-right:0;order:0;padding:9px;display:flex;overflow:auto}.practice-list>div:first-child{min-width:45px;padding:0}.practice-list .eyebrow{display:none}.practice-list>button{min-width:190px;margin:0}.practice-list-empty{white-space:nowrap;align-items:center;gap:8px;padding:4px;display:flex}.practice-list-empty svg{display:none}.practice-plan{order:1;padding:20px 11px 45px}.practice-plan-head{gap:5px}.practice-title-input{font-size:22px}.delete-practice{font-size:0}.practice-meta{flex-wrap:wrap;gap:5px}.practice-block{grid-template-columns:33px 34px minmax(0,1fr) 58px;gap:5px;padding:9px}.block-actions{grid-column:2/-1;justify-content:flex-end;display:flex}.block-actions button{height:34px}.block-main textarea{min-height:50px}.practice-library{order:2;padding:19px 11px}.practice-library-items{display:flex;overflow:auto}.drill-card{min-width:260px}.practice-welcome{order:1;padding:70px 20px}.practice-form-row{grid-template-columns:1fr}.practice-modal{max-height:94dvh;overflow:auto}}@media print{.practice-app{background:#fff}.practice-header{color:#102034;background:#fff;border-bottom:2px solid #102034;height:auto;padding:14px 0}.practice-back,.practice-header-actions,.practice-list,.practice-library,.practice-alert,.practice-offline,.delete-practice,.block-actions{display:none!important}.practice-shell{min-height:0;display:block}.practice-plan{padding:20px 0}.practice-title-input{font-size:24px}.objective-field textarea,.practice-notes textarea{border:0;padding-left:0}.practice-block{break-inside:avoid;box-shadow:none;grid-template-columns:38px 34px 1fr 55px}.practice-timeline{gap:5px}.time-budget{border:1px solid #9ba6ae}.block-main textarea{resize:none}.practice-plan input,.practice-plan textarea{color:#111}}.practice-title-lockup{justify-self:center;align-items:center;gap:10px;min-width:0;display:flex}.practice-title-lockup>.brand-mark{flex:none}.practice-workspace-switcher{justify-items:start;min-width:0;display:grid;position:relative}.practice-workspace-switcher>h1{font-size:inherit;margin:0}.practice-workspace-switcher>h1>button{color:#fff;white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;min-height:34px;padding:0;font-size:21px;font-weight:900;display:flex}.practice-workspace-switcher>h1>button svg{color:#8fa0b1;width:16px}.practice-team-menu{z-index:45;color:#203348;background:#fff;border:1px solid #d5dee5;border-radius:12px;gap:3px;width:min(330px,100vw - 24px);padding:7px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 18px 45px #030f1b52}.practice-team-menu>button{width:100%;min-height:52px;color:inherit;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:minmax(0,1fr) 22px;align-items:center;padding:8px 10px;display:grid}.practice-team-menu>button:hover,.practice-team-menu>button.active{color:#276d1d;background:#edf8e8}.practice-team-menu span{gap:3px;display:grid}.practice-team-menu small{color:#718296;font-size:9px}.practice-team-menu svg{color:#4aa42f;width:17px}@media (max-width:720px){.practice-title-lockup{justify-self:start}.practice-title-lockup>.brand-mark{display:none}.practice-workspace-switcher>h1>button{text-overflow:ellipsis;max-width:50vw;font-size:15px;overflow:hidden}.practice-workspace-switcher>h1>button svg{flex:none}.practice-team-menu{width:min(330px,100vw - 16px);left:50%;transform:translate(-50%)}}.practice-header-actions .practice-primary-action{color:#0b1626;background:#78d64b;border-color:#78d64b}.practice-header-actions .practice-primary-action:hover{background:#86e15a}.practice-header-actions button:disabled{opacity:.4}.practice-workspace-tabs{background:#fff;border-bottom:1px solid #d4dde4;justify-content:center;align-items:stretch;gap:8px;min-height:58px;padding:0 clamp(18px,4vw,58px);display:flex}.practice-workspace-tabs button,.practice-workspace-tabs a{color:#66778a;background:0 0;border:0;border-bottom:3px solid #0000;justify-content:center;align-items:center;gap:8px;min-width:150px;padding:0 18px;font-size:12px;font-weight:900;text-decoration:none;display:flex}.practice-workspace-tabs button.active{color:#285f1e;border-bottom-color:#78d64b}.practice-workspace-tabs svg{width:17px}.practice-workspace-tabs b{color:#5e7082;background:#e6ecef;border-radius:99px;place-items:center;min-width:20px;height:20px;font-size:9px;display:grid}.practice-workspace-tabs button.active b{color:#397529;background:#e6f6de}.practice-shell{min-height:calc(100dvh - 144px)}.drill-library-workspace{color:#1b2b3e;max-width:1320px;margin:0 auto;padding:34px clamp(18px,4vw,58px) 110px}.drill-library-workspace>header{color:#fff;background:linear-gradient(135deg,#102438,#17364a);border-radius:18px;justify-content:space-between;align-items:flex-end;gap:24px;padding:26px;display:flex}.drill-library-workspace>header h1{margin:7px 0 6px;font-size:32px}.drill-library-workspace>header p{color:#b8c7d3;max-width:680px;margin:0;line-height:1.5}.drill-library-workspace>header .primary-action{white-space:nowrap}.drill-library-toolbar{justify-content:space-between;align-items:center;gap:15px;margin:22px 0 15px;display:flex}.drill-library-toolbar>div{background:#dde5e9;border-radius:11px;padding:4px;display:flex}.drill-library-toolbar>div button{color:#607183;background:0 0;border:0;border-radius:8px;min-height:38px;padding:0 13px;font-size:11px;font-weight:850}.drill-library-toolbar>div button.active{color:#2e7022;background:#fff;box-shadow:0 2px 7px #15263a18}.drill-library-toolbar>div span{color:#8996a2;margin-left:4px}.drill-library-toolbar>label{background:#fff;border:1px solid #d0dbe2;border-radius:10px;align-items:center;gap:8px;width:min(380px,100%);height:44px;padding:0 11px;display:flex}.drill-library-toolbar>label svg{color:#81909d;width:16px}.drill-library-toolbar input{color:#26384c;border:0;outline:0;width:100%}.drill-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.drill-collection-grid>article{background:#fff;border:1px solid #d6e0e6;border-radius:14px;flex-direction:column;min-height:340px;padding:19px;display:flex;box-shadow:0 4px 15px #1324370a}.drill-collection-meta{justify-content:space-between;align-items:center;display:flex}.drill-collection-meta span{letter-spacing:.12em;color:#4d942f;font-size:8px;font-weight:950}.drill-collection-meta b{color:#6d7d8c;background:#eff3f5;border-radius:7px;padding:5px 7px;font-size:9px}.drill-collection-grid h2{margin:13px 0 3px;font-size:19px}.drill-collection-grid>article>small{color:#698091;text-transform:uppercase;font-size:9px;font-weight:850}.drill-collection-grid p{color:#657587;font-size:11px;line-height:1.5}.drill-collection-grid section{background:#f4f7f8;border-radius:9px;margin-top:7px;padding:10px}.drill-collection-grid section strong{text-transform:uppercase;color:#475c70;font-size:9px}.drill-collection-grid section p{margin:4px 0 0}.drill-collection-grid ul{gap:6px;margin:13px 0;padding:0;list-style:none;display:grid}.drill-collection-grid li{color:#4f6274;gap:6px;font-size:10px;display:flex}.drill-collection-grid li svg{color:#60a841;flex:none;width:12px}.drill-collection-grid>article>button{color:#397923;background:#eff9ea;border:1px solid #c8dfbd;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:42px;margin-top:auto;font-size:10px;font-weight:900;display:flex}.drill-collection-grid>article>button svg{width:14px}.drill-collection-empty{text-align:center;color:#718091;border:2px dashed #cad6dd;border-radius:16px;place-content:center;justify-items:center;min-height:360px;display:grid}.drill-collection-empty svg{color:#68b545;width:42px;height:42px}.drill-collection-empty h2{color:#26384c;margin:12px 0 5px}.drill-collection-empty p{margin:0 0 13px}.drill-library-toolbar>.drill-example-toggle{color:#657688;white-space:nowrap;background:#fff;border:1px solid #cbd6dd;border-radius:10px;align-items:center;gap:7px;height:42px;padding:0 11px;font-size:10px;font-weight:850;display:flex}.drill-library-toolbar>.drill-example-toggle>span{border:1px solid #aebcc7;border-radius:5px;place-items:center;width:18px;height:18px;margin:0;display:grid}.drill-library-toolbar>.drill-example-toggle.active{color:#347524;background:#f5fbf1;border-color:#a8d693}.drill-library-toolbar>.drill-example-toggle.active>span{color:#10271a;background:#70ce48;border-color:#69bd43}.drill-library-toolbar>.drill-example-toggle svg{width:12px}.drill-collection-meta>div{align-items:center;gap:4px;display:flex}.drill-collection-meta>div button{color:#5d7183;background:#fff;border:1px solid #d5dfe5;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.drill-collection-meta>div button.delete{color:#b54a54}.drill-collection-meta>div button svg{width:13px}.practice-modal select{color:#152438;width:100%;height:49px;font:inherit;background:#fff;border:1px solid #ccd5df;border-radius:10px;padding:0 36px 0 13px;font-weight:750}.drill-skill-picker{border:0;margin:2px 0;padding:0}.drill-skill-picker legend{color:#3c4e63;padding:0 0 8px;font-weight:850}.drill-skill-picker legend small{color:#7d8b99;margin-left:5px;font-weight:550}.drill-skill-picker>div{flex-wrap:wrap;gap:7px;display:flex}.drill-skill-picker button{color:#526579;background:#fff;border:1px solid #cbd6de;border-radius:99px;align-items:center;gap:5px;min-height:38px;padding:0 12px;font-size:10px;font-weight:850;display:flex}.drill-skill-picker button.active{color:#2d721e;background:#eef9e8;border-color:#75c953}.drill-skill-picker button svg{width:13px}.drill-skill-tags{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.drill-skill-tags span{color:#3b7f29;background:#eef6ea;border-radius:99px;padding:4px 7px;font-size:8px;font-weight:850}@media (max-width:1000px){.drill-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drill-library-workspace>header{align-items:flex-start}}@media (max-width:720px){.practice-workspace-tabs{gap:0;min-height:54px;padding:0}.practice-workspace-tabs button,.practice-workspace-tabs a{flex:1;min-width:0;padding:0 5px;font-size:10px}.practice-workspace-tabs svg{width:15px}.practice-workspace-tabs b{display:none}.practice-shell{min-height:calc(100dvh - 126px)}.drill-library-workspace{padding:12px 10px 110px}.drill-library-workspace>header{padding:20px;display:grid}.drill-library-workspace>header h1{font-size:25px}.drill-library-workspace>header .primary-action{width:100%}.drill-library-toolbar{grid-template-columns:minmax(0,1fr);justify-content:stretch;display:grid}.drill-library-toolbar>div{width:100%;overflow:auto}.drill-library-toolbar>div button{white-space:nowrap}.drill-library-toolbar>.drill-example-toggle,.drill-library-toolbar>label{width:100%}.drill-collection-grid{grid-template-columns:1fr}.drill-collection-grid>article{min-height:0}.practice-header-actions{overflow:hidden}.practice-header-actions button{flex:0 0 42px}}.drill-plan-usage{background:#f7fafb;border:1px solid #c5d9e4;border-radius:11px;justify-content:space-between;align-items:center;gap:16px;margin:14px 0 13px;padding:12px 14px;display:flex}.drill-plan-usage>div{gap:3px;display:grid}.drill-plan-usage span{color:#587083;letter-spacing:.1em;font-size:8px;font-weight:950}.drill-plan-usage strong{color:#122a40;font-size:15px}.drill-plan-usage>a{color:#367b24;align-items:center;gap:5px;font-size:9px;font-weight:950;text-decoration:none;display:flex}.drill-plan-usage svg{width:13px;height:13px}.drill-plan-usage.pro{color:#2d6f20;background:#eef9e9;border-color:#b8dca8;justify-content:flex-start}.drill-plan-usage.pro span{color:#367b24;align-items:center;gap:5px;display:flex}.drill-plan-usage.pro strong{margin-left:auto;font-size:11px}@media (max-width:720px){.drill-plan-usage{align-items:flex-start}.drill-plan-usage>a{text-align:right;justify-content:flex-end;max-width:130px}}.block-duration-summary{color:#263649;text-align:right;background:#f0f3f5;border:1px solid #0000;border-radius:8px;grid-template-columns:1fr auto;align-items:center;column-gap:3px;height:38px;padding:4px 7px;display:grid}.block-duration-summary:hover,.block-duration-summary:focus-visible{background:#f5fbf2;border-color:#8ac96d}.block-duration-summary strong{font-size:12px}.block-duration-summary span{color:#768596;font-size:8px}.block-duration-summary svg{color:#5a6a7b;grid-area:1/2/3;width:11px}.block-duration-print{text-align:right;color:#263649;padding-top:8px;font-size:9px;display:none}.block-title-print,.block-notes-print,.practice-notes-print{display:none}.block-time-editor-row{border-top:1px solid #e2e8ec;grid-column:3/-1;justify-content:flex-end;align-items:end;gap:6px;padding-top:8px;display:flex}.block-time-editor-row label{gap:3px;display:grid}.block-time-editor-row label span{letter-spacing:.1em;text-transform:uppercase;color:#6f7e8e;font-size:7px;font-weight:900}.block-time-editor-row input{color:#263649;border:1px solid #bfcbd3;border-radius:7px;width:88px;height:34px;padding:0 8px;font-weight:850}.block-time-editor-row button{border-radius:7px;justify-content:center;align-items:center;gap:4px;height:34px;font-weight:850;display:flex}.block-time-editor-row button svg{width:13px}.block-time-editor-row .save-time{color:#102034;background:#78d64b;border:1px solid #78d64b;padding:0 11px}.block-time-editor-row .cancel-time{color:#667586;background:#fff;border:1px solid #ccd6dd;width:34px}@media (max-width:720px){.block-time-editor-row{grid-column:2/-1;justify-content:stretch}.block-time-editor-row label{flex:1}.block-time-editor-row input{width:100%}}@media print{.practice-timeline{display:block}.practice-block{break-inside:avoid-page!important;page-break-inside:avoid!important;-webkit-column-break-inside:avoid!important;margin:0 0 5px!important;display:grid!important;overflow:visible!important}.block-duration-summary,.block-time-editor-row{display:none!important}.block-duration-print{display:block}.block-main input,.block-main textarea{display:none!important}.block-title-print,.block-notes-print{display:block!important}.block-title-print{color:#0e2842;font-size:13px;line-height:1.2}.block-notes-print{white-space:pre-wrap;color:#4f6880;margin:4px 0 0;font-size:10px;line-height:1.25}.practice-notes{break-inside:avoid!important;page-break-inside:avoid!important}.practice-notes textarea{display:none!important}.practice-notes-print{white-space:pre-wrap;color:#4f6880;border-top:1px solid #ccd6dd;min-height:36px;margin:0;padding:8px 0;font-size:10px;line-height:1.35;display:block!important}.practice-app,.practice-shell,.practice-plan{background:#fff!important;height:auto!important;min-height:0!important;overflow:visible!important}html:has(.practice-app){background:#fff!important;height:auto!important;min-height:0!important;overflow:visible!important}html:has(.practice-app) body{background:#fff!important;height:auto!important;min-height:0!important;overflow:visible!important}}.drill-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto;display:grid}.drill-card-actions>button{color:#397923;background:#eff9ea;border:1px solid #c8dfbd;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:42px;font-size:10px;font-weight:900;display:flex}.drill-card-actions>button.secondary{color:#405b70;background:#f6f8fa;border-color:#cbd8e1}.drill-card-actions>button:only-child{grid-column:1/-1}.drill-card-actions svg{width:14px}.drill-plan-usage>a{color:#102018;background:#78d64b;border-radius:9px;justify-content:center;min-height:38px;padding:0 12px;transition:background .16s,transform .16s,box-shadow .16s;box-shadow:0 7px 16px #4f962a33}.drill-plan-usage>a:hover{background:#86e15a;transform:translateY(-1px);box-shadow:0 9px 20px #4f962a40}@media (max-width:720px){.drill-plan-usage>a{text-align:center;max-width:none}}
.quick-periods{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:11px;display:grid}.quick-periods>button{color:#516276;text-align:left;background:#f8fafb;border:1px solid #dbe3e8;border-radius:8px;grid-template-columns:18px 1fr;align-items:center;gap:4px;min-width:0;padding:7px 5px;display:grid}.quick-periods>button>svg{width:14px}.quick-periods>button>svg:last-child{display:none}.quick-periods span{min-width:0;display:grid}.quick-periods strong{white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.quick-periods small{color:#84919f;font-size:7px}.quick-periods button:disabled{opacity:.4}.quick-periods+.practice-library-items{max-height:calc(100dvh - 330px)}@media (max-width:720px){.quick-periods{display:flex;overflow:auto}.quick-periods>button{min-width:145px}.quick-periods+.practice-library-items{max-height:none}}@media print{.quick-periods{display:none}}
.brand-mark{flex:none;place-items:center;width:36px;height:41px;display:inline-grid;clip-path:none!important;color:inherit!important;background:0 0!important;font-size:0!important}.brand-mark-image{object-fit:contain;filter:none;width:100%;height:100%;display:block}.brand-wordmark{letter-spacing:.105em;color:inherit;align-items:baseline;font-family:Impact,Arial Black,sans-serif;font-size:15px;font-weight:950;display:inline-flex}.brand-wordmark b{color:#63d431;font-weight:inherit}.brand-system-lockup{align-items:center;gap:9px;display:inline-flex}.brand-system-lockup.compact .brand-wordmark{display:none}.brand-campaign-lockup{object-fit:contain;width:min(360px,80vw);height:auto;display:block}.auth-shield.brand-mark{background:0 0;width:58px;height:66px;padding:0}.auth-shield.brand-mark span{display:none}.app-loading .brand-mark{width:64px;height:73px}.invite-page .brand-mark{width:58px;height:66px;display:inline-grid}.playbook-brand>.brand-system-lockup{color:#f7f9fc}.onboarding-brand>.brand-system-lockup{color:#00152b}.brand-lockup>.brand-system-lockup{color:#f7f9fc}@media (max-width:650px){.playbook-brand .brand-wordmark,.brand-lockup .brand-wordmark{display:none}}