/* Public handbook and scouting pages; shared with the title screen introduction. */
.guide-page{margin:0;background:#0b1823;color:#edf1df;font:16px/1.7 system-ui,-apple-system,sans-serif;color-scheme:dark}.guide-page *,.home-guide *{box-sizing:border-box}.guide-page a,.home-guide a{color:#f5d27d;text-underline-offset:4px}.guide-page a:hover,.home-guide a:hover{color:#fff1c9}.guide-page :focus-visible,.home-guide :focus-visible{outline:3px solid #83dce9;outline-offset:5px}.guide-skip{position:absolute;top:-80px;left:16px;background:#f5d27d;color:#102033!important;padding:12px;z-index:100}.guide-skip:focus{top:10px}.guide-header{max-width:1200px;margin:auto;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #38505e}.guide-brand{text-decoration:none;font:900 25px/1.2 Impact,'Arial Narrow',sans-serif;letter-spacing:1px;white-space:nowrap;color:#f1f3df!important}.guide-brand span{color:#f5d27d}.guide-header nav,.guide-footer nav{display:flex;gap:24px;flex-wrap:wrap}.guide-header nav a{font-size:13px;text-decoration:none;color:#c2d5dc}.guide-header nav a[aria-current]{color:#f5d27d;border-bottom:2px solid #f5d27d}.guide-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:#f5d27d;color:#102033!important;text-decoration:none;font:800 12px/1.4 monospace;letter-spacing:1px;padding:14px 24px;border:2px solid #ffe9ae;box-shadow:0 4px #926a37}.guide-button:hover{background:#ffe5a6}.guide-button.compact{min-height:42px;padding:10px 16px}.guide-main{max-width:1136px;margin:auto;padding:0 32px}.guide-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:64px 0 48px;border-bottom:1px solid #38505e;background:radial-gradient(ellipse at 90% 30%,#2b586246,transparent 50%)}.guide-kicker{font:700 11px/1.6 monospace;letter-spacing:2px;color:#91d6df;margin:0 0 18px}.guide-page h1,.home-guide h2{font:900 clamp(44px,6vw,76px)/1.04 Impact,'Arial Narrow',sans-serif;letter-spacing:.2px;margin:0 0 22px}.guide-page h1 em,.guide-club h2 em,.home-guide h2 em{font-style:normal;color:#f5d27d}.guide-page h2{font:800 clamp(28px,3.5vw,40px)/1.15 Impact,'Arial Narrow',sans-serif;margin:0 0 22px;letter-spacing:.3px}.guide-page h3{font-size:19px;line-height:1.4;margin:0 0 12px;color:#f5d27d}.guide-page p{color:#c2d0d6;max-width:76ch}.guide-page strong{color:#edf1df}.guide-lead{font-size:18px;line-height:1.8;max-width:57ch!important;margin:0}.guide-hero-art{width:30%;max-width:300px;height:auto;object-fit:contain;filter:drop-shadow(0 16px 22px #0007)}.guide-section{padding:48px 0;border-bottom:1px solid #304452;scroll-margin-top:20px}.guide-section-title{display:grid;grid-template-columns:190px 1fr;align-items:start;gap:24px;margin-bottom:26px}.guide-section-title>span{font:700 11px/1.7 monospace;letter-spacing:1px;color:#8dcbd5;padding-top:10px}.guide-section-title h2{margin:0}.guide-steps{list-style:none;counter-reset:steps;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.guide-steps li{counter-increment:steps;border-top:2px solid #52717d;padding-top:20px}.guide-steps li:before{content:'0' counter(steps);display:block;color:#80b4c3;font:900 36px monospace;margin-bottom:10px}.guide-steps p{font-size:14px}.guide-steps a{font-size:13px}.guide-two-column{display:grid;grid-template-columns:1fr 1fr;gap:48px}.guide-three-column{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:24px}.guide-three-column p{font-size:14px}.guide-table-wrap{overflow-x:auto;border:1px solid #38505e;border-radius:4px}.guide-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.guide-table th,.guide-table td{padding:16px;border-bottom:1px solid #304452;vertical-align:middle}.guide-table thead th{background:#1b3040;color:#a9d9e0;font:700 11px/1.5 monospace;text-transform:uppercase;letter-spacing:.5px}.guide-table tbody tr:nth-child(even){background:#132431}.guide-table tbody th{font-weight:700;color:#edf1df}.guide-table tbody tr:last-child>*{border-bottom:0}.guide-note{font-size:13px!important;color:#a2bac6!important;line-height:1.8}.guide-shot{margin:44px 0 0}.guide-shot img{display:block;width:100%;height:auto;border:1px solid #52717d;border-radius:5px}.guide-shot figcaption{font-size:12px;color:#a2bac6;padding:12px 0}.guide-faq details{border-top:1px solid #38505e;padding:20px 0}.guide-page summary{cursor:pointer;font-weight:700;color:#f1d28b;min-height:30px}.guide-page details[open] summary{margin-bottom:16px}.guide-footer{max-width:1136px;margin:0 auto;padding:42px 32px}.guide-footer nav{margin:24px 0}.guide-footer nav a{font-size:14px}.guide-footer p{font-size:11px;max-width:95ch}.guide-club-index{display:flex;gap:10px;flex-wrap:wrap;padding:28px 0}.guide-club-index a{font:700 12px monospace;text-decoration:none;padding:10px 14px;border:1px solid #38505e}.guide-clubs{display:grid;gap:28px;padding:24px 0}.guide-club{display:grid;grid-template-columns:1fr 1fr;gap:22px 40px;padding:32px;border:1px solid #38505e;border-top:4px solid var(--club);background:linear-gradient(130deg,#192d3c,#101e2a);scroll-margin-top:20px;border-radius:4px}.guide-club-heading h2{font-size:39px;margin:0}.guide-club-heading h2 em{color:var(--club)}.guide-club-heading p{font-size:14px}.guide-club-heading .guide-kicker{font-size:10px;color:var(--club)}.guide-club-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-self:start;text-align:center;font:700 9px/1.6 monospace;color:#a2bac6}.guide-club-stats b{display:block;color:var(--club);font:900 32px/1.3 monospace;margin-bottom:7px}.guide-anchors{display:flex;gap:18px;text-align:center;align-items:end}.guide-anchors>div{width:33.33%;min-width:0}.guide-anchors img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.guide-anchors b{font-size:12px;display:block}.guide-anchors small{font:700 10px monospace;color:var(--club)}.guide-club-scout h3{color:var(--club);font:700 12px monospace;letter-spacing:1px}.guide-club-scout p{font-size:14px}.guide-club-scout summary{font-size:13px}.guide-roster{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide-roster h4{font:700 10px monospace;color:var(--club);letter-spacing:1px}.guide-roster ol{list-style:none;margin:0;padding:0}.guide-roster li{display:flex;align-items:center;gap:8px;font-size:12px;border-bottom:1px solid #38505e;padding:8px 0}.guide-roster li span{font:700 10px monospace;width:27px;color:#9ab2c0}.guide-roster li b{margin-left:auto;color:var(--club)}.guide-filters{display:grid;grid-template-columns:1.4fr 1.2fr 1fr 1fr;gap:16px;margin:28px 0 18px}.guide-filters label{font:700 10px/1.6 monospace;color:#9fced8;letter-spacing:1px;min-width:0}.guide-filters input,.guide-filters select{display:block;width:100%;min-height:48px;padding:12px;margin:8px 0 0;background:#172b39;color:#edf1df;border:1px solid #52717d;border-radius:3px;font:14px system-ui}.guide-filters :disabled{opacity:.6}.ratings-table{min-width:880px}.ratings-table caption{text-align:left;font:700 12px monospace;padding:16px;background:#1b3040;color:#f5d27d}.ratings-table td{font:14px monospace}.ratings-table td:last-child{font:12px system-ui}.guide-player{display:flex;align-items:center;gap:10px;min-width:205px}.guide-player img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated}.guide-player small{display:block;font:10px/1.7 monospace;font-weight:400;color:#a2bac6}.ratings-table .guide-ovr{color:#f5d27d;font-weight:900;font-size:19px}.home-guide{background:linear-gradient(#0b1823,#112431);color:#edf1df;padding:64px max(24px,calc((100vw - 1072px)/2));font:16px/1.8 system-ui;border-top:1px solid #38505e}.home-guide .guide-kicker{color:#91d6df}.home-guide-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}.home-guide h2{font-size:clamp(34px,4vw,52px)}.home-guide p{color:#c2d0d6;max-width:65ch}.home-guide figure{margin:0}.home-guide figure img{width:100%;height:auto;display:block;border:1px solid #52717d;border-radius:4px}.home-guide figcaption{font-size:11px;color:#a2bac6;margin-top:10px}.home-guide-links{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.home-guide-links a{display:block;text-decoration:none;border-top:2px solid #52717d;padding:20px 0;color:#f5d27d}.home-guide-links b{display:block;font-size:19px;margin-bottom:8px}.home-guide-links span{display:block;font-size:13px;color:#c2d0d6}.home-guide .guide-button{margin-top:15px}.welcome-guide-nav{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:14px 0 0;font:700 10px monospace}.welcome-guide-nav a{color:#bcdde3}.welcome-screen{display:block;padding:0}.welcome-stage{position:relative;isolation:isolate;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:32px 24px;overflow:hidden}.welcome-stage .welcome-bottom{margin-top:30px}
@media(max-width:760px){.guide-header{padding:18px 20px;gap:18px;flex-wrap:wrap}.guide-header nav{order:3;width:100%;gap:24px}.guide-header .guide-button{margin-left:auto}.guide-brand{font-size:21px}.guide-main{padding:0 20px}.guide-hero{padding:38px 0 30px;gap:8px}.guide-hero-art{width:28%;min-width:90px}.guide-lead{font-size:15px}.guide-page h1{font-size:42px}.guide-section{padding:32px 0}.guide-section-title{grid-template-columns:1fr;gap:12px}.guide-section-title>span{padding:0}.guide-steps,.guide-three-column,.guide-two-column{grid-template-columns:1fr;gap:24px}.guide-club{padding:22px;grid-template-columns:1fr;gap:22px}.guide-club-heading h2{font-size:34px}.guide-club-stats{grid-row:2}.guide-anchors{max-width:440px;margin:auto;width:100%}.guide-filters{grid-template-columns:1fr 1fr;gap:12px}.guide-table th,.guide-table td{padding:13px}.guide-footer{padding:32px 20px}.home-guide{padding:40px 24px}.home-guide-intro,.home-guide-links{grid-template-columns:1fr;gap:24px}.home-guide-links{margin-top:24px}.welcome-stage{padding:70px 20px 24px;flex-direction:column;justify-content:flex-start;gap:28px}.welcome-stage .welcome-bottom{margin-top:auto}.welcome-guide-nav{gap:16px;font-size:9px}}
@media(max-height:650px) and (min-width:761px){.welcome-stage{display:block;padding-top:48px}.welcome-stage .welcome-bottom{position:relative;inset:auto}.welcome-stage .welcome-content{margin:auto}}
@media(max-height:500px) and (min-width:761px){.welcome-stage{padding:50px 24px 14px}.welcome-stage .welcome-content{padding-bottom:20px}.welcome-guide-nav{font-size:9px;margin-top:10px}}