.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;padding:var(--spacing-xl);text-align:center}.empty-icon{font-size:48px;margin-bottom:var(--spacing-md)}.empty-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm)}.empty-message{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:300px}.team-entry{display:flex;gap:var(--spacing-sm);width:100%;max-width:360px}.team-input{flex:1;height:56px;padding:0 var(--spacing-lg);border:2px solid var(--color-border);border-radius:var(--corner-radius);font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:600;text-align:center;letter-spacing:4px;color:var(--color-text);background:var(--color-bg);outline:none;transition:border-color .15s}.team-input:focus{border-color:var(--color-primary)}.team-input::placeholder{font-weight:400;letter-spacing:normal;font-size:var(--font-size-base);color:var(--color-text-secondary)}.team-submit{height:56px;padding:0 var(--spacing-lg);border:none;border-radius:var(--corner-radius);background:var(--color-primary);color:#fff;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent}.team-submit:hover:not(:disabled){background:var(--color-primary-light)}.team-submit:disabled{opacity:.5;cursor:default}.landing-page{display:flex;align-items:center;justify-content:center;height:100vh;height:100dvh;padding:var(--spacing-lg)}.landing-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center}.landing-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary)}.landing-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary)}.game-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.game-header-main{display:flex;align-items:center;gap:var(--spacing-sm)}.game-opponent{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text)}.game-date{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0}.game-score{display:flex;align-items:baseline;gap:var(--spacing-xs);margin-top:var(--spacing-xs);font-size:var(--font-size-xl);font-weight:700}.score-us{color:var(--color-primary)}.score-sep{color:var(--color-text-secondary);font-weight:400}.score-them{color:var(--color-text)}.status-badge{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:4px}.status-inProgress{background:var(--color-error);color:#fff}.status-scheduled,.status-completed{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.inning-nav{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.inning-arrow{display:flex;align-items:center;justify-content:center;width:var(--min-tap-target);height:var(--min-tap-target);border:none;background:var(--color-bg-secondary);border-radius:50%;font-size:var(--font-size-xl);font-weight:300;color:var(--color-primary);cursor:pointer;transition:background .15s,opacity .15s;-webkit-tap-highlight-color:transparent}.inning-arrow:hover:not(:disabled){background:var(--color-primary);color:#fff}.inning-arrow:disabled{opacity:.3;cursor:default}.inning-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.live-dot{width:10px;height:10px;border-radius:50%;background:var(--color-error);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.marker-card-wrapper{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.marker-badge{background:var(--color-primary);color:#fff;font-size:9px;font-weight:700;font-family:var(--font-family);padding:1px 6px;border-radius:4px;line-height:1.2;text-align:center}.marker-card{display:flex;align-items:center;gap:6px;background:#fff;border-radius:8px;padding:4px 6px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--color-border);width:fit-content}.marker-card--empty{background:var(--color-bg-secondary);border:1.5px dashed var(--color-border);box-shadow:none;justify-content:center;min-height:44px;min-width:80px}.marker-empty-pos{font-size:14px;font-weight:600;color:var(--color-text-secondary);font-family:var(--font-family)}.marker-photo-wrap{flex-shrink:0}.marker-photo{border-radius:50%;object-fit:cover;display:block}.marker-photo-initials{border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--font-family);line-height:1}.marker-info{display:flex;flex-direction:column;gap:0;min-width:0}.marker-jersey{font-size:8px;font-weight:500;color:var(--color-text-secondary);font-family:var(--font-family);line-height:1.2}.marker-name{font-size:10px;font-weight:600;color:var(--color-text);font-family:var(--font-family);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.diamond-container{display:flex;align-items:center;justify-content:center;flex:1;min-height:420px;min-width:0}.diamond-svg{width:100%;max-height:100%}.player-photo{border-radius:50%;object-fit:cover;flex-shrink:0}.player-photo-initials{border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;line-height:1}.bench-list{padding:var(--spacing-md);flex-shrink:0}.bench-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.bench-players{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:12px;background:var(--color-bg-secondary);border-radius:12px}.bench-card{display:flex;align-items:center;gap:6px;background:#fff;padding:4px 6px;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--color-border)}.bench-info{display:flex;flex-direction:column}.bench-jersey{font-size:10px;font-weight:500;color:var(--color-text-secondary);line-height:1.2}.bench-name{font-size:13px;font-weight:600;color:var(--color-text);line-height:1.2}.batting-order{padding:var(--spacing-md)}.batting-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.batting-empty{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic}.batting-list{list-style:none;display:flex;flex-direction:column;gap:2px}.batting-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:4px var(--spacing-md);border-radius:var(--corner-radius-sm);background:var(--color-bg)}.batting-row:nth-child(odd){background:var(--color-bg-secondary)}.batting-index{width:28px;font-weight:700;font-size:var(--font-size-lg);color:var(--color-primary);text-align:center;flex-shrink:0}.batting-jersey{width:44px;font-weight:600;font-size:var(--font-size-base);color:var(--color-text-secondary);flex-shrink:0}.batting-name{font-size:var(--font-size-base);font-weight:500}.game-view{display:flex;flex-direction:column;height:100vh;height:100dvh}.game-content{display:flex;flex:1;overflow:hidden}.field-panel{flex:7;display:flex;flex-direction:column;overflow:hidden;min-height:0}.batting-panel{flex:3;border-left:1px solid var(--color-border);overflow-y:auto}.mobile-tabs{display:none}@media(max-width:768px){.game-content{flex-direction:column}.field-panel,.batting-panel{flex:1;border-left:none;overflow-y:auto;overflow-x:hidden}.mobile-tabs{display:flex;border-bottom:1px solid var(--color-border)}.mobile-tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:500;color:var(--color-text-secondary);cursor:pointer;border-bottom:3px solid transparent;min-height:var(--min-tap-target);-webkit-tap-highlight-color:transparent}.mobile-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.hidden-mobile{display:none}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;gap:var(--spacing-md)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-bg-secondary);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}:root{--color-primary: #005429;--color-primary-light: #006633;--color-gold: #D9A621;--color-gold-light: rgba(217, 166, 33, .15);--color-error: #dc3545;--color-white: #ffffff;--color-bg: #ffffff;--color-bg-secondary: #f2f2f7;--color-text: #1c1c1e;--color-text-secondary: #6e6e73;--color-border: #d1d1d6;--color-diamond-fill: rgba(0, 84, 41, .08);--color-diamond-stroke: rgba(0, 84, 41, .25);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 18px;--font-size-lg: 22px;--font-size-xl: 28px;--font-size-2xl: 36px;--min-tap-target: 48px;--corner-radius: 12px;--corner-radius-sm: 8px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base)}body{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}