@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans','Noto Sans JP',sans-serif;color:#172d27;background:#f3f5f2;font-size:16px;--green:#173f35;--line:#dce3dd}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--green);border-radius:7px;min-height:44px;padding:10px 16px;font-size:.875rem;font-weight:600}button:hover{background:#e8efea}button:disabled{opacity:.35;cursor:default}button.active{background:#e2ece5;border-color:#abc2b3}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#28614f}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #eea23c;outline-offset:2px}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 3%;background:white;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;flex-wrap:wrap;text-decoration:none;font-weight:700;letter-spacing:2px;color:var(--green);font-size:20px}.brand>span{display:grid;place-items:center;background:var(--green);color:#f0d5a1;width:39px;height:39px;border-radius:9px;font-size:30px}.brand small{width:100%;font-size:10px;letter-spacing:3px;margin-top:-17px;padding-left:51px;color:#6f8177}nav{display:flex;gap:8px}nav button{border:0;background:transparent}main{max-width:1700px;margin:auto;padding:34px 3%}.titlebar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#73847b}h1{font-size:30px;letter-spacing:-1px;margin:7px 0}#status{font-size:14px;color:#748279}.actions{display:flex;gap:8px;flex-wrap:wrap}.workspace{display:grid;grid-template-columns:88px minmax(300px,1fr) 310px;gap:18px;align-items:start}.tools{display:flex;flex-direction:column;gap:9px;padding-top:15px}.tools>.eyebrow{text-align:center}.tools button{padding:12px 5px;font-size:25px;border:0;background:transparent;min-height:77px}.tools button.active{background:var(--green);color:white}.tools button span{display:block;font-size:12px;margin-top:5px}.legend{font-size:12px;line-height:2.3;color:#6c7f74;padding:16px 8px;border-top:1px solid var(--line)}.legend i{display:inline-block;width:9px;height:9px;background:#173f35;border-radius:50%;margin-right:5px}.legend .def{background:white;border:2px solid #b24c38}.boardarea{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.boardhead,.boardfoot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;font-size:12px;letter-spacing:1px;color:#718178}.boardhead b{font-size:14px;letter-spacing:0;margin-left:14px;color:#233c31}.boardhead #selection{background:#edf3ed;padding:5px 10px;border-radius:5px;color:#173f35;letter-spacing:0}.boardfoot{font-size:12px;letter-spacing:0;padding:14px 20px;flex-wrap:wrap}#court{display:block;width:100%;max-height:62vh;touch-action:none;user-select:none;background:#d8b887}.player{cursor:grab}.player:focus circle{stroke:#eea23c;stroke-width:5}.inspector{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden}.tabs{display:flex;background:#f8faf7;border-bottom:1px solid var(--line);padding:8px;gap:4px}.tabs button{flex:1;padding:10px 5px;background:transparent;border:0}.tabs button.active{background:white;box-shadow:0 1px 5px #173f3510}#panel{padding:22px}.panelheading{display:flex;justify-content:space-between;font-weight:700;margin-bottom:22px}.panelheading span{font-size:12px;color:#8d9b92}label{font-size:14px;font-weight:500;display:block;margin-bottom:18px}label small{color:#87958b;font-size:12px;float:right}input:not([type=range]),textarea,select{width:100%;margin-top:8px;padding:11px 12px;border:1px solid var(--line);border-radius:6px;color:#2b4137;background:#fbfcfa;font-size:14px;min-height:44px}textarea{resize:vertical}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 22px}.chips span{font-size:12px;padding:5px 9px;border-radius:4px;background:#edf2ea;color:#4d6a53}.wide{width:100%;margin-bottom:10px}.note{font-size:13px;color:#829086;line-height:1.9;border-top:1px solid var(--line);padding-top:20px;margin-top:16px}.stat{display:flex;justify-content:space-between;margin-bottom:20px;font-size:14px}.timeline{grid-column:2/3;background:white;border:1px solid var(--line);border-radius:12px;padding:18px 22px}.transport{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.transport strong{font-size:21px;min-width:130px}.transport strong small{font-size:14px;color:#85948a;font-weight:400}.transport select{width:85px;margin:0}.transport label{margin:0 0 0 auto;font-size:12px;display:flex;align-items:center;gap:6px}.transport label input{width:60px;margin:0;padding:7px}#seek{width:100%;accent-color:var(--green);cursor:pointer;margin:0;height:24px}#ticks{display:flex;justify-content:space-between;font-size:12px;color:#839187;margin-top:4px}#eventMarkers{height:35px;position:relative;margin:10px 15px 0}#eventMarkers button{position:absolute;transform:translateX(-50%);min-height:25px;padding:3px 6px;font-size:10px;background:#f7eddc;border-color:#ecd5ad;color:#986724}.eventlist>div{display:flex;border-bottom:1px solid var(--line);padding:5px 0}.eventlist button{border:0;display:flex;align-items:center;gap:12px;flex:1;text-align:left;padding:10px 4px}.eventlist button:last-child{flex:0}.eventlist small{color:#849088}.eventlist b{font-size:14px}.eventlist span{font-size:12px;margin-left:auto}footer{display:flex;gap:25px;align-items:center;padding:24px 3%;font-size:12px;color:#839187;border-top:1px solid var(--line);letter-spacing:1px}footer span{letter-spacing:0}footer button{margin-left:auto;font-size:12px}.searchbar{display:flex;gap:16px;margin-bottom:25px}.searchbar input{flex:1;margin:0;font-size:16px}.searchbar select{width:200px;margin:0}#cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}article{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;flex-direction:column}article h2{font-size:25px;margin:12px 0}article p{color:#718178;font-size:14px;line-height:1.9;flex:1}.cardcourt{height:105px;background:#d8b887;color:#fff5df;border-radius:7px;font-size:72px;display:flex;align-items:center;justify-content:space-around;margin-bottom:22px}.cardcourt span{font-size:12px;color:#655437;letter-spacing:1px}.cardbuttons{display:flex;flex-wrap:wrap;gap:7px}.cardbuttons button{font-size:12px;padding:10px}.empty{padding:50px;color:#718178}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#173f35;color:white;padding:14px 24px;border-radius:9px;max-width:90vw;opacity:0;pointer-events:none;transition:.2s;z-index:10;font-size:14px}#toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(min-width:1500px){#court{max-height:67vh}.workspace{grid-template-columns:90px minmax(300px,1fr) 350px}}@media(max-width:1100px){.workspace{grid-template-columns:70px minmax(280px,1fr) 270px;gap:12px}#panel{padding:16px}.brand small{display:none}.boardfoot span:last-child{display:none}.transport label{margin-left:0}}@media(max-width:850px){header{padding:14px 20px;height:auto;flex-wrap:wrap}.brand{font-size:17px}header nav{order:3;width:100%}main{padding:24px 16px}.workspace{grid-template-columns:60px minmax(0,1fr)}.inspector{grid-column:1/-1;grid-row:4}.timeline{grid-column:1/-1}.titlebar{align-items:start}.titlebar .actions{justify-content:flex-end}.titlebar .actions button{padding:8px 10px}.boardhead{padding:12px;font-size:10px}.boardhead b{display:none}#court{max-height:none}.tools button{min-height:66px}.legend{padding:10px 0;font-size:10px}#panel{max-width:600px;margin:auto}.timeline{padding:16px}.boardfoot{padding:10px;font-size:11px}footer{flex-wrap:wrap}footer span{display:none}}@media(max-width:500px){header{gap:12px}.brand>span{width:30px;height:30px;font-size:24px}header #save{font-size:12px;padding:8px 10px}h1{font-size:25px}.titlebar{flex-direction:column;gap:15px}.titlebar .actions{justify-content:flex-start}.tools .eyebrow{font-size:10px}.workspace{gap:8px;grid-template-columns:48px minmax(0,1fr)}.tools button{font-size:22px}.tools button span{font-size:10px}.transport{gap:8px}.transport strong{min-width:100px;font-size:19px}.transport label{width:100%;justify-content:flex-end}#ticks{font-size:10px}.searchbar{flex-direction:column}.searchbar select{width:100%}.boardhead{gap:4px;letter-spacing:0}footer{padding:15px;font-size:10px}}

