.pp-page{padding-top:32px}.pp-page [hidden]{display:none!important}.pp-crumbs{color:var(--muted);flex-wrap:wrap;gap:8px;margin-bottom:22px;font-size:.8rem;display:flex}.pp-crumbs a{color:var(--muted)}.pp-crumbs a:hover{color:var(--ink)}.pp-head{max-width:860px;margin-bottom:28px}.pp-head h1{margin:.1em 0 .35em;font-size:clamp(2.2rem,4.2vw,3.4rem);line-height:1.08}.pp-lede{max-width:70ch;color:var(--muted);font-size:1.05rem}.pp-form{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--panel);grid-template-columns:repeat(auto-fill,minmax(168px,1fr));align-items:end;gap:14px 16px;margin-bottom:32px;padding:20px;display:grid}.pp-form label{min-width:0;color:var(--muted);flex-direction:column;gap:6px;font-size:.8rem;font-weight:700;display:flex}.pp-form input[type=number]{border:1px solid var(--line);background:var(--panel);width:100%;min-height:48px;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:7px;padding:9px 14px}.pp-form .pp-check{min-height:48px;color:var(--ink);cursor:pointer;flex-direction:row;align-items:center;gap:10px;font-size:.9rem}.pp-check input{width:20px;height:20px;accent-color:var(--play)}.pp-actions{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.section-play .pp-actions .button-primary{background:var(--play);color:#140c26}:root[data-theme=light] .section-play .pp-actions .button-primary{color:#fff}.pp-note,.pp-status{color:var(--muted);grid-column:1/-1;max-width:80ch;margin:0;font-size:.86rem}.pp-status{color:var(--ink);min-height:1.6em;font-weight:600}.pp-form-inline{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.pp-tips,.pp-section{max-width:920px;margin-top:48px}.pp-tips h2,.pp-section h2{margin-bottom:12px;font-size:clamp(1.35rem,2.4vw,1.8rem)}.pp-tips ul,.pp-facts{color:var(--muted);padding-left:1.2em}.pp-tips li,.pp-facts li{margin-bottom:8px}.pp-facts strong{color:var(--ink)}.pp-page .text-link{color:var(--play);font-size:.9rem;font-weight:700}.pp-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.pp-card{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--panel);flex-direction:column;gap:8px;padding:22px;text-decoration:none;transition:border-color .16s,transform .16s;display:flex}.pp-card:hover{border-color:var(--play);transform:translateY(-2px)}.pp-card strong{font-size:1.15rem}.pp-card span:last-child{color:var(--muted);font-size:.9rem}.pp-card-kicker{color:var(--play);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800}.pp-section>p{color:var(--muted);max-width:72ch}.pp-lesson{border-top:1px solid var(--hairline);margin:20px 0 0;padding:0;list-style:none}.pp-lesson li{border-bottom:1px solid var(--hairline);grid-template-columns:72px 140px minmax(0,1fr);gap:16px;padding:14px 0;display:grid}.pp-lesson span:last-child{color:var(--muted)}.pp-mins{color:var(--play);font-variant-numeric:tabular-nums;font-weight:800}.pp-two{grid-template-columns:1fr 1fr;gap:32px;display:grid}.pp-two h3{margin-bottom:8px;font-size:1.1rem}.pp-two p{color:var(--muted)}.pp-links{flex-wrap:wrap;gap:8px;display:flex}.pp-links a{border:1px solid var(--hairline);background:var(--panel-soft);min-height:36px;color:var(--ink);border-radius:999px;align-items:center;padding:4px 12px;font-size:.85rem;text-decoration:none;display:inline-flex}.pp-links a:hover{border-color:var(--play)}.pp-skills{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0 0;padding:0;list-style:none;display:grid}.pp-skills li{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--panel);flex-direction:column;gap:8px;padding:18px;display:flex}.pp-skills strong small{color:var(--muted);margin-left:6px;font-weight:600}.pp-skills li>span:not(.pp-links){color:var(--muted);font-size:.92rem}.ws-output{flex-direction:column;align-items:center;gap:28px;display:flex}.ws-page{--ink-p:#111;--soft-p:#555;--line-p:#222;aspect-ratio:210/297;width:min(100%,794px);color:var(--ink-p);background:#fff;border-radius:4px;flex-direction:column;padding:5.7cqw 5.7cqw 4cqw;font-size:2.1cqw;line-height:1.35;display:flex;overflow:hidden;box-shadow:0 18px 50px -20px #000a;container-type:inline-size}.ws-head{border-bottom:.3cqw solid var(--line-p);grid-template-columns:1fr auto;gap:1.2cqw 3cqw;padding-bottom:2cqw;display:grid}.ws-brand{align-items:baseline;gap:2cqw;display:flex}.ws-brand strong{letter-spacing:.08em;font-size:2.6cqw}.ws-brand span{color:var(--soft-p);font-size:2.1cqw}.ws-meta{color:var(--soft-p);flex-direction:column;align-items:end;font-size:1.9cqw;display:flex}.ws-lines{grid-column:1/-1;grid-template-columns:2fr 1fr 1fr;gap:3cqw;margin-top:1.4cqw;display:grid}.ws-lines span{border-bottom:.15cqw solid var(--soft-p);color:var(--soft-p);padding-bottom:.6cqw;font-size:1.8cqw}.ws-rule{max-width:none;color:var(--ink-p);grid-column:1/-1;margin:.8cqw 0 0;font-size:1.9cqw}.ws-items{grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));grid-template-rows:repeat(var(--rows,2),minmax(0,1fr));flex:1;gap:3cqw;min-height:0;margin:2.4cqw 0 0;padding:0;list-style:none;display:grid}.ws-page[data-per="1"]{--cols:1;--rows:1}.ws-page[data-per="2"]{--cols:1;--rows:2}.ws-page[data-per="4"]{--cols:2;--rows:2}.ws-page[data-per="6"]{--cols:2;--rows:3}.ws-page[data-per="8"]{--cols:2;--rows:4}.ws-page[data-per="12"]{--cols:3;--rows:4}.ws-item{place-items:center;min-width:0;min-height:0;display:grid;position:relative;container-type:size}.ws-num{font-size:max(9px,5cqh);font-weight:800;position:absolute;top:0;left:0}.ws-caption{text-align:center;color:var(--soft-p);font-size:max(9px,4cqh);position:absolute;bottom:0;left:0;right:0}.ws-foot{color:var(--soft-p);text-align:center;border-top:.15cqw solid #bbb;margin-top:2cqw;padding-top:1.2cqw;font-size:1.6cqw}.ws-page.is-key .ws-head{border-bottom-style:dashed}.ws-grid{--size:min(92cqw,86cqh);width:var(--size);aspect-ratio:1;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-template-rows:repeat(var(--n),minmax(0,1fr));border:2px solid var(--line-p);color:var(--ink-p);font-variant-numeric:tabular-nums;display:grid;container-type:inline-size}.ws-cell{font-size:calc(58cqw / var(--n));color:#333;border-bottom:1px solid #9a9a9a;border-right:1px solid #9a9a9a;place-items:center;font-weight:400;display:grid;position:relative}.ws-cell.is-given{color:#000;font-weight:800}.ws-cell.b-r{border-right:2px solid var(--line-p)}.ws-cell.b-b{border-bottom:2px solid var(--line-p)}.ws-grid>.ws-cell:nth-child(n){box-sizing:border-box}.ws-sudoku .ws-cell:nth-child(9n){border-right:0}.ws-sudoku .ws-cell:nth-last-child(-n+9){border-bottom:0}.ws-binairo .ws-cell,.ws-calcudoku .ws-cell{border:0;outline:.5px solid #9a9a9a}.ws-calcudoku .ws-cell.c-r{border-right:2px solid var(--line-p)}.ws-calcudoku .ws-cell.c-b{border-bottom:2px solid var(--line-p)}.ws-calcudoku .ws-cell small{font-size:calc(20cqw / var(--n));color:#000;font-weight:800;line-height:1;position:absolute;top:4%;left:7%}.ws-futoshiki{grid-template-columns:var(--tpl);grid-template-rows:var(--tpl);border:0}.ws-futoshiki .ws-cell{border:1.5px solid var(--line-p);font-size:calc(50cqw / var(--n))}.ws-sign,.ws-gap,.ws-clue{border:0;place-items:center;display:grid}.ws-sign{font-size:calc(40cqw / var(--n));color:#000;font-weight:800}.ws-sky{border:0}.ws-sky .ws-cell{border:1px solid #9a9a9a}.ws-sky .ws-clue{font-size:calc(46cqw / var(--n));font-weight:800}.ws-nonogram{--size:min(92cqw,calc(86cqh * var(--n) / var(--rows)));aspect-ratio:var(--n)/var(--rows);grid-template-rows:repeat(var(--rows),minmax(0,1fr));border:0}.ws-nonogram .ws-cell{border:0;outline:.5px solid #9a9a9a}.ws-nonogram .ws-cell.b-r{border-right:2px solid var(--line-p)}.ws-nonogram .ws-cell.b-b{border-bottom:2px solid var(--line-p)}.ws-nonogram .ws-cell.is-filled{background:#111}.ws-nclue{font-size:calc(52cqw / var(--n));font-weight:700}.ws-hashi{width:min(92cqw,86cqh);height:auto}.ws-island{fill:#fff;stroke:#000;stroke-width:.7px}.ws-island-n{fill:#000;dominant-baseline:middle;font:700 5.2px system-ui,sans-serif}.ws-bridge{stroke:#000;stroke-width:.7px}.ws-24{flex-direction:column;align-items:center;gap:6cqh;width:100%;display:flex}.ws-24-cards{gap:4cqw;display:flex}.ws-24-cards span{aspect-ratio:3/4;border:2px solid #000;border-radius:8%;place-items:center;width:17cqw;max-height:40cqh;font-size:min(9cqw,20cqh);font-weight:800;display:grid}.ws-24-line{text-align:right;color:#555;border-bottom:1px solid #777;width:80%;margin:0;font-size:min(5cqw,11cqh)}.ws-24-answer{margin:0;font-size:min(5.5cqw,12cqh);font-weight:700}.rc-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:20px;display:grid}.rc-card{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--panel);flex-direction:column;padding:26px;display:flex}.rc-head{border-bottom:1px solid var(--hairline);grid-template-columns:72px minmax(0,1fr);align-items:center;gap:18px;padding-bottom:16px;display:grid}.rc-icon{fill:none;width:72px;height:72px;stroke:var(--cat,var(--play));stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.rc-icon .f{fill:currentColor;stroke:none}.rc-icon{color:var(--cat,var(--play))}.rc-icon text{fill:currentColor;stroke:none;font:800 8px system-ui,sans-serif}.rc-cat{color:var(--cat-ink,var(--play));letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.rc-head h2{margin:.1em 0 .15em;font-size:1.6rem;line-height:1.15}.rc-tag{color:var(--muted);margin:0;font-size:.92rem}.rc-sub{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:18px 0 8px;font-size:.8rem}.rc-rules{gap:8px;margin:0;padding-left:1.4em;font-size:1rem;display:grid}.rc-controls{color:var(--muted);margin:16px 0 0;font-size:.85rem}.rc-foot{border-top:1px solid var(--hairline);color:var(--muted);justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;font-size:.78rem;display:flex}.rc-controls+.rc-foot{margin-top:18px}.rc-foot a{color:var(--muted);overflow-wrap:anywhere}@media (width<=820px){.pp-cards,.pp-two,.pp-skills{grid-template-columns:1fr}.pp-lesson li{grid-template-columns:60px minmax(0,1fr)}.pp-lesson li span:last-child{grid-column:2}}@media (width<=520px){.pp-form{grid-template-columns:1fr 1fr;padding:16px}.pp-form .pp-sheet,.pp-form .pp-check{grid-column:1/-1}.ws-page{border-radius:2px}.rc-card{padding:20px}.rc-head{grid-template-columns:52px minmax(0,1fr)}.rc-icon{width:52px;height:52px}}@media (forced-colors:active){.ws-page{border:1px solid canvastext}.ws-nonogram .ws-cell.is-filled{background:canvastext}}@media print{@page{size:A4;margin:0}html,body{color:#000!important;background:#fff!important}.site-header,.site-footer,.skip-link,.pp-crumbs,.pp-head,.pp-form,.pp-tips,noscript{display:none!important}main,.pp-page,.section-wrap{width:auto!important;max-width:none!important;margin:0!important;padding:0!important}.ws-output{display:block}.ws-page{aspect-ratio:auto;width:210mm;height:297mm;box-shadow:none;break-after:page;page-break-after:always;border-radius:0;padding:12mm 12mm 9mm}.ws-page:last-child{break-after:auto;page-break-after:auto}.ws-grid,.ws-cell,.ws-nonogram .ws-cell.is-filled,.rc-icon{-webkit-print-color-adjust:exact;print-color-adjust:exact}.rc-list{display:block}.rc-card{--cat:#000;--cat-ink:#000;color:#000;break-after:page;page-break-after:always;background:#fff;border:0;border-radius:0;width:210mm;height:297mm;padding:22mm 20mm 16mm;font-size:15pt}.rc-card:last-child{break-after:auto;page-break-after:auto}.rc-head{border-bottom:1.5pt solid #000;grid-template-columns:44mm minmax(0,1fr);gap:9mm;padding-bottom:8mm}.rc-icon{color:#000;stroke:#000;stroke-width:1.6px;width:44mm;height:44mm}.rc-cat,.rc-tag,.rc-sub,.rc-controls,.rc-foot,.rc-foot a{color:#333}.rc-head h2{font-size:34pt}.rc-tag{font-size:14pt}.rc-sub{margin:10mm 0 4mm;font-size:11pt}.rc-rules{gap:5mm;padding-left:1.3em;font-size:17pt}.rc-controls{margin-top:8mm;font-size:11pt}.rc-foot{border-top:1pt solid #000;padding-top:4mm;font-size:11pt}.rc-list[data-layout=cards] .rc-card{break-after:auto;page-break-after:auto;break-inside:avoid;border-bottom:1pt dashed #888;height:148.5mm;padding:12mm 16mm 9mm;font-size:12pt}.rc-list[data-layout=cards] .rc-card.rc-break{break-after:page;page-break-after:always;border-bottom:0}.rc-list[data-layout=cards] .rc-head{grid-template-columns:24mm minmax(0,1fr);gap:6mm;padding-bottom:4mm}.rc-list[data-layout=cards] .rc-icon{width:24mm;height:24mm}.rc-list[data-layout=cards] .rc-head h2{font-size:22pt}.rc-list[data-layout=cards] .rc-tag{font-size:11pt}.rc-list[data-layout=cards] .rc-sub{margin:4mm 0 2mm}.rc-list[data-layout=cards] .rc-rules{gap:2.5mm;font-size:12.5pt}.rc-list[data-layout=cards] .rc-controls{margin-top:4mm;font-size:9.5pt}.rc-list[data-layout=cards] .rc-foot{padding-top:2mm;font-size:9pt}}
