:root{--pitch:#14532d;--pitch-2:#166534;--grass:#e8f3ea;--chalk:#fff;--ink:#132018;--muted:#4a5a50;--line:#d5e2d8;--amber:#f59e0b;--amber-ink:#7a4a00;--red:#dc2626;--blue:#2563eb;--card:#fff;--bg:#f4f7f4;--warn:#fff7e6;--r:14px;--head-h:104px;--font-b:var(--font-body), system-ui, sans-serif;--font-h:var(--font-head), var(--font-body), sans-serif;font-size:17px}:root.sun{--muted:#132018;--line:#8aa394;--bg:#fff;--grass:#dcefe0;font-size:20px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-b);margin:0;line-height:1.5}body{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,.brand,.chip,.btn,.tag,.step,.q{font-family:var(--font-h);letter-spacing:.01em}a{color:var(--pitch-2)}:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.skip{z-index:30;background:#fff;border-radius:8px;padding:10px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}header.site{background:var(--pitch);color:var(--chalk);z-index:5;background-image:repeating-linear-gradient(90deg,#0000 0 46px,#ffffff0a 46px 92px);position:sticky;top:0}.bar{align-items:center;gap:10px;max-width:760px;margin:0 auto;padding:6px 16px 2px;display:flex}.brand{color:#fff;align-items:center;gap:8px;min-height:44px;margin-right:auto;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.brand small{font-family:var(--font-b);opacity:.85;letter-spacing:0;margin-top:-4px;font-size:.72rem;font-weight:500;display:block}@media (width<=419px){.brand small{display:none}}.iconbtn{color:#fff;min-width:44px;min-height:44px;font:700 1rem var(--font-h);cursor:pointer;background:0 0;border:1.5px solid #ffffff80;border-radius:10px}.iconbtn[aria-pressed=true]{background:var(--amber);border-color:var(--amber);color:#1d1300}.ages{gap:6px;max-width:760px;margin:0 auto;padding:0 16px 6px;display:flex;overflow-x:auto}.chip{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #ffffff80;border-radius:999px;min-height:44px;padding:0 16px;font-size:1rem;font-weight:700}.chip.soon{border-style:dashed}:root[data-age=U9] .chip[data-age=U9],:root[data-age=U10] .chip[data-age=U10],:root[data-age=U11] .chip[data-age=U11],:root[data-age=U12] .chip[data-age=U12],:root[data-age=U13] .chip[data-age=U13]{background:var(--amber);border-color:var(--amber);color:#1d1300}main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:18px 16px 40px}.crumb{margin-bottom:6px;font-size:.88rem}.crumb a{padding:10px 0;font-weight:600;text-decoration:none;display:inline-block}h1{margin:4px 0 8px;font-size:2rem;line-height:1.05}h2{margin:28px 0 10px;font-size:1.47rem;line-height:1.1}h3{margin:0 0 6px;font-size:1.24rem;line-height:1.15}p{margin:0 0 12px}.lede{color:var(--muted);font-size:1.06rem}.tiny{color:var(--muted);font-size:.82rem}.grid{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=620px){.grid{grid-template-columns:1fr 1fr}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px}a.prob{color:inherit;text-decoration:none;transition:transform .12s,box-shadow .12s;display:block;position:relative}a.prob:hover,a.prob:focus-visible{transform:translateY(-2px);box-shadow:0 6px 18px #14532d1f}.prob .q{margin:2px 28px 4px 0;font-size:1.35rem;font-weight:700;line-height:1.1}.prob .sub{color:var(--muted);font-size:.88rem}.prob .go{color:var(--pitch-2);font-weight:700;position:absolute;top:14px;right:14px}.tag{background:var(--grass);color:var(--pitch);border-radius:6px;margin:0 4px 6px 0;padding:1px 8px;font-size:.82rem;font-weight:700;display:inline-block}.tag.amber{color:var(--amber-ink);background:#fdecc8}.why{background:var(--grass);border-radius:var(--r);padding:14px 16px}.why ul{margin:6px 0 0;padding-left:20px}.say{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=420px){.say{grid-template-columns:1fr 1fr}}.say>div{border-radius:12px;padding:12px 14px;font-size:.94rem}.say .yes{background:#e6f4ea;border:1px solid #b9dcc3}.say .no{background:#fdeeee;border:1px solid #f3c7c7}.say h3{margin-bottom:4px;font-size:1.06rem}.say ul{margin:0;padding-left:18px}.steps{gap:6px;margin:6px 0 12px;padding-bottom:4px;padding-left:0;list-style:none;display:flex;position:relative;overflow-x:auto}.step{border:1.5px solid var(--line);cursor:pointer;min-height:44px;color:var(--muted);background:#fff;border-radius:10px;flex:none;padding:0 12px;font-size:.94rem;font-weight:700}.step[aria-selected=true]{border-color:var(--pitch);background:var(--pitch);color:#fff}.drill,.steps{scroll-margin-top:calc(var(--head-h) + 8px)}.drill{border:1px solid var(--line);border-radius:var(--r);background:#fff}.drill .diag{background:var(--pitch-2);border-radius:var(--r) var(--r) 0 0;padding:10px}.drill .diag svg text{font-family:var(--font-b)}.drill .legend{margin:0;padding:8px 16px 0}.drill .diag svg{aspect-ratio:300/170;width:100%;height:auto;display:block}.drill .body{padding:14px 16px}.meta{flex-wrap:wrap;gap:0;margin-bottom:8px;display:flex}.drill .sub-h{color:var(--pitch);margin:12px 0 4px;font-size:1.06rem}.drill h1{font-size:1.6rem}.drill ol,.drill ul{margin:0;padding-left:20px}.drill li{margin-bottom:3px}.next{background:var(--warn);border-left:4px solid var(--amber);border-radius:8px;margin-top:12px;padding:10px 12px;font-size:.94rem}.legend{color:var(--muted);flex-wrap:wrap;gap:4px 12px;margin:4px 0 10px;padding:0;font-size:.82rem;list-style:none;display:flex}.legend li{align-items:center;gap:5px;display:inline-flex}.nav2{z-index:3;padding:10px 0 calc(10px + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--bg) 30%);justify-content:space-between;gap:10px;display:flex;position:sticky;bottom:0}.nav2 .btn{flex:1}.ladder[data-js] .drill[hidden],.ladder:not([data-js]) .nav2{display:none}.ladder:not([data-js]) .drill+.drill{margin-top:16px}.btn{background:var(--pitch);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-size:1.06rem;font-weight:700;text-decoration:none;display:inline-flex}.btn.ghost{color:var(--pitch);border:1.5px solid var(--pitch);background:#fff}.btn:disabled{opacity:.4;cursor:default}.mist li{margin-bottom:6px}table.rules{border-collapse:separate;border-spacing:0;border-radius:var(--r);border:1px solid var(--line);background:#fff;width:100%;overflow:hidden}.rules th,.rules td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px;font-size:.94rem}.rules th{width:34%;font-family:var(--font-h);color:var(--pitch);background:#f8fbf8;font-size:1.06rem}.rules tr:last-child th,.rules tr:last-child td{border-bottom:0}.notice{background:var(--warn);border-radius:var(--r);border:1px solid #f6d79a;margin:12px 0;padding:12px 14px;font-size:.9rem}.notice.danger{border:2px solid var(--red);background:#fdeeee}.block{border:1px solid var(--line);border-radius:var(--r);background:#fff;align-items:flex-start;gap:12px;margin:0 0 10px;padding:12px 14px;display:flex}.block .t{text-align:center;width:58px;font-family:var(--font-h);color:var(--pitch);flex:none;font-size:1.4rem;font-weight:800;line-height:1}.block .t small{color:var(--muted);font-size:.7rem;font-weight:600;display:block}.block.live{border-color:var(--amber);box-shadow:0 0 0 3px #fdecc8}.block.done{opacity:.55}ol.blocks{margin:0 0 12px;padding:0;list-style:none}.clock{top:calc(var(--head-h) + 6px);z-index:4;color:#fff;background:#1d1300;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;margin-bottom:12px;padding:10px 14px;display:flex;position:sticky}.clock[hidden]{display:none}.clock .time{font-family:var(--font-h);color:var(--amber);font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:800;line-height:1}.clock .name{color:#fde68a;flex:100%;font-size:.88rem;font-weight:600}.clock .btns{gap:6px;display:flex}.clock .btn{min-height:44px;padding:0 12px;font-size:.94rem}.clock .btn.ghost{color:#fff;background:0 0;border-color:#fff}.clock .btn.stop{background:var(--amber);color:#1d1300}label.check{align-items:center;gap:8px;min-height:44px;display:inline-flex}label.check input{width:22px;height:22px}.search{width:100%;min-height:48px;font:inherit;border:1.5px solid var(--line);background:#fff;border-radius:12px;margin:6px 0 14px;padding:0 14px}.search:focus{border-color:var(--pitch)}.soon-panel{display:none}.draft .q:after{content:" (draft)";color:var(--muted);font-size:.8em;font-weight:600}footer.site{width:100%;max-width:760px;color:var(--muted);margin:0 auto;padding:0 16px 40px;font-size:.82rem}footer.site .card{background:0 0}footer.site nav{flex-wrap:wrap;gap:0 16px;margin-top:8px;display:flex}footer.site nav a{padding:10px 0;display:inline-block}.install{background:var(--warn);border-color:#f6d79a;margin-bottom:12px}.ad{justify-content:center;align-items:center;min-height:220px;margin:28px 0;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{@page{size:A4;margin:12mm}:root{--bg:#fff;font-size:11pt}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}header.site,.skip,.crumb,.steps,.nav2,.ad,.install,.search,.clock,#start,label.check,#wakeNote,#share,#pick,footer.site nav{display:none!important}main{max-width:none;padding:0}a{color:inherit;text-decoration:none}h1{font-size:20pt}h2{margin:10pt 0 6pt;font-size:14pt}.drill{break-inside:avoid;border:1px solid #999}.ladder .drill[hidden]{display:block!important}.ladder .drill{break-before:page}.drill .diag{padding:6pt}.drill .diag svg{width:auto;max-height:85mm;margin:0 auto}.block,.card,.why,.say>div{break-inside:avoid}.block{margin-bottom:4pt;padding:6pt 8pt}footer.site{padding:0;font-size:8pt}footer.site .card{border:0;border-top:1px solid #999;border-radius:0;padding:6pt 0 0}}
