:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e5efe7;background:#08130b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#0a180d,#08130b)}button,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}input,textarea{font:inherit}.app-shell{height:100dvh;padding:0;position:relative;display:flex;flex-direction:column;overflow:hidden}.board-header h2,.card h2{margin:0 0 6px}.board-header p,.muted,.board-footer p,.card li,.card p{margin:0;color:#bdd4c2}.topbar-actions{display:flex;gap:10px;flex-wrap:wrap}.topbar-actions button{padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#f2faf4}.menu-toggle{position:absolute;top:8px;right:8px;z-index:12;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#08130bb8;color:#f2faf4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sync-toast{position:absolute;top:58px;right:8px;z-index:13;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#08130beb;color:#f2faf4;box-shadow:0 12px 24px #0000003d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none}.menu-popover{position:absolute;top:56px;right:8px;z-index:12;display:flex;flex-direction:column;gap:8px;width:min(280px,calc(100vw - 16px));padding:12px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#08130be6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 36px #00000047}.menu-popover button{width:100%;justify-content:flex-start}.layout-grid{display:grid;grid-template-columns:1fr;gap:0;position:relative;flex:1;min-height:0;overflow:hidden}.card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:16px;box-shadow:0 10px 30px #00000038}.board-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:transparent;border:0;box-shadow:none;padding:0;color:inherit}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.dot.us{background:#1d4ed8}.dot.opp{background:#dc2626}.dot.ball{background:#f59e0b}.field{position:relative;width:min(58vw,700px);height:var(--field-height);overflow:hidden;--field-height: min(98dvh, 1080px);background:repeating-linear-gradient(180deg,#b2e98a,#b2e98a 8.5%,#8fd665 8.5%,#8fd665 17%);border:none;clip-path:ellipse(38.2% 49.8% at 50% 50%);-webkit-clip-path:ellipse(38.2% 49.8% at 50% 50%);box-shadow:inset 0 0 0 1px #ffffff0a,0 18px 36px #00000042;margin-left:-3vw;margin-inline:auto;z-index:2}.field:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,#ffffff08 0,#ffffff08 16.66%,#ffffff04 16.66%,#ffffff04 33.33%);pointer-events:none}.field:after{content:"";position:absolute;top:.6%;right:.6%;bottom:.6%;left:.6%;border:2px solid rgba(0,0,0,.66);clip-path:ellipse(37.6% 49.2% at 50% 50%);-webkit-clip-path:ellipse(37.6% 49.2% at 50% 50%);pointer-events:none}.field-shell{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:flex-start;padding:0;width:100%}.movement-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.field-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.field-markings{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;shape-rendering:geometricPrecision}.field-mark{fill:none;stroke:#122612eb;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.field-center-line,.field-guide{stroke-width:.58}.field-guide{stroke-dasharray:1.8 1.6;stroke:#dc4141d9}.field-arc,.field-fifty{stroke-width:.98}.field-goal-square,.field-center-square{stroke-width:1.05}.field-goal-post{stroke-width:.72}.field-center-circle{stroke-width:.82}.field-center-circle.inner{stroke-width:.52}.player-chip{position:absolute;transform:translate(-50%,-50%);border-radius:12px;border:2px solid rgba(255,255,255,.88);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;font-weight:700;font-size:11px;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;touch-action:none;box-shadow:0 6px 16px #00000040;z-index:3}.player-chip.ball{border-color:#fff2c4;z-index:4}.player-chip.selected{outline:3px solid #fff2c4;outline-offset:2px}.board-footer{margin-top:12px}.side-panel{display:flex;flex-direction:column;gap:18px;min-height:0;overflow:auto;padding-right:4px;position:absolute;right:8px;top:76px;width:min(320px,30vw);max-height:calc(100dvh - 92px);z-index:9}.role-pill{display:inline-block;padding:6px 12px;border-radius:999px;background:#ffffff14;font-weight:700;margin-bottom:8px}.name-row{display:flex;gap:10px;align-items:center;margin-top:10px}.name-row input{flex:1;min-width:0;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#f5fff7;padding:10px 12px}.name-import{margin-top:10px}.position-readout{margin-top:10px!important;color:#fff}.feedback-list{display:flex;flex-direction:column;gap:10px}.feedback-item{padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.08)}.feedback-item.good{background:#22c55e1f}.feedback-item.warn{background:#f59e0b1f}.feedback-item strong{display:block;margin-bottom:6px}textarea{width:100%;min-height:130px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#f5fff7;padding:12px;resize:vertical}ol{padding-left:18px;margin:0}li+li{margin-top:8px}@media (max-width: 980px){.app-shell{height:auto;min-height:100dvh;overflow:auto}.layout-grid{grid-template-columns:1fr;overflow:visible;gap:16px}.field-shell{padding-bottom:0}.field{width:min(100vw,760px);--field-height: min(70dvh, 660px);margin-left:0;clip-path:ellipse(44.5% 49.8% at 50% 50%);-webkit-clip-path:ellipse(44.5% 49.8% at 50% 50%)}.field:after{clip-path:ellipse(43.8% 49.2% at 50% 50%);-webkit-clip-path:ellipse(43.8% 49.2% at 50% 50%)}.side-panel{position:static;width:min(100%,760px);max-height:none;overflow:visible;padding-right:0;margin:0 auto 20px}.menu-toggle{top:8px;right:8px}.sync-toast{top:56px;right:8px;max-width:calc(100vw - 16px)}.menu-popover{top:56px;right:8px}}