.bp{display:grid;grid-template-columns:22px 1fr 1fr;width:100%;max-width:300px;margin:0 auto;background:#fff;border-radius:10px;padding:8px 10px}.bp>span{border:1px dashed #cfc8b6;margin:-1px 0 0 -1px}.bp .bp-sign{display:grid;place-items:center;font:500 20px/1 Arial,sans-serif;color:#2b2a26}.bp .bp-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px 8px;min-height:66px}.bp .bp-tens{background:#3d8c7007}.bp .bp-ones{background:#ffd4660b}.bp .bp-cell b{font:500 20px/1 Arial,sans-serif;color:#2b2a26}.bp .bp-cell>span{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;max-width:100px}.bp .bp-ten{width:18px;height:18px;border-radius:50%;background:#3d8c70;box-shadow:inset 0 -2px 0 #287454}.bp .bp-one{width:12px;height:12px;border-radius:50%;background:#ffd466;box-shadow:inset 0 -1.5px 0 #e4ae3f}.bp.bp-marked .bp-cell b:not(.bp-blank){display:grid;place-items:center;width:28px;height:28px}.bp.bp-marked .bp-tens b:not(.bp-blank){background:#cfe5da;border-radius:50%}.bp.bp-marked .bp-ones b:not(.bp-blank){background:#ffe7a3;border-radius:3px}.cp{display:grid;grid-template-columns:22px 1fr 1fr;width:100%;max-width:300px;margin:0 auto;background:#fff;border-radius:10px;padding:8px 10px}.cp>span{border:1px dashed #cfc8b6;margin:-1px 0 0 -1px}.cp .cp-sign{display:grid;place-items:center;font:500 20px/1 Arial,sans-serif;color:#2b2a26}.cp .cp-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px 8px;min-height:66px}.cp .cp-tens{background:#3d8c7007}.cp .cp-ones{background:#ffd4660b}.cp .cp-cell b{font:500 20px/1 Arial,sans-serif;color:#2b2a26}.cp.cp-marks .cp-cell b{display:grid;place-items:center;width:28px;height:28px}.cp .cp-cell b.cp-ci{background:#cfe5da;border-radius:50%}.cp .cp-cell b.cp-sq{background:#ffe7a3;border-radius:3px}.cp .cp-cell>span{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;max-width:100px}.cp .cp-ones>span{justify-content:flex-start;max-width:72px}.cp .cp-ten{width:18px;height:18px;border-radius:50%;background:#3d8c70;box-shadow:inset 0 -2px 0 #287454}.cp .cp-one{width:12px;height:12px;border-radius:50%;background:#ffd466;box-shadow:inset 0 -1.5px 0 #e4ae3f}.tp{display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px}.tp .tp-frames{display:flex;gap:6px}.tp .tp-frame{display:grid;grid-template-columns:repeat(5,19px);grid-auto-rows:19px;border:2px solid #b7a382;border-radius:4px;background:#fffdf7}.tp .tp-cell{display:grid;place-items:center;border:1px solid #e7e2d4;margin:-1px 0 0 -1px}.tp .tp-cell:nth-child(-n+5){margin-top:0}.tp .tp-cell:nth-child(5n+1){margin-left:0}.tp .tp-dot{display:block;width:14px;height:14px;border-radius:50%;background:#ffd466;box-shadow:inset 0 -2px 0 #e4ae3f}.tp .tp-dot.tp-taken{background:#f4a6a0;box-shadow:inset 0 -2px 0 #d9807a}.tp .tp-tray{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;min-width:90px;max-width:200px;padding:5px 8px;border:2px dashed #cfc8b6;border-radius:8px}.tp .tp-expr{display:flex;align-items:center;gap:6px;align-self:flex-start;font:500 18px/1 Arial,sans-serif;color:#2b2a26}.tp .tp-box{display:inline-block;width:22px;height:22px;border:2px dashed #b7a382;border-radius:5px}.gp{--b:calc(var(--ball) * .7px);display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:300px;margin:0 auto;padding:10px;background:#fff;border-radius:10px}.gp-plates{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.gp-plate{display:block;width:calc(var(--plate) * .6px);height:calc(var(--plate) * .6px);border-radius:50%;background:#fff;border:2px solid #d9d2c0;box-shadow:inset 0 0 0 6px #f4efe3}.gp-tray{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;padding:8px;border-radius:12px;background:#f4efe2;border:1px dashed #cfc8b6}.gp-bag{display:grid;grid-template-columns:repeat(var(--cols),var(--b));gap:2px;padding:9px 7px 7px;border-radius:9px 9px 12px 12px;background:#e6d9b8;box-shadow:inset 0 -3px 0 #d3c397}.gp-ball{display:block;width:var(--b);height:var(--b);border-radius:50%;background:#ffd466;box-shadow:inset 0 -2px 0 #e4ae3f}.sp{align-items:center;gap:10px;width:100%;max-width:300px;margin:0 auto;padding:10px;background:#fff;border-radius:10px;opacity:.6}.sp,.sp .sp-tray{display:flex;flex-direction:column}.sp .sp-tray{align-items:flex-start;gap:4px;padding:8px;background:#ffd4660b;border:1px dashed #cfc8b6;border-radius:8px}.sp .sp-row{display:flex;gap:4px}.sp .sp-row>:nth-child(6){margin-left:5px}.sp .sp-ball{display:block;width:18px;height:18px;border-radius:50%;background:#ffd466;box-shadow:inset 0 -2px 0 #e4ae3f}.sp .sp-plates{display:grid;gap:6px;justify-content:center;width:100%}.sp .sp-cols-1{grid-template-columns:repeat(1,minmax(0,64px))}.sp .sp-cols-2{grid-template-columns:repeat(2,minmax(0,64px))}.sp .sp-cols-3{grid-template-columns:repeat(3,minmax(0,56px))}.sp .sp-cols-4{grid-template-columns:repeat(4,minmax(0,46px))}.sp .sp-cols-5{grid-template-columns:repeat(5,minmax(0,40px))}.sp .sp-plate{display:block;aspect-ratio:1;border-radius:50%;background:#faf8f3;border:2px solid #cfc8b6;box-shadow:0 2px 0 #e7e2d4}.cr{--cr-min:#8a847b;display:flex;flex-direction:column;align-items:center;gap:8px}.cr-wrap{position:relative;width:min(100%,340px,calc(100dvh - 410px));min-width:200px;aspect-ratio:1}.cr-set .cr-wrap{width:min(100%,340px,calc(100dvh - 360px))}.cr-svg{display:block;width:100%;height:100%;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:pointer}.cr-face{fill:#fffdf6;stroke:#2b2a26;stroke-width:3}.cr-tick{stroke:#b9b2a0;stroke-width:1.2;stroke-linecap:round}.cr-tick.is-major{stroke:#2b2a26;stroke-width:2.4}.cr-num{fill:#2b2a26;font:700 21px/1 Arial,sans-serif;text-anchor:middle;dominant-baseline:central}.cr-hand,.cr-num{pointer-events:none}.cr-hand{stroke-linecap:round}.cr-hand-hour{stroke:#2b2a26;stroke-width:9}.cr-hand-min{stroke:var(--cr-min);stroke-width:6}.cr-knob{fill:#fff;stroke-width:3.5;pointer-events:none}.cr-knob-hour{stroke:#2b2a26}.cr-knob-min{stroke:var(--cr-min)}.cr-cap{fill:#2b2a26}.cr-cap,.cr-origin{pointer-events:none}.cr-origin{opacity:.22}.cr-grab{cursor:grab;outline:none}.cr-grab line{stroke:#000;stroke-opacity:0;stroke-width:20;stroke-linecap:round;pointer-events:stroke}.cr-grab circle{fill:#000;fill-opacity:0;pointer-events:all}.cr-grab:focus-visible circle{stroke:#235f33;stroke-width:3;stroke-opacity:1}.cr-ghost{display:block;width:22px;height:22px;border-radius:50%;background:var(--cr-min)}.cr-ghost-hour{background:#2b2a26}.cr-answer{display:flex;align-items:center;justify-content:center;gap:6px}.cr-unit{font-size:18px;font-weight:700;color:#2b2a26}.cr-answer .hf-answer{width:56px}@media(max-width:480px){.cr{gap:4px}.cr-wrap{width:min(100%,320px,calc(100dvh - 320px))}.cr-set .cr-wrap{width:min(100%,320px,calc(100dvh - 276px))}.cr-answer .hf-answer{width:50px}.cr-unit{font-size:16px}}.cr-digital-row{display:flex;align-items:center;justify-content:center;gap:12px;min-height:42px;margin-top:6px}.cr-digital{display:inline-block;min-width:96px;padding:4px 12px;border-radius:8px;background:#2b2a26;color:#f4f1e8;font:600 28px/1.2 SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;text-align:center}.hf .cr-digital-toggle{padding:4px 12px;border:1px solid #e7e2d4;border-radius:99px;background:#fff;color:#5e5b52;font-size:12px;font-weight:700}@media (max-width:480px){.cr-digital-row{min-height:37px}.cr-digital{min-width:84px;font-size:24px}}.cr-focus{fill:rgba(217,138,58,.12);stroke:#d98a3a;stroke-width:2.5;pointer-events:none}.crp{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;max-width:300px;margin:0 auto;background:#fff;border-radius:10px;padding:8px 10px;opacity:.6}.crp-svg{display:block;flex:none;width:104px;height:104px}.crp .cr-num{font-size:23px}.crp-hour{stroke:#2b2a26;stroke-width:10;stroke-linecap:round}.crp-min{stroke:#8a847b;stroke-width:7;stroke-linecap:round}.crp-cap{fill:#2b2a26}.crp-label{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:16px;font-weight:700;color:#2b2a26}.crp-label i{display:inline-block;width:30px;height:30px;border:2px solid #cfc8b6;border-radius:6px}.c3p{display:grid;grid-template-columns:20px repeat(3,minmax(0,1fr));width:100%;max-width:300px;margin:0 auto;background:#fff;border-radius:10px;padding:8px 10px}.c3p>span{border:1px dashed #cfc8b6;margin:-1px 0 0 -1px}.c3p .c3p-sign{display:grid;place-items:start center;padding-top:4px;font:500 18px/1 Arial,sans-serif;color:#2b2a26}.c3p .c3p-cell{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 2px 6px;min-height:60px;min-width:0}.c3p .c3p-p0{background:#ffd4660b}.c3p .c3p-p1{background:#3d8c7007}.c3p .c3p-p2{background:#2f6f8f0a}.c3p .c3p-cell b{font:500 18px/1 Arial,sans-serif;color:#2b2a26}.c3p .c3p-balls{display:grid;grid-template-columns:repeat(5,9px);gap:2px;justify-content:center}.c3p i{display:block;width:9px;height:9px;border-radius:50%}.c3p .c3p-k0{background:#ffd466;box-shadow:inset 0 -1.5px 0 #e4ae3f}.c3p .c3p-k1{background:#3d8c70;box-shadow:inset 0 -1.5px 0 #287454}.c3p .c3p-k2{background:#2f6f8f;box-shadow:inset 0 -1.5px 0 #1f536d}.c3p .c3p-ci,.c3p .c3p-sq{display:grid;place-items:center;width:22px;height:22px;background:#d6d6d6}.c3p .c3p-sq{border-radius:2px}.c3p .c3p-ci{border-radius:50%}.tp{display:grid;width:100%;max-width:300px;margin:0 auto;background:#fff;border-radius:10px;padding:8px 10px}.tp-2{grid-template-columns:1fr 2fr}.tp-3{grid-template-columns:.8fr 1fr 2fr}.tp .tp-cell{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:5px 4px 7px;border:1px dashed #cfc8b6;margin-left:-1px}.tp .tp-cell:first-child{margin-left:0}.tp .tp-h{background:#2874540a}.tp .tp-t{background:#3d8c7007}.tp .tp-o{background:#ffd4660b}.tp .tp-slot{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;gap:2px;width:100%;min-height:62px}.tp .tp-cell em{display:block;width:26px;height:20px;border:2px solid #b7a382;border-radius:6px;background:#fff}.tp .tp-hun,.tp .tp-ten{display:block;border:2px dashed #3d8c7099;background:transparent}.tp .tp-ten{width:24px;height:24px;border-radius:50%}.tp .tp-hun{width:28px;height:28px;border-radius:7px;border-color:#28745499}.tp .tp-one{display:block;flex:none;border-radius:50%;background:#ffd466;box-shadow:inset 0 -1.5px 0 #e4ae3f}.tp-l .tp-one{width:13px;height:13px}.tp-m .tp-one{width:10px;height:10px}.tp-s .tp-one{width:7px;height:7px;gap:1px}.tp-s .tp-slot{gap:1px}.op{flex-direction:column;gap:4px;width:100%;max-width:300px;margin:0 auto;padding:8px 10px;background:#fff;border-radius:10px}.op,.op-expr{display:flex;align-items:center}.op-expr{gap:10px;font:500 24px/1 Arial,sans-serif;color:#2b2a26}.op-box{display:inline-block;width:30px;height:30px;border:2px dashed #b7a382;border-radius:6px}.op-under{display:flex;align-items:flex-end;gap:16px}.op-rows{display:flex;flex-wrap:wrap;width:90px;gap:1px}.op-carrot{width:17px;height:17px}.op-cols{display:flex;align-items:flex-end;gap:5px}.op-col{display:flex;flex-direction:column-reverse;gap:1px}.op-block{display:block;width:9px;height:9px;background:#b9c7d6;border:1px solid #2b2a26}.hint-dialog-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.2);animation:hint-dialog-fade .15s ease-out}.hint-dialog{position:relative;display:flex;flex-direction:column;width:100%;max-width:760px;max-height:calc(100dvh - 48px);background:#faf8f3;border-radius:16px;box-shadow:0 12px 48px rgba(0,0,0,.22);overflow:hidden;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,sans-serif}.hint-dialog-head{display:flex;justify-content:flex-end;padding:8px 8px 0;flex-shrink:0}.hint-dialog-close{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:none;color:#8e8b81;cursor:pointer}.hint-dialog-close:hover{background:#faf8f3;color:#2b2a26}.hint-dialog-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.hint-dialog-body>.bl.bl-inline,.hint-dialog-body>.hf{flex:1 0 auto}.hint-dialog-body .bl.bl-inline{border:0;border-radius:0;overflow:visible}.hint-dialog-body .bl-inline .bl-bottom{position:sticky;bottom:0;z-index:2;background:#faf8f3}.hint-dialog-loading{min-height:560px}@keyframes hint-dialog-fade{0%{opacity:0}to{opacity:1}}@media (max-width:700px){.hint-dialog-overlay{padding:0}.hint-dialog{max-width:none;max-height:none;height:100dvh;border-radius:0}.hint-dialog-head{position:absolute;top:4px;right:4px;z-index:5;padding:0}.hint-dialog-close{width:32px;height:32px;background:rgba(250,248,243,.9)}}@media (prefers-reduced-motion:reduce){.hint-dialog-overlay{animation:none}}button.hint-card[type]{display:flex;flex-direction:column;width:100%;max-width:360px;margin:0 0 20px;padding:0;background:#fff;border:1px solid #e7e2d4;border-radius:12px;overflow:hidden;text-align:left;font-family:inherit;color:#2b2a26;cursor:pointer;transition:border-color .15s,box-shadow .15s}button.hint-card[type]:hover{border-color:#c9e0a6;box-shadow:0 4px 14px rgba(43,42,38,.08)}button.hint-card[type] .hint-card-art{position:relative;display:block;padding:14px 16px;background:#f3f8ea}button.hint-card[type] .hint-card-art>:not(.hint-card-cta){opacity:.6;transition:opacity .15s}button.hint-card[type]:hover .hint-card-art>:not(.hint-card-cta){opacity:.75}button.hint-card[type] .hint-card-cta{position:absolute;left:50%;top:50%;translate:-50% -50%;display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#2e7a3c;color:#fff;border-radius:999px;font-size:15px;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px rgba(46,122,60,.3)}button.hint-card[type] .hint-card-foot{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:10px 14px;font-size:12.5px;line-height:1.5;color:#5e5b52}button.hint-card[type] .hint-card-foot b{font-size:14px;color:#2b2a26}