@charset "UTF-8";@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200%0}to{background-position:-200%0}}.player-app{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}.player-app .player-content{background-color:#f5f5f5;padding-top:65px}.player-app:not(:has(.top-bar--sticky)) .player-content{padding-top:0}.breadcrumbs{font-size:.9rem;margin-bottom:1rem}.breadcrumbs ol,.player-nav{display:flex;align-items:center}.breadcrumbs ol{flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}.breadcrumbs li{display:inline-flex;align-items:center;gap:.5rem}.breadcrumbs .separator{color:var(--sport-gray)}.breadcrumbs .breadcrumb-link,.breadcrumbs .current{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.breadcrumbs .breadcrumb-link{color:var(--sport-secondary);text-decoration:none}.breadcrumbs .breadcrumb-link:hover{text-decoration:underline}.breadcrumbs .current{color:var(--sport-gray-dark);font-weight:500}@media (max-width:480px){.breadcrumbs ol{flex-wrap:wrap}.breadcrumbs .breadcrumb-link,.breadcrumbs .current{max-width:none;white-space:normal;flex:0 1 auto;word-break:break-word}}.player-nav{justify-content:space-between;padding:1rem 4rem;background:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:100}@media (max-width:1024px){.player-nav{padding:1rem 2rem}}@media (max-width:768px){.player-nav{padding:1rem}}.player-nav .nav-left,.player-nav .nav-left .logo{flex-shrink:0}.player-nav .nav-right{flex-shrink:1}@media (max-width:900px){.player-nav .nav-left{gap:1rem}.player-nav .context-label{display:none}.player-nav .nav-right{gap:.5rem}.player-nav .sport-switcher,.player-nav .team-switcher{padding:.3rem .6rem;font-size:.85rem;max-width:200px}.player-nav .user-menu.ui.dropdown .text{padding:.4rem .8rem;font-size:.9rem}}.player-nav .nav-left{display:flex;align-items:center;gap:1.5rem;flex:1}.player-nav .nav-left .logo img{height:32px}.player-nav .nav-left .context-switcher,.player-nav .nav-right{display:flex;gap:1rem;align-items:center}@media (max-width:768px){.player-nav .nav-left .context-switcher{gap:.75rem}}@media (max-width:480px){.player-nav .nav-left .context-switcher{gap:.5rem}}.player-nav .nav-left .context-switcher .context-field{display:flex;flex-direction:column;gap:.25rem}.player-nav .nav-left .context-switcher .context-field .context-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#999;margin:0}.player-nav .nav-left .context-switcher .single-team-display{background:#f5f5f5;border:2px solid #d0d0d0;border-radius:6px;padding:.4rem .8rem;font-weight:500;font-size:.9rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;max-width:280px}@media (max-width:1024px){.player-nav .nav-left .context-switcher .single-team-display{max-width:220px}}@media (max-width:768px){.player-nav .nav-left .context-switcher .single-team-display{max-width:180px;font-size:.85rem;padding:.3rem .6rem}}@media (max-width:480px){.player-nav .nav-left .context-switcher .single-team-display{max-width:140px;font-size:.8rem;padding:.25rem .5rem}}.player-nav .nav-left .context-switcher .sport-switcher,.player-nav .nav-left .context-switcher .team-switcher{background:#fff;border:2px solid #007bff;border-radius:6px;padding:.4rem .8rem;cursor:pointer;transition:all .2s;max-width:280px;min-width:120px;font-size:.9rem}@media (max-width:1024px){.player-nav .nav-left .context-switcher .sport-switcher,.player-nav .nav-left .context-switcher .team-switcher{max-width:220px}}@media (max-width:768px){.player-nav .nav-left .context-switcher .sport-switcher,.player-nav .nav-left .context-switcher .team-switcher{padding:.25rem .5rem;font-size:.8rem;max-width:160px;min-width:100px}}@media (max-width:480px){.player-nav .nav-left .context-switcher .sport-switcher,.player-nav .nav-left .context-switcher .team-switcher{max-width:140px;min-width:100px;font-size:.8rem;padding:.25rem .5rem}}.player-nav .nav-left .context-switcher .sport-switcher:hover,.player-nav .nav-left .context-switcher .team-switcher:hover{background:#f8f9fa;border-color:#0056b3}.player-nav .nav-left .context-switcher .sport-switcher .text,.player-nav .nav-left .context-switcher .team-switcher .text{font-weight:500;color:#333;display:flex;align-items:center;gap:.5rem;justify-content:space-between}.player-nav .nav-left .context-switcher .sport-switcher .text span,.player-nav .nav-left .context-switcher .team-switcher .text span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.player-nav .nav-left .context-switcher .sport-switcher .dropdown.icon,.player-nav .nav-left .context-switcher .team-switcher .dropdown.icon{color:#007bff;margin-left:.5rem;flex-shrink:0}.player-nav .nav-left .context-switcher .sport-switcher .menu,.player-nav .nav-left .context-switcher .team-switcher .menu{min-width:auto!important;width:auto!important}.player-nav .nav-left .context-switcher .sport-switcher .menu .item,.player-nav .nav-left .context-switcher .team-switcher .menu .item{white-space:nowrap}.player-nav .nav-right{gap:1.5rem}.player-nav .nav-right .back-to-admin-btn{white-space:nowrap;font-weight:600;flex-shrink:0}.player-nav .nav-right .user-menu.ui.dropdown{cursor:pointer;flex-shrink:0}.player-nav .nav-right .user-menu.ui.dropdown .text{font-weight:500;color:#333;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;white-space:nowrap;cursor:pointer;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;transition:all .2s}.player-nav .nav-right .user-menu.ui.dropdown .text:hover{background:#e9ecef;border-color:#ccc}.player-nav .nav-right .user-menu.ui.dropdown .text .user.circle.icon{margin:0}.player-nav .nav-right .user-menu.ui.dropdown .text .dropdown.icon{margin:0;opacity:.7}.player-nav .nav-right .user-menu.ui.dropdown .menu{min-width:auto;margin-top:.5rem;border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.15);overflow:hidden}.player-nav .nav-right .user-menu.ui.dropdown .menu .item,.player-nav .nav-right .user-menu.ui.dropdown .menu .item-form .item{padding:.85rem 1.25rem;cursor:pointer;transition:background-color .15s;text-align:left;white-space:nowrap;display:block;color:#333;line-height:1.3}.player-nav .nav-right .user-menu.ui.dropdown .menu .item-form .item:hover,.player-nav .nav-right .user-menu.ui.dropdown .menu .item:hover{background-color:#f0f2f5}.player-nav .nav-right .user-menu.ui.dropdown .menu .divider{margin:0;height:1px;background-color:#e0e0e0;border:0}.player-nav .nav-right .user-menu.ui.dropdown .menu .item-form{display:block;margin:0;padding:0}.player-nav .nav-right .user-menu.ui.dropdown .menu .item-form .item{width:100%;border:0;background:0 0;font-family:inherit;font-size:inherit}@media (max-width:480px){.player-nav{flex-direction:column;align-items:flex-start}.player-nav .nav-right{width:100%;margin-top:.5rem}}.player-dashboard{max-width:1400px;margin:0 auto;padding:2rem 3rem;overflow-x:hidden}@media (max-width:1024px){.player-dashboard{padding:2rem}}@media (max-width:768px){.player-dashboard{padding:1.5rem}}@media (max-width:480px){.player-dashboard{padding:1rem}}.player-dashboard .header{margin-bottom:2.5rem}.player-app .playbooks-index .header h1,.player-app .practice-plans-index .header h1,.player-dashboard .header h1{font-size:2rem;margin-bottom:.5rem}.player-dashboard .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}@media (max-width:480px){.player-dashboard .stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.player-dashboard .stats-grid .stat-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.player-dashboard .stats-grid .stat-card h3{font-size:.9rem;color:#666;margin-bottom:.5rem}.player-dashboard .stats-grid .stat-card .count{font-size:2rem;font-weight:600;color:#333}@media (max-width:768px){.player-dashboard .stats-grid .stat-card{padding:1rem}.player-dashboard .stats-grid .stat-card .count{font-size:1.5rem}.player-dashboard .stats-grid .stat-card .ui.button{width:100%;display:block}}.player-dashboard .recent-content .section{margin-bottom:2rem}.player-dashboard .recent-content .section h2{font-size:1.5rem;margin-bottom:1rem}.player-dashboard .recent-content .cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}@media (max-width:768px){.player-dashboard .recent-content .cards-grid{grid-template-columns:1fr}}@media (max-width:480px){.player-dashboard .recent-content .cards-grid{grid-template-columns:1fr;gap:.75rem}}.player-app .playbooks-index,.player-app .practice-plans-index{padding:1.5rem}.player-app .playbooks-index .header,.player-app .practice-plans-index .header{margin-bottom:2rem}.player-app .playbooks-index .header .back-link,.player-app .practice-plans-index .header .back-link{display:inline-block;margin-bottom:1rem;color:#007bff;text-decoration:none;font-size:.95rem}.player-app .playbooks-index .header .back-link:hover,.player-app .practice-plans-index .header .back-link:hover{text-decoration:underline}.player-app .playbooks-index .header .subtitle,.player-app .practice-plans-index .header .subtitle{color:#666}.player-app .playbooks-index .playbooks-grid,.player-app .playbooks-index .practice-plans-grid,.player-app .practice-plans-index .playbooks-grid,.player-app .practice-plans-index .practice-plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}@media (max-width:768px){.player-app .playbooks-index .playbooks-grid,.player-app .playbooks-index .practice-plans-grid,.player-app .practice-plans-index .playbooks-grid,.player-app .practice-plans-index .practice-plans-grid{grid-template-columns:1fr}}.player-app .playbooks-index .empty-state,.player-app .practice-plans-index .empty-state{grid-column:1/-1;text-align:center;padding:3rem 1rem;color:#666;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.player-app .playbooks-index .empty-state p,.player-app .practice-plans-index .empty-state p{font-size:1.1rem;margin-bottom:.5rem}.player-app .playbooks-index .empty-state .help-text,.player-app .practice-plans-index .empty-state .help-text{margin-top:.5rem;font-size:.9rem;color:#999}.player-app .playbook-card,.player-app .practice-plan-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;opacity:1;transform:none;width:auto;margin:0;height:-moz-fit-content;height:fit-content}.player-app .playbook-card:hover,.player-app .practice-plan-card:hover{transform:translateY(-4px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.player-app .playbook-card .card-link,.player-app .practice-plan-card .card-link{text-decoration:none;color:inherit;display:block;background:0 0}.player-app .playbook-card .card-content,.player-app .practice-plan-card .card-content{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;background:#fff}.player-app .playbook-card .card-content .playbook-name,.player-app .playbook-card .card-content .practice-plan-name,.player-app .playbook-card .card-content h3,.player-app .practice-plan-card .card-content .playbook-name,.player-app .practice-plan-card .card-content .practice-plan-name,.player-app .practice-plan-card .card-content h3{font-size:1.1rem;margin:0 0 .5rem;color:#333;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.player-app .playbook-card .card-content p,.player-app .practice-plan-card .card-content p{font-size:.9rem;color:#666;margin:0}.player-app .playbook-card .card-content .card-meta,.player-app .practice-plan-card .card-content .card-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.85rem;color:#888;margin-top:.5rem}.player-app .playbook-card .card-content .card-meta span,.player-app .practice-plan-card .card-content .card-meta span{display:flex;align-items:center;gap:.25rem}.player-app .document-view{max-width:1200px;margin:0 auto;padding:1.5rem}.player-app .document-view .document-header{background:#fff;padding:2rem;border-radius:8px;margin-bottom:2rem}.player-app .document-view .document-header .back-link{display:inline-block;margin-bottom:1rem;color:#666;text-decoration:none}.player-app .document-view .document-header .back-link:hover{color:#333}.player-app .document-view .document-header h1{font-size:2rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.player-app .document-view .document-header .description{margin-top:.5rem;color:#666}.player-app .document-view .document-header .meta{display:flex;gap:1rem;margin-top:1rem;color:#666;font-size:.9rem}.player-app .document-view .document-header .meta span:not(:last-child)::after{content:"•";margin-left:1rem}@media (max-width:768px){.player-app .document-view .document-header{padding:1rem}.player-app .document-view .document-header h1{font-size:1.5rem}.player-app .document-view .document-header .meta{flex-direction:column;gap:.5rem}.player-app .document-view .document-header .meta span::after{display:none!important}}.player-app .document-view .diagrams-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:1rem}@media (max-width:768px){.player-app .document-view .diagrams-list{grid-template-columns:1fr}}.player-app .document-view .diagrams-list .diagram-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;gap:1rem;padding:1rem;transition:transform .2s,box-shadow .2s}.player-app .document-view .diagrams-list .diagram-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.player-app .document-view .diagrams-list .diagram-card .diagram-number{font-size:1.5rem;font-weight:600;color:#999;flex-shrink:0;line-height:1}.player-app .document-view .diagrams-list .diagram-card .diagram-content{flex:1;min-width:0}.player-app .document-view .diagrams-list .diagram-card .diagram-link{text-decoration:none;color:inherit;display:flex;gap:1rem;align-items:center;width:100%}.player-app .document-view .diagrams-list .diagram-card .diagram-thumbnail{width:100px;height:70px;flex-shrink:0;border-radius:4px;overflow:hidden;background:#fafafa;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center}.player-app .document-view .diagrams-list .diagram-card .diagram-thumbnail svg{display:block;width:100%!important;height:auto!important;max-height:70px}.player-app .document-view .diagrams-list .diagram-card .diagram-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.player-app .document-view .diagrams-list .diagram-card .diagram-thumbnail .placeholder-image{width:100%;height:100%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#ccc}.player-app .document-view .diagrams-list .diagram-card .diagram-info{flex:1;min-width:0}.player-app .document-view .diagrams-list .diagram-card .diagram-info .diagram-name,.player-app .document-view .diagrams-list .diagram-card .diagram-info h3{font-size:1rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-app .document-view .diagrams-list .diagram-card .diagram-info .diagram-description,.player-app .document-view .diagrams-list .diagram-card .diagram-info p{font-size:.85rem;color:#666;margin-bottom:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.player-app .document-view .diagrams-list .diagram-card .diagram-info .diagram-meta{display:flex;gap:.5rem;font-size:.8rem;color:#888;align-items:center}.player-app .document-view .diagrams-list .diagram-card .diagram-info .diagram-meta span{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#f0f0f0;border-radius:4px;white-space:nowrap}.player-app .document-view .diagrams-list .diagram-card .diagram-info .diagram-meta span i.icon{font-size:.9rem}@media (max-width:768px){.player-app .document-view .diagrams-list .diagram-card .diagram-thumbnail{width:80px;height:60px}.player-app .document-view .diagrams-list .diagram-card .diagram-thumbnail svg{max-height:60px}}.player-app .document-view .diagrams-list .empty-state{text-align:center;padding:2rem;color:#666}.player-app .access-disabled-page,.player-app .invitation-required-page{max-width:600px;margin:4rem auto;padding:2rem}@media (max-width:768px){.player-app .access-disabled-page,.player-app .invitation-required-page{margin:2rem auto;padding:1rem}}@media (max-width:480px){.player-app .access-disabled-page,.player-app .invitation-required-page{margin:1rem auto;padding:.5rem}}.player-app .access-disabled-page .access-disabled-container,.player-app .access-disabled-page .invitation-container,.player-app .invitation-required-page .access-disabled-container,.player-app .invitation-required-page .invitation-container{background:#fff;border-radius:8px;padding:3rem;text-align:center}.player-app .access-disabled-page .access-disabled-container .icon-wrapper,.player-app .access-disabled-page .invitation-container .icon-wrapper,.player-app .invitation-required-page .access-disabled-container .icon-wrapper,.player-app .invitation-required-page .invitation-container .icon-wrapper{margin-bottom:2rem}.player-app .access-disabled-page .access-disabled-container .icon-wrapper i.icon,.player-app .access-disabled-page .invitation-container .icon-wrapper i.icon,.player-app .invitation-required-page .access-disabled-container .icon-wrapper i.icon,.player-app .invitation-required-page .invitation-container .icon-wrapper i.icon{font-size:4rem;color:#999}.player-app .access-disabled-page .access-disabled-container h1,.player-app .access-disabled-page .invitation-container h1,.player-app .invitation-required-page .access-disabled-container h1,.player-app .invitation-required-page .invitation-container h1{font-size:2rem;margin-bottom:1rem}.player-app .access-disabled-page .access-disabled-container .explanation,.player-app .access-disabled-page .invitation-container .explanation,.player-app .invitation-required-page .access-disabled-container .explanation,.player-app .invitation-required-page .invitation-container .explanation{color:#666;margin-bottom:2rem;line-height:1.6}.player-app .access-disabled-page .access-disabled-container .instructions,.player-app .access-disabled-page .access-disabled-container .status-details,.player-app .access-disabled-page .invitation-container .instructions,.player-app .access-disabled-page .invitation-container .status-details,.player-app .invitation-required-page .access-disabled-container .instructions,.player-app .invitation-required-page .access-disabled-container .status-details,.player-app .invitation-required-page .invitation-container .instructions,.player-app .invitation-required-page .invitation-container .status-details{text-align:left;margin:2rem 0}.player-app .access-disabled-page .access-disabled-container .instructions h3,.player-app .access-disabled-page .access-disabled-container .status-details h3,.player-app .access-disabled-page .invitation-container .instructions h3,.player-app .access-disabled-page .invitation-container .status-details h3,.player-app .invitation-required-page .access-disabled-container .instructions h3,.player-app .invitation-required-page .access-disabled-container .status-details h3,.player-app .invitation-required-page .invitation-container .instructions h3,.player-app .invitation-required-page .invitation-container .status-details h3{margin-bottom:1rem}.player-app .access-disabled-page .access-disabled-container .instructions ol,.player-app .access-disabled-page .access-disabled-container .instructions ul,.player-app .access-disabled-page .access-disabled-container .status-details ol,.player-app .access-disabled-page .access-disabled-container .status-details ul,.player-app .access-disabled-page .invitation-container .instructions ol,.player-app .access-disabled-page .invitation-container .instructions ul,.player-app .access-disabled-page .invitation-container .status-details ol,.player-app .access-disabled-page .invitation-container .status-details ul,.player-app .invitation-required-page .access-disabled-container .instructions ol,.player-app .invitation-required-page .access-disabled-container .instructions ul,.player-app .invitation-required-page .access-disabled-container .status-details ol,.player-app .invitation-required-page .access-disabled-container .status-details ul,.player-app .invitation-required-page .invitation-container .instructions ol,.player-app .invitation-required-page .invitation-container .instructions ul,.player-app .invitation-required-page .invitation-container .status-details ol,.player-app .invitation-required-page .invitation-container .status-details ul{margin-left:1.5rem;line-height:1.8}.player-app .access-disabled-page .access-disabled-container .support-note,.player-app .access-disabled-page .invitation-container .support-note,.player-app .invitation-required-page .access-disabled-container .support-note,.player-app .invitation-required-page .invitation-container .support-note{margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0;color:#666;font-size:.9rem}.player-app .access-disabled-page .access-disabled-container .actions,.player-app .access-disabled-page .invitation-container .actions,.player-app .invitation-required-page .access-disabled-container .actions,.player-app .invitation-required-page .invitation-container .actions{margin-top:2rem;display:flex;flex-direction:column;gap:1rem;align-items:center}.player-app .access-disabled-page .access-disabled-container .actions .ui.button,.player-app .access-disabled-page .invitation-container .actions .ui.button,.player-app .invitation-required-page .access-disabled-container .actions .ui.button,.player-app .invitation-required-page .invitation-container .actions .ui.button{min-width:200px}@media (max-width:480px){.player-app .access-disabled-page .access-disabled-container .actions .ui.button,.player-app .access-disabled-page .invitation-container .actions .ui.button,.player-app .invitation-required-page .access-disabled-container .actions .ui.button,.player-app .invitation-required-page .invitation-container .actions .ui.button{min-width:100%}}@media (max-width:768px){.player-app .access-disabled-page .access-disabled-container,.player-app .access-disabled-page .invitation-container,.player-app .invitation-required-page .access-disabled-container,.player-app .invitation-required-page .invitation-container{padding:2rem 1rem}.player-app .access-disabled-page .access-disabled-container h1,.player-app .access-disabled-page .invitation-container h1,.player-app .invitation-required-page .access-disabled-container h1,.player-app .invitation-required-page .invitation-container h1{font-size:1.5rem}}@media (hover:none) and (pointer:coarse){.player-app .drill-card,.player-app .play-card,.player-app .playbook-card,.player-app .practice-plan-card,.player-app .ui.button{-webkit-tap-highlight-color:rgba(0,0,0,.1)}}.player-app .player-footer{text-align:center;padding:2rem 1rem;color:#666;font-size:.9rem}.player-app .player-footer .help-link{margin-left:1rem;color:#007bff;text-decoration:none}.player-app .player-footer .help-link:hover{text-decoration:underline}.player-app.player-app--native{min-height:100vh}.player-app.player-app--native .player-app__mobile-content{padding:0}.player-app.player-app--native .ui.button:hover{background-color:inherit}.player-app.player-app--native .ui.button{min-height:44px;padding:.75rem 1rem}.player-app--mobile-native{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden;width:100%}.player-app--mobile-native input[type=email],.player-app--mobile-native input[type=number],.player-app--mobile-native input[type=password],.player-app--mobile-native input[type=text],.player-app--mobile-native select,.player-app--mobile-native textarea{font-size:16px!important}.player-app--mobile-native .player-app__mobile-content{max-width:100%;overflow-x:hidden;box-sizing:border-box;width:100%}.player-app--mobile-native .ui.form,.player-app--mobile-native .ui.form .field{max-width:100%}.player-app--mobile-native .ui.form .field input{max-width:100%;box-sizing:border-box}.player-app--mobile-native .ui.message{overflow-wrap:break-word}.player-context-banner{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.player-context-banner .context-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f5f5f5;border:1px solid #d0d0d0;border-radius:6px;font-size:.85rem;font-weight:500;color:#333;white-space:nowrap}.player-context-banner .context-badge i.icon{color:#666;font-size:1rem}.player-context-banner .context-badge--team{border-color:#007bff;background:#e7f3ff}.player-context-banner .context-badge--team i.icon{color:#007bff}.player-context-banner .context-badge--sport{border-color:#28a745;background:#e8f5e9}.player-context-banner .context-badge--sport i.icon{color:#28a745}@media (min-width:769px){.player-context-banner{display:none}}.auth-page,.player-auth-page{max-width:500px;margin:0 auto;padding:2rem 1rem;min-height:100vh;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.auth-page,.player-auth-page{padding:1.5rem 1rem}}@media (max-width:480px){.auth-page,.player-auth-page{padding:1rem .75rem}}.auth-page .auth-container,.auth-page .player-auth-container,.player-auth-page .auth-container,.player-auth-page .player-auth-container{background:#fff;border-radius:8px;padding:2.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1);width:100%;max-width:100%}@media (max-width:768px){.auth-page .auth-container,.auth-page .player-auth-container,.player-auth-page .auth-container,.player-auth-page .player-auth-container{padding:2rem 1.5rem;border-radius:6px}}@media (max-width:480px){.auth-page .auth-container,.auth-page .player-auth-container,.player-auth-page .auth-container,.player-auth-page .player-auth-container{padding:1.5rem 1rem;box-shadow:0 1px 4px rgba(0,0,0,.1)}}.auth-page .auth-container .ui.message,.auth-page .player-auth-container .ui.message,.player-auth-page .auth-container .ui.message,.player-auth-page .player-auth-container .ui.message{margin-bottom:1.5rem;padding:1rem;border-radius:6px;font-size:.95rem;font-weight:500;width:100%;box-sizing:border-box}.auth-page .auth-container .ui.message.error,.auth-page .player-auth-container .ui.message.error,.player-auth-page .auth-container .ui.message.error,.player-auth-page .player-auth-container .ui.message.error{background-color:#fee;border:2px solid #d33;color:#d33}.auth-page .auth-container .ui.message.success,.auth-page .player-auth-container .ui.message.success,.player-auth-page .auth-container .ui.message.success,.player-auth-page .player-auth-container .ui.message.success{background-color:#efe;border:2px solid #3d3;color:#3d3}@media (max-width:480px){.auth-page .auth-container .ui.message,.auth-page .player-auth-container .ui.message,.player-auth-page .auth-container .ui.message,.player-auth-page .player-auth-container .ui.message{font-size:.9rem;padding:.875rem}}.auth-page .auth-container .user-type-selector .ui.buttons,.auth-page .player-auth-container .user-type-selector .ui.buttons,.player-auth-page .auth-container .user-type-selector .ui.buttons,.player-auth-page .player-auth-container .user-type-selector .ui.buttons{width:100%;display:flex;gap:.5rem}.auth-page .auth-container .user-type-selector .ui.buttons .ui.button,.auth-page .player-auth-container .user-type-selector .ui.buttons .ui.button,.player-auth-page .auth-container .user-type-selector .ui.buttons .ui.button,.player-auth-page .player-auth-container .user-type-selector .ui.buttons .ui.button{flex:1;background:#f5f5f5;color:#999;border:2px solid #d0d0d0;font-weight:500;transition:all .2s ease;padding:.875rem 1.5rem;border-radius:6px}.auth-page .auth-container .user-type-selector .ui.buttons .ui.button:hover,.auth-page .player-auth-container .user-type-selector .ui.buttons .ui.button:hover,.player-auth-page .auth-container .user-type-selector .ui.buttons .ui.button:hover,.player-auth-page .player-auth-container .user-type-selector .ui.buttons .ui.button:hover{background:#e9ecef;color:#666;border-color:#bbb}.auth-page .auth-container .user-type-selector .ui.buttons .ui.button.active,.auth-page .player-auth-container .user-type-selector .ui.buttons .ui.button.active,.player-auth-page .auth-container .user-type-selector .ui.buttons .ui.button.active,.player-auth-page .player-auth-container .user-type-selector .ui.buttons .ui.button.active{background:#007bff;color:#fff;border-color:#007bff;font-weight:600;box-shadow:0 2px 4px rgba(0,123,255,.3)}.auth-page .auth-container .user-type-selector .ui.buttons .ui.button.active:hover,.auth-page .player-auth-container .user-type-selector .ui.buttons .ui.button.active:hover,.player-auth-page .auth-container .user-type-selector .ui.buttons .ui.button.active:hover,.player-auth-page .player-auth-container .user-type-selector .ui.buttons .ui.button.active:hover{background:#0056b3;border-color:#0056b3}@media (max-width:480px){.auth-page .auth-container .user-type-selector .ui.buttons .ui.button,.auth-page .player-auth-container .user-type-selector .ui.buttons .ui.button,.player-auth-page .auth-container .user-type-selector .ui.buttons .ui.button,.player-auth-page .player-auth-container .user-type-selector .ui.buttons .ui.button{padding:.75rem 1rem;font-size:.9rem}}.auth-page .auth-container .auth-header,.auth-page .player-auth-container .auth-header,.player-auth-page .auth-container .auth-header,.player-auth-page .player-auth-container .auth-header{text-align:center;margin-bottom:1.5rem;font-size:1.75rem;color:#333;font-weight:600}@media (max-width:768px){.auth-page .auth-container .auth-header,.auth-page .player-auth-container .auth-header,.player-auth-page .auth-container .auth-header,.player-auth-page .player-auth-container .auth-header{font-size:1.5rem}}@media (max-width:480px){.auth-page .auth-container .auth-header,.auth-page .player-auth-container .auth-header,.player-auth-page .auth-container .auth-header,.player-auth-page .player-auth-container .auth-header{font-size:1.35rem;margin-bottom:1.25rem}}.auth-page .auth-container .ui.form,.auth-page .player-auth-container .ui.form,.player-auth-page .auth-container .ui.form,.player-auth-page .player-auth-container .ui.form{margin-bottom:1.5rem}.auth-page .auth-container .ui.form .field,.auth-page .player-auth-container .ui.form .field,.player-auth-page .auth-container .ui.form .field,.player-auth-page .player-auth-container .ui.form .field{margin-bottom:1.25rem}.auth-page .auth-container .ui.form .field .input,.auth-page .player-auth-container .ui.form .field .input,.player-auth-page .auth-container .ui.form .field .input,.player-auth-page .player-auth-container .ui.form .field .input{display:block;width:100%}.auth-page .auth-container .ui.form label,.auth-page .player-auth-container .ui.form label,.player-auth-page .auth-container .ui.form label,.player-auth-page .player-auth-container .ui.form label{display:block;font-weight:500;color:#555;margin-bottom:.5rem}.auth-page .auth-container .ui.form input[type=email],.auth-page .auth-container .ui.form input[type=password],.auth-page .auth-container .ui.form input[type=text],.auth-page .player-auth-container .ui.form input[type=email],.auth-page .player-auth-container .ui.form input[type=password],.auth-page .player-auth-container .ui.form input[type=text],.player-auth-page .auth-container .ui.form input[type=email],.player-auth-page .auth-container .ui.form input[type=password],.player-auth-page .auth-container .ui.form input[type=text],.player-auth-page .player-auth-container .ui.form input[type=email],.player-auth-page .player-auth-container .ui.form input[type=password],.player-auth-page .player-auth-container .ui.form input[type=text]{width:100%;box-sizing:border-box;border-radius:6px;padding:.875rem;border:1.5px solid #d0d0d0;transition:border-color .2s}.auth-page .auth-container .ui.form input[type=email]:focus,.auth-page .auth-container .ui.form input[type=password]:focus,.auth-page .auth-container .ui.form input[type=text]:focus,.auth-page .player-auth-container .ui.form input[type=email]:focus,.auth-page .player-auth-container .ui.form input[type=password]:focus,.auth-page .player-auth-container .ui.form input[type=text]:focus,.player-auth-page .auth-container .ui.form input[type=email]:focus,.player-auth-page .auth-container .ui.form input[type=password]:focus,.player-auth-page .auth-container .ui.form input[type=text]:focus,.player-auth-page .player-auth-container .ui.form input[type=email]:focus,.player-auth-page .player-auth-container .ui.form input[type=password]:focus,.player-auth-page .player-auth-container .ui.form input[type=text]:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.1)}.auth-page .auth-container .ui.form .inline.field,.auth-page .auth-container .ui.form .inline.field .input,.auth-page .player-auth-container .ui.form .inline.field,.auth-page .player-auth-container .ui.form .inline.field .input,.player-auth-page .auth-container .ui.form .inline.field,.player-auth-page .auth-container .ui.form .inline.field .input,.player-auth-page .player-auth-container .ui.form .inline.field,.player-auth-page .player-auth-container .ui.form .inline.field .input{display:flex;align-items:center}.auth-page .auth-container .ui.form .form-actions,.auth-page .player-auth-container .ui.form .form-actions,.player-auth-page .auth-container .ui.form .form-actions,.player-auth-page .player-auth-container .ui.form .form-actions{margin-top:1.5rem}.auth-page .auth-container .ui.form .form-actions .ui.button,.auth-page .player-auth-container .ui.form .form-actions .ui.button,.player-auth-page .auth-container .ui.form .form-actions .ui.button,.player-auth-page .player-auth-container .ui.form .form-actions .ui.button{border-radius:6px;font-weight:500;padding:1rem;font-size:1rem;min-height:44px}@media (max-width:480px){.auth-page .auth-container .ui.form .form-actions .ui.button,.auth-page .player-auth-container .ui.form .form-actions .ui.button,.player-auth-page .auth-container .ui.form .form-actions .ui.button,.player-auth-page .player-auth-container .ui.form .form-actions .ui.button{padding:.875rem;font-size:.95rem}}.auth-page .auth-container .auth-links,.auth-page .player-auth-container .auth-links,.player-auth-page .auth-container .auth-links,.player-auth-page .player-auth-container .auth-links{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.auth-page .auth-container .auth-links .ui.grid,.auth-page .player-auth-container .auth-links .ui.grid,.player-auth-page .auth-container .auth-links .ui.grid,.player-auth-page .player-auth-container .auth-links .ui.grid{margin:0}.auth-page .auth-container .auth-links .ui.grid .column,.auth-page .player-auth-container .auth-links .ui.grid .column,.player-auth-page .auth-container .auth-links .ui.grid .column,.player-auth-page .player-auth-container .auth-links .ui.grid .column{padding:.5rem 0}.auth-page .auth-container .auth-links .ui.grid .column .ui.button,.auth-page .player-auth-container .auth-links .ui.grid .column .ui.button,.player-auth-page .auth-container .auth-links .ui.grid .column .ui.button,.player-auth-page .player-auth-container .auth-links .ui.grid .column .ui.button{border-radius:6px;font-weight:500;min-height:44px;display:flex;align-items:center;justify-content:center}@media (max-width:480px){.auth-page .auth-container .auth-links .ui.grid .column .ui.button,.auth-page .player-auth-container .auth-links .ui.grid .column .ui.button,.player-auth-page .auth-container .auth-links .ui.grid .column .ui.button,.player-auth-page .player-auth-container .auth-links .ui.grid .column .ui.button{font-size:.9rem}}.player-app--mobile-native .auth-page,.player-app--mobile-native .player-auth-page{min-height:auto;padding:1rem .75rem}.player-app--mobile-native .auth-page .auth-container,.player-app--mobile-native .auth-page .player-auth-container,.player-app--mobile-native .player-auth-page .auth-container,.player-app--mobile-native .player-auth-page .player-auth-container{box-shadow:none;padding:1.5rem 1rem}@media (max-width:480px){.player-app--mobile-native .auth-page .auth-container,.player-app--mobile-native .auth-page .player-auth-container,.player-app--mobile-native .player-auth-page .auth-container,.player-app--mobile-native .player-auth-page .player-auth-container{padding:1rem .75rem}}:root{--color-link:#007bff;--color-text-primary:#333;--color-text-muted:#666;--color-text-subtle:#999;--color-text-light:#ccc;--color-border:#e0e0e0;--color-bg-white:white;--color-bg-subtle:#fafafa;--color-success:#28a745;--color-shadow-sm:rgba(0, 0, 0, 0.1);--color-shadow-md:rgba(0, 0, 0, 0.15);--color-success-shadow:rgba(40, 167, 69, 0.3)}.player-diagram-view{padding:1rem;max-width:1200px;margin:0 auto}@media (max-width:380px){.player-diagram-view{padding:.5rem}}.player-diagram-view__back-nav{margin-bottom:1.5rem}.player-diagram-view__back-button{color:var(--color-link);text-decoration:none;font-size:1rem}.player-diagram-view__back-button:hover{text-decoration:underline}.player-diagram-view__back-button:focus,.player-diagram-view__back-button:focus-visible{outline:2px solid var(--color-link);outline-offset:2px;text-decoration:underline}.player-diagram-view__breadcrumbs{display:flex;align-items:center;gap:.5rem;font-size:.95rem;flex-wrap:wrap}.player-diagram-view__breadcrumb-separator{color:var(--color-text-subtle);margin:0 .25rem}.player-diagram-view__breadcrumb-link{color:var(--color-link);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.player-diagram-view__breadcrumb-link:hover{text-decoration:underline}.player-diagram-view__breadcrumb-current{color:var(--color-text-muted);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.player-diagram-view__presentation-viewer{margin-bottom:3rem;background:var(--color-bg-white);border-radius:8px;padding:1rem;box-shadow:0 2px 4px var(--color-shadow-sm)}@media (max-width:480px){.player-diagram-view__presentation-viewer{padding:.5rem}}.player-diagram-view__presentation-viewer .sport-editor-root{min-height:500px;width:100%}.sport-editor-root__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;padding:2rem}.sport-editor-root__loading-spinner{margin-bottom:1rem}.sport-editor-root__spinner-icon{width:40px;height:40px;border:3px solid var(--color-border, #e0e0e0);border-top-color:var(--color-link, #007bff);border-radius:50%;animation:spin .8s linear infinite}@media (prefers-reduced-motion:reduce){.sport-editor-root__spinner-icon{animation:none;border-top-color:var(--color-link, #007bff)}}.sport-editor-root__loading-text{font-size:1rem;color:var(--color-text-muted, #666);margin-bottom:2rem}.sport-editor-root__skeleton-field{width:100%;max-width:600px;height:300px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;border:2px solid var(--color-border, #e0e0e0);animation:shimmer 1.5s ease-in-out infinite}@media (max-width:768px){.sport-editor-root__skeleton-field{height:250px}}@media (max-width:480px){.sport-editor-root__skeleton-field{height:200px}}@media (prefers-reduced-motion:reduce){.sport-editor-root__skeleton-field{animation:none;background-position:0 0}}.player-diagram-view__description-section{margin-bottom:3rem;padding:1.5rem;background:var(--color-bg-white);border-radius:8px;box-shadow:0 2px 4px var(--color-shadow-sm)}.player-diagram-view__description-section h3{font-size:1.25rem;margin-bottom:1rem;color:var(--color-text-primary)}.player-diagram-view__description-text{color:var(--color-text-muted);line-height:1.6}.player-diagram-view__image-toggle{display:flex;align-items:center;justify-content:space-between;margin:2rem 0 1rem;flex-wrap:wrap;gap:1rem}@media (max-width:640px){.player-diagram-view__image-toggle{flex-direction:column;align-items:flex-start}}.player-diagram-view__images-heading{font-size:1.5rem;margin:0;color:var(--color-text-primary)}.player-diagram-view__toggle-switch{display:flex;align-items:center;gap:.75rem}.player-diagram-view__toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.player-diagram-view__toggle-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.player-diagram-view__toggle-slider{position:relative;display:inline-block;width:48px;height:24px;background-color:var(--color-success);border-radius:24px;transition:background-color .3s}.player-diagram-view__toggle-slider:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background-color:#fff;border-radius:50%;transition:transform .3s}.player-diagram--bw .player-diagram-view__toggle-slider{background-color:var(--color-text-muted)}.player-diagram--bw .player-diagram-view__toggle-slider:after{transform:translateX(24px)}.player-diagram--bw .player-diagram-view__toggle-text--color{color:var(--color-text-subtle)}.player-diagram--bw .player-diagram-view__toggle-text--bw{color:var(--color-text-primary)}.player-diagram-view__toggle-text{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;color:var(--color-text-primary)}.player-diagram-view__toggle-text--color{color:var(--color-success)}.player-diagram-view__toggle-text--bw{color:var(--color-text-subtle)}.player-diagram-view__image-frames{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}@media (max-width:768px){.player-diagram-view__image-frames{grid-template-columns:1fr;gap:1rem}}@media (max-width:480px){.player-diagram-view__image-frames{gap:.75rem}}.player-diagram--bw .player-diagram-view__image-frames--color,.player-diagram-view__image-frames--bw{display:none}.player-diagram--bw .player-diagram-view__image-frames--bw{display:grid}.player-diagram-view__frame-card{background:var(--color-bg-white);border-radius:8px;padding:1rem;box-shadow:0 2px 4px var(--color-shadow-sm)}.player-diagram-view__frame-number{font-size:.9rem;font-weight:600;color:var(--color-text-muted);margin-bottom:.75rem}.player-diagram-view__frame-image{width:100%;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg-subtle);line-height:0}.player-diagram-view__frame-image>svg:not(:root){display:block;width:100%;height:auto;overflow:visible}.player-diagram-view__frame-image img{display:block;width:100%;height:auto}.player-diagram-view__frame-placeholder{padding:3rem 1rem;text-align:center;color:var(--color-text-subtle);font-size:.9rem}.player-diagram-view__switch-section{margin-top:3rem;padding-top:3rem;border-top:2px solid var(--color-border)}.player-diagram-view__switch-heading{font-size:1.75rem;margin-bottom:1.5rem;color:var(--color-text-primary);text-align:center}.player-diagram-view__switch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}@media (max-width:768px){.player-diagram-view__switch-grid{grid-template-columns:1fr;gap:1rem}}.player-diagram-view__switch-card{background:var(--color-bg-white);border-radius:8px;overflow:hidden;box-shadow:0 2px 4px var(--color-shadow-sm);transition:transform .2s,box-shadow .2s}.player-diagram-view__switch-card:hover{transform:translateY(-4px);box-shadow:0 4px 8px var(--color-shadow-md)}@media (prefers-reduced-motion:reduce){.player-diagram-view__switch-card{transition:none}.player-diagram-view__switch-card:hover{transform:none;box-shadow:0 2px 4px var(--color-shadow-sm)}}.player-diagram-view__switch-card--current{border:3px solid var(--color-success);box-shadow:0 4px 12px var(--color-success-shadow)}.player-diagram-view__switch-card-link{text-decoration:none;color:inherit;display:block;padding:1rem}.player-diagram-view__switch-card-number{font-size:1.2rem;font-weight:600;color:var(--color-text-subtle);margin-bottom:.5rem}.player-diagram-view__switch-card-thumbnail{width:100%;height:120px;border-radius:4px;overflow:hidden;background:var(--color-bg-subtle);border:1px solid var(--color-border);margin-bottom:.75rem;display:flex;align-items:center;justify-content:center}.player-diagram-view__switch-card-thumbnail svg{display:block;width:100%;height:auto;max-height:120px}.player-diagram-view__switch-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-text-light)}.player-diagram-view__switch-card-name{font-size:1rem;margin-bottom:.5rem;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.4}.player-diagram-view__current-label{display:inline-block;padding:.25rem .5rem;background:var(--color-success);color:#fff;border-radius:4px;font-size:.75rem;font-weight:600}.tool-bar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center}@media (max-width:640px){.tool-bar{flex-direction:column;align-items:center;gap:12px}}.tool-bar__tools--left{align-items:flex-end}@media (max-width:640px){.tool-bar__tools--left{flex-direction:column;align-items:center;gap:12px;width:100%}}.tool-bar__general{margin-right:0;margin-bottom:0;flex:none;min-width:0;overflow:hidden}@media (max-width:640px){.tool-bar__general{margin-right:0;margin-bottom:0;text-align:center;width:100%}}.tool-bar__frame-tools{display:flex;min-width:300px;flex-shrink:0}@media (max-width:640px){.tool-bar__frame-tools{min-width:0;width:auto;flex-shrink:1;justify-content:center}}@media (max-width:480px){.tool-bar__frame-tools{min-width:0;width:auto;flex-shrink:1;justify-content:center;gap:6px}}@media (max-width:380px){.tool-bar__frame-tools{min-width:0;width:auto;flex-shrink:1;justify-content:center;gap:4px}}.frame-tools__icon,.tool-bar__play-category:before{width:12px;height:12px;display:inline-block;background-size:contain;background-position:center center;background-repeat:no-repeat}.frame-tools__icon--remove{background-image:url(/assets/editor/remove-context-icon-3a89a0ff12fa14c61cb2cfe828fa97efd2423d0c2ce559712a2c720b1eb1bc11.svg)}.tool-bar__tools,.tool-bar__tools--left{display:flex;margin-bottom:6px;flex-wrap:wrap;justify-content:center;gap:4px}@media (max-width:1024px){.tool-bar__tools,.tool-bar__tools--left{gap:6px}}@media (max-width:640px){.tool-bar__tools,.tool-bar__tools--left{flex-wrap:wrap;justify-content:center;gap:8px;width:100%}}.tool-bar__play-name{margin-right:16px;font-size:24px;color:#505050;font-weight:700;line-height:1.3;border-radius:3px;margin-bottom:4px;padding:0 6px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:120px;max-width:400px;display:block}.tool-bar__play-name:hover{background-color:rgba(161,161,161,.14)}@media (max-width:640px){.tool-bar__play-name{font-size:20px;max-width:calc(100% - 20px)}}@media (max-width:480px){.tool-bar__play-name{font-size:18px}}.tool-bar__play-name--empty{font-style:italic;font-weight:200}.tool-bar__play-author{text-decoration:underline}.tool-bar__play-tag{padding:2px 7px;border-radius:3px;background-color:#36a67e;color:#fff;font-size:12px;font-weight:700;margin-left:7px;position:relative;top:-4px}.tool-bar__play-tag--private{background-color:#db2828}.tool-bar__play-category{font-weight:600;padding-left:4px;cursor:pointer}.tool-bar__play-category:before{content:"";width:14px;height:14px;margin-right:5px;position:relative;top:2px;background-image:url(/assets/editor/category-icon-5160052e9c61d4847dd40b0f46aa38499ec27a5b6c021b931e0d28575e6de153.svg)}.tool-bar__play-details{color:#999;font-size:15px}.tool-bar__save-play{border-radius:6px;font-size:14px;height:38px;color:#fff;padding:0 14px;box-shadow:0 1px 4px rgba(0,0,0,.08);background-color:#36a67e;position:relative;margin-right:12px;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease}.tool-bar__save-play--loading{color:transparent}.tool-bar__save-play--loading:before{opacity:0}.tool-bar__icon{display:inline-block;width:16px;height:16px;background-size:contain;background-position:center center;bacground-repeat:no-repeat}.tool-bar__button--settings{border:2px solid transparent;padding:0;width:38px}.tool-bar__button--highlight{border:2px solid #55cc90}.tool-bar__icon--settings{width:14px;height:14px;background-image:url(/assets/editor/settings-icon-0b9fecb5077af4c996c86223a238333d9074111dc7357702586f8a9b666dbc95.svg)}.tool-bar__icon--plus{width:12px;height:12px;background-image:url(/assets/editor/plus-icon-acd417d4c7c5378014390f1fa356003f3c94f0394f800ef2093b1ebbd9c6d981.svg)}.tool-bar__icon--reset{background-image:url(/assets/editor/refresh-icon-f4ff8700d3aa998f7ff0dd6a0f146d38ae9d49ffad8de7a6e64dfa06293f41f8.svg)}.tool-bar__panel{display:inline-block;margin-left:6px;margin-right:6px}.tool-bar__button-group{border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.08);display:flex}.tool-bar__button-group .tool-bar__button{border-radius:0;box-shadow:none;border-right:1px solid #f3efef}.tool-bar__button-group .tool-bar__button--left{border-top-left-radius:6px;border-bottom-left-radius:6px;border-left:none}.tool-bar__button-group .tool-bar__button--right{border-top-right-radius:6px;border-bottom-right-radius:6px;border-right:none}.tool-bar__button,.tool-bar__inner-button{background:#fff;position:relative;border-radius:6px}.tool-bar__button{height:38px;padding:0 12px;box-shadow:0 1px 4px rgba(0,0,0,.08);display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;white-space:nowrap}.tool-bar__button:hover,.tool-bar__inner-button:hover{background-color:#fbfbfb}.tool-bar__button:hover .tool-bar__tooltip,.tool-bar__inner-button:hover .tool-tip{opacity:1}.tool-bar__inner-button{width:28px;height:28px;margin-left:12px;background-image:url(/assets/editor/swap-icon-ffe203ab82df20673ba8b2ea3bf3a8be689088da646bc2d021e5e2b20509cb88.svg);background-repeat:no-repeat;background-size:14px;background-position:center;border:1px solid #f3efef}.tool-bar__inner-button--disabled{opacity:.2}.tool-bar__button--disabled{opacity:.6;cursor:not-allowed}.tool-bar__button--disabled:hover{cursor:not-allowed}.tool-bar__toggle-button{background:#fff;height:38px;padding:0 12px;position:relative;box-shadow:0 1px 4px rgba(0,0,0,.08);display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;white-space:nowrap}.tool-bar__toggle-button:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.tool-bar__toggle-button:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.tool-bar__toggle-button--pressed{transform:scale(.98);background-color:#fafafa}.tool-bar__button--settings{font-size:14px}.tool-bar__panel--settings{position:relative}.tool-bar__tooltip{position:absolute;top:-25px;left:50%;padding:4px 10px;line-height:1.1;display:inline-block;white-space:nowrap;background-color:rgba(0,0,0,.6);font-size:11px;font-weight:700;color:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.08);transform:translate(-50%,0);transition:all .2s ease;opacity:0;pointer-events:none}.tool-bar input[type=range]{-webkit-appearance:none;width:100%;margin:5.85px 0}.tool-bar input[type=range]:focus{outline:0}.tool-bar input[type=range]::-webkit-slider-runnable-track{width:100%;height:11.3px;cursor:pointer;box-shadow:.9px .9px 1.7px #6edda4,0 0 .9px #6edda4;background:#205928;border-radius:1px;border:1.1px solid #18d501}.presentation-slider::-webkit-slider-thumb,.tool-bar input[type=range]::-webkit-slider-thumb,.tool-bar__slider::-webkit-slider-thumb{box-shadow:2.6px 2.6px 3.7px #36a67e,0 0 2.6px #2196f3;border:2.5px solid #83e584;height:23px;width:23px;border-radius:12px;background:#43b143;cursor:pointer;-webkit-appearance:none;margin-top:-6.95px}.tool-bar input[type=range]:focus::-webkit-slider-runnable-track{background:#6edda4}.tool-bar input[type=range]::-moz-range-track{width:100%;height:11.3px;cursor:pointer;box-shadow:.9px .9px 1.7px #6edda4,0 0 .9px #6edda4;background:#205928;border-radius:1px;border:1.1px solid #18d501}.presentation-slider::-moz-range-thumb,.tool-bar input[type=range]::-moz-range-thumb,.tool-bar__slider::-moz-range-thumb{box-shadow:2.6px 2.6px 3.7px #36a67e,0 0 2.6px #2196f3;border:2.5px solid #83e584;height:23px;width:23px;border-radius:12px;background:#43b143;cursor:pointer}.tool-bar input[type=range]::-ms-track{width:100%;height:11.3px;cursor:pointer;background:0 0;border-color:transparent;color:transparent}.tool-bar input[type=range]::-ms-fill-lower{background:#194620;border:1.1px solid #18d501;border-radius:2px;box-shadow:.9px .9px 1.7px #6edda4,0 0 .9px #6edda4}.tool-bar input[type=range]::-ms-fill-upper{background:#205928;border:1.1px solid #18d501;border-radius:2px;box-shadow:.9px .9px 1.7px #6edda4,0 0 .9px #6edda4}.presentation-slider::-ms-thumb,.tool-bar input[type=range]::-ms-thumb,.tool-bar__slider::-ms-thumb{box-shadow:2.6px 2.6px 3.7px #36a67e,0 0 2.6px #2196f3;border:2.5px solid #83e584;width:23px;border-radius:12px;background:#43b143;cursor:pointer;height:11.3px}.tool-bar input[type=range]:focus::-ms-fill-lower{background:#205928}.tool-bar input[type=range]:focus::-ms-fill-upper{background:#6edda4}.tool-bar input[type=range]:disabled{cursor:not-allowed;opacity:.6}.tool-bar input[type=range]:disabled:hover{cursor:not-allowed}@media (max-width:480px){.presentation-slider::-webkit-slider-thumb,.tool-bar input[type=range]::-webkit-slider-thumb,.tool-bar__slider::-webkit-slider-thumb{height:18px!important;width:18px!important;border-radius:9px!important;margin-top:-5.4px!important}.presentation-slider::-moz-range-thumb,.tool-bar input[type=range]::-moz-range-thumb,.tool-bar__slider::-moz-range-thumb{height:18px!important;width:18px!important;border-radius:9px!important}.presentation-slider::-ms-thumb,.tool-bar input[type=range]::-ms-thumb,.tool-bar__slider::-ms-thumb{height:18px!important;width:18px!important;border-radius:9px!important}}@media (max-width:380px){.presentation-slider::-webkit-slider-thumb,.tool-bar input[type=range]::-webkit-slider-thumb,.tool-bar__slider::-webkit-slider-thumb{height:15px!important;width:15px!important;border-radius:7.5px!important;border:2px solid #83e584!important;margin-top:-4.5px!important}.presentation-slider::-moz-range-thumb,.tool-bar input[type=range]::-moz-range-thumb,.tool-bar__slider::-moz-range-thumb{height:15px!important;width:15px!important;border-radius:7.5px!important;border:2px solid #83e584!important}.presentation-slider::-ms-thumb,.tool-bar input[type=range]::-ms-thumb,.tool-bar__slider::-ms-thumb{height:15px!important;width:15px!important;border-radius:7.5px!important;border:2px solid #83e584!important}}