: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}}
.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}.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}}
.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}.picker-list label.selected{border-color:#78d64b;box-shadow:0 0 0 2px #78d64b21}.picker-list input{opacity:0;position:absolute}.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 1fr 48px;height:64px;padding:0 10px}.sideline-header>button{justify-content:center;width:44px;padding:0;font-size:0}.sideline-header h1{font-size:14px}.sideline-controls{grid-template-columns:1fr auto;padding:8px 10px}.sideline-side{grid-row:2}.sideline-search{grid-area:2/2}.sideline-layout{display:block}.play-picker{border:0;border-bottom:1px solid #d8dfe6}.picker-list{margin-right:-16px;padding-right:16px;display:flex;overflow:auto}.picker-list label{min-width:225px}.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}}
.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}}
.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}}
.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-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-header-actions button:first-child{color:#fff;background:#14233a;border-color:#304057}.practice-header-actions button:nth-child(2){color:#0b1626;background:#78d64b;border-color:#78d64b}.practice-header-actions .active-workspace{color:#204f17!important;background:#e8f7e1!important;border-color:#78d64b!important}.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}@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){.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{display:grid}.drill-library-toolbar>div{overflow:auto}.drill-library-toolbar>div button{white-space:nowrap}.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}}
.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:36px;display:inline-grid;clip-path:none!important;color:inherit!important;background:0 0!important;font-size:0!important}.brand-mark svg{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}.auth-shield.brand-mark{background:0 0;width:58px;height:58px;padding:0}.auth-shield.brand-mark span{display:none}.app-loading .brand-mark{width:64px;height:64px}.invite-page .brand-mark{width:58px;height:58px;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}}
.team-page>header>.brand-mark{width:44px;height:44px}.team-main{min-width:0}.team-tabs{background:#e4e9ed;border-radius:11px;gap:6px;margin-bottom:12px;padding:4px;display:flex}.team-tabs button{color:#637286;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;min-height:42px;padding:0 13px;font-size:11px;font-weight:850;display:flex}.team-tabs button.active{color:#2f7020;background:#fff;box-shadow:0 2px 6px #14283717}.team-tabs svg{width:16px}.roster-management{background:#fff;border:1px solid #dce2e8;border-radius:16px;padding:22px}.roster-heading p{color:#768596;margin:2px 0 0;font-size:11px}.roster-summary{grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0;display:grid}.roster-summary article{background:#f7f9fa;border:1px solid #dce3e8;border-radius:11px;padding:13px}.roster-summary strong{color:#193047;font-size:22px;display:block}.roster-summary span{color:#788696;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:850}.roster-tools{justify-content:space-between;gap:9px;margin-bottom:10px;display:flex}.roster-tools label{border:1px solid #d5dde4;border-radius:9px;flex:1;align-items:center;gap:7px;min-width:220px;height:42px;padding:0 10px;display:flex}.roster-tools label svg{color:#8190a0;width:16px}.roster-tools input{color:#27384c;border:0;outline:0;width:100%}.roster-tools>button{color:#637286;background:#fff;border:1px solid #d4dce3;border-radius:9px;padding:0 12px;font-size:10px;font-weight:800}.roster-table{border:1px solid #dce2e7;border-radius:11px;overflow:hidden}.roster-table-head,.roster-table>button{text-align:left;grid-template-columns:55px minmax(150px,1.5fr) 100px 100px 80px;align-items:center;display:grid}.roster-table-head{color:#718093;letter-spacing:.09em;text-transform:uppercase;background:#edf1f4;height:34px;padding:0 12px;font-size:8px;font-weight:900}.roster-table>button{color:#26374b;background:#fff;border:0;border-top:1px solid #e4e9ed;width:100%;min-height:58px;padding:7px 12px}.roster-table>button:hover{background:#f7fafb}.roster-table>button.inactive{opacity:.56}.roster-table>button>b{color:#4d8d31;font-size:17px}.roster-table>button>span{display:grid}.roster-table>button strong{font-size:12px}.roster-table>button small{color:#93a0ad;font-size:8px}.roster-table em{font-size:10px;font-style:normal;font-weight:800}.roster-table i{color:#43882a;font-size:9px;font-style:normal}.roster-table .inactive i{color:#7a8795}.roster-empty{text-align:center;color:#778697;padding:38px 15px}.roster-empty svg{width:32px;height:32px}.roster-empty strong{color:#2c3e52;margin:8px;display:block}.roster-empty p{max-width:430px;margin:auto;font-size:11px}.personnel-section{margin-top:28px}.personnel-section>div:first-child{justify-content:space-between;align-items:end;display:flex}.personnel-section h3{margin:5px 0 0}.new-personnel{gap:6px;display:flex}.new-personnel select,.new-personnel button{color:#425367;background:#fff;border:1px solid #d2dbe2;border-radius:8px;height:39px;padding:0 10px;font-size:10px;font-weight:800}.new-personnel button{color:#377620;background:#edf8e7;border-color:#cfe7c1;align-items:center;gap:5px;display:flex}.new-personnel svg{width:14px}.personnel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.personnel-card{border:1px solid #d9e1e7;border-top:3px solid #78d64b;border-radius:11px;padding:12px}.personnel-card.defense{border-top-color:#66a1ed}.personnel-card header{justify-content:space-between;align-items:center;display:flex}.personnel-card header>div{align-items:center;gap:7px;display:flex}.personnel-card header span{text-transform:uppercase;color:#4f982e;font-size:7px;font-weight:900}.personnel-card header input{color:#26374a;border:0;min-width:0;font-size:12px;font-weight:900}.personnel-card header button{color:#c54a55;background:0 0;border:0;width:34px;height:34px}.personnel-card header svg{width:14px}.personnel-slots{gap:5px;margin-top:8px;display:grid}.personnel-slots label{grid-template-columns:43px 1fr;align-items:center;display:grid}.personnel-slots b{color:#718091;font-size:8px}.personnel-slots select{color:#344559;background:#f8fafb;border:1px solid #d8e0e6;border-radius:7px;height:34px;padding:0 7px;font-size:10px}.personnel-empty{text-align:center;color:#758494;border:2px dashed #d2dbe1;border-radius:12px;grid-column:1/-1;padding:26px}.personnel-empty svg{width:26px}.personnel-empty strong{color:#314358;margin:7px;display:block}.personnel-empty p{font-size:10px}.roster-modal select{color:#152438;background:#fff;border:1px solid #ccd5df;border-radius:10px;height:49px;padding:0 13px}.roster-form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.team-message{text-align:center;color:#9b2f39;background:#fff0f1;padding:9px;font-size:11px}@media (max-width:900px){.team-layout{grid-template-columns:180px 1fr}.roster-summary{grid-template-columns:repeat(2,1fr)}.personnel-grid{grid-template-columns:1fr}.roster-table-head,.roster-table>button{grid-template-columns:45px minmax(140px,1fr) 85px 70px}.roster-table-head span:nth-child(4),.roster-table>button em:nth-child(4){display:none}}@media (min-width:701px) and (max-width:820px){.team-layout{flex-direction:column;display:flex}.team-layout>aside{border-radius:12px;padding:8px 10px;display:flex;overflow:auto}.team-layout>aside h2{display:none}.team-layout>aside button{min-width:190px}.team-main{width:100%}.roster-heading .primary-action{white-space:nowrap}.personnel-grid{grid-template-columns:1fr}}@media (max-width:700px){.team-page>header>.brand-mark{width:40px;height:40px}.team-page>header{grid-template-columns:44px 40px 1fr;gap:8px}.team-page>header>div h1{font-size:18px}.team-layout{flex-direction:column;display:flex}.team-layout>aside{border-radius:11px;padding:7px 9px}.team-layout>aside button{min-width:170px;padding:8px}.team-main{width:100%}.team-tabs{z-index:3;position:sticky;top:0}.team-tabs button{flex:1;justify-content:center}.team-tabs svg{display:none}.roster-management{padding:14px}.roster-heading{align-items:start}.roster-heading .primary-action{width:45px;padding:0;font-size:0}.roster-summary{grid-template-columns:repeat(2,1fr)}.roster-tools{display:grid}.roster-tools label{min-width:0}.roster-tools>button{height:40px}.roster-table-head{display:none}.roster-table>button{grid-template-columns:38px 1fr 55px 64px;min-height:65px}.roster-table>button em:nth-child(4){display:none}.personnel-section>div:first-child{gap:10px;display:grid}.new-personnel{width:100%}.new-personnel select,.new-personnel button{flex:1}.roster-form-row{grid-template-columns:1fr}}.pending-invites{background:#fff;border:1px solid #dce3e8;border-radius:13px;margin-top:14px;padding:16px}.pending-invites>article{border-top:1px solid #e3e8ec;grid-template-columns:34px 1fr auto 38px;align-items:center;gap:8px;min-height:58px;display:grid}.pending-invites>article:first-of-type{margin-top:8px}.pending-invites>article>svg{color:#e0a62d;width:17px}.pending-invites article div{display:grid}.pending-invites article small{color:#8290a0;font-size:8px}.pending-invites article button{color:#526376;background:#fff;border:1px solid #d5dde4;border-radius:7px;align-items:center;gap:5px;height:34px;padding:0 9px;font-size:9px;font-weight:800;display:flex}.pending-invites article button.danger{color:#c34450;justify-content:center;padding:0}.pending-invites article button svg{width:13px}@media (max-width:700px){.pending-invites>article{grid-template-columns:30px 1fr 34px 34px}.pending-invites article button{justify-content:center;padding:0;font-size:0}}
.practice-title-lockup,.sideline-title-lockup{align-items:center;gap:11px;display:flex}.practice-title-lockup>.brand-mark,.sideline-title-lockup>.brand-mark{width:42px;height:42px}.practice-title-lockup h1,.sideline-title-lockup h1{margin-top:3px}@media (max-width:700px){.practice-title-lockup>.brand-mark,.sideline-title-lockup>.brand-mark{display:none}.practice-title-lockup,.sideline-title-lockup{gap:0}}@media print{.practice-title-lockup>.brand-mark,.sideline-title-lockup>.brand-mark{display:none}}
.shared-loading{color:#172538;text-align:center;background:#f3f6f8;place-content:center;justify-items:center;gap:18px;min-height:100dvh;padding:24px;display:grid}.shared-loading .brand-mark{width:72px;height:72px}.shared-loading strong{font-size:22px}.shared-loading p{color:#718096}.shared-play{color:#142337;background:#eef2f5;min-height:100dvh}.shared-play>header{background:#fff;border-bottom:1px solid #dce3e8;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:84px;padding:12px clamp(16px,4vw,56px);display:grid}.shared-play>header>.brand-system-lockup{color:#00152b}.shared-play>header>.brand-system-lockup .brand-mark{width:48px;height:48px}.shared-play>header h1{margin:2px 0;font-size:22px}.shared-play>header p{color:#718093;margin:0;font-size:11px}.shared-play>header>button{color:#435369;background:#fff;border:1px solid #ccd5dc;border-radius:10px;align-items:center;gap:7px;height:44px;padding:0 16px;font-weight:800;display:flex}.shared-play>header>button svg{width:17px}.shared-hero{grid-template-columns:minmax(420px,1.2fr) minmax(300px,.8fr);gap:22px;max-width:1240px;margin:auto;padding:28px;display:grid}.shared-stage{background:#0b1725;border-radius:22px;padding:17px;box-shadow:0 22px 45px #0d1c2a2e}.shared-stage .teaching-field{width:100%;max-height:calc(100dvh - 230px)}.shared-controls{grid-template-columns:44px 150px 1fr;align-items:center;gap:10px;height:66px;padding:10px;display:grid}.shared-controls button{color:#fff;background:#223247;border:0;border-radius:10px;height:44px}.shared-controls .shared-play-button{color:#071526;background:#63d431;justify-content:center;align-items:center;gap:7px;font-weight:900;display:flex}.shared-controls svg{width:18px}.shared-controls input{accent-color:#63d431}.shared-hero>aside{align-content:start;gap:12px;display:grid}.shared-hero>aside>section,.shared-focus{background:#fff;border:1px solid #dce3e8;border-radius:15px;padding:18px}.shared-focus>span,.shared-call>span,.shared-coach-note>span{letter-spacing:.1em;color:#55a72f;font-size:8px;font-weight:950}.shared-focus h2{margin:5px 0 14px;font-size:24px}.shared-focus button{color:#34771f;background:#eaf7e4;border:0;border-radius:9px;align-items:center;gap:7px;height:42px;padding:0 13px;font-weight:850;display:flex}.shared-focus svg{width:16px}.shared-call{grid-template-columns:1fr auto;align-items:center;border-left:4px solid #63d431!important;display:grid!important}.shared-call>span{grid-column:1/-1}.shared-call strong{font-size:28px}.shared-call small{text-transform:uppercase;color:#788696;font-weight:850}.shared-assignment{gap:11px;margin-top:13px;display:flex}.shared-assignment>b{color:#071526;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.shared-assignment strong{font-size:13px}.shared-assignment p{color:#6f7e8e;margin:3px 0;font-size:11px}.shared-coach-note{color:#fff;background:#17283b!important}.shared-coach-note p{margin:6px 0;line-height:1.5}.shared-play>footer{text-align:center;color:#7a8896;padding:10px 20px 28px;font-size:10px}@media (max-width:820px){.shared-play>header{grid-template-columns:1fr auto}.shared-play>header>.brand-system-lockup{grid-column:1/-1}.shared-hero{grid-template-columns:1fr;padding:16px}.shared-stage .teaching-field{max-height:58dvh}.shared-hero>aside{grid-template-columns:1fr 1fr}.shared-focus{grid-column:1/-1}}@media (max-width:560px){.shared-play>header{grid-template-columns:42px 1fr 42px;gap:9px;min-height:68px;padding:10px 12px}.shared-play>header>.brand-system-lockup{grid-column:auto}.shared-play>header .brand-wordmark{display:none}.shared-play>header>.brand-system-lockup .brand-mark{width:38px;height:38px}.shared-play>header>div h1{font-size:16px}.shared-play>header>div p{display:none}.shared-play>header>button{justify-content:center;width:42px;padding:0;font-size:0}.shared-hero{padding:9px}.shared-stage{border-radius:15px;padding:8px}.shared-controls{grid-template-columns:42px 1fr;height:112px}.shared-controls input{grid-column:1/-1}.shared-hero>aside{grid-template-columns:1fr}.shared-focus{grid-column:auto}.shared-focus h2{font-size:21px}.shared-play>footer{padding-bottom:20px}}@media print{.shared-play{background:#fff}.shared-play>header>button,.shared-controls,.shared-play>footer{display:none}.shared-hero{grid-template-columns:1fr 1fr;padding:0}.shared-stage{box-shadow:none}.shared-stage .teaching-field{max-height:720px}}
.play-hub{color:#172639;background:#eef2f5;min-height:100dvh}.play-hub>header{color:#fff;background:#0d1c2d;grid-template-columns:150px 1fr auto;align-items:center;gap:20px;height:88px;padding:0 clamp(16px,4vw,54px);display:grid}.play-hub>header>button{color:#fff;background:#ffffff14;border:0;border-radius:9px;align-items:center;gap:7px;height:44px;padding:0 14px;font-weight:800;display:flex}.play-hub>header svg{width:17px}.play-hub>header h1{margin:2px 0;font-size:24px}.play-hub>header p{color:#9eb0c1;margin:0;font-size:10px}.play-hub>header .hub-edit{color:#071526;background:#63d431}.hub-alert{color:#76580d;background:#fff5d9;border:1px solid #ead28c;border-radius:10px;justify-content:space-between;max-width:1160px;margin:14px auto 0;padding:10px 14px;display:flex}.hub-alert button{background:0 0;border:0}.hub-tabs{background:#fff;border-bottom:1px solid #d9e0e5;justify-content:center;gap:7px;height:66px;padding:9px;display:flex}.hub-tabs button{color:#69798b;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:130px;font-size:11px;font-weight:850;display:flex}.hub-tabs button.active{color:#36791f;background:#eaf7e4}.hub-tabs svg{width:17px}.hub-body{max-width:1160px;margin:auto;padding:30px 24px 60px}.hub-section-head{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.hub-section-head h2{margin:5px 0;font-size:27px}.hub-section-head p{color:#718093;margin:0;font-size:12px}.share-list,.version-list{gap:9px;display:grid}.share-list>article,.version-list>article{background:#fff;border:1px solid #d9e1e7;border-radius:12px;grid-template-columns:44px 1fr auto auto 38px;align-items:center;gap:8px;min-height:72px;padding:10px 12px;display:grid}.share-list .share-icon,.version-list>article>span{color:#469528;background:#e9f7e3;border-radius:10px;place-items:center;width:42px;height:42px;font-size:11px;font-weight:900;display:grid}.share-list svg{width:17px}.share-list article div,.version-list article div{display:grid}.share-list small,.version-list small{color:#7d8997;font-size:9px}.share-list article>button,.version-list article>button{color:#4b5d70;background:#fff;border:1px solid #d3dce3;border-radius:8px;align-items:center;gap:5px;height:38px;padding:0 10px;font-size:9px;font-weight:850;display:flex}.share-list article>button.danger{color:#c44752;justify-content:center;padding:0}.hub-empty{text-align:center;color:#708091;border:2px dashed #ced7de;border-radius:16px;place-content:center;justify-items:center;min-height:250px;display:grid}.hub-empty>svg{color:#55a831;width:34px;height:34px}.hub-empty h3{color:#293b4e;margin:10px 0 3px}.hub-empty p{font-size:11px}.hub-empty button{color:#102117;background:#63d431;border:0;border-radius:8px;height:40px;padding:0 13px;font-weight:850}.organize-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.organize-grid>section{background:#fff;border:1px solid #dae1e7;border-radius:15px;padding:20px}.hub-section-head.compact{margin-bottom:13px}.hub-section-head.compact h2{font-size:20px}.choice-list{gap:7px;display:grid}.choice-list label{cursor:pointer;border:1px solid #dce3e8;border-radius:10px;grid-template-columns:34px 1fr;align-items:center;min-height:58px;padding:8px;display:grid}.choice-list input{opacity:0;position:absolute}.choice-list label>span{color:#397d23;border:1px solid #cbd5dc;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.choice-list label:has(input:checked){background:#f4faef;border-color:#8dcf6b}.choice-list label div{display:grid}.choice-list small{color:#8190a0;font-size:9px}.choice-list svg{width:15px}.inline-create{grid-template-columns:1fr auto;gap:7px;margin-top:13px;display:grid}.inline-create input{border:1px solid #d3dce3;border-radius:8px;height:42px;padding:0 11px}.inline-create button{color:#fff;background:#17283b;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-weight:800;display:flex}.inline-create svg{width:15px}.tag-cloud{flex-wrap:wrap;gap:7px;display:flex}.tag-cloud button{color:#526376;background:#fff;border:1px solid #d5dee5;border-radius:20px;align-items:center;gap:6px;height:38px;padding:0 12px;font-size:10px;font-weight:800;display:flex}.tag-cloud button.active{color:#34751f;background:#f0faeb;border-color:#74bf50}.tag-cloud i{border-radius:50%;width:8px;height:8px}.tag-cloud svg{width:13px}.version-list>article{grid-template-columns:48px 1fr auto}.usage-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.usage-card{background:#fff;border:1px solid #dae1e6;border-radius:14px;padding:18px}.usage-card>span{color:#449327;background:#eaf7e4;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.usage-card svg{width:18px}.usage-card>strong{margin-top:11px;font-size:30px;display:block}.usage-card h3{margin:1px 0;font-size:13px}.usage-card p{color:#768596;font-size:10px}.activity-feed{background:#fff;border:1px solid #dae1e6;border-radius:14px;grid-column:1/-1;padding:20px}.activity-feed h2{margin:5px 0 14px}.activity-feed article{border-top:1px solid #e3e8ec;gap:10px;padding:10px 0;display:flex}.activity-feed article i{background:#edf2f5;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.activity-feed article svg{width:14px}.activity-feed article div{display:grid}.activity-feed small{color:#8090a0;font-size:9px}.qr-modal{text-align:center;max-width:390px}.qr-modal>.modal-icon{margin:auto}.qr-modal img{border:1px solid #d9e1e7;border-radius:13px;width:min(240px,80%);margin:15px auto;display:block}.qr-modal>.primary-action{justify-content:center;align-items:center;gap:7px;display:flex}.share-modal select{color:#152438;background:#fff;border:1px solid #ccd5df;border-radius:10px;height:49px;padding:0 13px}@media (max-width:820px){.play-hub>header{grid-template-columns:100px 1fr auto;padding:0 14px}.play-hub>header>button{padding:0 10px}.hub-body{padding:20px 14px 50px}.organize-grid{grid-template-columns:1fr}.usage-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:620px){.play-hub>header{grid-template-columns:44px 1fr 44px;gap:8px;height:76px}.play-hub>header>button{justify-content:center;padding:0;font-size:0}.play-hub>header h1{font-size:17px}.play-hub>header p{display:none}.hub-tabs{justify-content:start;overflow:auto}.hub-tabs button{min-width:100px}.hub-section-head{align-items:start;gap:12px}.hub-section-head h2{font-size:22px}.hub-section-head .primary-action{width:46px;padding:0;font-size:0}.share-list>article{grid-template-columns:40px 1fr 38px 38px}.share-list article>button{justify-content:center;padding:0;font-size:0}.share-list article>button.danger{grid-column:4}.share-list article>button:nth-last-child(2){grid-column:3}.share-list article div{grid-column:2/-1}.usage-grid{grid-template-columns:1fr}.activity-feed{grid-column:auto}}
.collection-app{color:#172639;background:#eef2f5;min-height:100dvh}.collection-app>header{color:#fff;background:#0d1c2d;grid-template-columns:150px 1fr;align-items:center;height:88px;padding:0 clamp(16px,4vw,54px);display:grid}.collection-app>header>button{color:#fff;background:#ffffff14;border:0;border-radius:9px;align-items:center;gap:6px;height:42px;padding:0 12px;font-weight:800;display:flex}.collection-app>header svg{width:17px}.collection-app>header h1{margin:3px 0;font-size:23px}.collection-app>header p{color:#9cadbd;margin:0;font-size:10px}.collection-alert{color:#75580e;background:#fff4d5;border-radius:9px;justify-content:space-between;max-width:1180px;margin:12px auto;padding:10px 14px;display:flex}.collection-alert button{background:0 0;border:0}.collection-shell{grid-template-columns:250px 1fr;gap:16px;max-width:1240px;margin:auto;padding:24px;display:grid}.collection-shell>aside{color:#fff;background:#17283b;border-radius:15px;align-self:start;gap:7px;padding:16px;display:grid}.collection-shell>aside>.eyebrow{margin:5px}.collection-shell>aside>button{color:#b8c4d0;text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:28px 1fr;align-items:center;min-height:58px;padding:8px;display:grid}.collection-shell>aside>button.active{color:#fff;background:#284057}.collection-shell>aside svg{width:17px}.collection-shell>aside button span{display:grid}.collection-shell>aside small{color:#8fa2b3;font-size:8px}.collection-shell>aside form{grid-template-columns:1fr 38px;gap:5px;margin-top:8px;display:grid}.collection-shell>aside input{color:#fff;background:#0e1c2b;border:1px solid #3b5063;border-radius:7px;min-width:0;height:39px;padding:0 9px}.collection-shell>aside form button{color:#071526;background:#63d431;border:0;border-radius:7px}.collection-shell>section{background:#fff;border:1px solid #dbe2e7;border-radius:15px;min-width:0;padding:22px}.collection-head h2{margin:5px 0;font-size:25px}.collection-head p{color:#788696;font-size:10px}.ordered-plays{gap:7px;margin-top:16px;display:grid}.ordered-plays article{cursor:grab;border:1px solid #dbe2e7;border-radius:10px;grid-template-columns:26px 38px 1fr 36px 36px 36px;align-items:center;gap:5px;min-height:62px;padding:7px;display:grid}.ordered-plays article>svg{color:#9aa6b1;width:17px}.ordered-plays article>b{color:#54a52f;font-size:17px}.ordered-plays article div{display:grid}.ordered-plays article small{color:#8090a0;font-size:9px}.ordered-plays article button{color:#607184;background:#fff;border:1px solid #d6dee4;border-radius:7px;height:34px}.ordered-plays article button svg{width:13px}.collection-empty{text-align:center;color:#758496;border:2px dashed #d0d9e0;border-radius:13px;place-content:center;justify-items:center;min-height:220px;padding:20px;display:grid}.collection-empty svg{color:#5bad37;width:34px}.collection-empty h3,.collection-empty h2{color:#304257;margin:9px 0 3px}.collection-empty p{max-width:430px;font-size:10px}.available-head{justify-content:space-between;align-items:center;margin-top:26px;display:flex}.available-head label{border:1px solid #d5dde4;border-radius:8px;align-items:center;height:39px;padding:0 9px;display:flex}.available-head svg{color:#7b8997;width:15px}.available-head input{border:0;outline:0}.available-plays{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.available-plays button{color:#34465a;text-align:left;background:#f8fafb;border:1px solid #dce3e8;border-radius:9px;align-items:center;gap:8px;min-height:54px;padding:8px;display:flex}.available-plays button>svg{color:#51a12e;width:17px}.available-plays span{display:grid}.available-plays small{color:#8492a0;font-size:8px}@media (max-width:800px){.collection-shell{grid-template-columns:1fr;padding:14px}.collection-shell>aside{display:flex;overflow:auto}.collection-shell>aside>.eyebrow{display:none}.collection-shell>aside>button{min-width:185px}.collection-shell>aside form{min-width:200px;margin:0}.available-plays{grid-template-columns:1fr}}@media (max-width:560px){.collection-app>header{grid-template-columns:44px 1fr;gap:8px;height:76px;padding:0 12px}.collection-app>header>button{justify-content:center;padding:0;font-size:0}.collection-app>header h1{font-size:17px}.collection-app>header p{display:none}.collection-shell>aside{display:grid;overflow:visible}.collection-shell>aside>button,.collection-shell>aside form{width:100%;min-width:0}.collection-shell>section{padding:14px}.ordered-plays article{grid-template-columns:22px 30px 1fr 34px 34px}.ordered-plays article button:last-child{display:none}.available-head{gap:8px;display:grid}.available-head label{width:100%}}