/* Penalty information applies to all devices. Ordinary desktop layout is untouched. */
.penalty-comparison{font:13px/1.4 system-ui,sans-serif;border:2px solid #ac791a;border-radius:6px;background:#fff5d6;padding:10px;margin:10px 0}
.penalty-comparison h3{font-size:15px;margin:0 0 5px}.penalty-comparison p{font-size:13px;line-height:1.4;margin:5px 0}.penalty-option{border-top:1px solid #bca77b;margin-top:9px;padding-top:9px}.penalty-clock{color:#574122}
#penaltyPreview{max-height:480px;overflow:auto;overscroll-behavior:contain}
.football-phone body{position:fixed;left:var(--phone-x,0);top:var(--phone-y,0);width:var(--phone-w,100vw);height:var(--phone-h,100dvh);overflow:hidden;display:flex;flex-direction:column}
.football-phone .mast{flex:none;padding:max(3px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) 3px max(4px,env(safe-area-inset-left));gap:5px;align-items:center;border-bottom-width:1px}.football-phone .brand{font-size:10px;max-width:64px;overflow-wrap:anywhere}.football-phone .brand small{font-size:7px;letter-spacing:0}
.football-phone #phoneToolbar{display:flex;gap:3px;flex:1;justify-content:end}.football-phone #phoneToolbar button{min-height:44px;padding:3px 5px;font-size:11px;margin:0;width:auto}
.football-phone main{padding:3px max(4px,env(safe-area-inset-right)) max(3px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));min-height:0;flex:1;display:flex;flex-direction:column;width:100%;overflow:hidden}.football-phone .title,.football-phone footer{display:none}.football-phone #notice:not(:empty){flex:none;max-height:42px;overflow:auto;padding:3px 6px;margin:0 0 3px;font-size:11px;border-left-width:3px}
.football-phone #game{min-height:0;flex:1;display:flex;flex-direction:column;gap:4px}.football-phone .scoreboard{position:static;flex:none;padding:4px;border-width:2px;border-radius:6px;gap:4px;margin:0;box-shadow:none}.football-phone .score-team{gap:2px}.football-phone .score-team strong{font:700 11px/1.15 system-ui;min-height:0}.football-phone .small-label{font-size:8px;letter-spacing:0}.football-phone .digits{font-size:22px;padding:1px 6px;letter-spacing:1px;border-width:1px}.football-phone .clock{font-size:26px;margin:2px 0}.football-phone .score-meta{font-size:11px;margin:2px 0;gap:6px}.football-phone #possession{font-size:9px}
.football-phone .table-layout{display:flex;flex-direction:column;gap:4px;min-height:0;flex:1;align-items:stretch}.football-phone .left-stack{display:flex;flex-direction:column;gap:4px;flex:none;min-height:0}.football-phone .board-shell{padding:4px;border-width:2px;border-radius:6px;margin:0;box-shadow:none}.football-phone .board-heading{font-size:10px;padding:0 0 3px;letter-spacing:0;border-bottom-width:1px}.football-phone .field{height:70px;margin:3px 0;border-width:1px}.football-phone .yard b{top:5px;font-size:8px}.football-phone .yard b:last-child{top:auto;bottom:5px}.football-phone .hashes{top:40%;height:12px}.football-phone .ball{width:24px;height:16px;font-size:19px}.football-phone .endzone{font-size:8px;letter-spacing:1px}.football-phone .board-foot{font-size:9px}.football-phone .resolution{padding:5px;box-shadow:none;max-height:90px;overflow:auto}.football-phone .resolution h2{font-size:14px}.football-phone .result-text{font:13px/1.3 system-ui;margin:3px 0}
.football-phone .coach{position:static;order:0;flex:1;min-height:0;width:100%;padding:6px;box-shadow:none;display:flex;flex-direction:column;gap:4px;overflow:hidden}.football-phone .coach-kicker{font-size:9px;letter-spacing:.3px;padding:0;border:0;margin:0}.football-phone .coach h2{font-size:17px;margin:0}.football-phone #coachHelp{font:12px/1.3 system-ui;margin:0;flex:none}.football-phone .connection{font-size:10px;line-height:1.2;margin:0;max-height:24px;overflow:auto}.football-phone .connection:empty{display:none}.football-phone .coach-note{display:none}
.football-phone #choices{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain}.football-phone .play-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.football-phone .play-grid button{font-size:11px;min-height:44px;padding:5px}.football-phone .play-grid button small{font-size:9px;margin:1px 0}.football-phone #commitButton{flex:none;min-height:44px;padding:6px;margin:0;font-size:12px}
.football-phone #penaltyPreview{min-height:0;max-height:none;flex:1;overflow:auto}.football-phone .penalty-comparison{margin:0;padding:6px}.football-phone .penalty-comparison h3{font-size:13px}.football-phone .penalty-comparison p{font-size:12px}.football-phone .penalty-option{margin-top:5px;padding-top:5px}
.football-phone body[data-phase=penalty] #choices{flex:0 0 auto;max-height:100px;overflow:auto}.football-phone body[data-phase=penalty] .play-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.football-phone body[data-phase=penalty] #coachHelp{display:none}
.football-phone .welcome{padding:20px;min-height:0;overflow:auto;flex:1}.football-phone .welcome h2{font-size:26px}
.football-phone dialog{max-height:calc(var(--phone-h,100dvh) - 12px);width:calc(var(--phone-w,100vw) - 12px);padding:12px;overflow:auto;overscroll-behavior:contain}.football-phone .dialog-head{position:sticky;top:-12px;background:var(--cream);z-index:6;margin-bottom:8px;padding:3px 0;gap:8px}.football-phone .dialog-head h2{font-size:20px}.football-phone .dialog-head button{min-width:44px;min-height:44px;font-size:14px;padding:5px}.football-phone .phone-panel[open]{display:flex;flex-direction:column;overflow:hidden}.football-phone .phone-panel .dialog-head{flex:none}.football-phone .phone-panel-body{min-height:0;overflow:auto}.football-phone .phone-panel-body>.cream{padding:6px;box-shadow:none}.football-phone .phone-panel .history{max-height:none}.football-phone .phone-panel .title-actions,.football-phone .phone-panel .mast-actions{display:flex;flex-wrap:wrap;justify-content:start;margin:5px 0;max-width:none}.football-phone .phone-panel button{font-size:12px}.football-phone .title-actions button{background:var(--wine)}.football-phone .form-grid{gap:5px;margin:8px 0}.football-phone label{margin-bottom:8px}.football-phone .chart-controls{gap:5px}.football-phone .chart-controls label{min-width:100px;margin:0}.football-phone .chart-scroll{max-height:45vh}.football-phone #setupForm>button[type=submit]{position:sticky;bottom:-12px;margin-top:6px}.football-phone .stats-table{font-size:11px}.football-phone .stats-table td,.football-phone .stats-table th{padding:6px}
@media(orientation:landscape){.football-phone .mast{padding-top:2px;padding-bottom:2px}.football-phone #game{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto 1fr}.football-phone .scoreboard{grid-column:1;grid-row:1}.football-phone .table-layout{display:contents}.football-phone .left-stack{grid-column:1;grid-row:2;overflow:auto}.football-phone .coach{grid-column:2;grid-row:1/3}.football-phone .field{height:70px}.football-phone .resolution{max-height:none}.football-phone .score-team strong{font-size:10px}.football-phone .scoreboard .small-label{font-size:8px}.football-phone .score-meta{font-size:10px}.football-phone .coach-kicker{display:none}.football-phone .coach h2{font-size:15px}.football-phone .play-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.football-phone .form-grid{grid-template-columns:1fr 1fr}}
@media print{.football-phone body{position:static;height:auto;width:auto;display:block;overflow:visible}.football-phone #printArea{display:block!important}}
.football-phone .brand{font-size:0;flex:0 0 62px;max-width:62px;overflow-wrap:normal}.football-phone .brand:before{content:'BecknerWeb';font:700 9px system-ui}.football-phone .brand span,.football-phone .brand small{display:none}