.tools button[data-tool="screen"] span{white-space:normal;line-height:1.5;font-size:11px}

.formationPreview{display:block;width:100%;max-height:230px;margin:0 0 16px;border-radius:8px}.formationHelp{font-size:13px;color:#718178;line-height:1.8;margin:8px 0 24px}.tabs{flex-wrap:wrap}.tabs button{min-width:50px}

.ghost{cursor:crosshair}.ghost:hover circle,.ghost:focus circle{stroke:#173f35;stroke-width:5;fill-opacity:.9}

.edit-modes{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-8px 0 20px}.edit-modes span{font-size:13px;color:#718178}.scene-workspace{grid-column:2/3;background:white;border:1px solid var(--line);padding:18px;border-radius:12px}.scene-header{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.scene-header div{display:flex;gap:8px}.scene-list{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.scene-card{flex:0 0 150px;padding:8px;text-align:left}.scene-card svg{width:100%;border-radius:4px}.scene-card b,.scene-card small{display:block;font-size:12px;margin-top:6px}.scene-card.active{border:2px solid #173f35;background:#eef4ee}.scene-card small{color:#718178}.next-scene{flex:0 0 150px;border-style:dashed}.next-scene small{font-size:12px}.scene-note{font-size:13px;color:#718178;margin-top:10px}.scene-order,.scene-speeds{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.scene-order button,.scene-speeds button{flex:1;padding:8px;font-size:12px}.waypoint-list>div{display:flex;align-items:center;justify-content:space-between;font-size:12px}.scene-checkbox{display:flex;gap:8px;align-items:center;font-size:13px}.scene-checkbox input{width:18px!important;min-height:18px!important;margin:0!important}@media(max-width:850px){.scene-workspace{grid-column:1/-1}.inspector{grid-row:5}}

@media(min-width:851px){.inspector{max-height:70vh;overflow:auto}}

@media(min-width:851px){.inspector{max-height:min(70vh,620px)}}

.scene-header .scene-actions{flex-wrap:wrap;justify-content:flex-end}.scene-actions #sceneUndo,.scene-actions #sceneRedo{padding:8px 12px}

.screen-angle-controls{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.angle-presets{display:flex;gap:5px;flex-wrap:wrap;margin:-8px 0 16px}.angle-presets button{padding:8px 10px;font-size:12px}.angle-row label{font-size:13px}

.empty-workspace .tools{visibility:hidden}.empty-workspace .boardarea{grid-column:2/-1}@media(max-width:850px){.empty-workspace .boardarea{grid-column:1/-1}.empty-workspace .tools{display:none}}

[hidden]{display:none!important}.path-summary{padding:12px 0;color:var(--green);font-size:12px;font-weight:700}

.court-switch{display:flex;align-items:center;gap:10px}.court-switch select{width:auto;margin:0;padding:6px;min-height:34px}.player-name{paint-order:stroke;stroke:#fff8e9;stroke-width:5;stroke-linejoin:round;pointer-events:none}

#court.full-court{max-height:85vh}.scene-card svg{max-height:100px}

.ball-marker,.ball-hit{cursor:grab}.ball-marker:focus-visible circle{stroke:#fff8e9;stroke-width:3}

.scene-quick-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid var(--line);background:#f8faf7}.scene-quick-controls strong{margin-right:auto;font-size:14px}.scene-quick-controls button{padding:8px 10px;font-size:12px;min-height:44px}.scene-tile{flex:0 0 150px;position:relative}.scene-tile .scene-card{width:100%;min-height:150px}.scene-menu summary{cursor:pointer;text-align:center;padding:10px;min-height:44px;font-size:12px}.scene-menu[open]{background:#fff;border:1px solid var(--line);border-radius:6px}.scene-menu button{width:100%;margin:3px 0}.timing-summary{font-size:13px;color:#718178}.previous-scene-ghost,.scene-move-guide{pointer-events:none}@media(max-width:500px){.scene-quick-controls{padding:8px;gap:6px}.scene-quick-controls strong{width:100%}}

.finish-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.finish-actions small{width:100%;color:#718178}.finish-actions button{flex:1;min-height:44px}.finish-actions button:last-child{background:#fff1d5;border-color:#efb750;color:#955019}.finish-list span{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#955019}.finish-list button{min-height:36px;padding:5px 12px;border:0}.dunk-effect{pointer-events:none}

/* Keep the court, playback and scenes together on desktop screens. */
#courtExpand{display:none}
#shareResult{display:block;max-width:100%;max-height:48dvh;margin:12px auto}#shareDownload{display:block;text-align:center;font-size:13px;color:#173f35}
#shareDialog{width:min(940px,95vw);max-height:94dvh;border:1px solid var(--line);border-radius:14px;padding:20px;color:#173f35;background:#fff;overflow:auto}#shareDialog::backdrop{background:#142b2399}.share-head{display:flex;align-items:center;justify-content:space-between}.share-head h2{margin:0;font-size:22px}.share-head button{font-size:22px}.share-tabs,.share-settings,.share-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.share-settings{align-items:center}.share-settings label{margin:0}.share-settings>label:first-child{min-width:140px}.share-settings .scene-checkbox{padding:8px}.share-content canvas{display:block;max-width:100%;max-height:48dvh;width:auto;height:auto;margin:12px auto;border:1px solid var(--line);background:#f3f5f2}.share-post{margin-top:20px}#shareProgress{font-size:13px;min-height:22px}#shareDialog small{color:#718178;font-size:12px}#shareDialog textarea{min-height:120px}#shareDialog select{margin-top:4px}@media(max-width:500px){#shareDialog{padding:12px}.share-tabs button{flex:1;padding:8px;font-size:12px}}
.scene-list::after{content:'';flex:0 0 max(0px,calc(100% - 150px))}
@media(min-width:851px) and (min-height:600px){
 .scene-list::after{flex-basis:max(0px,calc(100% - 110px))}
 #courtExpand{display:block;margin-left:auto;font-size:12px;padding:6px 10px;min-height:34px;white-space:nowrap}
 .court-focus header,.court-focus .titlebar,.court-focus .edit-modes,.court-focus .inspector,.court-focus .scene-workspace{display:none}
 .court-focus .boardarea{position:fixed;inset:12px 12px 110px 86px;z-index:2}
 .court-focus .timeline{position:fixed;left:86px;right:12px;bottom:12px;height:88px;z-index:2}
 .court-focus .tools{position:fixed;left:12px;top:12px;bottom:12px;width:64px;z-index:2}
 header{height:48px;padding:0 2%}.brand{font-size:17px}.brand small{display:none}
 main{padding:8px 2% 0}
 #editor{height:calc(100dvh - 64px);display:grid;grid-template-rows:42px auto minmax(0,1fr);gap:6px}
 .titlebar{margin:0;min-height:0}.titlebar .eyebrow{display:none}h1{font-size:22px;margin:0 0 3px}#status{font-size:12px}
 .edit-modes{grid-row:2;margin:0;gap:8px}.edit-modes button{padding:6px 12px;min-height:34px;font-size:12px}
 .workspace{grid-row:3;min-height:0;grid-template-columns:64px minmax(280px,1fr) 310px;grid-template-rows:minmax(0,1fr) 100px 88px;gap:10px;align-items:stretch}
 .tools{grid-column:1;grid-row:1/-1;overflow:auto;padding-top:0;gap:3px}.tools button{min-height:62px;padding:8px 3px;font-size:22px}
 .boardarea{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;min-height:0}
 .boardhead{padding:6px 12px;flex-shrink:0;min-height:42px}.boardfoot{padding:5px 12px;min-height:26px;flex-shrink:0}.boardfoot span:last-child{display:none}
 .scene-quick-controls{padding:5px 10px;flex-shrink:0;gap:6px}.scene-quick-controls button{min-height:34px;padding:6px 9px}
 #court,#court.full-court{flex:1;min-height:0;max-height:none;width:100%;height:100%}
 .inspector{grid-column:3;grid-row:1;min-height:0;max-height:none;overflow:auto}.tabs{position:sticky;top:0;z-index:1}.tabs button{min-height:34px;padding:6px 4px}#panel{padding:14px}.panelheading{margin-bottom:12px}label{margin-bottom:12px}.formationHelp{margin:8px 0 12px}
 .timeline{grid-column:2;grid-row:3;min-height:0;padding:8px 14px;overflow:auto}.transport{gap:8px;margin-bottom:6px}.transport strong{font-size:18px;min-width:110px}.transport button,.transport select{min-height:36px;padding:6px 10px}.transport label{margin-left:auto}.transport label input{min-height:34px}.timeline #ticks{display:none}.timeline #eventMarkers{margin-top:4px;height:26px}.timeline #eventMarkers:empty{display:none}
 .scene-workspace{grid-column:3;grid-row:2/-1;min-height:0;padding:10px;overflow:auto}.scene-header{gap:4px;margin-bottom:6px}.scene-header strong{font-size:12px}.scene-header .scene-actions{gap:4px}.scene-actions button,.scene-actions #sceneUndo,.scene-actions #sceneRedo{font-size:11px;min-height:32px;padding:5px 7px}.scene-header .scene-actions{justify-content:flex-start}
 .scene-list{gap:6px;padding-bottom:4px}.scene-tile{flex-basis:110px}.scene-tile .scene-card{min-height:0;padding:5px}.scene-card svg{max-height:60px}.scene-card b,.scene-card small{font-size:11px;margin-top:2px}.scene-menu summary{padding:4px;min-height:26px}.next-scene{flex-basis:110px;padding:6px;font-size:11px}.next-scene small{font-size:10px}.scene-note,#playTransition{display:none}
 .empty-workspace .boardarea{grid-column:2/-1;grid-row:1/-1}
 .workspace:has(.scene-workspace[hidden]) .inspector{grid-row:1/-1}
 .timeline #seek{display:block}
 body:has(#editor:not([hidden])) footer{display:none}
}

#draftStatus{font-size:11px;color:#477966;margin-left:12px;white-space:nowrap}.draft-warning{font-size:12px;color:#8b3f23;background:#fff3df;padding:8px 12px;margin:4px 0}.draft-card{border-color:#8aab9b}

#court{background:#e6ede6}
#diagramDialog{width:min(1000px,95vw);max-height:92vh;padding:24px;border:0;border-radius:16px;overflow:auto;color:#173f35}
#diagramDialog::backdrop{background:#102923aa}
.diagram-settings{display:flex;gap:16px;flex-wrap:wrap}
.diagram-settings label{flex:1;min-width:170px}
#diagramPages{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.diagram-page{margin:0;border:1px solid #cddbd2;border-radius:12px;overflow:hidden;background:#f6f8f5}
.diagram-page canvas{display:block;width:100%;height:auto}
.diagram-page figcaption{padding:10px 16px;font-size:13px;font-weight:700;border-bottom:1px solid #cddbd2}
.diagram-save{display:block;padding:12px;text-align:center;background:#173f35;color:white;text-decoration:none}
#diagramStatus{font-size:13px;line-height:1.6}
@media(max-width:600px){#diagramDialog{padding:16px}.diagram-settings{gap:8px}#diagramPages{grid-template-columns:1fr}}
.diagram-page canvas{width:auto;max-width:100%;max-height:42dvh;margin:0 auto}

/* Comfortable touch controls, including tablets that use the desktop layout. */
.scene-navigation{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.scene-navigation select{margin:0;min-width:0;width:100%;max-width:260px}.scene-navigation button{flex-shrink:0;min-width:44px;font-size:20px}.quick-history{display:flex;gap:4px}.quick-history button{min-width:44px;font-size:20px}
.diagram-page img{display:block;width:auto;height:auto;max-width:100%;max-height:42dvh;margin:auto;object-fit:contain}.diagram-save{min-height:44px}#diagramDialog{max-height:92dvh}#diagramDialog .share-head{position:sticky;top:-24px;background:white;z-index:1;padding:8px 0}
@media(pointer:coarse){button,.scene-menu summary{min-height:44px!important}input:not([type=range]),select,textarea{font-size:16px}.scene-quick-controls{gap:6px;padding:8px}.scene-menu summary{padding:12px}.scene-actions button{padding:8px!important}.scene-quick-controls select{min-height:44px}.diagram-page img{-webkit-touch-callout:default}}
@media(max-width:850px){.scene-quick-controls{flex-wrap:wrap}.scene-navigation{flex-basis:calc(100% - 104px)}.scene-navigation select{max-width:none}.scene-quick-controls #sceneGhosts{flex:1}.scene-quick-controls #quickPreview,.scene-quick-controls #quickNext{flex:1}.scene-header .scene-actions{justify-content:flex-start}.scene-list{scroll-snap-type:x proximity}.scene-tile{scroll-snap-align:start}.tools{position:sticky;top:8px;align-self:start}.edit-modes span{width:100%}.scene-list::after{flex-basis:24px}#diagramDialog .share-head{top:-16px}}
@media(max-width:500px){main{padding:12px 8px}.workspace{grid-template-columns:44px minmax(0,1fr)}.scene-quick-controls #sceneGhosts{flex-basis:100%}.boardhead{flex-wrap:wrap}.court-switch select{font-size:16px}.scene-quick-controls button{font-size:12px}.scene-navigation button,.quick-history button{font-size:20px}.diagram-settings label{min-width:0;flex-basis:100%}.share-buttons button{flex:1}.scene-workspace{padding:12px}.scene-header .scene-actions{width:100%}.scene-header .scene-actions button{flex:1}.scene-navigation select{font-size:16px}}

@media(pointer:coarse) and (min-width:851px) and (max-width:1100px){#editor{height:auto;display:block}.titlebar{margin-bottom:12px}.edit-modes{margin-bottom:12px}.workspace{grid-template-columns:60px minmax(0,1fr);grid-template-rows:auto;align-items:start}.tools{grid-column:1;grid-row:1/4}.boardarea{grid-column:2;grid-row:1}.scene-workspace{grid-column:2;grid-row:2}.timeline{grid-column:2;grid-row:3}.inspector{grid-column:1/-1;grid-row:4;max-height:none}#court,#court.full-court{height:auto;min-height:300px;max-height:60dvh}.scene-list::after{flex-basis:24px}.scene-card svg{max-height:90px}.scene-tile{flex-basis:140px}.scene-navigation{flex-basis:calc(100% - 104px)}.scene-navigation select{max-width:none}#courtExpand{display:none}}

@media(max-width:500px){header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;padding:8px}header .brand{font-size:12px;letter-spacing:1px;gap:5px;flex-wrap:nowrap}header .brand>span{width:24px;height:24px;font-size:20px;flex-shrink:0}header #share{display:none}header #save,header #diagramExport{font-size:12px;padding:8px}header nav{grid-column:1/-1;grid-row:2;order:0}header nav button{flex:1}.titlebar{margin-bottom:10px;gap:6px}.titlebar .eyebrow{display:none}.titlebar h1{font-size:20px;margin:0 0 4px}#status,#draftStatus{font-size:11px}.titlebar .actions #undo,.titlebar .actions #redo{display:none}.titlebar .actions #new{min-height:44px;padding:6px 10px}.edit-modes{gap:4px;margin:0 0 10px}.edit-modes span{display:none}.edit-modes button{flex:1;font-size:11px;padding:6px}.boardhead{padding:6px}.court-switch #courtTitle{display:none}.scene-quick-controls #sceneGhosts{flex-basis:0;min-width:0}.scene-quick-controls #sceneGhosts,.scene-quick-controls #quickPreview,.scene-quick-controls #quickNext{font-size:10px;padding:6px 2px;white-space:nowrap}.scene-navigation select{font-size:14px}.boardfoot{padding:6px}.tools .eyebrow{display:none}}

.library-court{width:100%;height:150px;background:#e6ede6;border-radius:8px;margin-bottom:14px;pointer-events:none}.library-meta,.library-actions{font-size:12px;color:#647b6c;line-height:1.7}.library-actions{margin-bottom:12px}.library-tags button{font-size:12px;padding:6px 10px;min-height:44px;background:#edf2ea}.library-results{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;font-size:13px;color:#647b6c}.searchbar{flex-wrap:wrap;gap:10px}.searchbar input{min-width:240px}.searchbar select{width:auto;flex:0 1 180px}.searchbar input,.searchbar select{font-size:16px}#cards article h2{font-size:22px;overflow-wrap:anywhere}#cards article p{margin:12px 0;white-space:pre-line;overflow-wrap:anywhere}.library-tags{margin:4px 0 12px}@media(max-width:600px){.searchbar{display:grid;grid-template-columns:1fr 1fr}.searchbar input{grid-column:1/-1;min-width:0}.searchbar select{width:100%;min-width:0}.searchbar #librarySort{grid-column:1/-1}#cards{grid-template-columns:1fr;gap:14px}#cards article{padding:18px}.library-results{flex-wrap:wrap}}

#finishDialog{width:min(760px,95vw);max-height:92dvh;overflow:auto;border:0;border-radius:14px;padding:20px;color:#173f35}#finishDialog::backdrop{background:#102923aa}.finish-help{font-size:14px;line-height:1.7}.finish-review-scenes{display:grid;gap:10px;margin:16px 0}.finish-review-scenes article{padding:12px}.finish-review-scenes article>button{text-align:left;width:100%}.finish-review-scenes small{display:block;font-weight:400;margin-top:6px}.finish-review-scenes ul{margin:10px 0 0;padding-left:20px;font-size:13px;line-height:1.8}#finishForm{border-top:1px solid var(--line);padding-top:18px}#finishStatus{font-size:13px;color:#8b3f23}#editPlaybackScene{font-size:12px;min-height:44px}#finishDialog input{font-size:16px}@media(max-width:500px){#finishDialog{padding:12px}.titlebar .actions{width:100%}.titlebar .actions #finishReview{margin-left:auto}#editPlaybackScene{width:100%}}

#teamPage{max-width:1100px;margin:auto}.team-form{max-width:480px;padding:18px;background:white;border:1px solid var(--line);border-radius:10px;margin:16px 0}.team-tabs,.team-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.team-publish{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}.team-publish label{margin:0}.team-publish small{width:100%}.team-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:20px}.team-cards small{font-size:12px;line-height:1.8}.team-cards article h2{overflow-wrap:anywhere}.team-member{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 0}.team-member select{width:auto;margin:0}.team-management{padding:16px;border:1px solid var(--line);border-radius:10px;background:white}.team-management #inviteResult{white-space:pre-wrap;overflow-wrap:anywhere}#teamViewer{width:min(1000px,95vw);max-height:94dvh;overflow:auto;border:0;border-radius:12px;color:#173f35;padding:16px}#teamViewer::backdrop{background:#102923aa}#viewerCourt{display:block;width:100%;height:58dvh;min-height:240px;background:#e6ede6;pointer-events:none}.viewer-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.viewer-controls button{flex:1;min-height:44px}#teamPage input,#teamPage select{font-size:16px}@media(max-width:500px){.team-cards{grid-template-columns:1fr}.viewer-controls button{flex-basis:40%}#viewerCourt{height:48dvh}.team-publish button{width:100%}}
#teamPublisher{width:min(600px,94vw);max-height:90dvh;overflow:auto;border:0;border-radius:14px;padding:22px;color:var(--ink)}#teamPublisher::backdrop{background:#102923aa}#teamPublisher h2{font-size:22px}#teamPublisher label{display:block;margin:12px 0}#teamPublisher select{font-size:16px}#publisherError{color:#a33424;white-space:pre-wrap}.publisher-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px;position:sticky;bottom:0;background:white;padding:10px 0}.publish-picks{max-height:50dvh;overflow:auto}.publish-picks>div{padding:14px 0;border-bottom:1px solid var(--line)}.publish-picks label,.play-selection{display:flex!important;align-items:center;gap:12px;min-height:44px}.publish-picks input,.play-selection input{width:20px;height:20px;margin:0;flex:none}.play-menu{position:relative}.play-menu summary{list-style:none;cursor:pointer;font-size:24px;min-width:44px;min-height:44px;text-align:center;border:1px solid var(--line);border-radius:8px}.play-menu>div{position:absolute;right:0;top:44px;z-index:4;background:white;border:1px solid var(--line);box-shadow:0 8px 24px #173f3522;border-radius:10px;padding:8px;min-width:200px;display:grid;gap:4px}.play-menu button{text-align:left;width:100%}.play-menu .danger{color:#a33424}.team-save{margin:16px 0}.team-save small{display:block;margin-top:8px}@media(max-width:500px){#teamPublisher{padding:16px}.publisher-actions button{flex:1}.team-cards .cardbuttons{display:flex;flex-wrap:wrap;gap:8px}.play-menu{margin-left:auto}}
.play-menu>div{top:auto;bottom:calc(100% + 6px)}
.publish-picks strong,.publish-picks small{display:block}.publish-picks label:has(select){display:block!important}.publish-picks select{max-width:100%;width:100%}

.dictionary-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.dictionary-actions button{min-height:44px}.dictionary-actions .primary{font-weight:700}@media(max-width:600px){.dictionary-actions button{flex:1 1 160px}}