@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Russo+One&display=swap";:root{--bg:#07110d;--surface:#0d1b15;--surface-2:#13251c;--ink:#f2f7f3;--muted:#a9b9af;--line:#294236;--lime:#d8ff3e;--cyan:#5eead4;--red:#ff6b61;--radius:14px;--speed:.16s;color-scheme:dark;font-family:Chakra Petch,system-ui,sans-serif;background:var(--bg);color:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 75% 10%,#193326 0,transparent 34%),var(--bg)}button,a{font:inherit}button{color:inherit}.skip-link{position:fixed;left:12px;top:-80px;z-index:20;padding:12px;background:var(--lime);color:#07110d}.skip-link:focus{top:12px}button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.topbar{min-height:70px;padding:12px clamp(16px,3vw,48px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#07110ddb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none;font-size:18px;font-weight:600;letter-spacing:.05em}.brand b{color:var(--lime)}.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:var(--lime);color:var(--bg);font:22px Russo One;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.mode{display:flex;align-items:center;gap:8px;color:var(--lime);font-weight:700;font-size:13px;letter-spacing:.12em}.mode span{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}.help{min-height:44px;background:transparent;border:1px solid var(--line);border-radius:9px;padding:8px 12px;cursor:pointer}.help:hover{border-color:var(--lime)}kbd{min-width:24px;display:inline-grid;place-items:center;padding:2px 6px;border:1px solid #587064;border-bottom-width:2px;border-radius:5px;background:#102118;color:var(--ink)}.shortcuts{position:fixed;z-index:15;right:24px;top:76px;width:220px;padding:16px;background:#13251cf2;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 60px #0008}.shortcuts strong,.shortcuts span{display:block;margin-bottom:10px}.shortcuts kbd+kbd{margin-left:4px}.mapbar{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:18px clamp(16px,3vw,48px);border-bottom:1px solid var(--line)}.mapbar p{margin:0;min-width:120px}.eyebrow{display:block;color:var(--lime);font-size:11px;font-weight:700;letter-spacing:.16em}.mapbar strong{font:20px Russo One}.map-list{display:flex;gap:8px;overflow-x:auto;padding:3px}.map-button{min-height:46px;min-width:max-content;padding:8px 14px;border:1px solid var(--line);background:var(--surface);border-radius:9px;cursor:pointer;font-weight:600}.map-button span{color:#6d8276;margin-right:8px;font-size:11px}.map-button:hover,.map-button.active{border-color:var(--lime);background:var(--lime);color:var(--bg)}.map-button.active span{color:#315019}.workspace{display:grid;grid-template-columns:minmax(260px,350px) minmax(0,1fr);max-width:1500px;margin:auto;min-height:calc(100vh - 202px)}.lineup-panel{padding:24px;border-right:1px solid var(--line)}.panel-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.panel-heading h1{font:clamp(24px,3vw,34px) "Russo One";margin:2px 0 0}.count{font-size:11px;color:var(--muted);letter-spacing:.1em}.lineup-list{display:grid;gap:8px}.lineup{width:100%;min-height:72px;display:grid;grid-template-columns:36px 1fr 24px;align-items:center;text-align:left;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer;padding:10px}.lineup:hover{background:var(--surface)}.lineup.active{background:var(--surface-2);border-color:#3a5d4a}.lineup-index{color:var(--lime);font-weight:700}.lineup strong,.lineup small{display:block}.lineup small{color:var(--muted);margin-top:3px}.lineup .arrow{font-size:22px;color:var(--lime)}.detail{padding:clamp(20px,3vw,44px);min-width:0}.detail-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.tag{display:inline-block;padding:4px 8px;background:#d8ff3e1a;border:1px solid #d8ff3e55;border-radius:999px;color:var(--lime);font-size:11px;font-weight:700;letter-spacing:.1em}.detail h2{font:clamp(30px,5vw,60px)/1 "Russo One";margin:14px 0 8px;letter-spacing:-.02em}.detail-head p{margin:0;color:var(--muted);font-weight:600}.detail-head p span{color:var(--lime);padding:0 10px}.lineup-number{font:clamp(40px,7vw,88px)/1 "Russo One";color:#193126}.visual{position:relative;height:clamp(250px,40vw,480px);overflow:hidden;border:1px solid #395648;border-radius:var(--radius);background:linear-gradient(135deg,#182d22,#09140f);isolation:isolate}.visual:before,.visual:after{content:"";position:absolute;background:#36534455;transform:rotate(-12deg);border:1px solid #71927f33}.visual:before{width:42%;height:38%;left:5%;top:20%}.visual:after{width:32%;height:45%;right:9%;bottom:8%}.grid-lines{position:absolute;inset:0;background-image:linear-gradient(#5d806b18 1px,transparent 1px),linear-gradient(90deg,#5d806b18 1px,transparent 1px);background-size:40px 40px}.zone{position:absolute;right:18px;top:16px;color:#6f8b7b;font:12px Russo One;letter-spacing:.12em}.marker{position:absolute;z-index:3;width:44px;height:44px;transform:translate(-50%,-50%);border:0;background:transparent;cursor:pointer}.marker i{position:absolute;inset:9px;border-radius:50%;background:var(--lime);border:4px solid var(--bg);box-shadow:0 0 0 2px var(--lime),0 0 20px #d8ff3e99}.marker b{position:absolute;white-space:nowrap;left:32px;top:11px;background:#07110ddd;padding:4px 7px;border-radius:4px;color:var(--lime);font-size:10px;letter-spacing:.1em}.marker.aim i{background:var(--cyan);box-shadow:0 0 0 2px var(--cyan),0 0 20px #5eead499}.marker.aim b{color:var(--cyan)}.trajectory{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible}.trajectory path{fill:none;stroke:var(--lime);stroke-width:.7;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.steps section{min-height:130px;display:flex;gap:14px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.step-no{color:var(--lime);font:12px Russo One}.steps h3{margin:0 0 7px;font-size:13px;letter-spacing:.12em}.steps p{margin:0;color:var(--muted);line-height:1.45}.video-shell{margin-top:10px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#050b08}.play{width:100%;min-height:94px;border:0;background:linear-gradient(90deg,#13251c,#0b1711);display:flex;justify-content:center;align-items:center;gap:16px;cursor:pointer}.play:hover{background:#182d22}.play svg{width:44px;height:44px;padding:12px;border-radius:50%;background:var(--lime);fill:var(--bg)}.play span{text-align:left}.play strong,.play small{display:block}.play small{color:var(--muted);margin-top:4px}.media{aspect-ratio:16/9;background:#000}.media iframe,.media video{width:100%;height:100%;border:0;display:block}.source{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;color:#7f9588;font-size:11px}.source a{color:var(--cyan)}footer{min-height:54px;display:flex;justify-content:space-between;align-items:center;padding:12px clamp(16px,3vw,48px);border-top:1px solid var(--line);color:#738a7c;font-size:11px;letter-spacing:.08em}footer span:first-child{font-weight:700;color:var(--ink)}@media(max-width:850px){.workspace{grid-template-columns:1fr}.lineup-panel{border-right:0;border-bottom:1px solid var(--line);padding:18px}.lineup-list{grid-template-columns:repeat(2,minmax(0,1fr))}.detail{padding:20px}.steps{grid-template-columns:1fr}.mapbar{display:block}.map-list{margin-top:12px}.detail h2{font-size:clamp(30px,8vw,48px)}}@media(max-width:450px){.topbar{min-height:58px;padding:8px 12px}.brand{font-size:14px}.brand-mark{width:34px;height:34px}.mode{font-size:10px}.help{font-size:0;padding:6px}.help kbd{font-size:13px}.mapbar{padding:12px}.mapbar p{display:none}.map-button{min-height:44px;padding:7px 12px}.lineup-panel{padding:14px}.lineup-list{grid-template-columns:1fr}.lineup{min-height:62px}.detail{padding:14px}.detail-head{margin-bottom:12px}.lineup-number{font-size:42px}.visual{height:280px}.marker b{left:auto;right:26px}.marker.aim b{left:26px;right:auto}.steps section{min-height:0;padding:14px}.source{display:block}.source span{display:block;margin:3px 0}footer{display:block;padding:14px}footer span{display:block;margin:4px 0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.side-filter{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:-4px 0 14px}.side-filter[hidden]{display:none}.side-filter button{min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:12px;font-weight:700;letter-spacing:.08em;cursor:pointer}.side-filter button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:var(--bg)}.steps h3{overflow-wrap:anywhere}.utility-filter{display:grid;grid-template-columns:1fr;gap:6px;margin-bottom:16px}.utility-filter button{min-height:46px;padding:7px 12px;border:1px solid var(--line);border-radius:8px;background:#09150f;color:var(--muted);cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.05em;display:flex;align-items:center;justify-content:space-between}.utility-filter button small{display:grid;place-items:center;min-width:25px;height:25px;border-radius:999px;background:var(--surface-2);color:#8ca094;font-size:10px}.utility-filter button:hover:not(:disabled){border-color:#739b82;color:var(--ink)}.utility-filter button[aria-pressed=true]{border-color:var(--lime);background:#d8ff3e18;color:var(--lime);box-shadow:inset 3px 0 0 var(--lime)}.utility-filter button[aria-pressed=true] small{background:var(--lime);color:var(--bg)}.utility-filter button:disabled{cursor:not-allowed;opacity:.38}.empty-state{margin:8px 0;padding:18px;border:1px dashed var(--line);border-radius:10px;color:var(--muted)}.steps{grid-template-columns:1fr}.frame-wrap{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#020604}.step-image{width:100%;height:100%;object-fit:cover}.aim-cross{position:absolute;left:50%;top:50%;width:38px;height:38px;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 2px #000)}.aim-cross:before,.aim-cross:after{content:"";position:absolute;left:50%;top:50%;background:#ff2525;border:1px solid #fff}.aim-cross:before{width:38px;height:4px;transform:translate(-50%,-50%)}.aim-cross:after{width:4px;height:38px;transform:translate(-50%,-50%)}.steps section{display:block;padding:0;overflow:hidden}.step-image{display:block;width:100%;height:112px;object-fit:cover;border-bottom:1px solid var(--line);filter:saturate(.72) contrast(1.08)}.step-image.position{object-position:center 32%}.step-image.aim-shot{object-position:center 50%}.step-image.result{object-position:center 68%}.step-copy{display:flex;gap:14px;padding:16px}.video-label{min-height:58px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:linear-gradient(90deg,#13251c,#0b1711);font-size:11px;color:var(--muted)}.video-label strong,.video-label small{display:block}.video-label strong{color:var(--lime);font-size:13px;letter-spacing:.1em}.video-label small{margin-top:3px}.media{position:relative}.media-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-weight:600}.media iframe,.media video{position:relative}.trajectory{display:none}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.frame-wrap{height:auto;aspect-ratio:16/9}.step-image{height:100%;object-fit:contain;object-position:center!important;filter:none}.aim-point{position:absolute;left:50%;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);pointer-events:none;background:linear-gradient(var(--lime),var(--lime)) left top/4px 1px no-repeat,linear-gradient(var(--lime),var(--lime)) left top/1px 4px no-repeat,linear-gradient(var(--lime),var(--lime)) right bottom/4px 1px no-repeat,linear-gradient(var(--lime),var(--lime)) right bottom/1px 4px no-repeat;filter:drop-shadow(0 1px 1px #000)}.aim-zoom{position:absolute;right:5px;bottom:5px;width:30%;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--line);border-radius:4px;box-shadow:0 1px 4px #0008;background:var(--bg);pointer-events:none}.aim-frame{container-type:inline-size}.aim-zoom>img{position:absolute;width:300cqw;height:auto;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}.aim-zoom small{position:absolute;bottom:0;right:2px;font-size:9px;color:var(--ink);background:#07110dcc;padding:0 2px}.mapbar{padding:10px clamp(12px,2vw,24px);justify-content:center}.map-list{width:100%;max-width:1452px;margin:0;gap:8px}.map-button{display:flex;align-items:center;gap:8px;flex:1;min-width:125px;padding:5px 8px;min-height:48px}.map-button img{width:48px;height:32px;object-fit:cover;border-radius:4px}.map-button span{font-size:13px;color:inherit;margin:0}.map-button.active span{color:inherit}.utility-filter{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.utility-filter button{justify-content:center;gap:3px;padding:6px 3px;min-height:40px;font-size:11px;letter-spacing:0}.utility-filter button small{display:none}.utility-filter button[aria-pressed=true]{box-shadow:none;background:var(--lime);color:var(--bg)}.lineup-panel{padding:18px}.lineup{min-height:60px;padding:8px;grid-template-columns:28px 1fr 18px}.lineup-list{gap:4px}.detail{padding:24px}.detail h2{font-size:clamp(26px,3vw,42px)}.step-copy{padding:12px;gap:8px}.step-copy p{font-size:13px}.detail-head{margin-bottom:12px}.lineup-number{font-size:48px}.area-filter{display:flex;gap:6px;overflow-x:auto;padding:0 0 12px;margin:0 -2px}.area-filter button{flex:none;display:flex;align-items:center;gap:6px;min-height:30px;padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:#09150f;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;cursor:pointer}.area-filter button:hover{border-color:#739b82;color:var(--ink)}.area-filter button[aria-pressed=true]{border-color:var(--lime);background:#d8ff3e18;color:var(--lime)}.area-filter small{display:grid;place-items:center;min-width:15px;height:15px;border-radius:99px;background:#20382a;color:inherit;font-size:9px}.lineup-area{padding:3px 5px;border:1px solid #365041;border-radius:4px;color:#90a89a;font-size:9px;font-weight:700;letter-spacing:.08em}.lineup.active .lineup-area{border-color:#698949;color:var(--lime)}@media(max-width:850px){.steps{grid-template-columns:1fr}.map-list{margin:0}.detail{padding:18px}.aim-zoom{width:26%}}.filterbar{border-bottom:1px solid var(--line);background:#09150f}.filterbar-inner{max-width:1500px;margin:auto;padding:12px 24px;display:flex;align-items:center;gap:28px}.filterbar .utility-filter{flex:1;margin:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.filterbar .utility-filter button{min-height:64px;padding:10px 12px;gap:10px;text-align:left;justify-content:flex-start;border-radius:10px;color:var(--ink)}.utility-filter svg{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.utility-name{font-size:14px;font-weight:700}.utility-hint{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:3px}.filterbar .utility-filter small{display:grid;margin-left:auto;min-width:22px;height:22px;font-size:11px;color:var(--ink)}.filterbar .utility-filter button[aria-pressed=true]{background:var(--lime);color:var(--bg);border-color:var(--lime);box-shadow:0 2px 12px #d8ff3e12}.utility-filter button[aria-pressed=true] .utility-hint{color:#314019}.team-choice{order:-1;flex:0 0 205px;border-right:1px solid var(--line);padding-right:24px}.filter-label{display:block;font-size:10px;letter-spacing:.12em;color:var(--muted);margin-bottom:6px}.team-choice .side-filter{margin:0}.team-choice .side-filter button{min-height:36px;font-size:11px}.team-choice .side-filter button[aria-pressed=true]{background:#213225;color:var(--lime);border-color:var(--lime)}.panel-heading{margin-bottom:6px}.panel-heading h1{font-size:24px}.list-context{margin:0 0 18px;color:var(--muted);font-size:11px;letter-spacing:.035em}.lineup{border-color:#29423666;border-radius:8px;background:#0b1811}.lineup-list{gap:6px}.lineup.active{border-color:var(--lime);background:#19291b;box-shadow:inset 3px 0 var(--lime)}.lineup.active strong{color:var(--lime)}.lineup strong{font-size:14px}.lineup small{font-size:12px}.steps section{border-color:#365041;box-shadow:0 4px 16px #0002}.map-button:not(.active):hover{background:var(--surface-2);color:var(--ink)}@media(max-width:1100px){.filterbar-inner{gap:14px;padding:12px 18px}.team-choice{flex-basis:175px;padding-left:14px}.utility-hint{display:none}.filterbar .utility-filter button{padding:10px 8px;gap:6px}.utility-name{font-size:12px}}@media(max-width:700px){.filterbar-inner{flex-wrap:wrap;padding:12px}.filterbar .utility-filter{flex-basis:100%;grid-template-columns:repeat(3,minmax(0,1fr)) 60px;gap:5px}.filterbar .utility-filter button{min-height:56px;flex-wrap:wrap;justify-content:center;padding:7px 3px;gap:5px}.utility-filter svg{width:18px;height:18px}.filterbar .utility-filter small{display:none}.team-choice{flex:1;display:flex;align-items:center;justify-content:space-between;padding:0;border:0}.filter-label{margin:0}.team-choice .side-filter{width:200px}.lineup-list{grid-template-columns:1fr;max-height:240px;overflow-y:auto;padding:3px}.lineup-panel{padding:16px}.list-context{margin-bottom:10px}}:root{--t:#ff6868;--ct:#70b7ff}.filter-heading{margin:2px 0 5px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.12em}.tactic-filter,.area-filter{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 10px;margin:0 -2px;overflow:visible}.tactic-filter button,.area-filter button{flex:none;display:flex;align-items:center;gap:6px;min-height:34px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#09150f;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;cursor:pointer}.tactic-filter button:hover,.area-filter button:hover{border-color:#739b82;color:var(--ink)}.tactic-filter button[aria-pressed=true],.area-filter button[aria-pressed=true]{border-color:var(--lime);background:#d8ff3e18;color:var(--lime)}.tactic-filter small,.area-filter small{display:grid;place-items:center;min-width:15px;height:15px;border-radius:99px;background:#20382a;color:inherit;font-size:9px}.show-more{width:100%;min-height:40px;margin-top:8px;border:1px solid var(--lime);border-radius:8px;background:#d8ff3e12;color:var(--lime);font-size:11px;font-weight:700;letter-spacing:.06em;cursor:pointer}.show-more:hover{background:#d8ff3e20}.lineup{grid-template-columns:28px minmax(0,1fr) auto 18px;column-gap:6px}.lineup-tactic{padding:3px 5px;border:1px solid #365041;border-radius:4px;color:#90a89a;font-size:9px;font-weight:700;letter-spacing:.08em}.lineup.active .lineup-tactic{border-color:#698949;color:var(--lime)}#app[data-side=T] .side-filter button[aria-pressed=true],#app[data-side=T] .tag{border-color:var(--t);color:var(--t)}#app[data-side=T] .tag{background:#ff686814}#app[data-side=CT] .side-filter button[aria-pressed=true],#app[data-side=CT] .tag{border-color:var(--ct);color:var(--ct)}#app[data-side=CT] .tag{background:#70b7ff14}#app[data-side=T] .list-context{color:var(--t)}#app[data-side=CT] .list-context{color:var(--ct)}.area-filter,.spot-filter{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 10px;margin:0 -2px}.area-filter button,.spot-filter button{flex:none;display:flex;align-items:center;gap:6px;min-height:34px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#09150f;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;cursor:pointer}.area-filter button:hover,.spot-filter button:hover{border-color:#739b82;color:var(--ink)}.area-filter button[aria-pressed=true],.spot-filter button[aria-pressed=true]{border-color:var(--lime);background:#d8ff3e18;color:var(--lime)}.area-filter small,.spot-filter small{display:grid;place-items:center;min-width:15px;height:15px;border-radius:99px;background:#20382a;color:inherit;font-size:9px}.location-group{grid-column:1/-1;margin:8px 0 1px;padding:5px 2px 4px;border-bottom:1px solid #365041;color:var(--lime);font-size:10px;font-weight:700;letter-spacing:.12em}.location-group:first-child{margin-top:0}.lineup{grid-template-columns:28px minmax(0,1fr) 18px}@media(max-width:700px){.spot-filter{padding-bottom:12px}.location-group{margin-top:9px}}.lineup-panel{background:#202c32;border-right-color:#4b6068;padding:24px;--muted:#c4d1d6;--line:#566d76}.panel-heading{align-items:center;margin-bottom:8px;gap:12px}.panel-heading h1{font-size:28px}.lineup-panel .count{color:#d4dfe3;letter-spacing:0;font-size:12px;white-space:nowrap}.lineup-panel .list-context{font-size:13px;font-weight:600;margin-bottom:24px}.lineup-filters{padding-bottom:20px;border-bottom:1px solid #4b6068}.lineup-panel .filter-heading{display:block;margin:0 0 9px;color:#e1e9ed;font-size:13px;letter-spacing:0;font-weight:600}.lineup-panel .area-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;margin:0 0 18px}.lineup-panel .area-filter button{justify-content:space-between;min-height:44px;padding:10px 12px;border:1px solid #647982;border-radius:6px;background:#2f4048;color:#f2f7f3;font-size:12px;letter-spacing:.02em}.lineup-panel .area-filter button:hover{background:#40535c;border-color:#a2bac3}.lineup-panel .area-filter button[aria-pressed=true]{background:var(--lime);color:#17220d;border-color:var(--lime)}.lineup-panel .area-filter small{min-width:24px;height:24px;background:#1d2a30;color:#e1e9ed;font-size:11px;font-variant-numeric:tabular-nums}.lineup-panel .area-filter button[aria-pressed=true] small{background:#17220d;color:var(--lime)}.spot-select{width:100%;min-height:48px;padding:10px 12px;border:1px solid #647982;border-radius:6px;background:#2f4048;color:#f2f7f3;font:600 14px Chakra Petch,system-ui,sans-serif;cursor:pointer}.spot-select:hover{background:#40535c;border-color:#a2bac3}.spot-select:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.spot-select:disabled{opacity:.6;cursor:default}.spot-select option{background:#2f4048;color:#f2f7f3}.results-heading{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin:14px 0 8px;gap:12px}.results-heading h2{margin:0;font-size:16px;font-weight:700}.reset-spot{min-height:44px;padding:8px 0 8px 10px;border:0;background:transparent;color:var(--lime);font-size:13px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.reset-spot:hover{color:#f2f7f3}.lineup-panel .lineup-list{gap:8px}.lineup-panel .location-group{margin:16px 0 2px;padding:0 0 8px;border-bottom-color:#536a74;color:#e1e9ed;font-size:12px;letter-spacing:.06em}.lineup-panel .location-group:first-child{margin-top:0}.lineup-panel .lineup{min-height:76px;padding:12px;grid-template-columns:minmax(0,1fr) 22px;gap:10px;background:#2f4048;border:1px solid #536a74;border-radius:6px;box-shadow:none}.lineup-panel .lineup-index{display:none}.lineup-panel .lineup strong{color:#f2f7f3;font-size:15px;line-height:1.35;overflow-wrap:anywhere}.lineup-panel .lineup small{margin-top:6px;color:#c4d1d6;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.lineup-panel .lineup .arrow{color:#c4d1d6}.lineup-panel .lineup:hover{background:#40535c;border-color:#a2bac3}.lineup-panel .lineup.active{background:#d8ff3e;border-color:#d8ff3e;box-shadow:none}.lineup-panel .lineup.active strong,.lineup-panel .lineup.active .arrow{color:#17220d}.lineup-panel .lineup.active small{color:#344321}.lineup-panel .show-more{min-height:48px;margin-top:12px;background:#2f4048;border-color:#647982;color:#f2f7f3;font-size:13px;letter-spacing:0}.lineup-panel .show-more:hover{background:#40535c;border-color:var(--lime)}.lineup-panel ::selection{background:var(--lime);color:#17220d}.lineup-panel .lineup-list{scrollbar-color:#80959e #202c32;scrollbar-width:thin}@media(max-width:700px){.lineup-panel{padding:20px 16px;border-right:0;border-bottom:1px solid #4b6068}.lineup-panel .list-context{margin-bottom:18px}.lineup-panel .area-filter{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:16px}.lineup-panel .area-filter button{flex-direction:column;justify-content:center;gap:5px;padding:8px 4px;font-size:11px}.lineup-panel .lineup-list{max-height:320px;padding:3px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.frame-wrap{position:relative}.aim-point{width:11px;height:11px;background:none;filter:drop-shadow(0 1px 0 #140000) drop-shadow(0 -1px 0 #140000);z-index:2}.aim-point:before,.aim-point:after{content:"";position:absolute;box-shadow:none}.aim-point:before{width:11px;height:1px;top:5px;left:0;background:linear-gradient(to right,#ff3535 0 4px,transparent 4px 7px,#ff3535 7px)}.aim-point:after{height:11px;width:1px;left:5px;top:0;background:linear-gradient(to bottom,#ff3535 0 4px,transparent 4px 7px,#ff3535 7px)}.detail{--surface:#202c32;--muted:#c4d1d6;--line:#536a74}.detail-head h2{font-size:clamp(26px,3vw,40px);line-height:1.15}.cast-navigation{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin:0 0 16px}.cast-navigation button,.step-heading button,.close-frame{min-height:44px;padding:8px 12px;border:1px solid #647982;border-radius:6px;background:#2f4048;color:#f2f7f3;cursor:pointer;font-size:13px;font-weight:600}.cast-navigation button:hover,.step-heading button:hover,.close-frame:hover{background:#40535c;border-color:#a2bac3}.cast-navigation button:disabled{opacity:.45;cursor:default}.cast-navigation span{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.detail .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0}.detail .steps section{border-color:#536a74;border-radius:10px;background:#202c32;box-shadow:none}.step-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}.step-heading h3,.throw-summary h3{margin:0;font-size:18px;letter-spacing:0}.step-heading h3 span,.throw-summary h3 span{display:inline-grid;place-items:center;width:26px;height:26px;margin-right:8px;border:1px solid #647982;border-radius:4px;color:var(--lime);font-size:13px}.detail .step-copy{padding:16px;min-height:76px}.detail .step-copy p{font-size:14px;line-height:1.5;margin:0;color:var(--muted)}.aim-zoom{width:32%;right:8px;bottom:8px;border-color:#a2bac3}.throw-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,30%);gap:24px;margin:16px 0;padding:20px;background:#202c32;border:1px solid #536a74;border-radius:10px}.throw-technique{margin:14px 0 8px;font-size:20px;font-weight:700;line-height:1.4}.throw-result{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.watch-cast{min-height:44px;padding:10px 16px;margin-top:16px;background:var(--lime);border:0;border-radius:6px;color:#17220d;font-weight:700;cursor:pointer}.watch-cast:hover{background:#e4ff80}.watch-cast kbd{margin-left:8px;background:#17220d;color:var(--lime);border-color:#617c39}.result-preview{align-self:center;position:relative}.result-preview img{width:100%;display:block;border-radius:6px}.result-preview span{position:absolute;bottom:8px;left:8px;padding:4px 8px;background:#17242de6;border-radius:4px;font-size:12px;color:#f2f7f3}.detail .video-shell{border-color:#536a74;background:#202c32;border-radius:10px;scroll-margin-top:84px}.video-label{background:#202c32;font-size:13px;min-height:48px}.video-label strong{color:#f2f7f3;font-size:16px;letter-spacing:0}.media{min-height:180px}.video-start{display:block;position:relative;width:100%;padding:0;border:0;background:#17242d;cursor:pointer}.video-start img{display:block;width:100%;max-height:360px;object-fit:contain;opacity:.65}.video-start span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 24px;white-space:nowrap;background:var(--lime);color:#17220d;border-radius:6px;font-weight:700}.video-start:hover img{opacity:.85}.media video,.media iframe{width:100%;max-height:560px;background:#000}.source{font-size:12px;padding:12px 16px}.frame-dialog{width:min(1280px,94vw);max-height:94dvh;padding:16px;border:1px solid #647982;border-radius:10px;background:#202c32;color:#f2f7f3}.frame-dialog::backdrop{background:#050c10d9}.frame-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.frame-dialog-head h2{font-size:20px;margin:0}.frame-dialog .frame-wrap{aspect-ratio:auto;width:100%}.frame-dialog .frame-wrap img{display:block;width:100%;max-height:calc(94dvh - 110px);object-fit:contain}.mobile-map-choice{display:none}@media(min-width:701px){.lineup-panel .lineup-list{max-height:520px;overflow-y:auto;padding:3px}}@media(max-width:850px){.detail .steps{grid-template-columns:1fr}.throw-summary{grid-template-columns:minmax(0,1fr) minmax(120px,32%);gap:16px}.detail{padding:20px 16px}}@media(max-width:700px){.mapbar .map-list{display:none}.mobile-map-choice{display:flex;width:100%;align-items:center;gap:16px;color:#c4d1d6;font-size:14px;font-weight:600}.mobile-map-choice select{flex:1;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #647982;border-radius:6px;background:#2f4048;color:#f2f7f3;font:600 14px Chakra Petch,system-ui,sans-serif}.mobile-map-choice select:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.filterbar .utility-filter{grid-template-columns:repeat(3,minmax(0,1fr))}.cast-navigation{justify-content:space-between}.throw-summary{padding:16px;grid-template-columns:1fr}.result-preview{max-width:320px}.step-heading{padding:10px 12px}.detail .step-copy{min-height:0}}:root{--bg:#111c23;--surface:#202c32;--surface-2:#2f4048;--muted:#c4d1d6;--line:#536a74}body{background:#111c23}.topbar,.mapbar,.filterbar{background:#162129}.topbar{-webkit-backdrop-filter:none;backdrop-filter:none}.detail{background:#162129;scroll-margin-top:84px}.map-button{border-radius:6px}.map-button img{filter:none}.filterbar .utility-filter button{border-radius:6px}.lineup-panel .location-group{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;margin:16px 0 0;font-size:13px;font-weight:700;color:#f2f7f3;letter-spacing:.02em}.lineup-panel .location-group small{color:#c4d1d6;font-size:11px;font-weight:500;letter-spacing:0;white-space:nowrap}.lineup-panel .lineup{min-height:68px}.cast-route{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:14px 0;margin-top:12px;border-top:1px solid #536a74;border-bottom:1px solid #536a74}.cast-route span{min-width:0}.cast-route small{display:block;font-size:12px;color:#c4d1d6;margin-bottom:4px}.cast-route strong{display:block;font-size:16px;line-height:1.4;overflow-wrap:anywhere}.cast-route span+span{border-left:1px solid #536a74;padding-left:24px}.steps .frame-wrap{background:#10171c}.cast-search-label{display:block;margin:14px 0 8px;color:#e1e9ed;font-size:13px;font-weight:600}.cast-search{width:100%;min-height:44px;background:#2f4048;border:1px solid #647982;border-radius:6px;color:#f2f7f3;padding:10px 12px;font:14px Chakra Petch,system-ui,sans-serif}.cast-search::placeholder{color:#c4d1d6}.cast-search:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}@media(max-width:700px){.cast-route{gap:16px}.cast-route span+span{padding-left:16px}}.detail-head>div{width:100%}.detail-head h2{font-family:Chakra Petch,system-ui,sans-serif;font-weight:700;font-size:clamp(26px,3vw,36px);margin:10px 0 8px}.cast-route{padding:10px 0}.lineup-panel{padding:20px}.lineup-panel .list-context{margin-bottom:18px}.lineup-filters{padding-bottom:16px}.lineup-panel .area-filter{margin-bottom:14px}.cast-search-label{margin-top:12px}@media(max-width:700px){.lineup-panel{padding:16px}}.topbar{height:70px;min-height:70px;padding:8px 16px;gap:16px}.brand-mark{width:34px;height:34px;font-size:20px}.workspace{max-width:none;width:100%;grid-template-columns:clamp(340px,25vw,420px) minmax(0,1fr);min-height:calc(100dvh - 60px);align-items:start}.browse-toggle{display:none}.lineup-panel{position:sticky;top:60px;max-height:calc(100dvh - 60px);overflow:auto;padding:20px 18px;scrollbar-color:#80959e #202c32;scrollbar-width:thin}.mapbar,.filterbar{padding:0;border:0;background:transparent;display:block}.topbar .mapbar{flex:1;min-width:0}.topbar .map-list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;max-width:none;padding:3px;margin:0;overflow:visible}.topbar .map-button{min-width:0;min-height:46px;padding:6px 8px;gap:8px;background:linear-gradient(135deg,#304650,#19272e);border:1px solid #647982;color:#f2f7f3;transition:border-color .15s,box-shadow .15s,background .15s}.topbar .map-button img{width:32px;height:28px}.topbar .map-button span{font-size:13px;color:inherit;white-space:nowrap}.topbar .map-button:hover{border-color:var(--lime);box-shadow:0 0 12px #d7ff3826}.topbar .map-button[aria-pressed=true]{background:linear-gradient(135deg,#e7ff70,#c1ef22);color:#17220d;border-color:var(--lime);box-shadow:0 0 14px #d7ff3833,inset 0 -3px #91b015}.filterbar-inner{display:block;max-width:none;padding:0;margin:18px 0}.team-choice{border:0;padding:0;display:block}.filter-label{display:block;font-size:13px;color:#e1e9ed;letter-spacing:0;margin:0 0 8px}.team-choice .side-filter{width:auto;margin:0 0 18px;gap:8px}.side-filter button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;background:#2f4048;color:#f2f7f3;border-color:#647982;font-size:17px;letter-spacing:0}.side-filter button span{font-size:12px;font-weight:500}#app[data-side=T] .side-filter button[aria-pressed=true]{background:#4e292e;color:#ffb1b1;border-color:#ff8585}#app[data-side=CT] .side-filter button[aria-pressed=true]{background:#263f57;color:#acd4ff;border-color:#70b7ff}.filterbar .utility-filter{grid-template-columns:1fr;gap:6px;margin:0}.filterbar .utility-filter button{min-height:46px;padding:8px 12px;gap:12px;flex-wrap:nowrap;justify-content:flex-start;border-color:#647982;background:#2f4048;color:#f2f7f3;box-shadow:none}.filterbar .utility-filter button:hover{background:#40535c;border-color:#a2bac3}.utility-name{font-size:13px;flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;letter-spacing:0}.utility-hint{display:inline;font-size:11px;color:#c4d1d6;font-weight:500}.filterbar .utility-filter small{display:grid;background:#192a32;color:#e1e9ed;min-width:25px}.filterbar .utility-filter button[aria-pressed=true]{background:var(--lime);color:#17220d;border-color:var(--lime);box-shadow:none}.filterbar .utility-filter button[aria-pressed=true] .utility-hint{color:#344321}.utility-filter svg{width:20px;height:20px;flex-shrink:0}.panel-heading{margin:0 0 10px;justify-content:flex-end}#map-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.lineup-panel .list-context{display:none}.browse-filter{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:18px}.browse-filter button{min-height:44px;padding:8px;border:1px solid #647982;border-radius:6px;background:#2f4048;color:#f2f7f3;font-size:12px;font-weight:600;cursor:pointer;transition:box-shadow .15s,border-color .15s}.browse-filter [data-browse=recommended]{background:linear-gradient(135deg,#14151b,#3e181f);border-color:#91434e;color:#ffd2d7}.browse-filter [data-browse=recommended]:hover,.browse-filter [data-browse=recommended][aria-pressed=true]{border-color:#ff626f;box-shadow:inset 3px 0 #ff5262,0 0 12px #ff52622b;background:linear-gradient(135deg,#15161b,#66232d)}.browse-filter [data-browse=all]{background:linear-gradient(135deg,#15232d,#244c60);border-color:#50869d;color:#dbf5ff}.browse-filter [data-browse=all]:hover,.browse-filter [data-browse=all][aria-pressed=true]{background:linear-gradient(135deg,#15232d,#244c60);border-color:#81d5f6;box-shadow:inset 3px 0 #81d5f6,0 0 12px #81d5f629}#app[data-browse=recommended] .lineup-filters{display:none}.lineup-panel .area-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.lineup-panel .area-filter button{flex-direction:row;justify-content:space-between;padding:8px;min-height:42px}.lineup-panel .area-filter button:first-child{grid-column:1/-1}.results-heading{margin:12px 0 8px;min-height:32px}.lineup-panel .lineup-list{display:grid;grid-template-columns:1fr;max-height:none;overflow:visible;padding:3px;gap:8px}.lineup-panel .lineup{grid-template-columns:80px minmax(0,1fr);gap:12px;padding:12px;min-height:86px}.cast-thumb{display:block;width:80px;aspect-ratio:16/9;object-fit:cover;border-radius:4px}.lineup-panel .lineup strong{font-size:14px;line-height:1.4}.lineup-panel .lineup small{font-size:12px;margin-top:6px;line-height:1.4}.lineup-panel .lineup .arrow{display:none}.detail{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;padding:20px clamp(18px,2vw,36px);scroll-margin-top:60px}.detail-head{display:block;margin-bottom:18px;min-width:0}.detail-head h2{margin:0 0 6px;font-size:clamp(24px,2vw,34px);line-height:1.2}.detail-head .cast-context{font-size:14px;font-weight:600;color:#c4d1d6}.cast-route{display:grid;grid-template-columns:1fr;gap:18px;margin:0;padding:18px;border-top:0;border-bottom:1px solid #536a74}.cast-route span{flex:1}.cast-route strong{font-size:15px}.cast-route span+span{border:0;padding:0}.cast-navigation{margin:0 0 18px;align-self:center;gap:10px}.cast-navigation button{min-height:44px}.detail .steps,.detail .cast-notes,.detail .source{grid-column:1/-1}.detail .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.detail .steps section{min-width:0;border-radius:10px}.step-heading{padding:10px 14px;gap:8px;min-height:64px;align-items:center}.step-heading h3{font-size:17px;font-weight:700;letter-spacing:0}.step-heading h3 span{width:30px;height:30px;border:0;background:var(--lime);color:#17220d;font-size:18px;font-weight:700;margin-right:8px}.step-heading button{min-height:44px;padding:8px 12px;font-size:12px}.steps .frame-wrap{aspect-ratio:auto;height:auto}.steps .step-image{height:auto;width:100%;display:block;object-fit:contain;border:0}.detail .step-copy{display:block;padding:14px;min-height:0}.detail .step-copy p{font-size:13px;line-height:1.5}.aim-zoom{width:34%}.result-step{grid-column:1/-1}.result-body{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:start;border-top:1px solid #536a74}.throw-details{align-self:stretch;background:#263740;border-left:1px solid #536a74}.throw-details h4{font-size:13px;margin:0 0 8px;color:#c4d1d6}.throw-details .step-copy{padding:18px}.result-step .media{aspect-ratio:16/9;min-height:0;overflow:hidden}.video-preview{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);gap:2px;padding-bottom:32px;width:100%;height:100%;position:relative;cursor:pointer;background:#0d151b}.preview-still{min-width:0;min-height:0;position:relative;display:grid;place-items:center;overflow:hidden;background:#17232b}.preview-still img,.preview-still video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.preview-label{position:absolute;top:8px;left:8px;padding:5px 9px;border:1px solid #718792;border-radius:4px;background:#0b141ce8;color:#f2f7f3;font-size:12px;font-weight:700;pointer-events:none}.preview-after .preview-label{border-color:#aac944;color:#e7ff98}.video-preview .result-footage{pointer-events:none;object-fit:contain;opacity:0}.video-preview .result-footage.preview-ready{opacity:1}.video-preview .media-loading{background:#0d151b;padding-bottom:48px}.video-preview:focus-visible{outline:3px solid var(--cyan);outline-offset:-3px}.video-caption{position:absolute;bottom:0;left:0;right:0;display:flex;gap:8px;align-items:center;justify-content:center;height:32px;padding:6px;background:#0b141ce8;color:#f2f7f3;font-size:12px}.video-caption svg{width:20px;height:20px;fill:var(--lime)}.video-preview:hover .video-caption{background:#2c3e20;color:#ecffb2}.result-step .step-copy .throw-technique{font-size:17px;margin:0 0 14px;color:#f2f7f3;font-weight:700}.result-step .preview-context{font-size:12px;margin:0;color:#c4d1d6}.media video,.media iframe{max-height:none;width:100%;height:100%}.media-loading{font-size:13px;line-height:1.5;text-align:center;padding:16px}.cast-notes{margin-top:20px;border-top:1px solid #536a74;padding-top:14px;color:#c4d1d6;font-size:13px}.cast-notes summary{min-height:32px;cursor:pointer;color:#f2f7f3;font-weight:600}.cast-notes p{max-width:72ch;line-height:1.6}.frame-dialog .frame-wrap{width:min(100%,calc((94dvh - 110px)*var(--frame-aspect,1.77778)));margin-inline:auto}.frame-dialog .frame-wrap img{height:auto;max-height:none}.frame-dialog .aim-point{width:19px;height:19px;filter:drop-shadow(1px 0 0 #160000) drop-shadow(-1px 0 0 #160000) drop-shadow(0 1px 0 #160000) drop-shadow(0 -1px 0 #160000)}.frame-dialog .aim-point:before{width:19px;height:2px;left:0;top:8.5px;background:linear-gradient(to right,#ff3535 0 8px,transparent 8px 11px,#ff3535 11px)}.frame-dialog .aim-point:after{height:19px;width:2px;top:0;left:8.5px;background:linear-gradient(to bottom,#ff3535 0 8px,transparent 8px 11px,#ff3535 11px)}.detail .source{padding:12px 0;flex-wrap:wrap;color:#c4d1d6;line-height:1.6}input{caret-color:var(--lime)}::selection{background:var(--lime);color:#17220d}@media(min-width:781px)and (max-width:1100px){.brand>span:last-child{display:none}.help{font-size:0;padding:6px}.help kbd{font-size:13px}.workspace{grid-template-columns:290px minmax(0,1fr)}.lineup-panel{border-right:1px solid #536a74;border-bottom:0}.detail{grid-template-columns:1fr}.cast-navigation{justify-content:flex-end}}@media(max-width:1100px){.result-body{grid-template-columns:1fr}.throw-details{display:grid;grid-template-columns:1fr 1fr;border-left:0;border-top:1px solid #536a74}.cast-route{border-bottom:0;border-right:1px solid #536a74;gap:12px}}@media(min-width:781px){.workspace{height:calc(100dvh - 70px);min-height:0;grid-template-columns:clamp(290px,24vw,380px) minmax(0,1fr)}.lineup-panel{top:70px;max-height:calc(100dvh - 70px);padding:12px 16px}.filterbar-inner{margin:0 0 12px}.team-choice .side-filter{margin-bottom:12px}.detail{height:100%;min-height:0;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto auto;gap:0 16px;padding:12px 20px;scroll-margin-top:70px}.detail-head{margin-bottom:10px}.detail-head h2{font-size:clamp(20px,1.7vw,28px)}.detail-head .cast-context{font-size:12px}.cast-navigation{margin-bottom:10px;gap:8px}.cast-navigation button{padding:6px 10px;font-size:12px}.detail .steps{--reference-height:clamp(90px, calc((100dvh - 330px)*.38) ,230px);min-height:0;grid-template-rows:auto minmax(0,1fr);gap:12px;align-items:stretch}.step-heading{min-height:48px;height:48px;padding:2px 10px}.step-heading h3{font-size:15px}.step-heading h3 span{width:26px;height:26px;font-size:16px}#step-1,#step-2{display:grid;grid-template-rows:48px auto minmax(38px,auto);align-content:start;gap:0}.steps .frame-wrap{width:min(100%,calc(var(--reference-height)*var(--frame-aspect,1.77778)));margin-inline:auto}.detail .step-copy{padding:8px 12px}#step-1 .step-copy,#step-2 .step-copy{max-height:52px;overflow:auto}.detail .step-copy p{font-size:12px;line-height:1.45}.result-step{display:grid!important;grid-template-rows:48px minmax(0,1fr);min-height:0;gap:0}.result-body{min-height:0;height:100%;grid-template-columns:minmax(0,1fr) 220px}.result-step .media{aspect-ratio:auto;height:100%;min-height:0}.throw-details{display:block;min-height:0;overflow:auto;border-top:0;border-left:1px solid #536a74}.cast-route{border-right:0;border-bottom:1px solid #536a74;padding:12px;gap:10px}.throw-details .step-copy{padding:12px}.result-step .step-copy .throw-technique{font-size:14px;margin-bottom:10px}.cast-notes{margin-top:8px;padding:0;border-top:0}.cast-notes summary{min-height:24px}.cast-notes[open]{max-height:120px;overflow:auto}.detail .source{padding:4px 0;font-size:11px;gap:4px 12px}footer{display:none}}@media(max-width:780px){.topbar{height:auto;min-height:70px;flex-wrap:wrap;gap:8px;padding:8px 12px}.topbar .mapbar{order:3;flex-basis:100%;overflow-x:auto}.topbar .map-list{display:flex;width:max-content;gap:6px}.topbar .map-button{min-width:108px;flex:none}.shortcuts{top:120px}.workspace{grid-template-columns:1fr}.lineup-panel{position:static;max-height:none;padding:12px 16px;border-right:0;border-bottom:1px solid #536a74}.browse-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;text-align:left;padding:10px 14px;border:1px solid #647982;border-radius:6px;background:#2f4048;color:#f2f7f3;font-weight:700;cursor:pointer}.browse-toggle small{display:block;font-size:12px;font-weight:400;color:#c4d1d6;margin-top:4px}.browse-chevron{font-size:24px}.browse-toggle[aria-expanded=true] .browse-chevron{transform:rotate(180deg)}.browse-toggle[aria-expanded=false]+#lineup-browser{display:none}#lineup-browser{padding-top:16px}.mapbar{max-width:none}.filterbar-inner{margin-top:14px}.team-choice{display:block}.team-choice .side-filter{width:auto;margin-bottom:12px}.filterbar .utility-filter{grid-template-columns:repeat(3,minmax(0,1fr))}.filterbar .utility-filter button{justify-content:center;gap:6px;padding:8px}.utility-name{flex:0}.utility-hint,.filterbar .utility-filter small,.panel-heading{display:none}.browse-filter{margin-top:14px;margin-bottom:10px}.lineup-panel .lineup-list{max-height:220px;overflow:auto;scrollbar-width:thin}.lineup-panel .area-filter{grid-template-columns:repeat(3,minmax(0,1fr))}.lineup-panel .area-filter button:first-child{grid-column:auto}.detail .steps{grid-template-columns:repeat(2,minmax(0,1fr))}.result-step{grid-column:1/-1}.detail{grid-template-columns:1fr;padding:20px 16px}.detail-head h2{font-size:28px}.cast-navigation{justify-content:flex-end}}@media(max-width:600px){.detail .steps{grid-template-columns:1fr}.result-step{grid-column:auto}.throw-details{grid-template-columns:1fr}.cast-route{grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid #536a74;gap:16px}.cast-route span+span{padding:0}.step-heading{padding:12px 14px}.step-heading h3{font-size:18px}.result-step .step-heading{flex-wrap:wrap}.cast-navigation{gap:10px}}