.rules-page{max-width:1200px;margin:auto;padding:12px 0 50px}.rules-page [hidden]{display:none!important}.rules-breadcrumb{display:flex;gap:12px;font-size:.88rem;margin-bottom:26px;flex-wrap:wrap}.rules-breadcrumb span,.rules-small,.rules-source{color:var(--muted)}.rules-eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.14em;color:var(--accent);text-transform:uppercase}.rules-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:50px;background:var(--soft);border:1px solid var(--border);border-radius:24px;padding:44px;align-items:center}.rules-hero h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.05;letter-spacing:-.04em;margin:12px 0 22px}.rules-hero p{line-height:1.75;color:var(--muted)}.rules-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px}.rules-actions form{margin:0}.rules-benefits{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;font-size:.82rem;color:var(--muted)}.rules-hero-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:26px;box-shadow:0 16px 36px #00000008}.rules-hero-card h2{font-size:1.65rem;line-height:1.2}.rules-court{height:110px;border-radius:12px;position:relative;background:#276947;margin-top:20px;overflow:hidden}.rules-court-line{position:absolute;top:0;bottom:0;left:68%;width:5px;background:#fff}.rules-court-ball{position:absolute;left:calc(68% - 15px);top:48px;width:30px;height:30px;border-radius:50%;background:#d5ee56;border:2px solid #b7ce42;box-shadow:0 4px 12px #0004}.rules-panel{border:1px solid var(--border);border-radius:18px;padding:28px;background:var(--surface);margin:24px 0;min-width:0}.rules-sport-grid,.rules-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.rules-sport-grid h2{font-size:1.5rem}.rules-panel p{color:var(--muted);line-height:1.7}.rules-pill{background:var(--soft);padding:7px 12px;border-radius:20px;font-size:.72rem;font-weight:800;letter-spacing:.07em}.rules-link{font-weight:700;display:inline-block;margin-top:12px}.rules-section-heading{display:flex;justify-content:space-between;align-items:center;gap:28px;margin:30px 0 18px}.rules-section-heading h2{margin:6px 0;font-size:1.9rem}.rules-section-heading>p{max-width:450px;color:var(--muted);font-size:.9rem;line-height:1.6}.rules-filter{display:grid;grid-template-columns:2fr 1fr 1.3fr auto;gap:16px;align-items:end;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px}.rules-page label{font-size:.9rem}.rules-filter label,.rules-setup-form>label{display:grid;gap:8px;font-weight:600}.rules-page input[type=search],.rules-page select{padding:12px;width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;min-height:46px}.rules-filter-summary{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:.87rem;margin:12px 0}.rules-guide-list{display:grid;gap:12px}.rules-situation{border:1px solid var(--border);background:var(--surface);border-radius:14px;scroll-margin-top:24px}.rules-situation>summary{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 54px 22px 22px;cursor:pointer;list-style:none}.rules-situation>summary::-webkit-details-marker{display:none}.rules-situation-tags{font-size:.74rem;color:var(--muted)}.rules-situation strong{font-size:1.12rem;line-height:1.4}.rules-expand{position:absolute;right:22px;top:32px;color:var(--accent);font-size:1.4rem}.rules-situation[open] .rules-expand{transform:rotate(45deg)}.rules-situation-body{padding:0 22px 24px;border-top:1px solid var(--border)}.rules-situation-body>p{line-height:1.7}.rules-ruling{padding:18px 22px;border-radius:12px;background:var(--soft);margin:18px 0}.rules-ruling>span{font-size:.7rem;letter-spacing:.12em;font-weight:800;color:var(--accent)}.rules-ruling h3{margin:8px 0}.rules-ruling p{margin:0;line-height:1.65;color:var(--text)}.rules-source{font-size:.8rem;display:inline-block;line-height:1.6}.rules-permalink{display:block;font-size:.8rem;margin-top:12px}.rules-sources p{font-size:.88rem}.rules-small{font-size:.82rem!important;line-height:1.6}.rules-next{display:flex;gap:24px;align-items:center;justify-content:space-between}.rules-next .rules-actions{margin:0}.rules-quiz-page{max-width:1000px}.rules-quiz-heading{margin:24px 0 30px}.rules-quiz-heading h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.15;margin:12px 0}.rules-quiz-heading p{max-width:730px;color:var(--muted);line-height:1.7}.rules-setup-grid{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr)}.rules-setup-form fieldset{border:0;padding:0;margin:0 0 28px;min-width:0}.rules-setup-form legend{font-weight:700;margin:0 0 12px}.rules-choice-row{display:flex;gap:10px;flex-wrap:wrap}.rules-choice{display:flex;gap:12px;align-items:center;border:1px solid var(--border);border-radius:12px;padding:14px;margin:8px 0;cursor:pointer}.rules-choice:has(input:checked),.rules-answer:has(input:checked){background:var(--soft);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.rules-choice small{display:block;color:var(--muted);margin-top:6px}.rules-choice input,.rules-answer input,.rules-missed-toggle input{accent-color:var(--accent);width:19px;height:19px;flex:none}.rules-setup-form>label{margin-bottom:24px}.rules-how ol{padding-left:20px;line-height:1.8}.rules-how li{margin-bottom:14px}.rules-progress{margin:24px 0}.rules-progress>div{display:flex;gap:16px;justify-content:space-between;font-size:.86rem;color:var(--muted);margin-bottom:10px}.rules-progress progress{width:100%;height:9px;accent-color:var(--accent)}.rules-question{padding:28px;position:relative}.rules-question legend{float:left;width:100%;padding:0;margin-bottom:24px}.rules-question legend+*{clear:both}.rules-question-title{display:block;font-size:clamp(1.25rem,2.4vw,1.7rem);font-weight:700;line-height:1.45;margin-top:10px}.rules-answer-list{display:grid;gap:12px}.rules-answer{position:relative;display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--border);border-radius:12px;cursor:pointer}.rules-answer>span{display:flex;align-items:center;gap:14px;line-height:1.5}.rules-answer b{display:grid;place-items:center;min-width:28px;height:28px;border-radius:7px;background:var(--soft);font-size:.8rem}.rules-unsure{border-style:dashed;color:var(--muted)}.rules-quiz-controls{display:flex;justify-content:space-between;gap:14px;margin:22px 0}.rules-quiz-controls .primary{margin-left:auto}.rules-quiz-error{background:var(--soft);padding:16px;border-left:4px solid var(--accent)}.rules-result-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:22px;background:var(--soft);padding:32px;margin:24px 0}.rules-result-heading h1{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.2}.rules-result-heading p{line-height:1.7;color:var(--muted)}.rules-score-badge{text-align:center;flex:none;border:1px solid var(--border);padding:24px;border-radius:18px;background:var(--surface)}.rules-score-badge strong{display:block;font-size:3.2rem;color:var(--accent)}.rules-score-badge span{font-size:.82rem;color:var(--muted)}.rules-topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.rules-topic-grid>div{display:grid;gap:8px;background:var(--soft);padding:16px;border-radius:12px}.rules-topic-grid span,.rules-topic-grid a{font-size:.85rem}.rules-review{border-left-width:4px}.rules-review.is-correct{border-left-color:var(--accent)}.rules-review.is-missed{border-left-color:#b38625}.rules-review h3{line-height:1.5}.rules-missed-toggle{display:flex;gap:10px;align-items:center}.rules-page button:disabled{opacity:.65;cursor:wait}@media(max-width:850px){.rules-hero,.rules-setup-grid{grid-template-columns:1fr}.rules-hero{gap:24px;padding:26px}.rules-filter{grid-template-columns:1fr 1fr}.rules-filter label:first-child{grid-column:1/-1}.rules-filter button{align-self:end}.rules-section-heading,.rules-next{align-items:start;flex-direction:column;gap:12px}.rules-hero-card{max-width:none}.rules-panel{padding:22px}}@media(max-width:560px){.rules-sport-grid,.rules-filter{grid-template-columns:1fr;gap:10px}.rules-sport-grid .rules-panel{margin:12px 0}.rules-filter label:first-child{grid-column:auto}.rules-result-heading{align-items:start;flex-direction:column;padding:22px}.rules-score-badge{width:100%;box-sizing:border-box;padding:16px}.rules-quiz-controls{flex-wrap:wrap}.rules-quiz-controls button{width:100%}.rules-hero .rules-actions .button{width:100%}.rules-choice-row{flex-direction:column}.rules-question{padding:20px}.rules-answer{padding:14px}.rules-answer b{display:none}.rules-question-title{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){.rules-expand{transition:none}}
.rules-page label.rules-answer,.rules-page label.rules-choice,.rules-page label.rules-missed-toggle{display:flex}.rules-page label.rules-answer{margin:0}.rules-page label.rules-choice{margin:8px 0}.rules-page label.rules-missed-toggle{margin:0}.rules-page input[type=radio],.rules-page input[type=checkbox]{padding:0;margin:0}.rules-progress progress{appearance:none;border:0;display:block;border-radius:999px;overflow:hidden}.rules-progress progress::-webkit-progress-bar{background:var(--border);border-radius:999px}.rules-progress progress::-webkit-progress-value{background:var(--accent);border-radius:999px}.rules-progress progress::-moz-progress-bar{background:var(--accent);border-radius:999px}
@media(min-width:851px){.rules-filter{grid-template-columns:1.8fr 1fr 1.4fr 1fr auto}}