@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#142a26;background:#f1f3ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.top{background:#0c2822;padding:22px max(4vw,20px);display:flex;justify-content:space-between;align-items:center;color:white}.top a{text-decoration:none;color:white;font-size:23px;font-weight:800;letter-spacing:-1px}.top b{color:#b8ef6c}.top a span{font-size:10px;letter-spacing:2px;display:block;margin-top:3px;color:#c6d3cb}.review{font-size:10px;letter-spacing:1.5px;border:1px solid #50665c;border-radius:7px;padding:8px 12px}.review span{display:block;color:#b8ef6c;margin-top:3px;letter-spacing:0;font-size:12px}main{max-width:1600px;margin:auto;padding:34px 4vw 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#4f7667;margin:0 0 8px;display:block}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(35px,4vw,62px);line-height:1;margin:8px 0 12px;font-weight:800;letter-spacing:-1px}h1 em{font-style:normal;color:#477853}.intro p:last-child{font-size:14px;color:#5b6d65}.sport{padding:15px 20px;border-left:3px solid #80a944}.sport strong{font-size:14px;letter-spacing:2px;display:block}.sport span{display:block;font-size:12px;color:#5b6d65;margin-top:5px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px}.boardPanel,aside section{background:#fff;border:1px solid #dbe2d8;border-radius:12px;overflow:hidden}.boardPanel{padding:16px}button,select,input,textarea{font:inherit}button{border:1px solid #d5ddd4;background:#fff;color:#274639;font-size:12px;font-weight:700;border-radius:6px;padding:10px 12px;cursor:pointer;white-space:nowrap}button:hover{background:#edf5e9}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #83ad3c;outline-offset:2px}button.active,.primary{background:#173c2e;color:#fff;border-color:#173c2e}.toolbar{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.toolgroup{display:flex;gap:4px;margin-right:auto}.instruction{font-size:12px;color:#5a6f62;min-height:18px;margin:12px 0}.fieldwrap{border-radius:8px;overflow:hidden;background:#1c573d;line-height:0;box-shadow:inset 0 0 0 1px #ffffff20}svg{width:100%;height:auto;touch-action:none;user-select:none}svg [data-actor]{cursor:grab;outline:none}svg [data-actor]:focus .halo{opacity:1}.legend{display:flex;gap:17px;align-items:center;font-size:10px;color:#5c7165;padding:13px 0;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:5px}.legend small{margin-left:auto}.legend i{font-style:normal;font-size:10px;font-weight:bold;width:18px;height:18px;display:grid;place-items:center;border-radius:50%}.offense{background:#f8d36b;color:#263f2b}.defense{background:#fff;color:#326897;border:1px solid #a5bac1}.playbar{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid #e6ebe2}.playbar .primary{padding:11px 24px}.playbar span{font-size:12px;color:#6d7b72;margin-left:auto;font-variant-numeric:tabular-nums}.playbar select{width:auto}.playbar button:last-child{margin-left:5px}input[type=range]{width:100%;accent-color:#3c704e;padding:0;margin:16px 0}.stephead{display:flex;align-items:center;justify-content:space-between}h2{font-size:15px}#steps{display:flex;gap:8px;overflow:auto;padding:8px 0 15px}#steps button{min-width:135px;text-align:left;max-width:180px;white-space:normal;border-top:3px solid #a9bba4}#steps button.active{background:#eaf2e0;color:#213e30;border-color:#72994e}#steps small{display:block;font-size:10px;font-weight:500;line-height:1.5;margin-top:5px}.stepedit{display:grid;grid-template-columns:1fr 95px 75px auto;gap:8px;align-items:end}.stepedit button{margin-bottom:8px}.stepedit label{font-size:10px}.explain{background:#f4f6ee;padding:20px;border-radius:7px;margin-top:20px}.explain p{line-height:1.7;font-size:13px}.explain ol{padding-left:19px;font-size:12px;line-height:1.8}.fine{font-size:11px!important;line-height:1.6;color:#697b6d}.explain .fine{border-top:1px solid #dde4d5;padding-top:12px;margin-bottom:0}aside{display:flex;flex-direction:column;gap:16px}aside section{padding:20px}label{display:block;font-size:11px;font-weight:700;line-height:1.5;margin:9px 0}input:not([type=range]),select,textarea{display:block;width:100%;border:1px solid #d6dfd3;padding:10px;border-radius:5px;background:#fff;color:#203c2d;margin-top:5px;font-size:12px;resize:vertical}.row{display:flex;gap:7px;margin:12px 0 20px}.row button{flex:1;padding:10px 6px}#palette{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:12px 0}#palette button{padding:8px 2px;font-size:11px}.nudge{display:flex;gap:5px}.nudge button{flex:1}.account{background:#edf3e6}.account h3{margin:12px 0;font-size:20px}.account p{font-size:12px;line-height:1.7}.wide{display:block;width:100%;margin-top:8px}#status{font-size:12px;background:#e3edd9;padding:14px 20px;border-radius:8px;margin-top:22px;line-height:1.5}footer{display:flex;justify-content:space-between;padding:30px 0;font-size:10px;letter-spacing:1px;color:#768475}.present .top,.present .intro,.present aside,.present .toolbar,.present .instruction,.present .stepedit,.present footer{display:none}.present main{padding:12px;max-width:1600px}.present .workspace{display:block}.present .boardPanel{padding:12px}.present .fieldwrap{max-width:1200px;margin:auto}.present .explain{margin-top:10px} @media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 235px}.stepedit{grid-template-columns:1fr 75px}.stepedit label:first-child{grid-column:span 2}.toolbar button{padding:9px 8px}}@media(max-width:760px){main{padding:24px 12px 0}.intro{gap:12px}.sport{padding:8px;font-size:10px}.sport span{font-size:10px}.workspace{display:block}.boardPanel{padding:10px}.toolbar{gap:5px}.toolgroup{width:100%;margin:0}.toolgroup button{flex:1}.playbar{gap:5px;flex-wrap:wrap}.playbar .primary{padding:10px 20px}.playbar span{margin-left:auto}.playbar button:last-child{margin-left:0}.legend{gap:9px}.legend small{width:100%;margin:0}.stepedit{grid-template-columns:1fr 1fr}.stepedit label:first-child{grid-column:span 2}aside{margin-top:16px;display:grid;grid-template-columns:1fr}#palette{grid-template-columns:repeat(12,1fr)}.intro p:last-child{font-size:12px}footer{line-height:1.5;gap:15px}.explain{padding:15px}}

