*{box-sizing:border-box}body{margin:0;background:#f5f5f3;color:#171717;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}main{max-width:560px;margin:28px auto;padding:0 12px 30px}button,input,select{font:inherit;color:inherit}button{border:1px solid #d5d5d2;border-radius:7px;background:white;cursor:pointer;padding:9px 12px;min-height:38px}button:hover{background:#eee}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #111;outline-offset:2px}.primary{background:#222;color:white;border-color:#222}.primary:hover{background:#444}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#666}h1{font-size:28px;letter-spacing:-1px;margin:5px 0 0}h2{font-size:18px;margin:0}h3{font-size:15px;margin:0}#rosterCount{background:#eee;padding:2px 5px;border-radius:3px;margin-left:4px}.game-fields{display:flex;gap:12px;margin-bottom:12px}.game-fields label:first-child{flex:1}label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600}input{min-width:0;width:100%;background:white;border:1px solid #ccc;border-radius:6px;padding:10px;font-weight:400}.toolbar{display:flex;gap:6px;flex-wrap:wrap}.help{font-size:12px;line-height:1.5;color:#666;margin:14px 0 20px}.lineup-card{background:white;border:1px solid #d4d4d1;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px #00000005}.card-heading{gap:12px;display:flex;justify-content:space-between;align-items:center;padding:20px}.card-heading h2{font-size:22px;letter-spacing:-.5px}.card-heading p{margin:5px 0 0;font-size:12px;color:#666}#attendance{flex-shrink:0;font-size:11px;color:#666}.grid-row{display:grid;grid-template-columns:20px 22px minmax(0,1fr) repeat(4,52px);align-items:center;gap:0;padding:0 8px;min-height:47px}.grid-head{min-height:44px;border-top:1px solid #ddd;border-bottom:1px solid #aaa;font-size:12px;font-weight:700}.grid-head .inning{text-align:center}.player-row:nth-child(odd){background:#f2f2f0}.player-row{border-bottom:1px solid #e5e5e2}.player-row.dragging{opacity:.5}.player-row.drop-target{box-shadow:inset 0 2px #222}.grip{border:0;padding:0;background:transparent;color:#888;min-height:42px;font-size:20px;touch-action:none;cursor:grab}.grip:hover{background:#e5e5e2}.order{font-size:12px;color:#666;text-align:center}.player-name{font-size:13px;font-weight:600;line-height:1.4;padding:7px 5px}.jersey{font-weight:400;white-space:nowrap;color:#666}.pos{padding:4px}.pos select{width:100%;border:1px solid #d6d6d2;border-radius:6px;background:transparent;font-size:12px;padding:9px 1px;cursor:pointer;text-align:center;height:36px}.pos select:hover{border-color:#333}.position-text{text-align:center;font-size:13px;display:none}.out{padding:12px 18px;font-size:12px;color:#666;border-bottom:1px solid #eee;line-height:1.5}.legend{padding:12px 18px;font-size:10px;color:#666}.checks{margin:16px 0;color:#555;font-size:12px;line-height:1.7}.checks p{margin:3px 0}.checks summary{cursor:pointer;font-weight:600}.edit-footer{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#777;margin-top:16px}dialog{border:1px solid #ddd;border-radius:14px;max-width:540px;width:calc(100% - 24px);max-height:85vh;padding:20px}dialog::backdrop{background:#0005}.dialog-head{display:flex;justify-content:space-between;align-items:center}dialog p{color:#666;font-size:12px;line-height:1.6}.roster-player{display:grid;grid-template-columns:minmax(120px,1fr) 55px 68px;gap:8px;align-items:center;border-bottom:1px solid #eee;padding:9px 0}.roster-player label{font-weight:400}.roster-player input[type=checkbox]{width:18px;height:18px}.playing-toggle{align-items:center;font-size:11px}#addPlayer{display:grid;grid-template-columns:1fr 65px;gap:10px;margin-top:22px}#addPlayer h3,#addPlayer button{grid-column:1/-1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#previewTools{margin-top:16px;display:flex;gap:8px;justify-content:center}#previewTools[hidden]{display:none}body.preview{background:white}body.preview .top,body.preview .tools,body.preview .edit-footer,body.preview .grip{display:none}body.preview main{max-width:560px;margin-top:14px}body.preview .grid-row{grid-template-columns:24px minmax(0,1fr) repeat(4,52px)}body.preview .grid-head .handle-head{display:none}body.preview .pos select{display:none}body.preview .position-text{display:block}body.preview .lineup-card{box-shadow:none;border-radius:0}body.preview .checks{font-size:11px}
@media(max-width:560px){main{margin:18px auto;padding:0 8px 20px}.top{margin:0 8px 20px}h1{font-size:24px}.tools{padding:0 5px}.game-fields{gap:8px}.game-fields label:last-child{width:145px}.toolbar button{padding:8px;font-size:12px;flex:1;white-space:nowrap}.grid-row{grid-template-columns:20px 19px minmax(80px,1fr) repeat(4,39px);padding:0 4px;min-height:48px}.player-name{font-size:11px;padding:6px 3px}.jersey{display:block;font-size:10px}.pos{padding:2px}.pos select{font-size:11px;padding:8px 0;min-width:0}.order{font-size:11px}.card-heading{padding:16px 12px}.card-heading h2{font-size:19px}.help{margin-bottom:16px}.legend{font-size:9px;padding:10px}.out{padding:10px}.edit-footer{font-size:10px;flex-wrap:wrap}body.preview main{padding:0 6px}body.preview .grid-row{grid-template-columns:22px minmax(95px,1fr) repeat(4,39px)}body.preview .player-name{font-size:12px}body.preview .position-text{font-size:12px}}
.dashboard{display:none}
#imageStatus{text-align:center;font-size:14px}#imageLink{color:inherit;text-decoration:underline}#imageStatus[hidden]{display:none}
@media print{#imageStatus{display:none!important}}
.pos select{appearance:none;-webkit-appearance:none;padding-left:0;padding-right:0;text-align-last:center}
@media print{.top,.tools,.checks,.edit-footer,#previewTools{display:none!important}.grip,.handle-head{display:none}.grid-row{grid-template-columns:25px 1fr repeat(4,60px)}.pos select{display:none}.position-text{display:block}body,main{background:white;margin:0;padding:0}.lineup-card{border:0;box-shadow:none}}
.game-cards{display:none}
body.preview .game-cards{display:grid;gap:24px}
.game-cards .grid-row{grid-template-columns:24px minmax(95px,1fr) repeat(var(--card-innings),52px)!important}
.game-cards .position-text{display:block}
.card-attendance{flex-shrink:0;font-size:11px;color:#666}
.card-draft{font-size:12px;font-weight:600;margin:0;padding:10px 18px;border-bottom:1px solid #eee}
@media(max-width:560px){.game-cards .grid-row{grid-template-columns:22px minmax(95px,1fr) repeat(var(--card-innings),39px)!important}.card-attendance{font-size:10px}.card-draft{padding:10px;font-size:11px}}
@media print{
 @page{margin:12mm}
 .dashboard,dialog{display:none!important}
 .game-cards{display:block!important}
 body.preview main,main{max-width:none!important;margin:0!important;padding:0!important}
 .game-cards .grid-row{grid-template-columns:25px minmax(95px,1fr) repeat(var(--card-innings),60px)!important;break-inside:avoid}
 .game-cards .lineup-card{display:block!important;break-after:page;border:0;border-radius:0;box-shadow:none;overflow:visible}
 .game-cards .lineup-card:last-child{break-after:auto}
 .card-heading,.grid-head{break-after:avoid}
 .game-cards .player-row{min-height:38px}
}