.py-tabs,.py-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.py-tabs button,.py-panel button,.py-actions button,#py-restart,#py-next,#py-start{cursor:pointer;border:1px solid var(--blue);padding:10px 18px;font:inherit;font-size:14px}.py-tabs button[aria-pressed=false],.py-panel button,.py-actions button:not(.primary){background:white;color:var(--blue)}.py-tabs button[aria-pressed=true]{background:var(--blue);color:white}.py-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:32px;margin:24px 0}.py-figure{background:#fafcfd;border:1px solid var(--line);padding:20px;text-align:center;align-self:start}.py-figure svg{display:block;width:100%;height:400px;color:var(--ink);font-family:inherit}.py-panel{border-left:2px solid var(--purple);padding:10px 22px;background:#f8f7fb}.py-panel label{display:flex;justify-content:space-between;font-weight:700}.py-panel input[type=range]{width:100%;accent-color:var(--blue);margin:12px 0 24px}.py-comparison{margin-top:22px}.py-comparison p{margin:10px 0}.py-result{border-top:1px solid var(--line);padding-top:12px;font-weight:700}.py-rule{background:#f0f5fa;border-left:2px solid var(--blue);padding:14px 18px;margin:20px 0}.py-rule summary{cursor:pointer;font-weight:700}.py-options{display:grid;gap:12px;border:0;padding:0;margin:20px 0}.py-options legend{font-size:14px;margin-bottom:12px}.py-options label{border:1px solid var(--line);padding:12px 16px;background:#fafcfd;cursor:pointer}.py-options input{accent-color:var(--blue);width:18px;height:18px;vertical-align:middle;margin-right:8px}#py-number{display:block;width:180px;padding:12px;border:1px solid #7d95a8;margin:10px 0;font:inherit}.py-hint{border-left:2px solid #9b731c;background:#fcf8ed;padding:14px 18px}.py-feedback{padding:16px 20px;margin:20px 0;border-left:3px solid}.py-feedback.success{background:#eef6f0;border-color:#24583e}.py-feedback.retry{background:#fcf8ed;border-color:#9b731c}#py-defis{max-width:760px;padding-bottom:30px}#py-defis progress{width:100%;height:10px;accent-color:var(--blue);margin-bottom:20px}.py-actions button:disabled{opacity:.6;cursor:default}.interactive-card{padding:24px;border-left:3px solid var(--purple);background:#f6f4fa;margin:26px 0;max-width:760px}.interactive-card h2{color:var(--blue);margin:12px 0}.interactive-card p{margin:12px 0 20px}@media(max-width:700px){.py-layout{grid-template-columns:1fr;gap:18px}.py-figure svg{height:320px}.py-panel{padding:16px}#py-explore h2,#py-defis h2{font-size:23px}.py-tabs button{flex:1;padding:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.py-panel select,.py-calc input{font:inherit;border:1px solid #7d95a8;background:white;padding:10px;width:100%;margin:10px 0}.py-table-wrap{overflow:auto}.py-table{border-collapse:collapse;width:100%;margin:18px 0}.py-table th,.py-table td{text-align:center;border:1px solid #a9bcc9;padding:10px}.py-table th{background:#dcebf5;font-weight:800}#py-relations button{font:inherit;text-align:left;border:1px solid #a9bcc9;background:white;padding:12px;cursor:pointer;color:var(--blue)}.py-calc{max-width:420px;margin-top:16px}.py-calc button{font:inherit;padding:10px;background:var(--blue);color:white;border:0;cursor:pointer}#py-explore>section.py-rule h2{font-size:23px}#py-explore>section.py-rule summary{cursor:pointer;font-weight:700}
.py-legend{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;font-size:12px}.py-legend i{display:inline-block;width:24px;vertical-align:middle;margin-right:6px}.py-legend-side{border-top:3px solid var(--blue)}.py-legend-short{border-top:3px dashed var(--pink)}.py-ruler{margin:28px 0 20px;font-size:12px}.py-ruler-track{height:5px;background:#cbd7df;position:relative;margin:26px 5px 32px}.py-ruler-guess,.py-ruler-real{position:absolute;transform:translateX(-50%);white-space:nowrap;font-weight:750}.py-ruler-guess{bottom:10px;color:var(--pink)}.py-ruler-real{top:14px;color:var(--green)}.py-ruler-guess:after,.py-ruler-real:before{content:'';position:absolute;left:50%;width:2px;height:12px;background:currentColor}.py-ruler-guess:after{top:100%}.py-ruler-real:before{bottom:100%}.py-ruler-ends{display:flex;justify-content:space-between}.py-ruler>p{font-size:11px;color:var(--muted);margin:6px 0}.py-distance{border-top:1px solid var(--line);padding-top:18px;color:var(--green);font-size:19px}.py-panel button:disabled{opacity:.65;cursor:default}#py-show-squares{border:1px solid var(--blue);background:white;padding:10px 14px;cursor:pointer;font:inherit;font-size:14px}#py-squares .py-table{font-size:14px}#py-squares caption{text-align:left;font-size:13px;margin:10px 0}.py-quiz-figure{max-width:400px;margin:20px 0;background:#fafcfd;border:1px solid var(--line);padding:14px}.py-quiz-figure svg{width:100%;display:block;height:210px}.py-quiz-figure figcaption{font-size:12px;color:var(--muted);text-align:center}.py-panel{align-self:start}#py-conclusion{border-left:3px solid var(--purple);background:#f6f4fa}#py-conclusion h2{color:#594888}@media(max-width:700px){.py-figure{padding:10px}.py-figure svg{height:285px}.py-quiz-figure{margin:18px 0}.py-panel input[type=range]{margin-bottom:10px}.py-table th,.py-table td{padding:8px}#py-squares .py-table{min-width:420px}}
.fr-number{display:inline-flex;flex-direction:column;vertical-align:middle;text-align:center;line-height:1.25;margin:0 5px;font-size:1.05em}.fr-number>span:first-child{border-bottom:1.5px solid currentColor;padding:0 5px 2px}.fr-number>span:last-child{padding-top:2px}.fr-controls{max-width:500px;margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.fr-ribbon{display:flex;height:58px;border:2px solid var(--blue);background:#eef4f8;max-width:680px}.fr-ribbon>span{flex:1;border-right:1px solid var(--blue);display:flex;align-items:center;justify-content:center;min-width:0}.fr-ribbon>span:last-child{border-right:0}.fr-ribbon .taken{background:#c8dfef}.fr-unit{margin:18px 0}.fr-unit p,.fr-caption{font-size:13px;font-weight:700;margin-bottom:6px}#fr-share,#fr-build,#fr-game{padding-bottom:30px}#fr-share>button{margin-top:20px}#fr-build select{font:inherit;padding:10px;display:block;margin:10px 0;border:1px solid var(--line);max-width:100%}#fr-line{width:100%;max-width:680px;margin:20px 0;display:block}#fr-game{max-width:760px}#fr-game h2{font-size:24px;margin:20px 0}.fr-choice-line{display:flex;max-width:650px;margin:26px 0;border-top:2px solid var(--blue);justify-content:space-between}.fr-choice-line button{background:white;color:var(--blue);border:1px solid var(--line);padding:16px 8px;min-width:30px}#fr-game button,#fr-build button{cursor:pointer;font:inherit;padding:10px 14px;border:1px solid var(--blue)}#fr-game .py-options button{background:#fafcfd;text-align:left;color:var(--blue)}#fr-game button:disabled,#fr-build button:disabled{opacity:.6;cursor:default}#fr-game progress{width:100%;accent-color:var(--blue)}@media(max-width:700px){.fr-controls{grid-template-columns:1fr}.fr-choice-line button{padding:12px 4px}#fr-game h2{font-size:21px}.fr-ribbon{height:48px}}
.lab-missions{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.lab-missions button,.lab-tools button,.lab-comparison button{font:inherit;padding:10px 14px;border:1px solid var(--blue);background:white;color:var(--blue);cursor:pointer}.lab-missions button[aria-pressed=true]{background:var(--blue);color:white}#lab-editors{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.lab-editor{border-left:3px solid var(--blue);background:#f5f9fc;padding:18px;min-width:0}.lab-B{border-color:var(--pink);background:#fcf6f9}.lab-editor h2{font-size:23px;margin-bottom:16px}.lab-editor select{font:inherit;padding:8px;border:1px solid var(--line);max-width:100%;margin:8px 0}.lab-editor>label{display:block;font-size:14px;font-weight:700}.lab-bank{display:flex;height:66px;border:2px solid var(--blue);margin:10px 0 22px}.lab-bank button{flex:1;min-width:0;border:0;border-right:1px solid var(--blue);background:#c8dfef;cursor:grab;font:inherit;padding:0}.lab-B .lab-bank{border-color:var(--pink)}.lab-B .lab-bank button{background:#f0d0df;border-color:var(--pink)}.lab-bank button:last-child{border-right:0}.lab-caption{font-size:12px;font-weight:700}.lab-assembly{display:flex;flex-wrap:wrap;align-content:flex-start;min-height:74px;border:1px dashed #7d95a8;padding:8px;margin-top:12px;background:white}.lab-assembly>span{font-size:13px;color:var(--muted);align-self:center}.lab-assembly button{flex-shrink:0;height:42px;background:#7ab5dc;border:1px solid #245a7e;padding:0;cursor:pointer}.lab-B .lab-assembly button{background:#e8a8c5;border-color:var(--pink)}.lab-value{font-size:18px;font-weight:700}.lab-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 0}.lab-tools label{font-size:13px}.lab-tools button{font-size:13px;padding:8px}.lab-editor input[type=range],#lab-shift{width:100%;accent-color:var(--pink);margin:12px 0}.lab-stage-scroll{overflow-x:auto;background:#fafcfd;border:1px solid var(--line);margin:18px 0}#lab-stage{display:block;width:100%;min-width:580px}.lab-comparison h2{font-size:25px}.lab-missions button:focus-visible,.lab-bank button:focus-visible,.lab-assembly button:focus-visible{outline:3px solid #594888;outline-offset:3px;position:relative;z-index:1}.lab-tools button:disabled{opacity:.5;cursor:default}@media(max-width:700px){#lab-editors{grid-template-columns:1fr;gap:18px}.lab-editor{padding:16px}.lab-missions button{font-size:13px;padding:9px}.lab-comparison h2{font-size:23px}}