.member-photo{display:inline-block;width:72px;height:60px;flex-shrink:0;background-image:url('assets/people/sample-team.png');background-size:600% 300%;background-repeat:no-repeat;background-color:#d4e0ec;border-radius:9px;vertical-align:middle}.squad-portrait{width:65px;height:59px;border-radius:10px 10px 3px 3px;box-shadow:0 5px 12px #001b2226}.squad-slot{width:76px;overflow:visible}.squad-slot strong{display:block;background:#133e39e8;border:1px solid #8cbaaa55;border-radius:3px;padding:3px 2px;margin-top:0;font-size:11px;color:white}.squad-slot small{font-size:9px;color:#deede6}.squad-number{position:absolute;left:0;top:40px;min-width:20px;padding:2px;border-radius:4px;background:#2457e6;color:white;font-size:11px;font-weight:700;border:1px solid #c8dcff}.squad-slot.selected .member-photo{outline:3px solid #b8d6ff}.squad-slot.selected:before{inset:-5px -3px -3px}.bench-photo{width:39px;height:39px;border-radius:7px}.selected-photo{width:96px;height:80px}.vacant-plus{display:grid;place-items:center;height:59px;font-size:28px;color:#d6e9df}.squad-editor{grid-template-columns:minmax(0,1fr) 260px}.squad-field{height:590px}.member-photo-card{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden}.member-photo-card .member-card{width:100%;border:0;display:flex;flex-direction:column;gap:6px;padding:16px;background:#fafbfd;border-radius:0}.member-photo-card .member-photo{width:120px;height:88px;border-radius:8px}.member-photo-card .jersey-number{font-size:12px;color:#2457e6;background:none;width:auto;height:auto}.photo-upload{display:block;text-align:center;padding:10px;font-size:11px;color:#2457e6;cursor:pointer;border-top:1px solid var(--line)}.photo-upload input{display:block;width:100%;font-size:10px;margin-top:5px}.photo-upload:focus-within{outline:2px solid #2457e6;outline-offset:-2px}.match-squad-people{display:flex;gap:10px;overflow:auto;padding:15px 0}.match-squad-people button{min-width:80px;background:#f6f8fc;border:1px solid var(--line);border-radius:9px;padding:8px}.match-squad-people b,.match-squad-people small{display:block;margin-top:5px;font-size:11px}.match-squad-people small{font-size:9px;color:var(--muted)}.match-squad-people .member-photo{width:62px;height:52px}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}
.home-attendance-label{font-size:11px;margin-bottom:8px;color:#dae7ff}.home-checkin{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid #ffffff38}.home-checkin b,.home-checkin small{display:block;font-size:12px}.home-checkin small{font-size:10px;color:#d7e6ff;margin-top:4px}.home-checkin button{background:white;color:#174bc7;border:0;border-radius:9px;font-size:12px;padding:14px;font-weight:700}.home-checkin button:hover{background:#e5eeff}.arrival-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,1fr);gap:22px}.arrival-card{padding:25px}.arrival-card h2{font-size:21px;margin:20px 0 10px}.arrival-card>p{font-size:12px;line-height:1.8;color:var(--muted)}.arrival-map{height:240px;position:relative;overflow:hidden;background:repeating-linear-gradient(20deg,transparent 0 50px,#fff 51px 63px,transparent 64px 100px),repeating-linear-gradient(100deg,#eaf0ee 0 95px,#fff 96px 108px);border-radius:12px;margin-top:18px;display:grid;place-items:center}.arrival-radius{position:absolute;width:190px;height:190px;border-radius:50%;background:#2457e616;border:2px dashed #739bed}.arrival-ground{position:relative;background:#bdd6c6;border:3px solid white;box-shadow:0 2px 7px #183e2322;padding:22px 15px;font-size:13px;font-weight:700;text-align:center;color:#285542}.arrival-ground small{display:block;margin-top:8px;font-size:10px;font-weight:400}.arrival-pin{position:absolute;bottom:29px;right:24%;font-size:22px;color:#2457e6;text-shadow:0 0 4px white}.arrival-pin small{font-size:9px;display:block;background:white;padding:3px 5px;border-radius:4px}.checking .arrival-radius{animation:arrival-pulse .8s ease-in-out infinite alternate}@keyframes arrival-pulse{to{transform:scale(1.2);opacity:.35}}.arrival-steps{list-style:none;margin:0;padding:0}.arrival-steps li{padding:20px 0;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:9px;flex-direction:column}.arrival-steps b{font-size:13px}.arrival-steps span{font-size:11px;color:var(--muted)}.arrival-debug{font-size:11px;margin-top:20px;color:var(--muted)}.arrival-debug summary{cursor:pointer;padding:14px;border:1px solid var(--line);border-radius:8px}
.tactics-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:start}.tactic-board-panel{padding:18px}.movement-pitch{height:590px;position:relative;overflow:hidden;border:10px solid #24594f;border-radius:9px;background:repeating-linear-gradient(0deg,#286658 0 74px,#2c6c5e 74px 148px);box-shadow:inset 0 0 0 1px #d2e9d988;margin:10px 0 18px;cursor:crosshair}.movement-arrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.tactic-token{position:absolute;transform:translate(-50%,-50%);background:none;border:0;width:52px;padding:0;color:white;z-index:2;cursor:pointer}.tactic-token b{display:grid;place-items:center;width:39px;height:39px;border:2px solid #f1f7ff;background:#2457e6;border-radius:50%;box-shadow:0 3px 0 #092c7e,0 5px 8px #072a3033;color:white;margin:auto;font-size:17px}.tactic-token span,.tactic-token small{display:block;text-shadow:0 1px 3px #063426;font-size:10px;margin-top:3px;white-space:nowrap}.tactic-token small{font-size:8px;color:#c9e4d9}.tactic-token.selected b{background:#ffe7a0;color:#263f3b;outline:3px solid #f2ce6344}.destination-dot{position:absolute;width:10px;height:10px;border:1px solid #ffebad;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.movement-guide{padding:23px}.movement-guide h2{font-size:19px;line-height:1.5;margin:16px 0}.movement-guide p{font-size:12px;color:var(--muted);line-height:1.8}.movement-guide .button{display:block;width:100%;margin-top:12px;font-size:11px}.movement-legend{display:grid;gap:12px;font-size:12px;margin:24px 0}.playback{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.playback .button{font-size:12px}.playback>span{font-size:11px;color:var(--muted);margin-left:auto}.playback input{width:100%;accent-color:#2457e6;margin:12px 0}.movement-pitch .field-half,.movement-pitch .field-ring,.movement-pitch .field-box{pointer-events:none}
@media(max-width:1100px){.squad-editor,.tactics-layout{grid-template-columns:1fr}.squad-side{grid-template-columns:1fr 1fr}.squad-field,.movement-pitch{height:590px}.movement-guide{display:block}.member-photo-card .member-photo{width:96px;height:74px}}
@media(max-width:700px){.squad-field,.movement-pitch{height:490px}.squad-slot{width:53px}.squad-portrait{width:47px;height:46px}.squad-number{top:30px;left:-1px;font-size:9px;min-width:16px}.squad-slot strong{font-size:9px}.squad-slot small{font-size:8px}.squad-side{grid-template-columns:1fr}.tactic-board-panel{padding:10px}.tactic-token{width:45px}.tactic-token b{width:32px;height:32px;font-size:14px}.tactic-token span{font-size:9px}.arrival-layout{grid-template-columns:1fr}.arrival-card{padding:18px}.home-checkin{align-items:stretch;flex-direction:column}.home-checkin button{width:100%}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-heading{align-items:flex-start;flex-direction:column}.movement-guide h2{font-size:17px}.playback .button{font-size:11px;padding:10px}.arrival-card h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.checking .arrival-radius{animation:none}}.reduce-motion .checking .arrival-radius{animation:none}

.search-row input{min-width:0}.search-row .button{min-width:72px;flex-shrink:0;white-space:nowrap}.photo-upload{position:relative}.photo-upload input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;margin:0}.photo-upload:hover{background:#edf3ff}