:root{color-scheme:light;font-family:Inter,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#10233c;background:linear-gradient(180deg,#eff7ff,#fdfdfd 30%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;min-width:0;height:100%}body{min-height:100vh;background:linear-gradient(180deg,#edf6ff,#f7fbff,#fff)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{max-width:1500px;margin:0 auto;padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.eyebrow{margin:0 0 4px;text-transform:uppercase;letter-spacing:.12em;color:#4d809c;font-size:.72rem;font-weight:700}.topbar h1{margin:0;font-size:clamp(2rem,2.5vw,3rem);color:#0d1e32}.topbar-actions{display:flex;gap:12px}.main-layout{display:flex;flex-direction:column;gap:24px}.field-panel,.team-panel{background:#fffc;border:1px solid rgba(133,169,197,.3);border-radius:22px;box-shadow:0 18px 35px #5a779314}.field-panel{padding:18px}.field-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px;gap:12px}.field-header h2{margin:0;font-size:1.5rem;color:#14314e}.field-header span{font-size:.9rem;color:#5d7d94}.field{position:relative;height:760px;background:radial-gradient(circle at center,#aae5ab40,#4ca65fb8 58%,#1e6e3af5);border-radius:26px;overflow:hidden;border:4px solid rgba(255,255,255,.35);box-shadow:inset 0 0 30px #0c342140}.field-zone{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.6);border-radius:50%}.field-zone.outfield{width:88%;height:90%;border-radius:50%}.field-zone.infield{width:52%;height:55%}.field-zone.close-infield.top{width:22%;height:20%;transform:translate(-50%,-120%);background:#ffffff14}.field-zone.close-infield.bottom{width:22%;height:20%;transform:translate(-50%,20%);background:#ffffff14}.field-zone.pitch{width:10%;height:48%;border-radius:18px;background:#f4ebd42e;z-index:2}.field-zone.infield{z-index:3}.field-label{position:absolute;z-index:2;font-weight:700;color:#fffffff0;text-shadow:0 2px 8px rgba(23,45,56,.4)}.outfield-label{left:50%;top:10%;transform:translate(-50%)}.infield-label{left:50%;top:22%;transform:translate(-50%)}.close-label{left:50%;top:42%;transform:translate(-50%)}.pitch-label{left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg)}.field-player{position:absolute;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:.68rem;font-weight:700;line-height:1;text-align:center;color:#082b48;background:#ffffffd9;border:2px solid rgba(16,121,122,.8);box-shadow:0 8px 16px #0b303a2e;z-index:3;-webkit-user-select:none;user-select:none;overflow:visible}.field-player img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.field-player .player-badge{position:absolute;left:-8px;top:-8px;min-width:26px;height:26px;padding:2px 6px;border-radius:14px;background:#1f7881f2;color:#fff;font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center}.field-player .player-name{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:.66rem;background:#ffffffe6;padding:2px 6px;border-radius:8px;color:#082b48;white-space:nowrap}.field-player .player-tooltip{display:none}.player-floating-tooltip{position:absolute;z-index:99999;min-width:180px;background:#07181cfa;color:#fff;padding:10px 12px;border-radius:8px;font-size:.9rem;box-shadow:0 12px 30px #00000059;pointer-events:none}.active-toggle{outline:2px solid rgba(62,101,133,.12)}.field-player.batter-marker{border-color:#ffa82ee6;background:#ffe8b9f2}.fixed-batter{pointer-events:none;box-shadow:0 6px 12px #00000014}.player-number{font-size:.85rem;font-weight:800;background:#dfeeff;color:#15416d;padding:6px 8px;border-radius:8px;display:inline-block;margin-right:8px}.player-number-inline{position:absolute;right:12px;top:12px;font-weight:800;color:#15416d}.upload-btn{padding:6px 10px;background:#dfeeff;color:#15416d;border-radius:8px;border:none;margin-left:4px}.upload-btn:hover{transform:translateY(-1px)}.remove-image-btn{padding:6px 10px;background:#ffecec;color:#8b2d2d;border-radius:8px;border:none}.batter-box{position:absolute;right:22px;top:28px;display:grid;gap:12px;width:200px;z-index:5}.batter-slot{background:#0a28398c;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:10px 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fffffff2}.batter-slot>span{display:block;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;color:#d9edff}.batter-slot-content{display:flex;flex-direction:column;margin-bottom:10px}.batter-slot-content strong{font-size:.95rem}.batter-slot-content small{color:#fffc}.batter-actions{display:flex;gap:8px}.roster-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:18px}.team-panel{padding:18px;min-width:0}.team-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.team-header h3{margin:0;color:#102d49;font-size:1.2rem}.team-controls{display:flex;flex-wrap:wrap;gap:8px}.team-list{display:flex;flex-direction:column;gap:12px}.player-card{padding:12px;border:1px solid rgba(112,157,185,.3);border-radius:16px;background:linear-gradient(180deg,#fff,#f4f8ff);box-shadow:0 12px 20px #3b5a7c0d;cursor:pointer}.selected-player{border-color:#1f7881cc;box-shadow:0 0 0 3px #63c5d633}.player-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.player-head img{width:52px;height:52px;border-radius:12px;object-fit:cover;border:2px solid rgba(62,101,133,.2)}.player-fields{display:flex;flex-direction:column;gap:10px}.player-fields label{display:flex;flex-direction:column;gap:5px;font-size:.78rem;color:#4c6780}.player-fields input,.player-fields select{border:1px solid rgba(105,142,177,.42);border-radius:10px;background:#fff;padding:8px 10px;color:#10233c}.split-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}button.secondary,button.mini,.remove-btn,.replacement-item{border:none;border-radius:10px;transition:transform .15s ease,opacity .15s ease}button.secondary{padding:10px 12px;background:#dfeeff;color:#15416d;font-weight:600}button.mini{padding:7px 8px;background:#ffffff24;color:#fff;font-size:.68rem}.remove-btn{background:#fbe5e5;color:#8b2d2d;padding:8px 10px;font-size:.7rem;font-weight:700}button.secondary:hover,button.mini:hover,.remove-btn:hover,.replacement-item:hover{transform:translateY(-1px)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e1d2b73;display:grid;place-items:center;z-index:20}.replacement-dialog{width:min(420px,calc(100vw - 32px));background:#fff;border-radius:20px;padding:20px;box-shadow:0 20px 44px #10182033}.replacement-dialog h3{margin:0 0 16px;color:#102d49}.overlay .replacement-dialog p{margin:8px 0 0;color:#264a61}.remove-image-btn{padding:8px 12px;background:#ffecec;color:#8b2d2d;border-radius:8px;border:none}.remove-image-btn:hover{transform:translateY(-1px)}.replacement-list{display:grid;gap:10px}.replacement-item{display:flex;align-items:center;gap:12px;width:100%;background:#f2f7ff;color:#10233c;text-align:left;padding:10px 12px}.replacement-item img{width:42px;height:42px;border-radius:50%;object-fit:cover}@media (max-width: 980px){.main-layout{grid-template-columns:1fr}.field{height:620px}}@media (max-width: 640px){.app-shell{padding:16px}.topbar,.team-header,.field-header{flex-direction:column;align-items:flex-start}.field{height:520px}.batter-box{position:static;display:grid;grid-template-columns:1fr 1fr;width:calc(100% - 24px);margin:10px 12px 0}.batter-slot{min-height:100px}.field-player{width:46px;height:46px}}