/* Only the pending penalty review is styled here; normal game layouts are retained. */
#penaltyPanel{border:1px solid var(--gold);border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:8px;max-height:610px;min-height:0}
#penaltyText{margin:0;font-weight:700;line-height:1.4;color:var(--gold)}
#penaltyReview{overflow:auto;overscroll-behavior:contain;scroll-padding:10px;min-height:0;max-height:430px;padding-right:5px;line-height:1.45;font-size:14px}
#penaltyReview h3{margin:0 0 5px;font-size:14px;color:var(--mint);line-height:1.3}
#penaltyReview section{padding:9px 0;border-bottom:1px solid var(--line)}
#penaltyReview section:first-child{padding-top:0}#penaltyReview section:last-child{border-bottom:0}
#penaltyReview p{margin:4px 0}#penaltyReview .penalty-clock{font-size:12px;color:var(--muted)}
#penaltyReview .penalty-outcome{font-weight:700}#penaltyDecisionNote{margin:0;font-size:12px;color:var(--muted);line-height:1.4}
.penalty-buttons{display:flex;gap:6px;flex-shrink:0}.penalty-buttons button{flex:1;min-height:44px;margin:0;padding:10px 6px}
#penaltyPlayOverlay{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;padding:10px 12px;background:#10191bf2;border:1px solid var(--gold);border-radius:5px;line-height:1.4;font-size:14px}
#penaltyPlayOverlay strong{display:block;color:var(--gold);font-size:12px;margin-bottom:5px}#penaltyPlayOverlay p{margin:4px 0}#penaltyPlayOverlay .penalty-outcome{font-size:13px;color:var(--mint)}
@media(max-width:760px),(max-width:1100px) and (max-height:600px) and (pointer:coarse){
 body.phone-game-active .play-panel.penalty-active{display:flex;padding:4px;gap:0;overflow:hidden;grid-column:1;grid-row:3/7;z-index:3;align-self:stretch}
 body.phone-game-active .play-panel.penalty-active>.section-label,body.phone-game-active .play-panel.penalty-active>#situation{display:none}
 body.phone-game-active #penaltyPanel{display:flex;flex-direction:column;align-content:initial;align-self:stretch;flex:1;max-height:none;min-height:0;padding:6px;gap:5px;overflow:hidden}
 body.phone-game-active #penaltyText{font-size:12px;line-height:1.3;flex-shrink:0}
 body.phone-game-active #penaltyReview{flex:1;max-height:none;min-height:0;font-size:13px;line-height:1.4;overflow-y:auto;touch-action:pan-y}
 body.phone-game-active #penaltyReview h3{font-size:13px;margin-bottom:4px}
 body.phone-game-active #penaltyReview p{font-size:13px;line-height:1.4;margin:4px 0}
 body.phone-game-active #penaltyDecisionNote{font-size:11px;line-height:1.25;flex-shrink:0}
 body.phone-game-active #penaltyPanel button{min-height:44px;font-size:12px}
 body.phone-game-active .penalty-buttons{flex-shrink:0;min-height:44px}
 body.phone-game-active #penaltyPlayOverlay{left:6px;right:6px;bottom:6px;padding:7px 9px;font-size:13px;max-height:calc(100% - 30px);overflow:auto;overscroll-behavior:contain}
 body.phone-game-active #penaltyPlayOverlay strong{font-size:11px;margin-bottom:4px}body.phone-game-active #penaltyPlayOverlay .penalty-outcome{font-size:12px}
 body.phone-game-active:has(#penaltyPanel:not([hidden])) .game-toolbar,body.phone-game-active:has(#penaltyPanel:not([hidden])) .ticker{visibility:hidden}
 body.phone-game-active.phone-landscape .play-panel.penalty-active{grid-column:2;grid-row:2/6;z-index:3;align-self:stretch}
 body.phone-game-active.phone-short #penaltyDecisionNote{display:none}
}