button.primary:hover,button.active:hover{background:#28513b;color:#fff}

.embedded .top,.embedded .intro,.embedded aside,.embedded footer,.embedded #status{display:none}.embedded main{padding:0}.embedded .workspace{display:block}.embedded.readonly .toolbar,.embedded.readonly .stepedit,.embedded.readonly #addStep,.embedded.readonly .instruction{display:none}.embedded.readonly svg [data-actor]{cursor:default}

.embedded #watchExplanation{display:none}
/* Review refinement: larger field first, official red/black/white branding. */
:root{background:#101114;color:#f5f5f7}.top{background:#09090b;border-bottom:1px solid #34353b}.top b,.review span{color:#f52c4d}.intro .eyebrow,.eyebrow{color:#f05d74}.intro p:last-child,.sport span{color:#b6bac4}h1 em{color:#f52c4d}.sport{border-left-color:#f52c4d}main{max-width:1800px;padding:24px 24px 0}.intro{margin-bottom:20px}h1{font-size:clamp(34px,3.4vw,52px)}.workspace{display:block}.boardPanel{padding:18px;background:#181a20;border-color:#34363f;color:#eef0f3}aside{margin-top:20px;display:grid;grid-template-columns:1.1fr 1fr 1fr}aside section{color:#25322f}.boardPanel button,.boardPanel select,.boardPanel input:not([type=range]){background:#242730;color:#f5f6f8;border-color:#4b4f5c}.boardPanel button:hover{background:#343843}.boardPanel button.active,.boardPanel button.primary{background:#e62646;border-color:#e62646;color:white}.boardPanel button.active:hover,.boardPanel button.primary:hover{background:#bb1a36}.instruction,.legend,.playbar span{color:#c4c9d1}.fieldwrap{width:100%;max-height:72vh;overflow:auto;scrollbar-color:#ed2448 #20242b;overscroll-behavior:contain}.fieldwrap svg{display:block;max-width:none;flex:none}.zoomtools{display:flex;align-items:center;gap:8px;margin:8px 0 12px;flex-wrap:wrap}.zoomtools output{font-variant-numeric:tabular-nums;min-width:45px;text-align:center;font-size:13px;font-weight:700}.zoomtools span{font-size:11px;color:#b8c0cb;margin-left:auto}.offense{background:#ed2448;color:white}.defense{background:#237cc4;color:white}.playbar{border-color:#353943}.explain{background:#20242b;color:#f3f5f7}.explain .fine,.fine{color:#7f8a8e}#steps button.active{background:#46202b;color:#fff;border-color:#ed2448}.explain .fine{color:#b9c1c8;border-color:#424952}#status{background:#24282e;color:#e7ebf0}.present .fieldwrap{max-width:none}.present main{max-width:1800px}.embedded .boardPanel{border-radius:8px}.embedded .zoomtools{display:flex}.embedded.readonly .zoomtools{display:flex}@media(max-width:760px){main{padding:18px 8px 0}.top{padding:16px}.intro{align-items:flex-start}.intro p:last-child{max-width:230px}.boardPanel{padding:9px}.fieldwrap{max-height:65vh;min-height:0}.zoomtools span{width:100%;margin:0}.toolbar .toolgroup{flex-wrap:wrap}.toolgroup button{min-height:42px}.zoomtools button{min-height:40px}.legend{font-size:11px}aside{grid-template-columns:1fr}.stepedit input{min-width:0}.present .boardPanel{padding:6px}}