:root{color:#10253b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;background-color:#f4f8fc;font-family:Avenir Next,Segoe UI,sans-serif;font-weight:400;line-height:1.35}*{box-sizing:border-box}body{overscroll-behavior-y:contain;-webkit-text-size-adjust:100%;background:#eef4f9;min-height:100dvh;margin:0}#root{min-height:100vh}.app-shell{width:100%;min-height:100dvh;padding:max(.75rem, env(safe-area-inset-top)) .75rem max(1rem, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.topbar{gap:.25rem;margin-bottom:.75rem;display:grid}.topbar h1{margin:0;font-size:1.45rem}h2{margin:0;font-size:1.2rem;line-height:1.2}p{margin:0}.meta{color:#536273;font-size:.95rem}.panel{background:#fff;border:1px solid #c3cfdb;border-radius:8px;gap:.8rem;padding:.85rem;display:grid;box-shadow:0 4px 16px #10253b14}.login-panel{margin:1rem auto}.main-panel{flex-direction:column;flex:1;min-height:0;display:flex}.history-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.text-input,.text-area{color:#10253b;width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #91a4b8;border-radius:8px;padding:.75rem .85rem;font-size:16px}.text-area{resize:vertical;min-height:120px}.btn{color:#fff;width:100%;min-height:52px;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;padding:.8rem .85rem;font-size:1rem;font-weight:700;line-height:1.15}.btn:active{transform:translateY(1px)}.btn:focus-visible,.text-input:focus-visible,.text-area:focus-visible{outline-offset:2px;outline:3px solid #f0b84f}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.primary{background:#1d5d94}.btn.secondary{background:#576777}.btn.light{background:#9aa7b3}.btn.success{background:#247a55}.btn.danger{background:#9a3434}.compact-btn{justify-self:start;width:auto;min-width:92px}.last-play{background:#e7f0f8;border:1px solid #c0d4e6;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.4rem;padding:.55rem;font-size:.9rem;font-weight:700;display:grid}.last-play>div{white-space:nowrap}.last-play .btn{white-space:nowrap;width:auto;min-width:0;min-height:40px;padding:.5rem .6rem;font-size:.88rem}.next-play{text-align:center;padding:.3rem 0;font-size:1.2rem;font-weight:800}.grid-buttons,.fix-play-wrap{grid-template-columns:minmax(0,1fr);gap:.55rem;display:grid}.modal-backdrop{z-index:20;background:#10253b73;align-items:end;padding:1rem;display:grid;position:fixed;inset:0}.modal-panel{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #c3cfdb;border-radius:8px;gap:.75rem;width:min(100%,520px);max-height:calc(100dvh - 2rem);margin:0 auto;padding:1rem;display:grid;overflow:auto;box-shadow:0 16px 40px #10253b40}.play-type-buttons{background:#edf4fa;border:1px solid #c6d6e5;border-radius:8px;grid-template-columns:minmax(0,1fr);margin:.5rem 0 .75rem;padding:1rem}.player-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.player-grid .btn{overflow-wrap:anywhere;min-height:48px;padding:.65rem .35rem;font-size:.98rem}.section-divider{background:#c5d2df;height:1px;margin:1.1rem 0 .75rem}.down-prompt{text-align:center;color:#24384f;letter-spacing:0;margin-bottom:.55rem;font-size:.92rem;font-weight:800}.players-on-field-note{color:#24384f;overflow-wrap:anywhere;background:#edf4fa;border:1px solid #c4d3e4;border-radius:8px;padding:.65rem .75rem;font-size:.95rem;font-weight:800}.bottom-actions{margin-top:auto}.messages-list{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #c4d3e4;border-radius:8px;max-height:58vh;overflow:auto}.history-list{flex:1;min-height:0;max-height:none;overflow:auto}.history-top-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.55rem;display:grid}.message-row,.history-row{border-bottom:1px solid #e1e8ef;grid-template-columns:minmax(0,1fr);align-items:center;gap:.5rem;padding:.75rem;display:grid}.message-row:last-child,.history-row:last-child{border-bottom:none}.history-row{font-size:.58rem}.history-main-line,.history-meta-line{align-items:center;min-width:0}.history-main-line{grid-template-columns:2.35rem 1.25rem minmax(0,.8fr) 3rem 4.5rem;gap:.3rem;font-weight:400;line-height:1.1;display:grid}.history-main-line span,.history-main-line strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.history-main-line strong,.history-main-line span:nth-child(2),.history-main-line span:nth-child(4){white-space:nowrap}.history-main-line span:nth-child(4),.history-main-line span:nth-child(5){text-align:center}.history-meta-line{color:#536273;flex-wrap:wrap;gap:.4rem;display:flex}.history-meta-line .row-edit-pill{margin-left:auto}.history-action{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #d4e0ea;border-radius:8px}.history-action+.history-action{margin-top:.45rem}.history-action:active{background:#e7f0f8}.history-action.offence{background:#fff2d9}.history-action.defence{background:#e7f4fb}.history-action.special{background:#fff}.history-summary{background:#edf4fa;border:1px solid #d4e0ea;border-radius:8px;gap:.45rem;padding:.75rem;font-weight:700;display:grid}.history-row span,.history-row strong,.message-row div{overflow-wrap:anywhere;min-width:0}.edit-pill,.row-edit-pill,.sync-pill{color:#247a55;background:#dce9df;border-radius:999px;justify-self:start;padding:.14rem .38rem;font-size:.58rem;font-weight:700}.edit-pill{color:#6f6515;background:#eef0d6}.row-edit-pill{color:#fff;background:#1d5d94}.sync-pill.unsynced{color:#9a3434;background:#f3dfdf}.error-text{color:#9a3434;font-weight:700}.warning-text{color:#6e2f2f;font-weight:700;line-height:1.35}.footer-note{padding-bottom:env(safe-area-inset-bottom);text-align:center;color:#536273;margin-top:auto;font-size:.82rem}@media (width>=430px){.app-shell{max-width:560px;padding-inline:1rem}.grid-buttons,.fix-play-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.play-type-buttons{grid-template-columns:minmax(0,1fr)}}@media (width>=720px){.app-shell{max-width:920px;padding:1.25rem}.topbar{grid-template-columns:1fr auto;align-items:baseline}.panel{padding:1rem}.login-panel{max-width:520px;margin-top:2.5rem}.grid-buttons,.fix-play-wrap{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.play-type-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.player-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.last-play{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center}.last-play .btn{grid-column:auto;width:auto;min-width:132px}.message-row{grid-template-columns:minmax(0,1fr) auto}.message-row .btn{width:auto;min-width:120px}.history-row{grid-template-columns:minmax(0,1fr)}}