@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0e17;--bg-raised:#111827;--surface:#111827b8;--surface-solid:#111827;--glass:#1e293b8c;--glass-border:#94a3b81f;--glass-highlight:#94a3b80f;--ink:#f1f5f9;--ink-secondary:#94a3b8;--ink-tertiary:#64748b;--ink-inverse:#0f172a;--accent:#3b82f6;--accent-glow:#3b82f640;--accent-subtle:#3b82f61f;--green:#22c55e;--green-glow:#22c55e33;--red:#ef4444;--red-glow:#ef444433;--amber:#f59e0b;--amber-glow:#f59e0b33;--yellow:#eab308;--yellow-glow:#eab3083d;--orange:#f97316;--orange-glow:#f973163d;--purple:#a855f7;--purple-glow:#a855f733;--cyan:#06b6d4;--cyan-glow:#06b6d433;--slate:#94a3b8;--slate-glow:#94a3b833;--alliance-red:#ef4444;--alliance-red-bg:#ef44441f;--alliance-blue:#3b82f6;--alliance-blue-bg:#3b82f61f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 8px 32px #0006;--shadow-glow:0 0 20px var(--accent-glow);--safe-bottom:env(safe-area-inset-bottom,0px);--tab-height:64px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#app{min-height:100dvh;margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 20% 10%,#3b82f614 0%,#0000 60%),radial-gradient(50% 40% at 80% 90%,#a855f70f 0%,#0000 60%);position:fixed;inset:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}.app-shell{z-index:1;max-width:540px;padding:0 12px;padding-bottom:calc(var(--tab-height) + var(--safe-bottom) + 16px);min-height:100dvh;margin:0 auto;position:relative}.topbar{z-index:20;background:linear-gradient(to bottom, var(--bg) 60%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:12px 0;display:flex;position:sticky;top:0}.brand{flex-direction:column;gap:2px;min-width:0;display:flex}.brand strong{letter-spacing:-.02em;background:linear-gradient(135deg, var(--ink) 0%, var(--ink-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:800}.brand span{color:var(--ink-tertiary);font-size:11px;font-weight:500}.tab-bar{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-top:1px solid var(--glass-border);padding-bottom:var(--safe-bottom);height:calc(var(--tab-height) + var(--safe-bottom));background:#0a0e17d9;grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.tab-item{color:var(--ink-tertiary);letter-spacing:.03em;text-transform:uppercase;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 0;font-size:10px;font-weight:600;display:flex;position:relative}.tab-item.active{color:var(--accent)}.tab-item.active:before{content:"";background:var(--accent);border-radius:0 0 2px 2px;width:24px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.tab-item svg{transition:transform var(--duration-fast) var(--ease-spring)}.tab-item:active svg{transform:scale(.85)}.main{padding:4px 0 20px}.grid{gap:12px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:panelIn var(--duration-normal) var(--ease-out) both;padding:16px}@keyframes panelIn{0%{opacity:0;transform:translateY(8px)scale(.98)}}.panel h1,.panel h2,.panel h3{letter-spacing:-.02em;margin:0}.panel h1{font-size:22px;font-weight:800}.panel h2{font-size:17px;font-weight:700}.panel h3{color:var(--ink-secondary);font-size:14px;font-weight:700}.muted{color:var(--ink-secondary);margin-top:4px;font-size:13px;line-height:1.5}.small{font-size:12px}.top-space{margin-top:14px}.identity{border-radius:var(--radius-md);z-index:15;-webkit-backdrop-filter:saturate(180%)blur(16px);backdrop-filter:saturate(180%)blur(16px);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex;position:sticky;top:52px}.identity.red{background:var(--alliance-red-bg);border:1px solid #ef444440}.identity.blue{background:var(--alliance-blue-bg);border:1px solid #3b82f640}.identity.unknown{background:var(--glass);border:1px solid var(--glass-border)}.identity strong{font-size:15px;font-weight:700;display:block}.identity .identity-meta{color:var(--ink-secondary);font-size:12px}.status-pill{border-radius:var(--radius-pill);color:var(--green);background:#22c55e26;border:1px solid #22c55e33;flex:none;padding:4px 10px;font-size:11px;font-weight:600}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{gap:5px;display:grid}.field>span{color:var(--ink-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.field input,.field select,.field textarea,.search input{background:var(--bg-raised);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--ink);width:100%;min-height:46px;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);appearance:none;padding:10px 12px;font-size:15px}.field input:focus,.field select:focus,.field textarea:focus,.search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.field textarea{resize:vertical;min-height:80px;line-height:1.5}.button-row{flex-wrap:wrap;gap:8px;display:flex}.button,.choice,.action-button{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass);min-height:48px;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;transition:all var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.button:active,.choice:active{transform:scale(.96)}.button.primary{background:linear-gradient(135deg, var(--accent) 0%, #2563eb 100%);color:#fff;box-shadow:var(--shadow-glow);border-color:#0000;font-weight:700}.button.primary:active{box-shadow:0 0 10px var(--accent-glow)}.choice{background:var(--bg-raised);min-height:42px;padding:0 12px;font-size:13px}.choice.selected{background:var(--accent-subtle);color:var(--accent);border-color:#3b82f659;font-weight:700}.button.danger{background:linear-gradient(135deg, var(--red), #dc2626);color:#fff;box-shadow:0 0 16px var(--red-glow);border-color:#0000}.button.ghost{border-color:var(--glass-border);color:var(--ink-secondary);background:0 0}.button.ghost:active{background:var(--glass-highlight)}.button:disabled{cursor:not-allowed;opacity:.45;transform:none}.segmented{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.postmatch-sections{gap:16px;display:grid}.postmatch-sections .segmented,.auto-prompts .row-options{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex;overflow-x:visible}.postmatch-sections .choice,.auto-prompts .choice{text-align:center;flex:108px;justify-content:center;width:auto;min-width:0;min-height:46px;padding-inline:12px}.auto-prompts{gap:14px;display:grid}.auto-prompts.compact{gap:10px}.auto-prompts.compact h3{font-size:12px}.transition-prompts{border-radius:var(--radius-md);background:#f59e0b0f;border:1px solid #f59e0b2e;gap:10px;padding:10px;display:grid}.field-map-container{border-radius:var(--radius-md);border:1px solid var(--glass-border);margin:10px 0 8px;position:relative;overflow:hidden}.field-map-img{opacity:.6;pointer-events:none;width:100%;height:auto;display:block}.field-map-zones{pointer-events:none;position:absolute;inset:0}.zone{color:var(--ink-secondary);cursor:pointer;pointer-events:auto;transition:all var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;background:#11182747;border:1px solid #94a3b833;border-radius:6px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex;position:absolute}.zone-trench-left{width:16%;height:42%;top:56%;left:.8%}.zone-bump-left{width:26.2%;height:21%;top:56%;left:16.8%}.zone-hub{width:14%;height:21%;top:56%;left:43%}.zone-bump-right{width:26.2%;height:21%;top:56%;left:57%}.zone-trench-right{width:16%;height:42%;top:56%;left:83.2%}.zone:active{transform:scale(.95)}.zone.selected{border-color:var(--accent);color:#fff;box-shadow:inset 0 0 20px var(--accent-glow);text-shadow:0 0 8px var(--accent-glow);background:#3b82f659;font-weight:800}.waiting-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:320px;padding:40px 20px;display:flex}.countdown{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:72px;font-weight:900;line-height:1}.countdown.running{background:linear-gradient(135deg, var(--ink) 0%, var(--ink-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.countdown.expired{color:var(--amber);animation:1s ease-in-out infinite pulse-text}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}.waiting-label{color:var(--ink-tertiary);text-transform:uppercase;letter-spacing:.08em;font-size:14px;font-weight:600}.waiting-skip{color:var(--ink-tertiary);margin-top:8px;font-size:13px}.live-layout{gap:14px;padding:16px;display:grid}.live-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.timer{font-variant-numeric:tabular-nums;letter-spacing:-.03em;background:linear-gradient(135deg, var(--ink) 0%, var(--ink-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:900;line-height:1}.phase-label{color:var(--ink-tertiary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:900}.phase-label.phase-auto,.timer.phase-auto{color:var(--purple)}.timer.phase-auto{background:linear-gradient(135deg, #f0abfc, var(--purple));-webkit-background-clip:text;background-clip:text}.phase-label.phase-transition,.timer.phase-transition{color:var(--amber)}.timer.phase-transition{background:linear-gradient(135deg, #fde68a, var(--amber));-webkit-background-clip:text;background-clip:text}.phase-label.phase-teleop{color:var(--accent)}.timer.phase-teleop{background:linear-gradient(135deg, var(--ink) 0%, #93c5fd 100%);-webkit-background-clip:text;background-clip:text}.timer-expired{background:var(--amber);-webkit-background-clip:text;background-clip:text;animation:1s ease-in-out infinite pulse-text}.waiting-touch{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--duration-fast) var(--ease-spring)}.waiting-touch:active{transform:scale(.97)}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.action-button{border-radius:var(--radius-md);touch-action:none;min-height:88px;transition:all var(--duration-fast) var(--ease-out);background:var(--bg-raised);border:1px solid var(--glass-border);color:var(--action-color,var(--ink));flex-direction:column;padding:10px}.action-button span{margin-top:4px;font-size:12px;font-weight:600}.action-button:active{transform:scale(.95)}.action-button.active{background:var(--action-bg,#3b82f61f);border-color:var(--action-border,#3b82f64d);color:var(--action-color,var(--accent))}.action-button.recording{background:var(--action-bg-strong,var(--action-bg));border-color:var(--action-border-strong,var(--action-border));color:var(--action-color);box-shadow:0 0 20px var(--action-glow,var(--accent-glow));animation:2s ease-in-out infinite pulse-glow}.action-driving{--action-color:var(--accent);--action-bg:#3b82f61f;--action-bg-strong:#3b82f62e;--action-border:#3b82f64d;--action-border-strong:#3b82f66b;--action-glow:var(--accent-glow)}.action-intaking{--action-color:var(--cyan);--action-bg:#06b6d41f;--action-bg-strong:#06b6d42e;--action-border:#06b6d44d;--action-border-strong:#06b6d46b;--action-glow:var(--cyan-glow)}.action-scoring{--action-color:var(--yellow);--action-bg:#eab3081f;--action-bg-strong:#eab3082e;--action-border:#eab30852;--action-border-strong:#eab30875;--action-glow:var(--yellow-glow)}.action-feeding{--action-color:var(--green);--action-bg:#22c55e1f;--action-bg-strong:#22c55e2e;--action-border:#22c55e4d;--action-border-strong:#22c55e6b;--action-glow:var(--green-glow)}.action-defense{--action-color:var(--red);--action-bg:#ef44441f;--action-bg-strong:#ef44442e;--action-border:#ef444452;--action-border-strong:#ef444475;--action-glow:var(--red-glow)}.action-blocked{--action-color:var(--purple);--action-bg:#a855f71f;--action-bg-strong:#a855f72e;--action-border:#a855f74d;--action-border-strong:#a855f76b;--action-glow:var(--purple-glow)}.action-beached{--action-color:var(--orange);--action-bg:#f973161f;--action-bg-strong:#f973162e;--action-border:#f9731652;--action-border-strong:#f9731675;--action-glow:var(--orange-glow)}.action-missing{--action-color:var(--slate);--action-bg:#94a3b81a;--action-bg-strong:#94a3b829;--action-border:#94a3b847;--action-border-strong:#94a3b86b;--action-glow:var(--slate-glow)}@keyframes pulse-glow{0%,to{box-shadow:0 0 16px var(--action-glow,var(--accent-glow))}50%{box-shadow:0 0 28px var(--action-glow,var(--accent-glow))}}.flag-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.metric{background:var(--bg-raised);border:1px solid var(--glass-border);border-radius:var(--radius-md);text-align:center;padding:12px}.metric strong{letter-spacing:-.02em;font-size:22px;font-weight:800;display:block}.metric .muted{margin-top:2px;font-size:11px}.metric-action{--metric-color:var(--accent);--metric-bg:#3b82f61a;--metric-border:#3b82f63d;background:var(--metric-bg);border-color:var(--metric-border)}.metric-action strong{color:var(--metric-color)}.metric-action .muted{color:color-mix(in srgb, var(--metric-color) 64%, var(--ink-secondary))}.metric-driving{--metric-color:var(--accent);--metric-bg:#3b82f61a;--metric-border:#3b82f63d}.metric-intaking{--metric-color:var(--cyan);--metric-bg:#06b6d41a;--metric-border:#06b6d43d}.metric-scoring{--metric-color:var(--yellow);--metric-bg:#eab3081a;--metric-border:#eab30842}.metric-feeding{--metric-color:var(--green);--metric-bg:#22c55e1a;--metric-border:#22c55e3d}.metric-defense{--metric-color:var(--red);--metric-bg:#ef44441a;--metric-border:#ef444442}.metric-blocked{--metric-color:var(--purple);--metric-bg:#a855f71a;--metric-border:#a855f73d}.metric-beached{--metric-color:var(--orange);--metric-bg:#f973161a;--metric-border:#f9731642}.metric-missing{--metric-color:var(--slate);--metric-bg:#94a3b814;--metric-border:#94a3b833}.submission-card{background:var(--bg-raised);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out);gap:8px;padding:12px;display:grid}.submission-card:active{border-color:var(--accent)}.submission-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.submission-card-body{flex-wrap:wrap;gap:12px;display:flex}.submission-stat{align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.submission-stat-label{color:var(--ink-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.submission-card-flags{flex-wrap:wrap;gap:6px;display:flex}.submission-card-note{color:var(--ink-secondary);border-top:1px solid var(--glass-border);margin:0;padding-top:4px;font-size:13px;line-height:1.4}.table-wrap{-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:700px}th,td{border-bottom:1px solid var(--glass-border);text-align:left;vertical-align:top;white-space:nowrap;padding:10px 8px;font-size:12px}th{color:var(--ink-tertiary);text-transform:uppercase;letter-spacing:.06em;background:var(--glass);font-size:10px;font-weight:700;position:sticky;top:0}.selected-row{background:var(--accent-subtle)}.link-button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:700}.link-button:active{opacity:.7}.empty{border:1px dashed var(--glass-border);border-radius:var(--radius-md);color:var(--ink-tertiary);text-align:center;padding:28px 20px;font-size:14px}.notice{border-radius:var(--radius-md);color:var(--amber);background:#f59e0b1a;border:1px solid #f59e0b33;align-items:flex-start;gap:10px;padding:12px;font-size:13px;font-weight:500;display:flex}.notice svg{flex-shrink:0;margin-top:1px}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-head--stacked{flex-direction:column;align-items:stretch;gap:10px}.section-head--stacked .search{max-width:none}.search{flex:1;align-items:center;gap:8px;min-width:0;max-width:200px;display:flex}.search input{min-height:38px;font-size:13px}.desktop-only{display:none}.mobile-only{display:block}.team-card-list{gap:8px;display:grid}.team-card{background:var(--bg-raised);border:1px solid var(--glass-border);border-radius:var(--radius-md);text-align:left;cursor:pointer;width:100%;transition:all var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;gap:10px;padding:14px;display:grid}.team-card:active{transform:scale(.98)}.team-card.selected{background:var(--accent-subtle);border-color:#3b82f659}.team-card-header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.team-card-number{letter-spacing:-.02em;color:var(--accent);font-size:18px;font-weight:900}.team-card-matches{color:var(--ink-tertiary);font-size:12px;font-weight:600}.team-card-stats{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.team-card-stat{border-radius:var(--radius-sm);background:#11182780;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;display:flex}.team-card-stat-value{letter-spacing:-.01em;font-size:15px;font-weight:800}.team-card-stat-label{color:var(--ink-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600}.team-card-tags{flex-wrap:wrap;gap:6px;display:flex}.team-card-tag{border-radius:var(--radius-pill);padding:3px 8px;font-size:11px;font-weight:700;line-height:1}.tag-feed{color:var(--green);background:#22c55e1f;border:1px solid #22c55e33}.tag-notable{color:var(--amber);background:#f59e0b1f;border:1px solid #f59e0b33}.tag-foul{color:var(--red);background:#ef44441f;border:1px solid #ef444433}.tag-incap{color:var(--orange);background:#f973161f;border:1px solid #f9731633}.team-detail-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.team-detail-stat{background:var(--bg-raised);border:1px solid var(--glass-border);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex}.team-detail-stat strong{letter-spacing:-.02em;font-size:18px;font-weight:900}.team-detail-stat span{color:var(--ink-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600}.file-button{position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.complete-screen{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:48px 20px;display:flex}.complete-icon{width:64px;height:64px;color:var(--green);animation:checkBounce var(--duration-slow) var(--ease-spring) both;background:#22c55e26;border:2px solid #22c55e4d;border-radius:50%;justify-content:center;align-items:center;display:flex}@keyframes checkBounce{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.step-indicator{align-items:center;gap:0;margin-bottom:8px;padding:0;display:flex}.step-dot{background:var(--glass-border);width:8px;height:8px;transition:all var(--duration-normal) var(--ease-out);border-radius:50%}.step-dot.active{background:var(--accent);box-shadow:0 0 8px var(--accent-glow);border-radius:4px;width:24px}.step-dot.done{background:var(--green)}.step-connector{background:var(--glass-border);flex:1;min-width:12px;height:2px}.incap-panel{border-radius:var(--radius-md);background:#ef444414;border:1px solid #ef444433;padding:14px}.incap-panel h2{color:var(--red);font-size:15px}.data-card{flex-direction:column;gap:10px;display:flex}.data-stat{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.data-stat+.data-stat{border-top:1px solid var(--glass-border)}.data-stat strong{font-size:18px;font-weight:800}.sync-message{color:var(--ink-secondary);align-self:center;min-width:0;font-size:12px;line-height:1.4}.schedule-picker .section-head{align-items:flex-start}.match-chip-row{-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.match-chip{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--bg-raised);min-width:64px;min-height:42px;color:var(--ink-secondary);flex:none;font-size:13px;font-weight:800}.match-chip.selected{background:var(--accent-subtle);color:var(--accent);border-color:#3b82f66b}.robot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.robot-pick{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--bg-raised);min-height:72px;color:var(--ink);gap:4px;padding:10px 8px;display:grid}.robot-pick span{color:var(--ink-tertiary);letter-spacing:.04em;font-size:10px;font-weight:800}.robot-pick strong{font-size:18px;font-weight:900}.robot-pick.red{border-color:#ef444438}.robot-pick.blue{border-color:#3b82f63d}.robot-pick.red.selected{background:var(--alliance-red-bg);color:#fecaca;border-color:#ef444480}.robot-pick.blue.selected{background:var(--alliance-blue-bg);color:#bfdbfe;border-color:#3b82f680}.match-selection{gap:10px;display:grid}.match-selection-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:2px 2px 0;display:flex}.match-selection-head h1{letter-spacing:0;margin:0;font-size:22px;font-weight:900}.match-live-pill{border-radius:var(--radius-pill);color:var(--green);background:#22c55e1a;border:1px solid #22c55e3d;flex:none;padding:5px 9px;font-size:11px;font-weight:800}.match-list{gap:9px;display:grid}.match-day-divider{z-index:12;background:linear-gradient(to bottom, var(--bg) 70%, transparent);border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:baseline;gap:12px;margin:18px 0 8px;padding:7px 2px 8px;display:flex;position:sticky;top:62px}.match-day-divider strong{color:var(--ink);letter-spacing:0;font-size:15px;font-weight:900}.match-day-divider span{color:var(--ink-secondary);font-size:12px;font-weight:800}.shift-divider{background:0 0;border-bottom:1px solid #3b82f652;justify-content:space-between;align-items:center;gap:10px;margin:18px 0 7px;padding:0 2px 8px;display:flex}.shift-divider div{gap:1px;min-width:0;display:grid}.shift-divider strong{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:12px;font-weight:900}.shift-divider span,.shift-divider em{color:var(--ink-secondary);font-size:11px;font-style:normal;font-weight:700}.shift-divider em{color:var(--ink);flex:none}.match-break-divider{color:var(--ink-tertiary);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;margin:14px 2px 7px;font-size:11px;font-weight:900;display:flex}.match-break-divider:before,.match-break-divider:after{content:"";background:#94a3b829;flex:auto;height:1px}.match-card{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--bg-raised);transition:border-color var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);position:relative;overflow:hidden}.match-card:before{content:"";background:0 0;width:3px;position:absolute;inset:0 auto 0 0}.match-card.in-my-shift{border-color:#3b82f666;box-shadow:inset 0 0 0 1px #3b82f60f,0 0 18px #3b82f61f}.match-card.in-my-shift:before{background:var(--accent)}.match-card.submitted{background:linear-gradient(135deg, #22c55e14, var(--bg-raised) 62%);border-color:#22c55e57}.match-card.passed{opacity:.66;background:#1118278a;border-color:#94a3b829}.match-card.passed.submitted{opacity:.66;background:linear-gradient(90deg,#22c55e12,#0000 34%),#1118278a;border-color:#22c55e2e}.match-card.passed.submitted:before{background:0 0}.match-card.passed.missed{opacity:.66;background:linear-gradient(90deg,#f59e0b14,#0000 34%),#1118278a;border-color:#f59e0b33}.match-card.missed{border-color:#f59e0b57}.match-card.passed.in-my-shift,.match-card.passed.missed{box-shadow:none}.match-card.passed.in-my-shift:before{background:0 0}.match-card.expanded{opacity:1;transform:translateY(-1px)}.match-card-main{width:100%;color:inherit;text-align:left;background:0 0;border:0;gap:9px;padding:12px 12px 12px 14px;display:grid}.match-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.match-card-top strong{margin-bottom:3px;font-size:17px;font-weight:900;display:block}.match-card-top svg{color:var(--ink-tertiary);transition:transform var(--duration-fast) var(--ease-out);flex:none}.match-card.expanded .match-card-top svg{transform:rotate(90deg)}.match-teams{overflow-wrap:anywhere;align-items:center;gap:7px;font-size:13px;font-weight:800;line-height:1.35;display:flex}.match-teams-red{color:#fca5a5}.match-teams-blue{color:#93c5fd}.match-teams-divider,.match-card.passed:not(.submitted) .match-teams-red,.match-card.passed:not(.submitted) .match-teams-blue,.match-card.passed:not(.submitted) .match-teams-divider{color:var(--ink-tertiary)}.match-card.passed.submitted .match-teams-red{color:#fecaca}.match-card.passed.submitted .match-teams-blue{color:#bfdbfe}.match-card-meta{flex-wrap:wrap;gap:6px;display:flex}.match-chip-status{border-radius:var(--radius-pill);min-height:22px;color:var(--ink-secondary);background:#94a3b81a;border:1px solid #94a3b824;align-items:center;gap:4px;padding:3px 7px;font-size:11px;font-weight:800;display:inline-flex}.match-chip-status.assigned-red{color:#fecaca;background:#ef44441f;border-color:#ef444438}.match-chip-status.assigned-blue{color:#bfdbfe;background:#3b82f61f;border-color:#3b82f63d}.match-chip-status.done{color:var(--green);background:#22c55e1a;border-color:#22c55e38}.match-chip-status.queued{color:var(--amber);background:#f59e0b1a;border-color:#f59e0b33}.match-chip-status.missed{color:var(--amber);background:#f59e0b1f;border-color:#f59e0b3d}.match-chip-status.live{color:var(--green);background:#22c55e1a;border-color:#22c55e38}.match-robot-picker{gap:10px;padding:0 12px 12px 14px;display:grid}.match-assigned-start{border-radius:var(--radius-sm);border:1px solid var(--glass-border);min-height:46px;color:var(--ink);font-size:14px;font-weight:900}.match-assigned-start.red{color:#fecaca;background:#ef444424;border-color:#ef444452}.match-assigned-start.blue{color:#bfdbfe;background:#3b82f624;border-color:#3b82f652}.next-assignment{justify-content:space-between;align-items:center;gap:12px;display:flex}.next-assignment.red{background:linear-gradient(135deg, #ef44442e, var(--glass));border-color:#ef444447}.next-assignment.blue{background:linear-gradient(135deg, #3b82f62e, var(--glass));border-color:#3b82f647}.next-assignment h1{margin-top:4px}.inline-form{grid-template-columns:1fr auto;align-items:end;gap:8px;display:grid}.scouter-list,.assignment-list{gap:8px;display:grid}.scouter-row,.assignment-row,.workload-pill{background:var(--bg-raised);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.scouter-row{justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:10px 12px;font-size:14px;font-weight:700;display:flex}.workload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.workload-pill{justify-content:space-between;align-items:center;min-height:42px;padding:8px 10px;display:flex}.workload-pill span{color:var(--ink-secondary);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.workload-pill strong{font-size:18px;font-weight:900}.assignment-row{justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:10px 12px;display:flex}.assignment-row.red{border-left:3px solid var(--alliance-red)}.assignment-row.blue{border-left:3px solid var(--alliance-blue)}.assignment-row strong{font-size:14px;display:block}.assignment-row svg{color:var(--green);flex:none}.exception-block{gap:8px;margin-top:12px;display:grid}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}.star-rating-section h3{margin-bottom:8px}.star-rating{align-items:center;gap:4px;display:flex}.star-button{border-radius:var(--radius-md);width:48px;height:48px;color:var(--glass-border);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.star-button svg{transition:transform var(--duration-fast) var(--ease-spring), fill var(--duration-fast) var(--ease-out);fill:#0000;stroke-width:1.5px}.star-button:active svg{transform:scale(.8)}.star-button.filled{color:#f59e0b}.star-button.filled svg{fill:#f59e0b;filter:drop-shadow(0 0 6px #f59e0b66)}.star-value{color:#f59e0b;text-align:center;letter-spacing:-.02em;min-width:24px;margin-left:8px;font-size:20px;font-weight:800}code{background:var(--bg-raised);border:1px solid var(--glass-border);border-radius:5px;padding:2px 6px;font-size:12px}@media (width>=720px){.app-shell{max-width:800px;padding-bottom:40px}.tab-bar{border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass);max-width:800px;height:auto;margin:0 auto 16px;padding-bottom:0;position:static}.grid.two,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.flag-row{grid-template-columns:repeat(3,minmax(0,1fr))}.desktop-only{display:block}.mobile-only{display:none}.section-head--stacked{flex-direction:row;align-items:center}.section-head--stacked .search{max-width:200px}.team-detail-stats{grid-template-columns:repeat(6,1fr)}}.login-screen{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.login-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:center;width:100%;max-width:360px;animation:panelIn var(--duration-slow) var(--ease-out) both;padding:40px 32px}.login-brand{margin-bottom:32px}.login-brand strong{letter-spacing:-.03em;background:linear-gradient(135deg, var(--ink) 0%, var(--ink-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:900}.login-brand p{color:var(--ink-secondary);margin:8px 0 0;font-size:14px;line-height:1.5}.google-signin{color:#1f1f1f;border-radius:var(--radius-md);cursor:pointer;width:100%;min-height:52px;transition:all var(--duration-fast) var(--ease-out);background:#fff;border:1px solid #00000014;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex;box-shadow:0 1px 3px #0000001f}.google-signin:hover{box-shadow:0 2px 8px #0003}.google-signin:active{transform:scale(.97)}.google-signin:disabled{opacity:.5;cursor:not-allowed;transform:none}.google-signin svg{flex-shrink:0}.topbar-user{border-radius:var(--radius-sm);cursor:pointer;min-width:0;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:8px;margin:-4px -8px;padding:4px 8px;display:flex}.topbar-user:hover{background:var(--glass)}.topbar-user:active{transform:scale(.97)}.topbar-user-wrap{position:relative}.popover-backdrop{z-index:90;position:fixed;inset:0}.user-menu{z-index:91;background:var(--surface-solid);border:1px solid var(--glass-border);border-radius:var(--radius-md);min-width:180px;animation:menuIn var(--duration-fast) var(--ease-out);position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 24px #0006}@keyframes menuIn{0%{opacity:0;transform:translateY(-4px)scale(.97)}}.user-menu-header{border-bottom:1px solid var(--glass-border);flex-direction:column;gap:2px;padding:10px 14px;display:flex}.user-menu-header span:first-child{font-size:13px;font-weight:700}.user-menu-item{text-align:left;width:100%;color:var(--red);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none;padding:10px 14px;font-size:13px;font-weight:600;display:block}.user-menu-item:hover{background:var(--glass)}.topbar-avatar{border:1.5px solid var(--glass-border);object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}.topbar-name{color:var(--ink-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:12px;font-weight:600;overflow:hidden}.role-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-pill);background:var(--accent-subtle);color:var(--accent);border:1px solid #3b82f640;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:700}.assignment-hero{cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);position:relative;overflow:hidden}.assignment-hero:active{transform:scale(.98)}.assignment-hero.red{background:linear-gradient(135deg, #ef444414 0%, var(--bg-raised) 60%);border-color:#ef44444d}.assignment-hero.blue{background:linear-gradient(135deg, #3b82f614 0%, var(--bg-raised) 60%);border-color:#3b82f64d}.assignment-eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-tertiary);font-size:11px;font-weight:600}.assignment-header{justify-content:space-between;align-items:center;display:flex}.assignment-eta{color:var(--ink-secondary);opacity:.7;font-size:11px;font-weight:600}.assignment-main{justify-content:space-between;align-items:flex-end;margin-top:6px;display:flex}.assignment-match{letter-spacing:-.03em;font-size:32px;font-weight:800;line-height:1.1}.assignment-team{color:var(--ink-secondary);font-size:15px;font-weight:600}.assignment-station{border-radius:var(--radius-sm);letter-spacing:.03em;padding:4px 10px;font-size:13px;font-weight:700}.assignment-hero.red .assignment-station{color:var(--red);background:#ef444426}.assignment-hero.blue .assignment-station{color:var(--accent);background:#3b82f626}.assignment-action{color:var(--ink-tertiary);opacity:.5;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.manual-toggle{width:100%;color:var(--ink-secondary);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;font-size:14px;font-weight:600;display:flex}.sync-indicator{border-radius:var(--radius-pill);letter-spacing:.02em;transition:all var(--duration-normal) var(--ease-out);border:1px solid #0000;align-self:flex-start;align-items:center;gap:4px;padding:1px 6px 1px 4px;font-size:10px;font-weight:600;display:inline-flex}.sync-icon{justify-content:center;align-items:center;width:12px;height:12px;display:flex}.sync-label{line-height:1}.sync-indicator.idle{padding:3px 4px}.sync-idle-dot{background:var(--ink-tertiary);opacity:.5;border-radius:50%;width:6px;height:6px;display:block}.sync-indicator.syncing{color:var(--accent);background:#3b82f614;border-color:#3b82f626}.sync-indicator.syncing .sync-icon svg{animation:.8s linear infinite sync-spin}@keyframes sync-spin{to{transform:rotate(360deg)}}.sync-indicator.synced{color:var(--green);background:#22c55e14;border-color:#22c55e26}.sync-indicator.pending{color:var(--amber);background:#f59e0b14;border-color:#f59e0b26}.sync-indicator.error{color:var(--red);background:#ef444414;border-color:#ef444426}.scouter-info{align-items:center;gap:10px;min-width:0;display:flex}.scouter-info>div{flex-direction:column;min-width:0;display:flex}.scouter-info>div span:first-child{font-size:14px;font-weight:700}.scouter-avatar{object-fit:cover;border:1px solid var(--glass-border);border-radius:50%;flex-shrink:0;width:32px;height:32px}.toggle-pill{border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:var(--bg-raised);color:var(--ink-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0;padding:5px 12px;font-size:11px;font-weight:700}.toggle-pill.active{color:var(--green);background:#22c55e26;border-color:#22c55e4d}.next-up-preview{border-radius:var(--radius-md);text-align:center;margin-top:12px;padding:12px 16px}.next-up-preview.red{background:var(--alliance-red-bg);border:1px solid #ef444440}.next-up-preview.blue{background:var(--alliance-blue-bg);border:1px solid #3b82f640}.next-up-preview span{margin-bottom:4px;display:block}.next-up-preview strong{font-size:15px}.group-select h2{text-align:center;margin:16px 0 12px;font-size:20px;font-weight:800}.group-options{gap:10px;display:grid}.group-option{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--bg-raised);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:left;align-items:center;gap:14px;padding:14px 16px;display:flex}.group-option:active{transform:scale(.97)}.group-option:hover{border-color:var(--accent);background:var(--accent-subtle)}.group-icon{background:var(--accent-subtle);width:44px;height:44px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.group-label{font-size:16px;font-weight:700;line-height:1.2}.group-text{flex-direction:column;display:flex}.group-desc{color:var(--ink-secondary);margin-top:2px;font-size:12px;display:block}.shift-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);animation:panelIn var(--duration-normal) var(--ease-out) both;padding:14px}.shift-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.shift-header h3{margin:0;font-size:15px;font-weight:700}.shift-range{color:var(--ink-tertiary);border-radius:var(--radius-pill);background:var(--bg-raised);border:1px solid var(--glass-border);white-space:nowrap;padding:3px 8px;font-size:12px;font-weight:600}.station-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.station-slot{border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--bg-raised);cursor:pointer;min-height:56px;transition:all var(--duration-fast) var(--ease-out);flex-direction:column;align-items:center;gap:3px;padding:8px 4px;font-size:12px;display:flex}.station-slot:active{transform:scale(.95)}.station-slot.red{border-color:#ef444440}.station-slot.blue{border-color:#3b82f640}.station-slot .station-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-tertiary);font-size:10px;font-weight:700}.station-slot .station-label.red{color:var(--alliance-red)}.station-slot .station-label.blue{color:var(--alliance-blue)}.station-slot .station-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:700;overflow:hidden}.station-slot .station-group{font-size:10px}.station-slot.empty{color:var(--ink-tertiary);border-style:dashed;justify-content:center}.shift-footer{color:var(--ink-secondary);justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;display:flex}.shift-actions{gap:6px;display:flex}.sub-badge{color:var(--amber);font-size:11px;font-weight:600}.coverage-bar-track{background:var(--bg-raised);border-radius:4px;height:8px;margin-top:8px;overflow:hidden}.coverage-bar-fill{background:linear-gradient(90deg, var(--accent), var(--green));height:100%;transition:width var(--duration-normal) var(--ease-out);border-radius:4px}.workload-section{margin-top:8px}.workload-section h3{color:var(--ink-secondary);justify-content:space-between;align-items:center;margin:10px 0 6px;font-size:13px;font-weight:700;display:flex}.workload-section h3 span{color:var(--ink-tertiary);font-size:12px;font-weight:500}.workload-chips{flex-wrap:wrap;gap:6px;display:flex}.workload-chip{border-radius:var(--radius-pill);background:var(--bg-raised);border:1px solid var(--glass-border);align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;display:flex}.workload-chip .wl-count{text-align:right;min-width:20px;font-size:14px;font-weight:800}.workload-chip.heavy{border-color:#f59e0b4d}.workload-chip.none{opacity:.5}.gap-warning{border-radius:var(--radius-md);color:var(--amber);background:#f59e0b1a;border:1px solid #f59e0b40;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.lead-day-tabs{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;display:grid}.lead-day-tab{border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--bg-raised);color:var(--ink-secondary);text-align:left;gap:2px;padding:9px 10px;display:grid}.lead-day-tab strong{color:var(--ink);font-size:13px;font-weight:900}.lead-day-tab span,.lead-day-tab em{color:var(--ink-tertiary);font-size:11px;font-style:normal;font-weight:700}.lead-day-tab.active{background:#3b82f61a;border-color:#3b82f66b}.lead-day-tab.active strong{color:var(--accent)}.day-availability{gap:8px;display:grid}.day-availability-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.day-availability-head span{color:var(--ink-secondary);font-size:12px;font-weight:800}.day-availability-head div{gap:10px;display:flex}.availability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.availability-chip{border-radius:var(--radius-sm);border:1px solid var(--glass-border);min-height:38px;color:var(--ink-tertiary);text-align:left;background:#11182794;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;display:flex}.availability-chip.included{color:var(--ink);background:#22c55e14;border-color:#22c55e42}.availability-chip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:800;overflow:hidden}.availability-chip em{color:inherit;text-transform:uppercase;letter-spacing:.05em;flex:none;font-size:10px;font-style:normal;font-weight:900}.sub-sheet-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sub-sheet{background:var(--surface-solid);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:540px;padding:20px 16px calc(20px + var(--safe-bottom));animation:sheetUp var(--duration-normal) var(--ease-out)}@keyframes sheetUp{0%{transform:translateY(100%)}}.sub-sheet h3{margin:0 0 4px;font-size:17px;font-weight:800}.sub-list{gap:6px;margin:12px 0;display:grid}.sub-item{border-radius:var(--radius-sm);background:var(--bg-raised);border:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;display:flex}.sub-form{gap:10px;margin-top:12px;display:grid}.sub-form .inline-row{align-items:center;gap:8px;display:flex}.sub-form .inline-row span{color:var(--ink-tertiary);white-space:nowrap;font-size:13px}.reason-chips{flex-wrap:wrap;gap:6px;display:flex}.reason-chip{border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:var(--bg-raised);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);padding:6px 12px;font-size:12px;font-weight:600}.reason-chip.selected{background:var(--accent-subtle);color:var(--accent);border-color:#3b82f659}.roster-row{border-radius:var(--radius-md);background:var(--bg-raised);border:1px solid var(--glass-border);align-items:center;gap:10px;padding:8px 10px;display:flex}.roster-name{flex:1;min-width:0;font-size:14px;font-weight:600}.roster-name span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.roster-pills{flex-shrink:0;gap:5px;display:flex}.roster-pill{border-radius:var(--radius-pill);border:1px solid var(--glass-border);color:var(--ink-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;background:0 0;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.roster-pill:active{transform:scale(.93)}.roster-pill.active.student{color:var(--accent);background:#3b82f61f;border-color:#3b82f64d}.roster-pill.active.parent{color:#a855f7;background:#a855f71f;border-color:#a855f74d}.roster-pill.role{border-style:dashed}.roster-pill.role.active.lead{color:var(--amber);background:#f59e0b1f;border-style:solid;border-color:#f59e0b4d}.scouter-avatar.placeholder{background:var(--glass);color:var(--ink-tertiary);justify-content:center;align-items:center;display:flex}