:root{--navy:#0b203c;--navy2:#142d4e;--ink:#203149;--muted:#78849a;--line:#e7ebf0;--surface:#f5f7fa;--white:#fff;--red:#bd364b;--gold:#dfab53;--blue:#3975b9;--green:#28764c;--radius:14px;--shadow:0 4px 25px rgba(12,33,61,.07)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--surface)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}.hidden{display:none!important}.app{min-height:100dvh}.app-header{min-height:76px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px max(18px,env(safe-area-inset-right)) 10px max(18px,env(safe-area-inset-left));box-shadow:0 4px 20px rgba(12,27,50,.1)}.brand{display:flex;align-items:center;gap:12px;min-width:216px}.brand img{width:43px;height:43px;object-fit:contain;border-radius:10px}.brand strong{display:block;letter-spacing:1px;font-size:18px;line-height:1.08;font-weight:900}.brand-accent{color:#ef6674}.brand small{display:block;font-size:9px;font-weight:700;letter-spacing:1.1px;opacity:.62;margin-top:5px}.session-switch{display:flex;gap:10px;align-items:center}.session-heading{border:0;background:rgba(255,255,255,.09);border-radius:12px;color:#fff;text-align:center;padding:8px 18px;min-width:195px}.session-heading strong{display:block;font-size:18px;line-height:1.1}.session-heading small{display:block;opacity:.75;font-size:11px;margin-top:4px}.header-arrow{font-size:26px;background:transparent;color:#dde7f4;border:0;width:30px;height:39px}.header-right{display:flex;align-items:center;gap:10px}.saved{white-space:nowrap;font-size:11px;color:#b0e3c6}.icon-button{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.21);background:rgba(255,255,255,.07);color:#fff;font-size:19px}
.main-nav{height:52px;padding:0 25px;background:#fff;box-shadow:0 2px 9px rgba(12,33,61,.05);display:flex;gap:6px;align-items:stretch;border-bottom:1px solid var(--line)}.nav-item,.nav-action{border:0;border-bottom:3px solid transparent;background:transparent;padding:0 18px;color:#65738b;font-weight:750;font-size:13px}.nav-item.active{color:var(--navy);border-bottom-color:var(--red)}.nav-spacer{flex:1}.nav-action{font-size:12px}.board-page{padding:15px 24px 32px}.work-toolbar{display:flex;align-items:center;gap:13px;padding:8px 0 15px;flex-wrap:wrap}.work-meta{min-width:150px;display:flex;flex-direction:column;gap:1px}.eyebrow{font-size:9px;letter-spacing:1.4px;color:#8c9caf;font-weight:900}.work-meta strong{font-size:20px;letter-spacing:-.5px}.work-sub{font-size:11px;color:#8b98a8}.pitch-stats{display:flex;align-items:center;gap:6px;margin-right:auto;background:#eaf0f4;border:1px solid #dfe6ed;border-radius:13px;padding:7px 10px;font-weight:900;white-space:nowrap}.pitch-stats .stat-white,.pitch-stats .stat-red{min-width:27px;text-align:center;background:#fff;border-radius:8px;padding:5px;color:var(--navy)}.pitch-stats .stat-red{background:var(--red);color:#fff}.stat-cross{font-weight:600;color:#8995a6}.stat-rest{color:#65748e;font-size:11px;font-weight:700}.tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.tool-button{white-space:nowrap;background:white;border:1px solid var(--line);border-radius:10px;min-height:37px;padding:7px 10px;font-size:13px;font-weight:750;color:#5d6a7c;box-shadow:0 1px 3px rgba(20,50,75,.03)}.tool-button.selected{border-color:#879fbb;background:#eaf0f8;color:var(--navy)}.tool-button.locked{color:#b43748;background:#fff1f2;border-color:#e5b0b5}.tool-divider{height:23px;border-right:1px solid #dfe5ec;margin:0 2px}.icon-only{font-size:19px;min-width:37px;padding:3px 7px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid transparent;border-radius:11px;background:#e9eef5;color:var(--navy);font-weight:750;font-size:12px;min-height:38px;padding:8px 13px}.btn-primary{background:var(--navy);color:#fff}.btn-outline{background:white;border-color:#dce4ed;color:var(--navy)}.btn-ghost{background:transparent;color:#65758c}.btn-danger{background:#fff1f2;color:#b22f45;border-color:#f1d1d6}.btn.small{min-height:32px;font-size:11px;padding:6px 10px}.wide{width:100%}
.board-workspace{display:grid;grid-template-columns:252px minmax(0,1fr);gap:18px;align-items:start;transition:grid-template-columns .22s}.board-workspace.roster-hidden{grid-template-columns:0 minmax(0,1fr);gap:0}.roster-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);height:calc(100dvh - 235px);min-height:550px;display:flex;flex-direction:column;overflow:hidden;transition:opacity .2s}.roster-hidden .roster-panel{visibility:hidden;opacity:0;pointer-events:none}.roster-upper{padding:14px 12px 8px}.roster-headline{display:flex;align-items:flex-start;justify-content:space-between}.roster-headline h2{font-size:19px;letter-spacing:-.3px;margin:4px 0}.roster-headline h2 span{font-size:12px;color:#8494a8;vertical-align:middle}.compact-close{background:#f2f5f9;border:0;border-radius:7px;color:#718297;font-size:23px;width:26px;height:26px}.mini-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:8px 0}.metric{background:#f2f5f9;border-radius:9px;padding:8px 2px;text-align:center}.metric strong{font-size:15px;display:block}.metric small{font-size:9px;color:#7c8796;display:block}.checkin-control{display:flex;align-items:center;justify-content:space-between;padding:11px 4px;border-block:1px solid var(--line);gap:10px}.checkin-control strong{display:block;font-size:10.5px}.checkin-control small{display:block;font-size:9px;color:#8c98a9;margin-top:3px}.switch{position:relative;width:38px;height:23px;display:block;flex:none}.switch input{position:absolute;opacity:0}.switch-track{display:block;width:38px;height:23px;border-radius:20px;background:#ccd4de;transition:background .2s}.switch-track:after{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:white;box-shadow:0 1px 3px #73829566;transition:transform .2s}.switch input:checked+.switch-track{background:#2e8a61}.switch input:checked+.switch-track:after{transform:translateX(15px)}.roster-filter{display:flex;gap:5px;margin-top:10px}.roster-filter input{min-width:0;flex:1;background:#f5f7fa;border:1px solid #e4e9f0;border-radius:8px;padding:8px 9px;font-size:11px;outline:0}.roster-filter select{width:91px;background:#f5f7fa;border:1px solid #e4e9f0;border-radius:8px;font-size:10px;padding:5px 2px;color:#52637b}.roster-hint{font-size:9px;line-height:1.45;color:#8b98a7;margin:8px 2px 1px}.player-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 8px 15px;scrollbar-width:thin}.player-row{display:flex;align-items:center;gap:7px;min-height:43px;padding:5px 5px;border-bottom:1px solid #f0f2f5;border-radius:7px;user-select:none;-webkit-user-select:none}.player-row.selected{background:#eaf1f9;outline:1px solid #b2c7df}.player-row.absent{opacity:.57;background:#f8f8fa}.player-row .number{background:#edf1f5;color:#3c536d;border-radius:7px;text-align:center;min-width:29px;padding:7px 2px;font-size:11px;font-weight:900;touch-action:none}.player-row .number.white{background:#e5e9f1}.player-row .number.red{background:#f8dee2;color:#ad3848}.player-row .number.neutral{background:#fff0bf;color:#81600e}.player-info{flex:1;min-width:0;cursor:pointer}.player-info strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-info small{color:#8b9aad;font-size:9.5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.status-pill{border:0;border-radius:7px;font-size:10px;font-weight:800;background:#eef2f7;color:#64748b;min-width:45px;min-height:28px;white-space:nowrap;padding:4px 5px}.status-pill.duvida{background:#fff0ce;color:#9b7225}.status-pill.ausente,.status-pill.lesionado{background:#f8e8ea;color:#bd3b50}.status-pill.atrasado{background:#e7effa;color:#517ab4}.arrival-toggle{border:1px solid #dde6ed;background:#fff;border-radius:50%;width:27px;height:27px;flex:none;color:#8792a3;font-size:16px;font-weight:900}.arrival-toggle.done{background:#267955;border-color:#267955;color:#fff}.arrival-toggle.left{background:#e9b0b3;border-color:#c06770;color:#8e3041}.roster-footer{border-top:1px solid var(--line);padding:11px 12px 12px;background:white}.roster-footer p{font-size:9px;color:#9aa4b2;margin:7px 0 0;line-height:1.5}
.field-area{min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px}.focused-board-header{width:100%;max-width:1020px;display:flex;align-items:center;justify-content:space-between;gap:8px}.focused-board-header strong{font-size:14px}.focused-board-header .minor{font-size:11px;color:#8995a5}.focused-board-header button{font-size:11px;border:0;border-radius:8px;background:#e9edf3;color:#60738a;padding:7px 10px}.field-stage{width:100%;display:flex;justify-content:center;align-items:flex-start;min-height:300px}.pitch-card{width:min(100%,calc((100dvh - 270px)*68/105),630px);min-width:0;flex-shrink:0;background:#fff;border-radius:16px;padding:9px;box-shadow:0 8px 32px rgba(18,41,67,.12);border:1px solid #e0e8ed}.board-workspace.roster-hidden .pitch-card{width:min(100%,calc((100dvh - 235px)*68/105),730px)}.pitch-canvas{position:relative;aspect-ratio:68/105;width:100%;background:repeating-linear-gradient(0deg,#237348 0%,#237348 10%,#287950 10%,#287950 20%);border-radius:8px;overflow:hidden;touch-action:none}.pitch-canvas.drawing{cursor:crosshair}.pitch-markings,.pitch-ink{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pitch-markings *{vector-effect:non-scaling-stroke}.pitch-ink{z-index:5}.pitch-ink path{pointer-events:visibleStroke}.pitch-canvas .player-token{position:absolute;z-index:7;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1px;min-width:37px;max-width:85px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;pointer-events:auto}.pitch-canvas.drawing .player-token,.pitch-canvas.locked .player-token{pointer-events:none}.player-token .token-disc{width:29px;height:29px;border-radius:50%;border:2px solid #183a5f;background:#fff;display:grid;place-items:center;font-size:11px;font-weight:900;color:#1d3d64;box-shadow:0 3px 8px #0004}.player-token.red .token-disc{background:var(--red);border-color:#fff;color:#fff}.player-token.neutral .token-disc{background:#f1c654;border-color:#8c6b1e;color:#2f2c1f}.player-token.alternative .token-disc{background:#8399ab;color:#fff;border-color:#f6fbff}.token-name{font-size:10px;max-width:86px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3px 5px;border-radius:5px;background:rgba(7,25,38,.82);color:#fff;font-weight:800;letter-spacing:-.1px;text-shadow:0 1px 3px #0003}.player-token.question .token-disc{box-shadow:0 0 0 3px #e7ba58,0 3px 8px #0003}.player-token.awaiting .token-name{border-bottom:2px dashed #f8c866}.player-token.is-left{opacity:.5}.player-token .token-guest{position:absolute;font-size:10px;right:-6px;top:0;color:#ffdf68}.field-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;width:100%;max-width:1020px}.field-quickactions{display:flex;gap:4px;flex-wrap:wrap}.field-notice{font-size:10px;color:#8794a4;max-width:285px;line-height:1.4}.aux-section{width:100%;max-width:1020px;margin-top:9px;padding:13px;background:#fff;border-radius:14px;border:1px solid var(--line)}.aux-heading{display:flex;justify-content:space-between;align-items:center}.aux-heading h3{font-size:14px;margin:4px 0 0}.aux-cards{display:flex;gap:9px;overflow-x:auto;padding-top:10px}.aux-card{background:#f4f6f8;border:1px solid #e1e8ef;border-radius:11px;padding:10px;min-width:150px;max-width:215px;display:flex;justify-content:space-between;align-items:center;gap:8px}.aux-card strong{font-size:11px;display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis}.aux-card small{color:#8c99a8;font-size:9px}.aux-card button{border:0;border-radius:7px;background:#e6ecf4;color:#3d5570;min-width:30px;min-height:29px}.aux-empty{font-size:11px;color:#9aa5b3;padding:6px 0}.full-field .app-header,.full-field .main-nav,.full-field .work-meta,.full-field .pitch-stats,.full-field .aux-section,.full-field .field-bottom{display:none!important}.full-field .board-page{padding:5px}.full-field .work-toolbar{position:absolute;right:12px;top:10px;z-index:11;background:#ffffffed;padding:6px;border-radius:12px;box-shadow:var(--shadow)}.full-field .board-workspace{grid-template-columns:0 minmax(0,1fr);gap:0}.full-field .roster-panel{display:none}.full-field .pitch-card{width:min(100%,calc((100dvh - 90px)*68/105),840px)}.full-field .field-area{gap:2px}.full-field .focused-board-header{max-width:840px}.full-field .tool-button span{display:none}.full-field .tool-button{padding:7px}.full-field .field-stage{align-items:center}.full-field #rosterToggle{display:none}.full-field #fullscreenButton{display:none}.full-field .exit-full{display:block!important}.exit-full{display:none}.calendar-page{padding:25px;max-width:1140px;margin:auto}.calendar-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.calendar-hero h1{margin:4px 0 8px;font-size:28px}.calendar-hero p{color:#75849a;font-size:13px;line-height:1.6;margin:0;max-width:620px}.calendar-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.calendar-card{display:flex;align-items:center;gap:15px;text-align:left;border:1px solid var(--line);background:white;border-radius:14px;padding:15px;box-shadow:0 3px 12px #1d3d6110;color:var(--ink)}.calendar-card.current{border-color:#9db5d1;background:#f0f5fa}.calendar-date{border-radius:10px;padding:10px;min-width:54px;text-align:center;background:#eef3f8}.calendar-date strong{display:block;font-size:20px;color:var(--navy)}.calendar-date small{font-size:9px;font-weight:800;letter-spacing:1px;color:#8597ac}.calendar-copy{flex:1}.calendar-copy strong{font-size:14px;display:block}.calendar-copy small{display:block;color:#8390a1;font-size:11px;margin-top:6px}.calendar-card .arrow{font-size:20px;color:#a3aebd}
.modal-backdrop{position:fixed;inset:0;background:rgba(9,22,42,.58);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}.modal{max-width:540px;width:100%;max-height:90dvh;overflow-y:auto;overscroll-behavior:contain;background:#fff;border-radius:20px;padding:24px;box-shadow:0 25px 70px rgba(0,0,0,.28)}.modal h2{font-size:22px;margin:0 0 8px;color:var(--navy);letter-spacing:-.3px}.modal p{font-size:13px;color:#718096;line-height:1.55;margin:5px 0 13px}.modal label:not(.switch){font-size:11px;font-weight:850;display:block;margin:12px 0 5px}.modal input,.modal textarea,.modal select{width:100%;padding:12px;background:#f6f8fb;border:1px solid #dce4ee;border-radius:10px;color:var(--ink);font-size:14px}.modal textarea{resize:vertical;min-height:85px}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:17px;flex-wrap:wrap}.modal .menu-option{width:100%;text-align:left;padding:13px;border:1px solid #e7ecf2;background:white;border-radius:10px;margin:4px 0;font-size:13px;color:var(--ink);font-weight:650}.modal .menu-option:hover{background:#f5f8fb}.modal .state-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.modal .state-option{background:#f6f8fb;border:1px solid #e1e6ed;border-radius:10px;padding:13px 9px;text-align:center;color:#4f6279;font-weight:750}.modal .state-option.selected{border-color:#87a9c9;background:#e9f2fb;color:#204a7b}.modal .player-pick{width:100%;padding:10px;border:1px solid #e5eaf0;border-radius:8px;background:#fff;text-align:left;margin:4px 0;display:flex;justify-content:space-between}.modal .player-pick small{color:#8995a5}.modal .version-item{padding:11px 0;border-bottom:1px solid #e6eaf1;display:flex;justify-content:space-between;align-items:center;gap:10px}.modal .version-item small{display:block;color:#8996a6;margin-top:3px}.toast{position:fixed;z-index:1200;bottom:18px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#112c4b;color:white;border-radius:10px;padding:12px 17px;font-size:12px;box-shadow:0 8px 25px #12263f55;transition:transform .2s,opacity .2s;max-width:min(90vw,460px);text-align:center}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:1040px){.board-page{padding:12px}.work-toolbar{gap:8px}.work-meta strong{font-size:16px}.tools{gap:3px}.tool-button{padding:6px 8px}.roster-panel{height:calc(100dvh - 223px)}.pitch-card{width:min(100%,calc((100dvh - 240px)*68/105),590px)}}
@media(max-width:730px){.app-header{padding:9px 12px;min-height:64px}.brand{min-width:auto;gap:6px}.brand img{width:35px;height:35px}.brand strong{font-size:12px}.brand small{font-size:7px;letter-spacing:.5px}.session-switch{gap:0}.session-heading{padding:8px 5px;min-width:115px}.session-heading strong{font-size:13px}.session-heading small{font-size:9px}.header-arrow{width:21px}.saved{display:none}.main-nav{height:45px;padding:0 6px}.nav-item,.nav-action{padding:0 10px;font-size:11px}.nav-action span{display:none}.board-page{padding:7px}.work-meta{min-width:105px}.work-meta strong{font-size:14px}.work-meta .eyebrow,.work-sub{display:none}.pitch-stats{margin-left:auto;padding:4px}.work-toolbar{justify-content:center}.tools{width:100%;justify-content:center;gap:3px}.tool-button{font-size:13px;min-height:34px}.tool-button span{font-size:10px}.board-workspace{grid-template-columns:0 minmax(0,1fr);gap:0}.roster-panel{display:none}.board-workspace.roster-mobile-open{grid-template-columns:minmax(0,1fr)}.roster-mobile-open .roster-panel{display:flex;position:fixed;left:8px;top:126px;bottom:8px;width:min(320px,85vw);height:auto;z-index:30;box-shadow:0 16px 55px #0b203c44;visibility:visible;opacity:1;pointer-events:auto}.pitch-card,.board-workspace.roster-hidden .pitch-card{width:min(100%,calc((100dvh - 275px)*68/105),590px)}.pitch-card{padding:6px}.field-notice{display:none}.field-bottom{justify-content:center}.aux-section{padding:9px}.calendar-hero{flex-direction:column;align-items:stretch}.calendar-page{padding:12px}.brand small{display:none}}
@media(min-width:731px) and (max-width:900px){.brand{min-width:170px}.brand strong{font-size:14px}.brand small{font-size:8px}.header-right .saved{display:none}.board-workspace{grid-template-columns:216px minmax(0,1fr);gap:9px}.roster-panel{height:calc(100dvh - 245px)}.pitch-card{width:min(100%,calc((100dvh - 270px)*68/105))}.tool-button span{font-size:10px}.work-meta strong{font-size:14px}}
@media print{@page{size:A4 portrait;margin:9mm}html,body,.app{background:#fff!important;min-height:0!important}.app-header,.main-nav,.work-toolbar,.roster-panel,.field-bottom,.aux-section,.focused-board-header button,.calendar-page,.modal-backdrop,.toast{display:none!important}.board-page{padding:0!important}.board-workspace{display:block!important}.field-area{display:block!important}.focused-board-header{margin:0 0 5mm!important;display:block!important}.focused-board-header strong{font-size:16pt!important}.field-stage{display:block!important}.pitch-card,.board-workspace.roster-hidden .pitch-card{width:122mm!important;margin:auto!important;border:0!important;padding:0!important;box-shadow:none!important}.pitch-canvas{-webkit-print-color-adjust:exact;print-color-adjust:exact}.player-token .token-name,.player-token .token-disc{-webkit-print-color-adjust:exact;print-color-adjust:exact}.pitch-svg{print-color-adjust:exact}}
@media(max-width:730px){.board-workspace,.board-workspace.roster-hidden,.board-workspace.roster-mobile-open{display:block!important}.field-area{width:100%;min-width:0}.roster-panel{display:none}.board-workspace.roster-mobile-open .roster-panel{display:flex}}