/* Drawing mode owns touch gestures only while active; the page scrolls normally otherwise. */
.football-field .drawing-container{position:absolute;inset:0;pointer-events:none;z-index:15}
.drawing-active .football-field{touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}
.drawing-active .football-field .player{pointer-events:none!important}
.drawing-options[hidden]{display:none!important}
#drawing-toolbar{position:fixed;inset:auto 16px 16px;left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 32px));display:block;background:#102e25f5;backdrop-filter:blur(12px);border:1px solid #70c9aa77;border-radius:16px;padding:14px;z-index:90;box-shadow:0 10px 50px #0008;color:#ecf0f1;margin:0}
.drawing-toolbar-heading{display:flex;align-items:center;gap:12px;margin-bottom:10px}.drawing-toolbar-heading strong{white-space:nowrap}.drawing-toolbar-heading #drawing-status{font-size:12px;color:#c4dace;flex:1}.drawing-toolbar-heading button{padding:10px 16px;background:#1abc9c;color:#06271c;border-radius:8px;min-height:44px;font-weight:700}
#drawing-toolbar .drawing-options-container{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:10px}#drawing-toolbar label{font-size:12px;display:block;color:#b8d5c6}#drawing-toolbar label[hidden]{display:none}#drawing-toolbar select,#drawing-toolbar input{display:block;width:100%;min-height:44px;background:#193e30;color:white;border:1px solid #ffffff33;border-radius:8px;padding:9px;font-size:16px;margin:4px 0 0;appearance:auto;background-image:none}#drawing-toolbar option{background:#193e30}#drawing-toolbar .drawing-history{display:flex;gap:6px;align-items:end}#drawing-toolbar .drawing-history button{width:44px;min-height:44px;border:1px solid #ffffff33;border-radius:8px;background:#ffffff12;color:white;padding:0}#drawing-toolbar button:disabled{opacity:.3;cursor:default}#drawing-toolbar :focus-visible{outline:2px solid #59e7bd;outline-offset:2px}
.drawing-active #drawButton .button-text{display:none}.drawing-active #drawButton .active-text{display:inline}#drawButton .active-text{display:none}.drawing-active .drawing-options-close,.floating-close-button{display:none!important}
.drawing-active .football-field .drawing-freehand{inset:0;width:100%;height:100%;position:absolute;pointer-events:none}
.football-field .drawing-freehand svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
@media(max-width:900px){body.drawing-active{overflow:hidden;overscroll-behavior:none}body.drawing-active .field-container{position:fixed;inset:64px 0 calc(var(--drawing-toolbar-height,178px) + 10px);z-index:70;display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:8px;border-radius:0;background:#10251b}body.drawing-active .football-field{height:auto;width:100%;max-width:100%;max-height:none;min-height:0;flex:none;aspect-ratio:9/16;margin:0}#drawing-toolbar{bottom:0;bottom:env(safe-area-inset-bottom,0);width:100%;left:0;right:0;transform:none;border-radius:16px 16px 0 0;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))}#drawing-toolbar .drawing-options-container{grid-template-columns:1.2fr 1fr 1fr;gap:6px}#drawing-toolbar .drawing-history{grid-column:1/-1;justify-content:center}#drawing-toolbar .drawing-history button{width:64px}#drawing-toolbar .drawing-toolbar-heading{gap:6px;margin-bottom:6px}#drawing-toolbar #drawing-status{font-size:11px}}
@media(max-width:900px) and (max-height:500px){body.drawing-active .field-container{inset:60px 225px 0 0}#drawing-toolbar{left:auto;right:0;top:60px;bottom:0;width:225px;border-radius:0;overflow:auto}#drawing-toolbar .drawing-options-container{grid-template-columns:1fr 1fr}#drawing-toolbar .drawing-options-container>label:first-child{grid-column:1/-1}.drawing-toolbar-heading #drawing-status{display:none}}
.drawing-active #cookie-popup,.drawing-active #register-popup{visibility:hidden;pointer-events:none}
.drawing-active .mobile-download-section{visibility:hidden;pointer-events:none}

@media(max-width:900px){#drawing-toolbar{bottom:var(--drawing-keyboard-bottom,0px)}body.drawing-active .field-container{bottom:calc(var(--drawing-toolbar-height,178px) + var(--drawing-keyboard-bottom,0px) + 10px)}}
@media(max-width:900px) and (max-height:500px){body.drawing-active .field-container{bottom:var(--drawing-keyboard-bottom,0px)}}

/* Keep the pitch full width; pan mode reaches the parts below the toolbar. */
.drawing-active.drawing-panning .football-field{touch-action:pan-y;cursor:grab}
#drawing-toolbar .drawing-history #drawing-pan{width:auto;padding:0 12px;white-space:nowrap}
#drawing-toolbar .drawing-history{flex-wrap:wrap}
#drawing-toolbar #drawing-pan[aria-pressed="true"]{background:#1abc9c;color:#06271c;border-color:#1abc9c}