/* Popov Academy — content-factory/matprazdnik-2021-2023-v2 (copied from content-factory/spb-olympiad-2022-2026-v1 at bdd20164, which copied it from content-factory/phystech-2024-25-math-qualifying-v1 at d8b3c79, PR #130; the code below the header is unchanged): student labs (loaded only on these pages); copied from the accepted Phystech 2025/26 final package (visuals/lab.css there, unchanged above the «Additions of this package» line). Base styles shared by all labs; each lab may add visuals/labs/.css, which assets.mjs appends to this file. Colours are local variables. Dark values follow the site's own theme switch (html[data-design=v2] with data-theme=dark, or the system dark mode unless data-theme=light) and reuse the site tokens from redesign.css, as in the 2025 package; the global theme itself is not changed. */ .arch-lab{min-width:0;--arch-surface:#fff;--arch-ink:#1f2937;--arch-label:#203c58;--arch-muted:#5b6b82;--arch-field-line:#aebed1;--arch-soft-line:#d7e1ed;--arch-primary-bg:#244974;--arch-primary-ink:#fff;--arch-link:#244974;--arch-pressed-bg:#e6eefb;--arch-pressed-line:#244974;--arch-good:#047857;--arch-bad:#b91c1c;--arch-focus:#f59e0b;--arch-fig-line:#1f2937;--arch-grid:#c7d2e0;--arch-fill:#dbeafe;--arch-piece-a:#bfdbfe;--arch-piece-b:#fde68a;--arch-piece-c:#fecaca;--arch-piece-d:#bbf7d0;--arch-accent:#c2410c;--arch-water:#e0f2fe;--arch-ok-bg:#dcfce7;--arch-bad-bg:#fee2e2;--arch-knight:#1d4ed8;--arch-liar:#9f1239;--arch-clear:#e2e8f0} @media (prefers-color-scheme: dark){:root[data-design="v2"]:not([data-theme="light"]) .arch-lab{--arch-surface:var(--play-stage);--arch-ink:var(--ink);--arch-label:var(--ink);--arch-muted:var(--ink-2);--arch-field-line:var(--ink-3);--arch-soft-line:var(--play-line);--arch-primary-bg:var(--accent);--arch-primary-ink:var(--on-ink);--arch-link:var(--accent-ink);--arch-pressed-bg:var(--accent-soft);--arch-pressed-line:var(--accent);--arch-good:var(--ok);--arch-bad:var(--bad);--arch-fig-line:#dbe4f0;--arch-grid:#4a5568;--arch-fill:#1e3a5f;--arch-piece-a:#1e40af;--arch-piece-b:#854d0e;--arch-piece-c:#9f1239;--arch-piece-d:#166534;--arch-accent:#fb923c;--arch-water:#0c2a3f;--arch-ok-bg:#14341f;--arch-bad-bg:#431818;--arch-knight:#93c5fd;--arch-liar:#fda4af;--arch-clear:#3f4654}} :root[data-design="v2"][data-theme="dark"] .arch-lab{--arch-surface:var(--play-stage);--arch-ink:var(--ink);--arch-label:var(--ink);--arch-muted:var(--ink-2);--arch-field-line:var(--ink-3);--arch-soft-line:var(--play-line);--arch-primary-bg:var(--accent);--arch-primary-ink:var(--on-ink);--arch-link:var(--accent-ink);--arch-pressed-bg:var(--accent-soft);--arch-pressed-line:var(--accent);--arch-good:var(--ok);--arch-bad:var(--bad);--arch-fig-line:#dbe4f0;--arch-grid:#4a5568;--arch-fill:#1e3a5f;--arch-piece-a:#1e40af;--arch-piece-b:#854d0e;--arch-piece-c:#9f1239;--arch-piece-d:#166534;--arch-accent:#fb923c;--arch-water:#0c2a3f;--arch-ok-bg:#14341f;--arch-bad-bg:#431818;--arch-knight:#93c5fd;--arch-liar:#fda4af;--arch-clear:#3f4654} .arch-try{margin:18px 0} .arch-lab [data-arch-lab-body]{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0} .arch-lab .arch-lab-fallback{color:var(--arch-muted);font-size:15px} .arch-lab label,.arch-lab .arch-label{font-weight:600;color:var(--arch-label)} .arch-lab .arch-help{font-size:14px;color:var(--arch-muted);margin:0} .arch-lab .arch-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0} .arch-lab input[type=text],.arch-lab input[type=number],.arch-lab select{font:inherit;font-size:18px;min-height:44px;padding:8px 12px;border:1px solid var(--arch-field-line);border-radius:12px;background:var(--arch-surface);color:var(--arch-ink);min-width:0} .arch-lab input[type=number]{width:88px} .arch-lab input[type=range]{flex:1 1 180px;min-width:0;min-height:44px;accent-color:var(--arch-primary-bg)} .arch-lab button{font:inherit;font-size:16px;min-height:44px;min-width:44px;padding:10px 16px;border-radius:999px;line-height:1.4;max-width:100%;white-space:normal;cursor:pointer} .arch-lab .arch-primary{background:var(--arch-primary-bg);color:var(--arch-primary-ink);border:1px solid var(--arch-primary-bg)} .arch-lab .arch-secondary{background:var(--arch-surface);color:var(--arch-link);border:1px solid var(--arch-field-line)} .arch-lab button[aria-disabled=true]{opacity:.45;cursor:default} .arch-lab button:focus-visible,.arch-lab input:focus-visible,.arch-lab select:focus-visible,.arch-lab [tabindex]:focus-visible{outline:3px solid var(--arch-focus);outline-offset:2px} .arch-lab .arch-actions{display:flex;flex-wrap:wrap;gap:8px} .arch-lab .arch-toggle{display:flex;flex-wrap:wrap;gap:6px} .arch-lab .arch-toggle button{background:var(--arch-surface);color:var(--arch-link);border:1px solid var(--arch-field-line)} .arch-lab .arch-toggle button[aria-pressed=true]{background:var(--arch-pressed-bg);border-color:var(--arch-pressed-line);font-weight:600} .arch-lab .arch-result{background:var(--arch-surface);color:var(--arch-ink);border:1px solid var(--arch-soft-line);border-radius:14px;padding:14px 16px;line-height:1.55;min-width:0;overflow-wrap:anywhere} .arch-lab .arch-result:empty{display:none} .arch-lab :is(button,input,select){scroll-margin-block:120px} .arch-lab .arch-result p{margin:6px 0} .arch-lab .arch-checks{list-style:none;padding:0;margin:6px 0;display:grid;gap:6px} .arch-lab .arch-checks li{display:flex;gap:8px;align-items:flex-start} .arch-lab .arch-pass::before{content:'✓';color:var(--arch-good);font-weight:700;flex-shrink:0;width:1.2em} .arch-lab .arch-fail::before{content:'✗';color:var(--arch-bad);font-weight:700;flex-shrink:0;width:1.2em} .arch-lab .arch-good{color:var(--arch-good);font-weight:600} .arch-lab .arch-bad{color:var(--arch-bad);font-weight:600} .arch-lab .arch-sub{display:grid;gap:8px;border-top:1px solid var(--arch-soft-line);padding-top:12px} .arch-lab .arch-stage{background:var(--arch-surface);border:1px solid var(--arch-soft-line);border-radius:8px;padding:8px;min-width:0} .arch-lab .arch-stage svg{display:block;width:100%;height:auto;max-height:70vh;touch-action:manipulation} .arch-lab svg text{fill:var(--arch-ink);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif} .arch-lab .arch-readouts{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;font-variant-numeric:tabular-nums} .arch-lab .arch-readouts div{display:flex;gap:6px;align-items:baseline} .arch-lab .arch-readouts dt{color:var(--arch-muted);font-size:14px} .arch-lab .arch-readouts dd{margin:0;font-weight:600;color:var(--arch-ink);white-space:nowrap;overflow-wrap:normal} .arch-lab .arch-table-wrap{overflow-x:auto;max-width:100%} .arch-lab table.arch-table{border-collapse:collapse;font-variant-numeric:tabular-nums} .arch-lab table.arch-table th,.arch-lab table.arch-table td{border:1px solid var(--arch-soft-line);padding:4px 8px;text-align:center;color:var(--arch-ink)} .arch-lab table.arch-table th{color:var(--arch-label);font-weight:600} .arch-lab .arch-chip{display:inline-flex;align-items:center;justify-content:center;min-width:2.2em;padding:2px 8px;border-radius:999px;border:1px solid var(--arch-soft-line);font-weight:600} @media(max-width:480px){.arch-lab .arch-row .arch-primary{flex:1 1 100%}.arch-lab button{padding:8px 10px}} /* shared: play button keeps its width next to a time slider, also on phones */ .arch-lab .arch-timeline{flex-wrap:nowrap} .arch-lab .arch-timeline .arch-play{flex:0 0 auto;min-width:96px} /* Inside the «Исследовать» disclosure the lab already has a frame: on phones drop the second one so models keep their width. */ @media (max-width:560px){.lesson-disclosure .arch-lab{padding:0;border:0;background:none;box-shadow:none}.lesson-disclosure .arch-lab .arch-stage{padding:4px}} /* Phones: «Крупные клетки» (ui.mjs zoomable). Cells keep at least 44 px and the board scrolls sideways in its frame; the board geometry is unchanged, only its scale. */ .arch-lab .arch-zoom{min-width:0} .arch-lab .arch-zoom-tools{margin-bottom:8px} .arch-lab .arch-zoom-hint{margin:0 0 8px;font-weight:600;color:var(--arch-label)} .arch-lab .arch-zoom-probe{height:0} .arch-lab .arch-zoom-scroll{overflow-x:auto;overscroll-behavior-x:contain;padding:4px;min-width:0} /* shared extras for this package: cell boards built from buttons, a status line that is never hidden under the sticky header after a programmatic scroll, and a compact step list */ .arch-lab .arch-board{display:grid;gap:0;justify-content:center;margin:auto} .arch-lab .arch-cell{aspect-ratio:1;min-width:0;min-height:0;width:100%;padding:0;border-radius:0;background:var(--arch-surface);color:var(--arch-ink);border:1px solid var(--arch-grid);outline-offset:-3px;font-variant-numeric:tabular-nums} .arch-lab .arch-result{scroll-margin-top:96px;scroll-margin-bottom:96px} .arch-lab .arch-log{margin:0;padding-left:1.4em;display:grid;gap:4px;font-variant-numeric:tabular-nums} .arch-lab .arch-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none;font-size:14px;color:var(--arch-ink)} .arch-lab .arch-legend li{display:flex;align-items:center;gap:6px} /* Same page presentation as the final 2023–2024 edition on main (GPT polish of 18.10.2026): the shared research renderer follows the current site on these pages only. Diagrams keep their light paper; controls and readouts follow the selected theme. */ [data-problem-id^="phystech-2024-2025-math-"] .cf-figure figcaption, [data-problem-id^="phystech-2024-2025-math-"] .lesson-source{color:var(--ink-2)} [data-problem-id^="phystech-2024-2025-math-"] .lesson-source summary{color:var(--ink)} [data-problem-id^="phystech-2024-2025-math-"] :is(button[data-cf-zoom],button[data-cf-scene-zoom]){color:var(--ink);background:var(--play-stage);border-color:var(--ink-3);border-radius:999px;min-height:44px;padding:10px 16px;margin-top:12px;max-width:100%;line-height:1.4} [data-problem-id^="phystech-2024-2025-math-"] .interactive-actions button{color:var(--ink);background:var(--play-stage);border-color:var(--ink-3);font-size:16px} [data-problem-id^="phystech-2024-2025-math-"] .interactive-actions button[data-action=play]{color:var(--on-ink);background:var(--ink);border-color:var(--ink)} [data-problem-id^="phystech-2024-2025-math-"] .interactive-range-row{grid-template-columns:minmax(60px,1fr) 88px} [data-problem-id^="phystech-2024-2025-math-"] .cf-number{background:var(--play-stage);color:var(--ink);border-color:var(--ink-3);border-radius:12px;min-height:44px;height:auto;padding:8px 6px;font-size:18px;font-variant-numeric:tabular-nums} [data-problem-id^="phystech-2024-2025-math-"] .interactive-range-row input[type=range]{min-height:44px;accent-color:var(--accent)} [data-problem-id^="phystech-2024-2025-math-"] .interactive-results>div{background:var(--play-stage);border-color:var(--play-line);border-radius:14px;padding:14px 16px;font-size:16px} [data-problem-id^="phystech-2024-2025-math-"] .interactive-results :is(div,span,strong){color:var(--ink)} [data-problem-id^="phystech-2024-2025-math-"] .learning-interactive :is(button,input){scroll-margin-block:120px} /* Keep diagrams readable as diagrams, without the inherited white text outline. */ [data-problem-id^="phystech-2024-2025-math-"] :is(.cf-figure-svg,.cf-zoom-content) svg text{stroke:none;paint-order:normal} [data-problem-id^="phystech-2024-2025-math-"] .cf-figure figcaption button[data-cf-zoom]{display:block;margin:14px auto 0} [data-problem-id^="phystech-2024-2025-math-"] .arch-model-entry{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:20px 24px;margin:24px 0;border:1px solid var(--play-line);border-radius:var(--r-lg);background:var(--play-bg);color:var(--ink)} [data-problem-id^="phystech-2024-2025-math-"] .arch-model-entry>div{flex:1 1 240px;min-width:0} [data-problem-id^="phystech-2024-2025-math-"] .arch-model-entry strong{font-size:17px} [data-problem-id^="phystech-2024-2025-math-"] .arch-model-entry p{margin:5px 0 0;color:var(--ink-2);font-size:16px;line-height:1.5} [data-problem-id^="phystech-2024-2025-math-"] .arch-model-entry a{display:inline-flex;gap:12px;align-items:center;min-height:44px;padding:10px 16px;border:1px solid var(--ink-3);border-radius:999px;background:var(--play-stage);color:var(--ink);font:600 16px/1.4 var(--font);text-decoration:none} [data-problem-id^="phystech-2024-2025-math-"] .arch-model-entry a:hover{border-color:var(--accent);color:var(--accent)} [data-problem-id^="phystech-2024-2025-math-"] .arch-model-entry a:focus-visible{outline:3px solid var(--accent);outline-offset:3px} @media(max-width:480px){[data-problem-id^="phystech-2024-2025-math-"] .arch-model-entry{padding:16px}[data-problem-id^="phystech-2024-2025-math-"] .arch-model-entry a{width:100%;justify-content:space-between}} /* ===== Physics controls of this package (visuals/phys.mjs): slider + exact input + large «−»/«+» ===== */ .arch-lab .phx-controls{display:grid;gap:12px;min-width:0} .arch-lab .phx-params{display:grid;gap:12px;min-width:0} .arch-lab .phx-param{display:grid;gap:2px;min-width:0;padding:6px 10px;border:1px solid var(--arch-soft-line);border-radius:14px;background:var(--arch-surface)} .arch-lab .phx-param-label{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline} .arch-lab .phx-param-name{font-weight:600;color:var(--arch-label)} .arch-lab .phx-param-bounds{font-weight:400;font-size:13px;color:var(--arch-muted)} .arch-lab .phx-param .arch-help{font-size:13px} .arch-lab .phx-param-row{display:grid;grid-template-columns:48px minmax(0,1fr) 48px var(--phx-num-w,84px);gap:8px;align-items:center;min-width:0} .arch-lab .phx-param-row input[type=range]{width:100%;margin:0} .arch-lab .phx-step{min-width:48px;min-height:48px;padding:0;font-size:24px;font-weight:600;line-height:1;border-radius:12px} .arch-lab input.phx-num{width:100%;font-size:18px;min-height:48px;padding:8px 10px;text-align:right;font-variant-numeric:tabular-nums} .arch-lab .phx-param-msg{margin:0;font-size:14px;color:var(--arch-bad);min-height:0} .arch-lab .phx-param-msg:empty{display:none} @media (max-width:420px){ .arch-lab .phx-param-row{grid-template-columns:48px minmax(0,1fr) 48px;grid-template-areas:"range range range" "minus num plus"} .arch-lab .phx-param-row input[type=range]{grid-area:range} .arch-lab .phx-param-row .phx-step:first-child{grid-area:minus} .arch-lab .phx-param-row .phx-step:nth-child(3){grid-area:plus} .arch-lab .phx-param-row input.phx-num{grid-area:num} } .arch-lab .phx-presets{display:grid;gap:6px} .arch-lab .phx-presets-title{margin:0;font-weight:600;color:var(--arch-label)} .arch-lab .phx-preset[aria-pressed=true]{background:var(--arch-pressed-bg);border-color:var(--arch-pressed-line);font-weight:600} .arch-lab .phx-preset-state{margin:0;font-size:14px;color:var(--arch-muted)} .arch-lab .phx-readouts dd.phx-secret{color:var(--arch-muted)} .arch-lab .phx-time{font-variant-numeric:tabular-nums;font-weight:600;min-width:9em;color:var(--arch-ink)} .arch-lab .phx-clock{display:grid;gap:6px} .arch-lab .phx-clock input[type=range]{flex:1 1 160px} .arch-lab .phx-svg{display:block;width:100%;height:auto} .arch-lab .phx-stage{padding:4px} .arch-lab .phx-stage-pair{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)} @media (min-width:900px){.arch-lab .phx-stage-pair.phx-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}} .arch-lab .phx-choice{display:flex;flex-wrap:wrap;gap:8px} .arch-lab .phx-note{margin:0;font-size:14px;color:var(--arch-muted)} /* SVG: theme-aware strokes and fills */ .arch-lab .phx-svg{--phx-a:#1d4ed8;--phx-b:#c2410c;--phx-c:#047857;--phx-d:#7c3aed;--phx-water:#dbeafe;--phx-body:#e2e8f0;--phx-paper:#ffffff} @media (prefers-color-scheme: dark){:root[data-design="v2"]:not([data-theme="light"]) .arch-lab .phx-svg{--phx-a:#93c5fd;--phx-b:#fdba74;--phx-c:#6ee7b7;--phx-d:#c4b5fd;--phx-water:#0c2a3f;--phx-body:#334155;--phx-paper:transparent}} :root[data-design="v2"][data-theme="dark"] .arch-lab .phx-svg{--phx-a:#93c5fd;--phx-b:#fdba74;--phx-c:#6ee7b7;--phx-d:#c4b5fd;--phx-water:#0c2a3f;--phx-body:#334155;--phx-paper:transparent} .arch-lab .phx-svg .phx-line{stroke:var(--arch-fig-line);stroke-width:2;fill:none} .arch-lab .phx-svg .phx-thin{stroke:var(--arch-fig-line);stroke-width:1;fill:none} .arch-lab .phx-svg .phx-dash{stroke:var(--arch-muted);stroke-width:1.5;fill:none;stroke-dasharray:5 4} .arch-lab .phx-svg .phx-body{fill:var(--phx-body);stroke:var(--arch-fig-line);stroke-width:2} .arch-lab .phx-svg .phx-body-a{fill:var(--phx-a);stroke:var(--arch-fig-line);stroke-width:1.5} .arch-lab .phx-svg .phx-body-b{fill:var(--phx-b);stroke:var(--arch-fig-line);stroke-width:1.5} .arch-lab .phx-svg .phx-water{fill:var(--phx-water);stroke:none} .arch-lab .phx-svg .phx-ground{stroke:var(--arch-fig-line);stroke-width:2.5} .arch-lab .phx-svg .phx-hatch{stroke:var(--arch-fig-line);stroke-width:1.2} .arch-lab .phx-svg .phx-grid{stroke:var(--arch-grid);stroke-width:1} .arch-lab .phx-svg .phx-axis{stroke:var(--arch-fig-line);stroke-width:1.5} .arch-lab .phx-svg .phx-tick{font-size:12px;fill:var(--arch-muted)} .arch-lab .phx-svg .phx-axis-label{font-size:13px;font-weight:600} .arch-lab .phx-svg .phx-text{font-size:15px} .arch-lab .phx-svg .phx-small{font-size:12.5px} .arch-lab .phx-svg .phx-big{font-size:18px;font-weight:600} .arch-lab .phx-svg .phx-curve{fill:none;stroke:var(--phx-a);stroke-width:2.5} .arch-lab .phx-svg .phx-curve-b{fill:none;stroke:var(--phx-b);stroke-width:2.5} .arch-lab .phx-svg .phx-curve-c{fill:none;stroke:var(--phx-c);stroke-width:2.5} .arch-lab .phx-svg .phx-curve-d{fill:none;stroke:var(--phx-d);stroke-width:2.5} .arch-lab .phx-svg .phx-ghost{fill:none;stroke:var(--arch-muted);stroke-width:1.5;stroke-dasharray:3 4} .arch-lab .phx-svg .phx-arrow .phx-arrow-shaft{stroke:var(--arch-accent);stroke-width:2.5} .arch-lab .phx-svg .phx-arrow .phx-arrow-head{fill:var(--arch-accent);stroke:none} .arch-lab .phx-svg .phx-arrow-a .phx-arrow-shaft{stroke:var(--phx-a);stroke-width:2.5} .arch-lab .phx-svg .phx-arrow-a .phx-arrow-head{fill:var(--phx-a);stroke:none} .arch-lab .phx-svg .phx-arrow-b .phx-arrow-shaft{stroke:var(--phx-b);stroke-width:2.5} .arch-lab .phx-svg .phx-arrow-b .phx-arrow-head{fill:var(--phx-b);stroke:none} .arch-lab .phx-svg .phx-arrow-c .phx-arrow-shaft{stroke:var(--phx-c);stroke-width:2.5} .arch-lab .phx-svg .phx-arrow-c .phx-arrow-head{fill:var(--phx-c);stroke:none} .arch-lab .phx-svg .phx-arrow-ink .phx-arrow-shaft{stroke:var(--arch-fig-line);stroke-width:1.6} .arch-lab .phx-svg .phx-arrow-ink .phx-arrow-head{fill:var(--arch-fig-line);stroke:none} .arch-lab .phx-svg .phx-dot{fill:var(--arch-fig-line);stroke:none} .arch-lab .phx-svg .phx-dot-a{fill:var(--phx-a);stroke:var(--arch-surface);stroke-width:1.5} .arch-lab .phx-svg .phx-dot-b{fill:var(--phx-b);stroke:var(--arch-surface);stroke-width:1.5} .arch-lab .phx-svg .phx-dot-c{fill:var(--phx-c);stroke:var(--arch-surface);stroke-width:1.5} .arch-lab .phx-svg .phx-fill-a{fill:var(--phx-a);fill-opacity:.18;stroke:var(--phx-a);stroke-width:1.5} .arch-lab .phx-svg .phx-fill-b{fill:var(--phx-b);fill-opacity:.18;stroke:var(--phx-b);stroke-width:1.5} .arch-lab .phx-svg .phx-fill-c{fill:var(--phx-c);fill-opacity:.18;stroke:var(--phx-c);stroke-width:1.5} .arch-lab .phx-svg .phx-fill-d{fill:var(--phx-d);fill-opacity:.18;stroke:var(--phx-d);stroke-width:1.5} .arch-lab .phx-svg .phx-wire{stroke:var(--arch-fig-line);stroke-width:2.5;fill:none;stroke-linecap:round} .arch-lab .phx-svg .phx-hot{stroke:var(--phx-b);stroke-width:4;fill:none;stroke-linecap:round} .arch-lab .phx-svg .phx-cold{stroke:var(--phx-a);stroke-width:4;fill:none;stroke-linecap:round} .arch-lab .phx-svg .phx-text-a{fill:var(--phx-a);font-weight:600} .arch-lab .phx-svg .phx-text-b{fill:var(--phx-b);font-weight:600} .arch-lab .phx-svg .phx-text-c{fill:var(--phx-c);font-weight:600} .arch-lab .phx-svg text{paint-order:stroke;stroke:var(--arch-surface);stroke-width:3px;stroke-linejoin:round} .arch-lab .phx-svg .phx-tick,.arch-lab .phx-svg .phx-nohalo{stroke:none} .arch-lab .phx-drag{cursor:grab;touch-action:none} .arch-lab .phx-handle{fill:var(--phx-b);fill-opacity:.25;stroke:var(--phx-b);stroke-width:2} .arch-lab .phx-handle:focus-visible{outline:none;stroke:var(--arch-focus);stroke-width:4} /* Readouts as a two-column table: long values wrap instead of running off a phone screen. */ .arch-lab .phx-readouts{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:6px 12px;align-items:baseline} .arch-lab .phx-readouts>div{display:contents} .arch-lab .phx-readouts dd{white-space:normal;overflow-wrap:anywhere} .arch-lab .phx-svg .phx-rod{stroke:var(--arch-fig-line);stroke-width:7;stroke-linecap:round;fill:none} .arch-lab .phx-svg .phx-arrow-g .phx-arrow-shaft{stroke:var(--arch-fig-line);stroke-width:3} .arch-lab .phx-svg .phx-arrow-g .phx-arrow-head{fill:var(--arch-fig-line);stroke:none} /* ===== Additions of the final package ===== */ /* Check boxes: a large box and a whole-label touch target of at least 44 px. */ .arch-lab label.arch-row{min-height:44px;cursor:pointer;flex-wrap:nowrap} .arch-lab label.arch-row>span{flex:1 1 auto;min-width:0} .arch-lab input[type=checkbox]{width:24px;height:24px;margin:0;flex:0 0 auto;accent-color:var(--arch-primary-bg)} /* Phone controls remain in document flow: a sticky scene hid parameter names, sliders and playback buttons while scrolling. Never trade readable controls for a floating scene. */ .learning-interactive.arch-lab{overflow:clip;overflow-clip-margin:6px} @media (max-width:600px) and (min-height:500px){ .arch-lab .phx-stage{position:relative;top:auto;z-index:auto;background:var(--arch-surface);max-height:40vh} .arch-lab .phx-stage .phx-svg{max-height:calc(40vh - 10px)} /* z-index:auto too: in a grid or flex lab body a static item with a z-index still stacks and would scroll over the sticky scene */ .arch-lab .phx-stage ~ .phx-stage,.arch-lab .phx-stage-pair .phx-stage{position:static;z-index:auto;max-height:none} .arch-lab .phx-stage-pair .phx-svg{max-height:none} } /* Narrow screens: readout names and values in two equal columns, long names may break */ @media (max-width:360px){ .arch-lab .phx-readouts{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)} .arch-lab .phx-readouts dt{overflow-wrap:anywhere} } /* ===== Additions of this package (Phystech 2024/25 math, qualifying) ===== */ /* Official versions: ID chips, the statement of the chosen version, «свои значения» status with a way back. */ .arch-lab .p25-versions{display:grid;gap:8px;min-width:0;padding:12px 14px;border:1px solid var(--arch-soft-line);border-radius:14px;background:var(--arch-surface)} .arch-lab .p25-versions-head,.arch-lab .p25-data-head{margin:0;font-weight:700;color:var(--arch-label)} .arch-lab .p25-chip-group{display:grid;gap:4px} .arch-lab .p25-chip-title{margin:0;font-size:14px;color:var(--arch-muted)} .arch-lab .p25-chips{gap:8px} .arch-lab .p25-chip{font-variant-numeric:tabular-nums} .arch-lab .p25-chip[aria-pressed=true]{background:var(--arch-pressed-bg);border-color:var(--arch-pressed-line);font-weight:700;box-shadow:inset 0 0 0 1px var(--arch-pressed-line)} .arch-lab .p25-version{display:grid;gap:4px;padding:10px 12px;border-radius:10px;background:var(--p25-paper);border-left:4px solid var(--arch-pressed-line)} .arch-lab .p25-version p{margin:0} .arch-lab .p25-version-title{font-size:14px;font-weight:600;color:var(--arch-muted)} .arch-lab .p25-version-text{font-size:16px;line-height:1.55;color:var(--arch-ink);overflow-wrap:anywhere} .arch-lab .p25-version-diff{font-size:14px;color:var(--arch-label);font-weight:600} .arch-lab .p25-status-row{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center} .arch-lab .p25-status{margin:0;font-size:14px;color:var(--arch-muted);flex:1 1 220px} .arch-lab .p25-data{display:grid;gap:8px;min-width:0} /* the hidden result: nothing of it is in the page before the press */ .arch-lab .p25-secret{display:grid;gap:8px} .arch-lab .p25-reveal{justify-self:start} .arch-lab .p25-secret-body{display:grid;gap:6px;padding:12px 14px;border-radius:12px;border:2px solid var(--arch-good);background:var(--arch-surface);color:var(--arch-ink);line-height:1.55} .arch-lab .p25-secret-body p{margin:0} .arch-lab .p25-secret-body:focus{outline:3px solid var(--arch-focus);outline-offset:2px} .arch-lab .p25-secret-body strong{color:var(--arch-good)} .arch-lab .p25-facts dd.phx-secret{font-weight:700} /* own actions of a lab: cards, cells, tokens as real buttons with a 44 px target */ .arch-lab .p25-tiles{display:flex;flex-wrap:wrap;gap:6px} .arch-lab .p25-tile{min-width:44px;min-height:44px;padding:6px 10px;border-radius:10px;border:1px solid var(--arch-field-line);background:var(--arch-surface);color:var(--arch-ink);font-weight:600;font-variant-numeric:tabular-nums} .arch-lab .p25-tile[aria-pressed=true]{background:var(--arch-pressed-bg);border-color:var(--arch-pressed-line);box-shadow:inset 0 0 0 1px var(--arch-pressed-line)} .arch-lab .p25-warn{margin:0;padding:10px 12px;border-radius:10px;background:var(--arch-bad-bg);color:var(--arch-ink);border:1px solid var(--arch-bad)} .arch-lab .p25-ok{margin:0;padding:10px 12px;border-radius:10px;background:var(--arch-ok-bg);color:var(--arch-ink);border:1px solid var(--arch-good)} .arch-lab .p25-math{font-variant-numeric:tabular-nums;overflow-wrap:anywhere} /* drawn objects (draw.mjs): illustration colours with an outline that follows the theme */ .arch-lab{--p25-paper:#f6f8fc;--p25-skin:#f6d2b4;--p25-hair-a:#7c4a25;--p25-hair-b:#2b2b33;--p25-hair-c:#d9a441;--p25-shirt-a:#3b82f6;--p25-shirt-b:#ef6c3a;--p25-shirt-c:#22a06b;--p25-shirt-d:#8b5cf6;--p25-pants:#334155;--p25-card:#fffdf7;--p25-card-edge:#c9b98f;--p25-board:#24543f;--p25-board-ink:#f4f1e6;--p25-wood:#b07a43;--p25-candy-a:#ef4444;--p25-candy-b:#f59e0b;--p25-candy-c:#7c4a25;--p25-paper2:#ffffff;--p25-grass:#86c06c;--p25-grass2:#5f9d4b;--p25-soil:#c9a26b;--p25-water:#bfe1f6;--p25-metal:#94a3b8;--p25-glass:#cfe8ff;--p25-track:#d97757} @media (prefers-color-scheme: dark){:root[data-design="v2"]:not([data-theme="light"]) .arch-lab{--p25-paper:#1b2333;--p25-track:#a3523b;--p25-skin:#e8bf9c;--p25-card:#f3efe2;--p25-card-edge:#8f8466;--p25-board:#1f4a37;--p25-paper2:#e9edf5;--p25-water:#1e4a66;--p25-glass:#8db8de}} :root[data-design="v2"][data-theme="dark"] .arch-lab{--p25-paper:#1b2333;--p25-track:#a3523b;--p25-skin:#e8bf9c;--p25-card:#f3efe2;--p25-card-edge:#8f8466;--p25-board:#1f4a37;--p25-paper2:#e9edf5;--p25-water:#1e4a66;--p25-glass:#8db8de} .arch-lab .phx-svg .p25-o{stroke:var(--arch-fig-line);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round} .arch-lab .phx-svg .p25-o-thin{stroke:var(--arch-fig-line);stroke-width:1;stroke-linejoin:round} .arch-lab .phx-svg .p25-card-text{fill:#1f2937;font-weight:700;stroke:none} .arch-lab .phx-svg .p25-board-text{fill:var(--p25-board-ink);stroke:none;font-family:"Comic Sans MS","Chalkboard SE","Segoe Print",system-ui,sans-serif} .arch-lab .phx-svg .p25-shadow{fill:#0f172a;fill-opacity:.12;stroke:none} .arch-lab .phx-svg .p25-track{fill:var(--p25-track);stroke:var(--arch-fig-line);stroke-width:1} .arch-lab .phx-svg .p25-grass{fill:var(--p25-grass);stroke:var(--arch-fig-line);stroke-width:1} .arch-lab .phx-svg .p25-lane{fill:none;stroke:#ffffff;stroke-width:1.5;stroke-dasharray:7 7;opacity:.85} .arch-lab .p25-swap{gap:6px} .arch-lab .p25-swap .p25-tile{min-width:44px;font-size:20px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--p25-card);color:#1f2937;border-color:var(--p25-card-edge)} .arch-lab .p25-swap .p25-tile.p25-bad{border:2px solid var(--arch-bad);background:var(--arch-bad-bg);color:var(--arch-ink)} .arch-lab .p25-swap .p25-tile.p25-r0{box-shadow:inset 0 -5px 0 #3b82f6} .arch-lab .p25-swap .p25-tile.p25-r1{box-shadow:inset 0 -5px 0 #ef6c3a} .arch-lab .p25-swap .p25-tile.p25-r2{box-shadow:inset 0 -5px 0 #22a06b} .arch-lab .p25-swap .p25-tile[aria-pressed=true]{outline:3px solid var(--arch-focus);outline-offset:2px} .arch-lab .p25-swap-note{margin:4px 0 0;min-height:1.4em} .arch-lab .p25-picks .p25-tile{font-variant-numeric:tabular-nums;background:var(--p25-card);color:#1f2937;border-color:var(--p25-card-edge)} .arch-lab .p25-picks .p25-tile[aria-pressed=true]{background:#fde68a;border-color:#b45309;box-shadow:inset 0 0 0 2px #b45309} .arch-lab .p25-picks .p25-tile.p25-r0{box-shadow:inset 0 -5px 0 #3b82f6} .arch-lab .p25-picks .p25-tile.p25-r1{box-shadow:inset 0 -5px 0 #ef6c3a} .arch-lab .p25-picks .p25-tile.p25-r2{box-shadow:inset 0 -5px 0 #22a06b} .arch-lab .p25-picks .p25-tile.p25-r0[aria-pressed=true],.arch-lab .p25-picks .p25-tile.p25-r1[aria-pressed=true],.arch-lab .p25-picks .p25-tile.p25-r2[aria-pressed=true]{background:#fde68a} .arch-lab .phx-svg .p25-wood-beam{fill:var(--p25-wood);stroke:var(--arch-fig-line);stroke-width:1.2} .arch-lab .phx-svg .p25-scale-text{fill:var(--arch-ink);stroke:none;font-weight:600} .arch-lab .phx-svg .p25-badge{fill:var(--p25-card);stroke:var(--p25-card-edge);stroke-width:1.5} .arch-lab .phx-svg .p25-badge-text{fill:#1f2937;font-weight:700;stroke:none} .arch-lab .phx-svg .p25-bubble{fill:#ffffff;stroke:var(--arch-fig-line);stroke-width:1} .arch-lab .phx-svg .p25-bubble-text{fill:#1f2937;font-size:11px;font-weight:600;stroke:none} /* 9-II: a small table inside a lab, the laptop (dimmed screen, sun, battery, power pie), digit tiles, stone boards */ .arch-lab .p25-table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums} .arch-lab .p25-table caption{text-align:left;font-weight:600;padding:0 0 4px} .arch-lab .p25-table th,.arch-lab .p25-table td{border:1px solid var(--arch-soft-line);padding:6px 8px;text-align:left} @media (max-width:420px){.arch-lab .p25-table{font-size:14px}.arch-lab .p25-table th,.arch-lab .p25-table td{padding:5px 4px}} .arch-lab .p25-table td.phx-secret{text-align:center} .arch-lab .phx-svg .p25-dim{fill:#0b1220;stroke:none} .arch-lab .phx-svg .p25-sun{fill:#facc15;stroke:#b45309;stroke-width:1} .arch-lab .phx-svg .p25-sun-ray{stroke:#f59e0b;stroke-width:2;stroke-linecap:round} .arch-lab .phx-svg .p25-battery{fill:var(--arch-surface);stroke:var(--arch-fig-line);stroke-width:2.5} .arch-lab .phx-svg .p25-charge{fill:#22c55e;stroke:none} .arch-lab .phx-svg .p25-charge-low{fill:#ef4444;stroke:none} .arch-lab .phx-svg .p25-pie-empty{fill:none;stroke:var(--arch-fig-line);stroke-width:1.5;stroke-dasharray:4 3} .arch-lab .phx-svg .p25-pie-rest{fill:var(--p25-shirt-a);stroke:var(--arch-fig-line);stroke-width:1} .arch-lab .phx-svg .p25-pie-screen{fill:#facc15;stroke:var(--arch-fig-line);stroke-width:1} .arch-lab .p25-digits .p25-tile{font-size:22px;min-width:44px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--p25-card);color:#1f2937;border-color:var(--p25-card-edge)} .arch-lab .p25-digits .p25-tile.p25-r1{box-shadow:inset 0 -5px 0 #ef6c3a} .arch-lab .p25-digits .p25-tile[aria-pressed=true]{outline:3px solid var(--arch-focus);outline-offset:2px;background:#fde68a} .arch-lab .p25-digits{gap:4px} .arch-lab .p25-pad{margin-top:4px} .arch-lab .p25-tile-sm{font-size:18px} .arch-lab .p25-tile[aria-disabled=true]{opacity:.45} .arch-lab .p25-tile-wide{min-width:64px} .arch-lab .p25-subsets{font-variant-numeric:tabular-nums;columns:2 220px;column-gap:24px} .arch-lab .phx-svg .p25-cell-a{fill:#efe6d2;stroke:var(--p25-card-edge);stroke-width:1} .arch-lab .phx-svg .p25-cell-b{fill:#e2d3b3;stroke:var(--p25-card-edge);stroke-width:1} .arch-lab .phx-svg .p25-cell-sel{fill:#fde68a;stroke:#b45309;stroke-width:3} .arch-lab .phx-svg .p25-cell-cur{fill:none;stroke:var(--arch-focus);stroke-width:3;stroke-dasharray:6 4} .arch-lab .phx-svg .p25-g0{fill:#e5e7eb} .arch-lab .phx-svg .p25-g1{fill:#fde68a} .arch-lab .phx-svg .p25-g2{fill:#86efac} /* 10-I №7: numbers in rows of five (a column = a remainder mod 5) */ .arch-lab .p25-grid5{display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:6px;max-width:420px} .arch-lab .p25-tile.p25-good{border:2px solid var(--arch-good);background:var(--arch-ok-bg)} .arch-lab .p25-tile.p25-out{border-style:dashed;opacity:.7} .arch-lab .p25-tile.p25-now{box-shadow:0 0 0 3px var(--arch-pressed-line)} /* 10-II: Oleg's squared notebook (the page stays paper-light in both themes, so the ink colours are fixed) */ .arch-lab .phx-svg .p25-page{fill:var(--p25-paper2);stroke:var(--p25-card-edge);stroke-width:1.2} .arch-lab .phx-svg .p25-grid-line{stroke:#c7d7ee;stroke-width:.8} .arch-lab .phx-svg .p25-margin-line{stroke:#ef9a9a;stroke-width:1.2} .arch-lab .phx-svg .p25-hand{fill:#1e3a8a;stroke:none;font-size:17px;font-weight:600;font-family:"Segoe Print","Comic Sans MS","Chalkboard SE",system-ui,sans-serif} .arch-lab .phx-svg .p25-hand-mid{fill:#047857} .arch-lab .phx-svg .p25-mid-box{fill:none;stroke:#047857;stroke-width:2} .arch-lab .phx-svg .p25-pair-arc{fill:none;stroke:#b45309;stroke-width:1.6} .arch-lab .phx-svg .p25-page-note{fill:#475569;stroke:none;font-size:13px} /* 10-II: the last digits that must be replaced, a ray from the origin, lists of checks */ .arch-lab .p25-digits .p25-tile.p25-tail{border-bottom:3px dashed #ef6c3a} .arch-lab .phx-svg .p25-ray{stroke:var(--p25-shirt-b);stroke-width:2.2} .arch-lab .p25-checks{font-variant-numeric:tabular-nums;overflow-wrap:anywhere} /* 10-II: snow under the bird feeders, the magician's spectators */ .arch-lab{--p25-snow:#eef4fb} @media (prefers-color-scheme: dark){:root[data-design="v2"]:not([data-theme="light"]) .arch-lab{--p25-snow:#26324a}} :root[data-design="v2"][data-theme="dark"] .arch-lab{--p25-snow:#26324a} .arch-lab .phx-svg .p25-snow{fill:var(--p25-snow);stroke:none} .arch-lab .p25-picks .p25-tile.p25-bad-tile{border:2px dashed var(--arch-bad)} .arch-lab .phx-svg .p25-sel-glow{fill:#fde68a;fill-opacity:.55;stroke:#b45309;stroke-width:1.5} .arch-lab .phx-svg .p25-sig-bad{fill:var(--arch-bad);stroke:none;font-size:13px;font-weight:700} .arch-lab .phx-svg .p25-bubble-num{fill:var(--arch-good);stroke:none;font-size:15px;font-weight:700} .arch-lab .p25-daychip[aria-pressed=true]{background:var(--arch-pressed-bg);border-color:var(--arch-pressed-line);font-weight:700;box-shadow:inset 0 0 0 1px var(--arch-pressed-line)} /* Phystech 2024/25 math 11, round I */ .arch-lab .p25-tile.p25-no{border:2px dashed var(--arch-bad)} .arch-lab .p25-tile.p25-tile-black{background:#1f2937;color:#fff;border-color:#111827} .arch-lab .phx-svg .p25-strip{fill:var(--arch-clear);stroke:var(--arch-fig-line);stroke-width:1.5} .arch-lab .phx-svg .p25-strip-q{fill:var(--arch-piece-b);stroke:var(--arch-fig-line);stroke-width:1.5} .arch-lab .phx-svg .p25-strip-cut{stroke:var(--arch-fig-line);stroke-width:1.2} .arch-lab .phx-svg .p25-strip-left{fill:var(--arch-bad);opacity:.85} .arch-lab .phx-svg .p25-eaten{fill:var(--p25-candy-c);stroke:var(--arch-fig-line);stroke-width:1} .arch-lab .phx-svg .p25-eaten-target{fill:var(--p25-candy-b);stroke:var(--arch-fig-line);stroke-width:1.5} .arch-lab .phx-svg .p25-plate{stroke:var(--p25-metal);stroke-width:5;stroke-linecap:round} .arch-lab .phx-svg .p25-gift{fill:#fde7ef;stroke:#be185d;stroke-width:2} .arch-lab .phx-svg .p25-ribbon{fill:#ef4444;opacity:.5} .arch-lab .phx-svg .p25-share-a{fill:var(--p25-candy-a)} .arch-lab .phx-svg .p25-share-b{fill:var(--p25-candy-b)} .arch-lab .phx-svg .p25-share-c{fill:var(--p25-candy-c)} .arch-lab .phx-svg .p25-bar-frame{fill:none;stroke:var(--arch-fig-line);stroke-width:1.5} .arch-lab .phx-svg .p25-road{fill:var(--p25-soil)} .arch-lab .phx-svg .p25-grass-soft{fill:var(--p25-grass);opacity:.35} .arch-lab .phx-svg .p25-roof{fill:#b45309;stroke:var(--arch-fig-line);stroke-width:1} .arch-lab .phx-svg .p25-house-a{fill:#fde68a;stroke:var(--arch-fig-line);stroke-width:1} .arch-lab .phx-svg .p25-house-b{fill:#fed7aa;stroke:var(--arch-fig-line);stroke-width:1;stroke-dasharray:3 2} .arch-lab .phx-svg .p25-door,.arch-lab .phx-svg .p25-trunk{fill:#7c4a25} .arch-lab .phx-svg .p25-crown-a{fill:#22a06b;stroke:var(--arch-fig-line);stroke-width:1} .arch-lab .phx-svg .p25-crown-b{fill:#86c06c;stroke:var(--arch-fig-line);stroke-width:1;stroke-dasharray:3 2} .arch-lab .phx-svg .p25-hollow{fill:#3b2414} .arch-lab .phx-svg .p25-base{fill:var(--arch-clear);stroke:none;opacity:.85} .arch-lab .phx-svg .p25-proj-a{stroke:var(--phx-b);stroke-width:3.5;stroke-linecap:round} .arch-lab .phx-svg .p25-proj-b{stroke:var(--phx-c);stroke-width:3.5;stroke-linecap:round} .arch-lab .phx-svg .p25-cell{fill:var(--arch-surface);stroke:var(--arch-soft-line);stroke-width:1} .arch-lab .phx-svg .p25-cell-ok{fill:var(--arch-ok-bg);stroke:var(--arch-good);stroke-width:2} .arch-lab .phx-svg .p25-cell-out{fill:var(--arch-clear);stroke:var(--arch-soft-line);stroke-dasharray:3 3} .arch-lab .phx-svg .p25-cell-frame{fill:none;stroke:var(--arch-focus);stroke-width:3} .arch-lab .phx-svg .p25-cell-num-sel{font-weight:700} .arch-lab .phx-svg .p25-lens{fill:var(--arch-surface);stroke:var(--arch-fig-line);stroke-width:1.2} .arch-lab .phx-svg .p25-lens-line{fill:none;stroke:var(--arch-muted);stroke-width:1;stroke-dasharray:4 4} .arch-lab .phx-svg .p25-lens-mark{fill:var(--arch-accent);opacity:.2} /* Phystech 2024/25 math 11, round II */ .arch-lab .phx-svg .p25-card-ok{fill:var(--arch-ok-bg);stroke:var(--arch-good);stroke-width:1.5} .arch-lab .phx-svg .p25-card-no{fill:var(--arch-bad-bg);stroke:var(--arch-bad);stroke-width:1.2;stroke-dasharray:4 3} .arch-lab .phx-svg .p25-bead{fill:#f59e0b;stroke:#92400e;stroke-width:1.2} .arch-lab .phx-svg .p25-bead-v{fill:#60a5fa;stroke:#1e3a8a;stroke-width:1.2} .arch-lab .phx-svg .p25-bead-text{fill:#1f2937;stroke:none;font-size:11px;font-weight:700} .arch-lab .phx-svg .p25-string{stroke:var(--arch-fig-line);stroke-width:1.5} .arch-lab .phx-svg .p25-cut{stroke:var(--arch-bad);stroke-width:3;stroke-linecap:round} .arch-lab .phx-svg .p25-gap{fill:transparent;stroke:none;cursor:pointer} .arch-lab .p25-table td.p25-yes{color:var(--arch-good);font-weight:700} .arch-lab .p25-table td.p25-nope{color:var(--arch-bad)} .arch-lab .p25-table tr.p25-row-now td{background:var(--arch-pressed-bg)} .arch-lab .p25-scroll{overflow-x:auto;max-width:100%} .arch-lab .p25-steppers{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,204px),1fr));gap:8px;min-width:0} .arch-lab .p25-stepper{display:flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid var(--arch-soft-line);border-radius:10px;background:var(--arch-surface)} .arch-lab .p25-stepper-P{border:2px solid var(--p25-shirt-b)} .arch-lab .p25-step-label{min-width:24px;font-weight:700;font-variant-numeric:tabular-nums} .arch-lab input.p25-step-num{width:52px;min-width:52px;flex:0 0 52px;text-align:center;padding:8px 4px} .arch-lab .p25-stepper .phx-step{flex:0 0 auto} .arch-lab .phx-svg .p25-cell-add{fill:var(--p25-shirt-b);fill-opacity:.55;stroke:var(--arch-fig-line);stroke-width:1} .arch-lab .phx-svg .p25-sq-a{fill:var(--phx-a);fill-opacity:.16;stroke:var(--phx-a);stroke-width:2} .arch-lab .phx-svg .p25-sq-b{fill:var(--phx-b);fill-opacity:.16;stroke:var(--phx-b);stroke-width:2} .arch-lab .phx-svg .p25-common{fill:var(--phx-c);fill-opacity:.45;stroke:var(--phx-c);stroke-width:2} .arch-lab .phx-svg .p25-bar-a{fill:var(--phx-a);fill-opacity:.7;stroke:none} .arch-lab .phx-svg .p25-bar-b{fill:var(--phx-b);fill-opacity:.7;stroke:none} .arch-lab .phx-svg .p25-old-border{fill:none;stroke:var(--arch-fig-line);stroke-width:1.5;stroke-dasharray:5 4} .arch-lab .phx-svg .p25-mark-need{fill:var(--arch-focus);stroke:none} .arch-lab .phx-svg .p25-base-tri{fill:var(--p25-soil);fill-opacity:.35;stroke:var(--arch-fig-line);stroke-width:1.5} .arch-lab .phx-svg .p25-face{fill:var(--phx-a);fill-opacity:.12;stroke:none} .arch-lab .phx-svg .p25-chord{stroke:var(--phx-a);stroke-width:1.6;opacity:.75} .arch-lab .phx-svg .p25-missing{stroke:var(--arch-bad);stroke-width:2.5;stroke-dasharray:6 5} .arch-lab .phx-svg .p25-env-sel{fill:#fde68a;fill-opacity:.6;stroke:#b45309;stroke-width:2} .arch-lab .p25-env-tiles .p25-tile{min-width:44px;font-variant-numeric:tabular-nums} /* Phystech 2024/25 math 11, round III */ .arch-lab .phx-svg .p25-heat-pos{fill:var(--phx-c);stroke:none} .arch-lab .phx-svg .p25-heat-neg{fill:var(--phx-b);stroke:none} .arch-lab .phx-svg .p25-band-a{stroke:var(--phx-a);stroke-width:9;stroke-linecap:butt} .arch-lab .phx-svg .p25-band-b{stroke:var(--phx-b);stroke-width:9;stroke-linecap:butt} .arch-lab .phx-svg .p25-band-bad{stroke:var(--arch-bad);stroke-width:9;stroke-linecap:butt} .arch-lab .phx-svg .p25-band-good{stroke:var(--arch-good);stroke-width:9;stroke-linecap:butt} .arch-lab .phx-svg .p25-try-ok{fill:var(--arch-good);stroke:var(--arch-surface);stroke-width:1.5} .arch-lab .phx-svg .p25-try-no{fill:var(--arch-bad);stroke:var(--arch-surface);stroke-width:1.5} .arch-lab .phx-svg .p25-region-a{fill:var(--phx-a);fill-opacity:.28;stroke:var(--phx-a);stroke-width:1.2} .arch-lab .phx-svg .p25-region-b{fill:var(--phx-b);fill-opacity:.28;stroke:var(--phx-b);stroke-width:1.2} .arch-lab .phx-svg .p25-region-c{fill:var(--phx-c);fill-opacity:.28;stroke:var(--phx-c);stroke-width:1.2} .arch-lab .phx-svg .p25-region-q{fill:var(--phx-d);fill-opacity:.12;stroke:var(--phx-d);stroke-width:1} .arch-lab .p25-nb{border-collapse:collapse;font-variant-numeric:tabular-nums} .arch-lab .p25-nb th{padding:4px 6px;font-weight:600;text-align:center;white-space:nowrap} .arch-lab .p25-nb td{padding:2px} .arch-lab .p25-nb .p25-tile{min-width:44px;min-height:44px;padding:4px} .arch-lab .p25-nb .p25-tile[aria-pressed="true"]{border:2px solid var(--arch-good);background:var(--arch-ok-bg)} .arch-lab .p25-nb th.p25-nb-bad,.arch-lab .p25-nb td.p25-nb-bad{background:var(--arch-bad-bg)} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: the note under the statement of a problem shared by the 6th and 7th grade (same look as the SPb package notes, site tokens with fallbacks so both themes follow the site). */ .mp-note{margin:18px 0;padding:14px 18px;border:1px solid var(--line,#e3e6ec);border-left:3px solid var(--accent,#2457d6);border-radius:0 var(--r,10px) var(--r,10px) 0;background:var(--bg-2,#f4f5f7);color:var(--ink,#16213a);font-size:15px;line-height:1.7} .mp-note>strong{display:block;color:var(--accent-ink,#183f9f);font-weight:650} .mp-note p{margin:8px 0} .mp-note ul{margin:6px 0 0;padding-left:20px} /* Exact-number fields of the shared kit stay inside their cell on narrow screens. */ .arch-lab .phx-num,.arch-lab input{box-sizing:border-box} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Четыре цифры и 20/21» (Matprazdnik 2021, 6.1). */ .arch-lab .arch-m1f-eq{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0;flex-wrap:wrap} .arch-lab .arch-m1f-frac{display:inline-flex;flex-direction:column;align-items:center;gap:4px;font-size:22px;font-weight:700} .arch-lab .arch-m1f-bar{display:block;width:100%;min-width:44px;height:2px;background:var(--arch-ink)} .arch-lab .arch-m1f-op{font-size:24px;font-weight:700} .arch-lab .arch-m1f-box{width:48px;height:48px;font-size:22px;font-weight:700;border:2px solid var(--arch-field-line);border-radius:10px;background:var(--arch-surface);color:var(--arch-accent)} .arch-lab .arch-m1f-sel{border-color:var(--arch-focus);border-width:3px} .arch-lab .arch-m1f-keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px;margin:6px 0 12px} .arch-lab .arch-m1f-key{min-height:44px;font-size:18px;padding:0} .arch-lab .arch-m1f-wide{grid-column:span 2;font-size:15px} .arch-lab .arch-m1f-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Крестики и нолики на кубике» (Matprazdnik 2021, 6.2). */ .arch-lab .arch-m1c-stage{overflow-x:auto;margin:10px 0} .arch-lab .arch-m1c-svg{display:block;margin:0 auto;max-width:none;touch-action:manipulation} .arch-lab .arch-m1c-face{fill:var(--arch-fill);stroke:var(--arch-fig-line);stroke-width:1.5} /* the face name sits on the corner where the face's four squares meet, on a halo of the surface colour: dark text, no transparency (≥ 4.5:1 in both themes); its height stays inside the gap before the marks, which start at 0.28 of a square */ .arch-lab .arch-m1c-fname{fill:var(--arch-label);stroke:var(--arch-surface);stroke-width:3px;stroke-linejoin:round;paint-order:stroke;font-weight:700;pointer-events:none;text-transform:uppercase;letter-spacing:.04em} .arch-lab .arch-m1c-sq{cursor:pointer} .arch-lab .arch-m1c-sq rect{fill:var(--arch-surface);stroke:var(--arch-soft-line);stroke-width:1} .arch-lab .arch-m1c-nb rect{stroke:var(--arch-accent);stroke-width:3} .arch-lab .arch-m1c-sel rect{stroke:var(--arch-focus);stroke-width:3.5} .arch-lab .arch-m1c-bad rect{fill:var(--arch-bad-bg)} .arch-lab .arch-m1c-sq:focus{outline:none} .arch-lab .arch-m1c-sq:focus rect{stroke:var(--arch-focus);stroke-width:3.5} .arch-lab .arch-m1c-x{stroke:var(--arch-fig-line);stroke-width:3;stroke-linecap:round} .arch-lab .arch-m1c-o{fill:none;stroke:var(--arch-fig-line);stroke-width:3} .arch-lab .arch-m1c-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Ролик со склейкой» (Matprazdnik 2021, 6.3 = 7.2). */ .arch-lab .arch-m1v-svg{display:block;width:100%;max-width:640px;height:auto;margin:0 auto} .arch-lab .arch-m1v-road{stroke:var(--arch-fig-line);stroke-width:3;stroke-linecap:round} .arch-lab .arch-m1v-lab{fill:var(--arch-muted);font-size:14px} .arch-lab .arch-m1v-who{fill:var(--arch-ink);font-size:13px;font-weight:600} .arch-lab .arch-m1v-v{fill:#93c5fd;stroke:var(--arch-fig-line);stroke-width:1.5} .arch-lab .arch-m1v-p{fill:#fca5a5;stroke:var(--arch-fig-line);stroke-width:1.5} .arch-lab .arch-m1v-meet{stroke:var(--arch-good);stroke-width:3;stroke-dasharray:4 3} .arch-lab .arch-m1v-cv{fill:#93c5fd} .arch-lab .arch-m1v-cp{fill:#fca5a5} .arch-lab .arch-m1v-head{stroke:var(--arch-accent);stroke-width:2.5} .arch-lab .arch-m1v-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 4px} .arch-lab .arch-m1v-ctl button{min-height:44px;min-width:56px} .arch-lab .arch-m1v-t{min-width:76px;text-align:center} .arch-lab .arch-m1v-num{width:64px;min-height:44px;text-align:center;font-size:16px;border:1px solid var(--arch-field-line);border-radius:10px;background:var(--arch-surface);color:var(--arch-ink)} .arch-lab .arch-m1v-range{width:100%;min-height:44px} .arch-lab .arch-m1v-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Полоски с дыркой» (Matprazdnik 2021, 6.4 = 7.3). */ .arch-lab .arch-m1s-stage{overflow-x:auto;margin:10px 0} .arch-lab .arch-m1s-svg{display:block;margin:0 auto;max-width:none} .arch-lab .arch-m1s-grid{stroke:var(--arch-grid);stroke-width:.8} .arch-lab .arch-m1s-outer{fill:none;stroke:var(--arch-fig-line);stroke-width:2} .arch-lab .arch-m1s-hole{fill:var(--arch-surface);stroke:var(--arch-fig-line);stroke-width:2} .arch-lab .arch-m1s-strip{stroke:var(--arch-fig-line);stroke-width:1.6} .arch-lab .arch-m1s-s0{fill:var(--arch-piece-a)} .arch-lab .arch-m1s-s1{fill:var(--arch-piece-b)} .arch-lab .arch-m1s-s2{fill:var(--arch-piece-d)} .arch-lab .arch-m1s-s3{fill:var(--arch-piece-c)} .arch-lab .arch-m1s-ctl{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:6px;margin:6px 0 12px} .arch-lab .arch-m1s-row{display:flex;align-items:center;gap:6px} .arch-lab .arch-m1s-name{flex:1 1 auto;font-size:14px} .arch-lab .arch-m1s-step{min-width:44px;min-height:44px;font-size:18px;padding:0} .arch-lab .arch-m1s-val{min-width:28px;text-align:center} .arch-lab .arch-m1s-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Сад из равных треугольников» (Matprazdnik 2021, 6.5). */ .arch-lab .arch-m1g-stage{overflow-x:auto;margin:10px 0} .arch-lab .arch-m1g-svg{display:block;margin:0 auto;max-width:none;touch-action:manipulation} .arch-lab .arch-m1g-grid{stroke:var(--arch-grid);stroke-width:1} .arch-lab .arch-m1g-grid2{stroke:var(--arch-grid);stroke-width:.5;opacity:.6} .arch-lab .arch-m1g-tri{fill:var(--m1g-c);fill-opacity:.18;stroke:var(--m1g-c);stroke-width:2.5;stroke-linejoin:round} .arch-lab .arch-m1g-pit{cursor:pointer} .arch-lab .arch-m1g-pit:focus{outline:none} .arch-lab .arch-m1g-pit:focus .arch-m1g-hit{stroke:var(--arch-focus);stroke-width:2.5} .arch-lab .arch-m1g-hit{fill:transparent} .arch-lab .arch-m1g-hole{fill:var(--arch-surface);stroke:var(--arch-fig-line);stroke-width:1.6} .arch-lab .arch-m1g-tree{fill:var(--m1g-c);stroke:var(--arch-fig-line);stroke-width:1.6} .arch-lab .arch-toggle button[style*="--m1g-c"]{border-left:6px solid var(--m1g-c)} .arch-lab .arch-m1g-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--m1g-c);margin-right:6px;flex:0 0 12px;margin-top:5px} .arch-lab .arch-m1g-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Гирьки у жадного продавца» (Matprazdnik 2021, 6.6). */ .arch-lab .arch-m1w-gems{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;margin:10px 0} .arch-lab .arch-m1w-btn{min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px;font-weight:700} .arch-lab .arch-m1w-gem{color:#0ea5e9;font-size:14px;line-height:1} .arch-lab .arch-m1w-done{opacity:.45} .arch-lab .arch-m1w-log{margin:10px 0;padding-left:28px;line-height:1.9;font-size:15px} .arch-lab .arch-m1w-w{display:inline-block;min-width:22px;padding:0 6px;margin:0 2px;border-radius:8px;text-align:center;font-weight:700;font-size:13px} .arch-lab .arch-m1w-buy{background:var(--arch-bad-bg);color:var(--arch-bad)} .arch-lab .arch-m1w-back{background:var(--arch-clear);color:var(--arch-muted)} .arch-lab .arch-m1w-sum{color:var(--arch-muted)} .arch-lab .arch-m1w-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Флажки» (Matprazdnik 2021, grade 7, problem 1). */ .arch-lab .arch-m1l-stage{overflow-x:auto;margin:10px 0} .arch-lab .arch-m1l-svg{display:block;margin:0 auto;max-width:none;touch-action:manipulation} /* the quarter lines are the cut lines the student chooses from: ≥ 3:1 against the surface in both themes */ .arch-lab .arch-m1l-q{fill:var(--arch-surface);stroke:var(--arch-muted);stroke-width:.8;cursor:pointer} .arch-lab .arch-m1l-badq{stroke:var(--arch-bad);stroke-width:1.2;stroke-dasharray:3 2} .arch-lab .arch-m1l-flag{fill:none;stroke:#111827;stroke-width:2.5;stroke-linejoin:round;pointer-events:none} .arch-lab .arch-m1l-cell:focus{outline:none} .arch-lab .arch-m1l-cell:focus .arch-m1l-q{stroke:var(--arch-focus);stroke-width:2} .arch-lab .arch-toggle button[style*="--m1l-c"]{border-left:8px solid var(--m1l-c)} .arch-lab .arch-m1l-dot{display:inline-block;width:12px;height:12px;border-radius:3px;margin:5px 6px 0 0;flex:0 0 12px} .arch-lab .arch-m1l-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Ребус для Каштанки» (Matprazdnik 2021, grade 7, problem 4). */ .arch-lab .arch-m1r-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px;margin:10px 0} .arch-lab .arch-m1r-cell{display:flex;align-items:center;gap:6px} .arch-lab .arch-m1r-l{font-size:20px;font-weight:700;min-width:22px} .arch-lab .arch-m1r-sel{min-height:44px;min-width:56px;font-size:16px;border:1px solid var(--arch-field-line);border-radius:10px;background:var(--arch-surface);color:var(--arch-ink)} .arch-lab .arch-m1r-eq{font-size:20px;letter-spacing:.04em} .arch-lab .arch-m1r-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Правильный треугольник и равные отрезки» (2021, 7.5). */ .arch-lab .arch-m1t-svg{display:block;width:100%;max-width:560px;height:auto;margin:0 auto} .arch-lab .arch-m1t-abc{fill:var(--arch-fill);stroke:var(--arch-fig-line);stroke-width:2;stroke-linejoin:round} .arch-lab .arch-m1t-eq{fill:var(--arch-piece-b);opacity:.6} .arch-lab .arch-m1t-kl{stroke:var(--arch-accent);stroke-width:2.2} .arch-lab .arch-m1t-cm{stroke:var(--arch-good);stroke-width:4;stroke-linecap:round} .arch-lab .arch-m1t-aux{stroke:var(--arch-fig-line);stroke-width:1.5;stroke-dasharray:4 3} .arch-lab .arch-m1t-pt{fill:var(--arch-fig-line)} .arch-lab .arch-m1t-lab{fill:var(--arch-ink);font-size:14px;font-weight:700} .arch-lab .arch-m1t-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 4px} .arch-lab .arch-m1t-ctl button{min-height:44px;min-width:56px} .arch-lab .arch-m1t-val{min-width:44px;text-align:center} .arch-lab .arch-m1t-range{width:100%;min-height:44px} .arch-lab .arch-m1t-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Лодка для компаний» (Matprazdnik 2021, grade 7, problem 6). */ .arch-lab .arch-m1b-banks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0} .arch-lab .arch-m1b-bank{border:1px solid var(--arch-soft-line);border-radius:12px;padding:10px;background:var(--arch-surface);display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;min-height:120px} .arch-lab .arch-m1b-boat{border:2px solid var(--arch-water);background:linear-gradient(var(--arch-surface),var(--arch-water))} .arch-lab .arch-m1b-title{flex:1 1 100%;margin:0 0 4px;font-size:13px;color:var(--arch-muted);font-weight:600} .arch-lab .arch-m1b-fr{min-height:44px;padding:0 12px} .arch-lab .arch-m1b-far{display:inline-flex;align-items:center;border:1px dashed var(--arch-field-line);border-radius:10px;color:var(--arch-muted)} .arch-lab .arch-m1b-log{margin:8px 0;padding-left:28px;max-height:220px;overflow:auto;font-size:14px;line-height:1.7} .arch-lab .arch-m1b-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Лист и ножницы» (Matprazdnik 2022, grade 6, problem 1). */ .arch-lab .arch-m2c-tools{display:grid;gap:8px;margin:8px 0 12px} .arch-lab .arch-m2c-stage{overflow-x:auto} .arch-lab .arch-m2c-svg{display:block;margin:0 auto;max-width:none;touch-action:manipulation} .arch-lab .arch-m2c-q{fill:transparent;stroke:var(--arch-soft-line);stroke-width:.6;cursor:pointer} .arch-lab .arch-m2c-on{fill:var(--arch-piece-a)} .arch-lab .arch-m2c-t{fill:var(--arch-piece-b);stroke:var(--arch-piece-b)} .arch-lab .arch-m2c-v{fill:var(--arch-piece-c);stroke:var(--arch-piece-c)} .arch-lab .arch-m2c-grid{stroke:var(--arch-grid);stroke-width:1;pointer-events:none} .arch-lab .arch-m2c-cell:focus{outline:none} .arch-lab .arch-m2c-cell:focus .arch-m2c-q{stroke:var(--arch-focus);stroke-width:2} .arch-lab .arch-m2c-minis{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0} .arch-lab .arch-m2c-minis figure{margin:0;flex:1 1 130px;min-width:0} .arch-lab .arch-m2c-minis figcaption{font-size:13px;color:var(--arch-muted);margin-top:4px} .arch-lab .arch-m2c-mini{width:100%;max-width:200px;height:auto;display:block} .arch-lab .arch-m2c-mbg{fill:var(--arch-surface);stroke:var(--arch-soft-line)} .arch-lab .arch-m2c-mq{fill:var(--arch-piece-d);stroke:var(--arch-piece-d);stroke-width:.4} .arch-lab .arch-m2c-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Три лягушки» (Matprazdnik 2022, grade 6, problem 2). */ .arch-lab .arch-m2f-stage{overflow-x:auto;margin:10px 0} .arch-lab .arch-m2f-svg{display:block;margin:0 auto;max-width:none;touch-action:manipulation;background:var(--arch-water);border-radius:12px} .arch-lab .arch-m2f-svg:focus{outline:2px solid var(--arch-focus)} .arch-lab .arch-m2f-grid{stroke:var(--arch-grid);stroke-width:1} .arch-lab .arch-m2f-hit{fill:transparent;cursor:pointer} .arch-lab .arch-m2f-frog{cursor:pointer} .arch-lab .arch-m2f-frog circle{stroke:var(--arch-fig-line);stroke-width:1.2} .arch-lab .arch-m2f-frog text{fill:#111827;font-weight:700;pointer-events:none} .arch-lab .arch-m2f-a circle,.arch-lab circle.arch-m2f-a{fill:#86efac} .arch-lab .arch-m2f-b circle{fill:#fde68a} .arch-lab .arch-m2f-c circle{fill:#bfdbfe} .arch-lab .arch-m2f-sel circle{stroke:var(--arch-focus);stroke-width:3} .arch-lab .arch-m2f-jump{stroke-width:3;stroke-dasharray:6 4} .arch-lab .arch-m2f-jump.arch-m2f-a{stroke:#15803d} .arch-lab .arch-m2f-jump.arch-m2f-b{stroke:#b45309} .arch-lab .arch-m2f-jump.arch-m2f-c{stroke:#1d4ed8} .arch-lab .arch-m2f-was{fill:var(--arch-muted)} .arch-lab .arch-m2f-line{stroke:var(--arch-muted);stroke-width:1;stroke-dasharray:2 4} .arch-lab .arch-m2f-arrows{display:flex;gap:8px;margin:0 0 10px} .arch-lab .arch-m2f-arrow{min-width:48px;min-height:44px;font-size:18px} .arch-lab .arch-m2f-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Шифровальщик» (Matprazdnik 2022, 6.3 = 7.3). */ .arch-lab .arch-m2k-letters{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0} .arch-lab .arch-m2k-l{min-width:44px;min-height:44px;font-size:17px;font-weight:700;padding:0} .arch-lab .arch-m2k-log{margin:10px 0;padding-left:24px;font-size:16px;line-height:1.7} .arch-lab .arch-m2k-code{color:var(--arch-accent);letter-spacing:.06em} .arch-lab .arch-m2k-table{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:6px;margin:6px 0 12px} .arch-lab .arch-m2k-cell{display:flex;align-items:center;gap:6px;font-weight:700} .arch-lab .arch-m2k-sel{min-height:44px;min-width:56px;font-size:16px;border:1px solid var(--arch-field-line);border-radius:10px;background:var(--arch-surface);color:var(--arch-ink)} .arch-lab .arch-m2k-plan{margin-top:10px} .arch-lab .arch-m2k-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Задумчивая мышка» (Matprazdnik 2022, 6.4 = 7.4). */ .arch-lab .arch-m2m-stage{overflow-x:auto;margin:10px 0} .arch-lab .arch-m2m-svg{display:block;margin:0 auto;max-width:none;touch-action:manipulation} .arch-lab .arch-m2m-path{stroke:var(--arch-fig-line);stroke-width:1.6} .arch-lab .arch-m2m-seg{stroke:var(--arch-good);stroke-width:5;opacity:.45} .arch-lab .arch-m2m-segfull{stroke:var(--arch-bad);opacity:.8} .arch-lab .arch-m2m-node{cursor:pointer} .arch-lab .arch-m2m-node:focus{outline:none} .arch-lab .arch-m2m-node:focus .arch-m2m-hit{stroke:var(--arch-focus);stroke-width:2} .arch-lab .arch-m2m-hit{fill:transparent} .arch-lab .arch-m2m-mark{fill:var(--arch-fig-line)} .arch-lab .arch-m2m-wrong{fill:var(--arch-bad)} .arch-lab .arch-m2m-ghost{fill:none;stroke:var(--arch-good);stroke-width:2.5;stroke-dasharray:3 3} .arch-lab .arch-m2m-cheese{stroke:var(--arch-accent);stroke-width:4;stroke-linecap:round} .arch-lab .arch-m2m-last{fill:none;stroke:var(--arch-focus);stroke-width:2} .arch-lab .arch-m2m-more{margin-top:8px} .arch-lab .arch-m2m-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Календарь невезучего» (Matprazdnik 2022, 6.5). */ .arch-lab .arch-m2t-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;margin:10px 0} .arch-lab .arch-m2t-day{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;padding:4px;border-radius:10px;border:1px solid var(--arch-field-line);background:var(--arch-surface);color:var(--arch-ink)} .arch-lab .arch-m2t-n{font-size:12px;color:var(--arch-muted)} .arch-lab .arch-m2t-who{font-size:18px;font-weight:700;line-height:1.2} .arch-lab .arch-m2t-w{background:var(--arch-piece-b)} .arch-lab .arch-m2t-l{background:var(--arch-piece-a)} .arch-lab .arch-m2t-bad{border:2px solid var(--arch-bad);background:var(--arch-bad-bg)} .arch-lab .arch-m2t-fixed{opacity:.8} .arch-lab .arch-m2t-time{margin:10px 0} .arch-lab .arch-m2t-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Шеренга» (Matprazdnik 2022, 6.6 = 7.6). */ .arch-lab .arch-m2s-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:10px 0;padding:10px;border:1px solid var(--arch-soft-line);border-radius:12px;background:var(--arch-surface)} .arch-lab .arch-m2s-chip{padding:6px 10px;border-radius:10px;font-weight:700;font-size:17px;white-space:nowrap} .arch-lab .arch-m2s-R{background:var(--arch-piece-a)} .arch-lab .arch-m2s-L{background:var(--arch-piece-b)} .arch-lab .arch-m2s-joint{font-size:12px;color:var(--arch-muted)} .arch-lab .arch-m2s-face{color:var(--arch-accent);font-weight:700} .arch-lab .arch-m2s-back{color:var(--arch-good);font-weight:700} .arch-lab .arch-m2s-editor{display:grid;gap:6px;margin:6px 0 10px} .arch-lab .arch-m2s-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px} .arch-lab .arch-m2s-idx{min-width:26px;color:var(--arch-muted)} .arch-lab .arch-m2s-dir,.arch-lab .arch-m2s-step{min-width:44px;min-height:44px;font-size:18px;padding:0} .arch-lab .arch-m2s-num{width:56px;min-height:44px;text-align:center;font-size:17px;border:1px solid var(--arch-field-line);border-radius:10px;background:var(--arch-surface);color:var(--arch-ink)} .arch-lab .arch-m2s-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Цифры в кружках» (Matprazdnik 2022, grade 7, problem 1). */ .arch-lab .arch-m2r-svg{display:block;width:100%;max-width:420px;height:auto;margin:0 auto} .arch-lab .arch-m2r-tri{fill:var(--arch-surface);stroke:var(--arch-fig-line);stroke-width:1.5} .arch-lab .arch-m2r-ok{fill:var(--arch-ok-bg)} .arch-lab .arch-m2r-bad{fill:var(--arch-bad-bg)} .arch-lab .arch-m2r-target{fill:var(--arch-ink);font-size:17px;font-weight:700} .arch-lab .arch-m2r-node{cursor:pointer} .arch-lab .arch-m2r-node circle{fill:var(--arch-surface);stroke:var(--arch-fig-line);stroke-width:1.5} .arch-lab .arch-m2r-node text{fill:var(--arch-accent);font-size:20px;font-weight:700;pointer-events:none} .arch-lab .arch-m2r-sel circle{stroke:var(--arch-focus);stroke-width:3.5} .arch-lab .arch-m2r-dup circle{stroke:var(--arch-bad);stroke-width:3} .arch-lab .arch-m2r-node:focus{outline:none} .arch-lab .arch-m2r-node:focus circle{stroke:var(--arch-focus);stroke-width:3.5} .arch-lab .arch-m2r-keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px;margin:10px 0} .arch-lab .arch-m2r-key{min-height:44px;font-size:18px;padding:0} .arch-lab .arch-m2r-wide{grid-column:span 2;font-size:15px} .arch-lab .arch-m2r-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Домики вдоль дороги» (Matprazdnik 2022, grade 7, problem 2). */ .arch-lab .arch-m2h-stage{margin:10px 0} .arch-lab .arch-m2h-svg{display:block;width:100%;height:auto;touch-action:manipulation} .arch-lab .arch-m2h-road{stroke:var(--arch-fig-line);stroke-width:3} .arch-lab .arch-m2h-tick line{stroke:var(--arch-fig-line);stroke-width:1.5} .arch-lab .arch-m2h-tick text{fill:var(--arch-muted);font-size:12px} .arch-lab .arch-m2h-tick{cursor:pointer} .arch-lab .arch-m2h-hit{fill:transparent} .arch-lab .arch-m2h-house path{fill:var(--arch-piece-b);stroke:var(--arch-fig-line);stroke-width:1.2} .arch-lab .arch-m2h-house text{fill:#111827;font-size:13px;font-weight:700} .arch-lab .arch-m2h-sel path{stroke:var(--arch-focus);stroke-width:3} .arch-lab .arch-m2h-walk{fill:none;stroke:var(--arch-accent);stroke-width:2.5;stroke-linejoin:round} .arch-lab .arch-m2h-start{fill:var(--arch-accent)} .arch-lab .arch-m2h-show{min-height:36px;padding:2px 10px;margin-left:4px} .arch-lab .arch-m2h-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Три равных стороны» (Matprazdnik 2022, grade 7, problem 5). */ .arch-lab .arch-m2q-svg{display:block;width:100%;max-width:560px;height:auto;margin:0 auto} .arch-lab .arch-m2q-ray{stroke:var(--arch-muted);stroke-width:1.2;stroke-dasharray:5 4} .arch-lab .arch-m2q-quad{fill:var(--arch-fill);stroke:var(--arch-fig-line);stroke-width:2;stroke-linejoin:round} .arch-lab .arch-m2q-cd{stroke:var(--arch-bad);stroke-width:3} .arch-lab .arch-m2q-eqcd{stroke:var(--arch-good)} .arch-lab .arch-m2q-aux{stroke:var(--arch-accent);stroke-width:1.5;stroke-dasharray:4 3} .arch-lab .arch-m2q-eq{fill:var(--arch-piece-b);opacity:.55;stroke:none} .arch-lab .arch-m2q-pt{fill:var(--arch-fig-line)} .arch-lab .arch-m2q-lab{fill:var(--arch-ink);font-size:15px;font-weight:700} .arch-lab .arch-m2q-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 4px} .arch-lab .arch-m2q-ctl button{min-height:44px;min-width:64px} .arch-lab .arch-m2q-num{width:76px;min-height:44px;text-align:center;font-size:17px;border:1px solid var(--arch-field-line);border-radius:10px;background:var(--arch-surface);color:var(--arch-ink)} .arch-lab .arch-m2q-range{width:100%;min-height:44px;margin:4px 0 10px} .arch-lab .arch-m2q-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Сложи столбиком» (Matprazdnik 2023, grade 6, problem 1). */ .arch-lab .arch-mpc-count{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px} .arch-lab .arch-mpc-label{font-size:15px;color:var(--arch-ink)} .arch-lab .arch-mpc-step{min-width:44px;min-height:44px;font-size:20px;padding:0} .arch-lab .arch-mpc-num{width:56px;min-height:44px;text-align:center;font-size:17px;border:1px solid var(--arch-field-line);border-radius:10px;background:var(--arch-surface);color:var(--arch-ink)} .arch-lab .arch-mpc-svg{display:block;max-width:100%;height:auto} .arch-lab .arch-mpc-name{font-size:14px;fill:var(--arch-muted);font-weight:600} .arch-lab .arch-mpc-digit{fill:var(--arch-ink);font-variant-numeric:tabular-nums} .arch-lab .arch-mpc-on{fill:var(--arch-accent);font-weight:700} .arch-lab .arch-mpc-plus{fill:var(--arch-muted)} .arch-lab .arch-mpc-rule{stroke:var(--arch-ink);stroke-width:1.5} .arch-lab .arch-mpc-band{fill:var(--arch-pressed-bg);stroke:var(--arch-pressed-line);stroke-width:1} .arch-lab .arch-mpc-total{fill:var(--arch-ink);font-weight:700} .arch-lab .arch-mpc-cols{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 12px} .arch-lab .arch-mpc-col{min-height:44px} .arch-lab .arch-mpc-col[aria-pressed="true"]{background:var(--arch-pressed-bg);border-color:var(--arch-pressed-line);color:var(--arch-ink);font-weight:650} .arch-lab .arch-mpc-result p{margin:4px 0} .arch-lab .arch-mpc-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Дневник Васи» (Matprazdnik 2023, grade 6, problem 2). */ .arch-lab .arch-mpd-first{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;font-size:15px} .arch-lab .arch-mpd-step{min-width:44px;min-height:44px;font-size:20px;padding:0} .arch-lab .arch-mpd-num{width:56px;min-height:44px;text-align:center;font-size:17px;border:1px solid var(--arch-field-line);border-radius:10px;background:var(--arch-surface);color:var(--arch-ink)} .arch-lab .arch-mpd-block{fill:var(--arch-piece-a);stroke:var(--arch-ink);stroke-width:.8} .arch-lab .arch-mpd-ten{fill:var(--arch-piece-c)} .arch-lab .arch-mpd-val{fill:var(--arch-ink);font-weight:700} .arch-lab .arch-mpd-bad{fill:var(--arch-bad)} .arch-lab .arch-mpd-day,.arch-lab .arch-mpd-start{fill:var(--arch-muted)} .arch-lab .arch-mpd-axis{stroke:var(--arch-ink);stroke-width:1.2} .arch-lab .arch-mpd-split{stroke:var(--arch-muted);stroke-dasharray:4 4} .arch-lab .arch-mpd-sun{fill:#f6c343;stroke:#b7791f;stroke-width:1} .arch-lab .arch-mpd-ray{stroke:#d69e2e;stroke-width:1.6;stroke-linecap:round} .arch-lab .arch-mpd-cloud{fill:#cbd5e1;stroke:#64748b;stroke-width:.8} .arch-lab .arch-mpd-hit{fill:transparent;cursor:pointer} .arch-lab .arch-mpd-pair{fill:var(--arch-pressed-bg);stroke:var(--arch-pressed-line);stroke-width:1} .arch-lab .arch-mpd-pairsum{fill:var(--arch-accent);font-weight:700} .arch-lab .arch-mpd-toggles{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 12px} .arch-lab .arch-mpd-tog{min-width:56px;min-height:44px;padding:0 8px} .arch-lab .arch-mpd-checks{margin:0;padding-left:0;list-style:none} .arch-lab .arch-mpd-checks li{margin:4px 0} .arch-lab .arch-mpd-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} .arch-lab .arch-mpd-search{margin-top:10px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Собери карусель» (Matprazdnik 2023, grade 6, problem 3). */ .arch-lab .arch-mpk-controls{display:grid;gap:8px;margin:0 0 10px} .arch-lab .arch-mpk-stepper,.arch-lab .arch-mpk-seatrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:15px} .arch-lab .arch-mpk-step{min-width:44px;min-height:44px;font-size:18px;padding:0} .arch-lab .arch-mpk-num,.arch-lab .arch-mpk-seat{width:60px;min-height:44px;text-align:center;font-size:17px;border:1px solid var(--arch-field-line);border-radius:10px;background:var(--arch-surface);color:var(--arch-ink)} .arch-lab .arch-mpk-chip{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid #334155} .arch-lab .arch-mpk-y{fill:#facc15;background:#facc15} .arch-lab .arch-mpk-b{fill:#3b82f6;background:#3b82f6} .arch-lab .arch-mpk-r{fill:#ef4444;background:#ef4444} .arch-lab .arch-mpk-ring{fill:none;stroke:var(--arch-soft-line);stroke-width:1} .arch-lab .arch-mpk-seatdot{stroke:#1f2937;stroke-width:.6} .arch-lab .arch-mpk-on{stroke:var(--arch-ink);stroke-width:2} .arch-lab .arch-mpk-hit{fill:transparent;cursor:pointer} .arch-lab .arch-mpk-lab{fill:var(--arch-muted);font-weight:500} .arch-lab .arch-mpk-labkey{fill:var(--arch-ink);font-weight:700} .arch-lab .arch-mpk-diam{stroke:var(--arch-bad);stroke-width:1.4;stroke-dasharray:5 4} .arch-lab .arch-mpk-diam-ok{stroke:var(--arch-good);stroke-dasharray:none;stroke-width:2} .arch-lab .arch-mpk-diam-sel{stroke:var(--arch-accent);stroke-width:2} .arch-lab .arch-toggle{margin:4px 0 10px} .arch-lab .arch-mpk-sel{margin:0 0 6px} .arch-lab .arch-mpk-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Разрежь печенье» (Matprazdnik 2023, grade 6, problem 4). */ .arch-lab .arch-stage .arch-mpc4-svg{touch-action:none;max-width:480px;margin:auto} .arch-lab .arch-mpc4-grid{stroke:var(--arch-grid);stroke-width:.6} .arch-lab .arch-mpc4-piece{stroke:#7c4a12;stroke-width:1.6;stroke-linejoin:round;fill-opacity:.9} .arch-lab .arch-mpc4-f0{fill:#f3c98b} .arch-lab .arch-mpc4-f1{fill:#9cc5f0} .arch-lab .arch-mpc4-f2{fill:#b8e0a8} .arch-lab .arch-mpc4-f3{fill:#f2a7b8} .arch-lab .arch-mpc4-f4{fill:#d3b8f0} .arch-lab .arch-mpc4-f5{fill:#d6d3d1} .arch-lab .arch-mpc4-badarea{stroke:#b91c1c;stroke-dasharray:5 3;stroke-width:2} .arch-lab .arch-mpc4-edge{fill:transparent;cursor:pointer;outline:none} .arch-lab .arch-mpc4-edge:hover,.arch-lab .arch-mpc4-edge:focus-visible{fill:var(--arch-accent);fill-opacity:.22} .arch-lab .arch-mpc4-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Рассади оркестр» (Matprazdnik 2023, grade 6, problem 5). */ .arch-lab .arch-mpo-cell{fill:var(--arch-surface);stroke:var(--arch-grid);stroke-width:1;cursor:pointer;outline:none} .arch-lab .arch-mpo-dark{fill:var(--arch-fill)} .arch-lab .arch-mpo-att{fill:#fde68a;fill-opacity:.55} .arch-lab .arch-mpo-bad{stroke:var(--arch-bad);stroke-width:3} .arch-lab .arch-mpo-cell:focus-visible{stroke:var(--arch-focus);stroke-width:3} .arch-lab .arch-mpo-r{fill:#9cc5f0;stroke:#1e3a8a;stroke-width:1.2;pointer-events:none} .arch-lab .arch-mpo-l{fill:#f6b38b;stroke:#7c2d12;stroke-width:1.2;pointer-events:none} .arch-lab .arch-mpo-letter{fill:#111827;font-weight:700;pointer-events:none} .arch-lab .arch-mpo-arrow{stroke:var(--arch-ink);stroke-width:1.6;stroke-linecap:round;pointer-events:none} .arch-lab .arch-mpo-arrowbad{stroke:var(--arch-bad);stroke-width:2.4} .arch-lab .arch-mpo-strip{fill:var(--arch-pressed-bg);fill-opacity:.5;stroke:var(--arch-pressed-line);pointer-events:none} .arch-lab .arch-mpo-strip2{fill:var(--arch-accent);fill-opacity:.08} .arch-lab .arch-mpo-striplab{fill:var(--arch-accent);font-weight:700;pointer-events:none} .arch-lab .arch-mpo-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Испытание Кащея» (Matprazdnik 2023, grade 6, problem 6). */ .arch-lab .arch-mpt-svg{max-width:460px;margin:auto} .arch-lab .arch-mpt-table{fill:#e7d3b1;stroke:#8b5e34;stroke-width:2} .arch-lab .arch-mpt-tabletext{fill:#5b3a1e} .arch-lab .arch-mpt-person{cursor:pointer;outline:none} .arch-lab .arch-mpt-head{fill:#fde3c8;stroke:#7c4a12;stroke-width:1.4} .arch-lab .arch-mpt-sel .arch-mpt-head,.arch-lab .arch-mpt-person:focus-visible .arch-mpt-head{stroke:var(--arch-focus);stroke-width:3.2} .arch-lab .arch-mpt-fig{stroke:#111827;stroke-width:1.2} .arch-lab .arch-mpt-square{fill:#60a5fa} .arch-lab .arch-mpt-circle{fill:#f87171} .arch-lab .arch-mpt-triangle{fill:#34d399} .arch-lab .arch-mpt-yes{fill:var(--arch-good);font-weight:800} .arch-lab .arch-mpt-no{fill:var(--arch-bad);font-weight:800} .arch-lab .arch-mpt-num{fill:var(--arch-muted)} .arch-lab .arch-toggle{margin:6px 0} .arch-lab .arch-mpt-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Охота на красивые даты» (Matprazdnik 2023, grade 7, problem 1). */ .arch-lab .arch-mpdt-head{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 0 6px;min-width:0} .arch-lab .arch-mpdt-nav{min-width:44px;min-height:44px;padding:0;font-size:18px} .arch-lab .arch-mpdt-big{display:flex;align-items:baseline;gap:2px;min-width:0;font-size:clamp(19px,6.2vw,40px);font-weight:700;font-variant-numeric:tabular-nums;color:var(--arch-ink)} .arch-lab .arch-mpdt-d{display:inline-block;min-width:.75em;text-align:center;border-radius:6px;padding:0 2px} .arch-lab .arch-mpdt-rep{background:var(--arch-bad-bg);color:var(--arch-bad);outline:2px solid var(--arch-bad)} .arch-lab .arch-mpdt-dot{color:var(--arch-muted)} .arch-lab .arch-mpdt-verdict{text-align:center;margin:4px 0 10px} .arch-lab .arch-mpdt-months{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:6px 0} .arch-lab .arch-mpdt-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:6px 0 12px} .arch-lab .arch-mpdt-m,.arch-lab .arch-mpdt-day{min-height:44px;padding:0;min-width:0} .arch-lab .arch-mpdt-m[aria-pressed="true"],.arch-lab .arch-mpdt-day[aria-pressed="true"]{background:var(--arch-pressed-bg);border-color:var(--arch-pressed-line);color:var(--arch-ink);font-weight:700} .arch-lab .arch-mpdt-found{box-shadow:inset 0 -4px 0 var(--arch-good)} .arch-lab .arch-mpdt-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Построй острова» (Matprazdnik 2023, grade 7, problem 2). */ .arch-lab .arch-mpi-svg{max-width:420px;margin:auto} .arch-lab .arch-mpi-water{fill:#7dd3fc;stroke:#0369a1;stroke-width:.8;cursor:pointer;outline:none} .arch-lab .arch-mpi-land{stroke:#14532d;stroke-width:1.4;cursor:pointer;outline:none} .arch-lab .arch-mpi-water:focus-visible,.arch-lab .arch-mpi-land:focus-visible{stroke:var(--arch-focus);stroke-width:3} .arch-lab .arch-mpi-cube{fill:#d6d3d1;stroke:#57534e;stroke-width:.8;pointer-events:none} .arch-lab .arch-mpi-wet{fill:#60a5fa;fill-opacity:.75} .arch-lab .arch-mpi-h{fill:#0f172a;font-weight:700;pointer-events:none} .arch-lab .arch-toggle{margin:4px 0 8px;flex-wrap:wrap} .arch-lab .arch-mpi-table{border-collapse:collapse;width:100%;font-size:14px;font-variant-numeric:tabular-nums} .arch-lab .arch-mpi-table th,.arch-lab .arch-mpi-table td{border:1px solid var(--arch-soft-line);padding:4px 6px;text-align:center} .arch-lab .arch-mpi-table th:first-child{text-align:left;font-weight:600} .arch-lab .arch-mpi-now{background:var(--arch-pressed-bg)} .arch-lab .arch-mpi-ok{color:var(--arch-good);font-weight:700} .arch-lab .arch-mpi-no{color:var(--arch-bad);font-weight:700} .arch-lab .arch-mpi-verdict{margin:8px 0 0} .arch-lab .arch-mpi-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Сдвигай точку C» (Matprazdnik 2023, grade 7, problem 4). */ .arch-lab .arch-mpq-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;font-size:15px} .arch-lab .arch-mpq-step{min-width:44px;min-height:44px;padding:0;font-size:20px} .arch-lab .arch-mpq-num{width:56px;min-height:44px;text-align:center;font-size:17px;border:1px solid var(--arch-field-line);border-radius:10px;background:var(--arch-surface);color:var(--arch-ink)} .arch-lab .arch-mpq-svg{max-width:460px;margin:auto} .arch-lab .arch-mpq-grid{stroke:var(--arch-grid);stroke-width:.5} .arch-lab .arch-mpq-sq1{fill:#dbeafe;fill-opacity:.55;stroke:#1e3a8a;stroke-width:1.6} .arch-lab .arch-mpq-sq2{fill:#fde68a;fill-opacity:.45;stroke:#92400e;stroke-width:1.6} .arch-lab .arch-mpq-tri{fill:none;stroke:var(--arch-bad);stroke-width:2.2;stroke-dasharray:6 4} .arch-lab .arch-mpq-tri-ok{stroke:var(--arch-good);stroke-dasharray:none} .arch-lab .arch-mpq-twin1{fill:#a7f3d0;fill-opacity:.55;stroke:#047857} .arch-lab .arch-mpq-twin2{fill:#fbcfe8;fill-opacity:.55;stroke:#be185d} .arch-lab .arch-mpq-perp{stroke:var(--arch-accent);stroke-width:2;stroke-dasharray:4 3} .arch-lab .arch-mpq-pt{fill:var(--arch-ink)} .arch-lab .arch-mpq-lab{fill:var(--arch-ink);font-size:14px;font-weight:700} .arch-lab .arch-mpq-hit{fill:transparent;cursor:pointer} .arch-lab .arch-mpq-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «Клубы по дням» (Matprazdnik 2023, grade 7, problem 5). */ .arch-lab .arch-mpb-row{fill:var(--arch-muted);font-size:14px;font-weight:600} .arch-lab .arch-mpb-rowpick{fill:var(--arch-link)} .arch-lab .arch-mpb-rowbtn{cursor:pointer;outline:none} .arch-lab .arch-mpb-rowbg{fill:var(--arch-pressed-bg);stroke:var(--arch-field-line);stroke-width:1} .arch-lab .arch-mpb-rowbtn:focus-visible .arch-mpb-rowbg{stroke:var(--arch-focus);stroke-width:3} .arch-lab .arch-mpb-kid{cursor:pointer;outline:none} .arch-lab .arch-mpb-dot{fill:var(--arch-surface);stroke:var(--arch-ink);stroke-width:1} .arch-lab .arch-mpb-ring{fill:none;stroke-width:2.6} .arch-lab .arch-mpb-cheetah{fill:#f59e0b} .arch-lab .arch-mpb-turtle{fill:#10b981} .arch-lab .arch-mpb-otherf{stroke-dasharray:3 2;stroke:var(--arch-muted)} .arch-lab .arch-mpb-sel{stroke:var(--arch-focus);stroke-width:3.5} .arch-lab .arch-mpb-star{fill:var(--arch-ink);stroke:var(--arch-surface);stroke-width:2px;paint-order:stroke;pointer-events:none} .arch-lab .arch-mpb-new{fill:none;stroke:var(--arch-accent);stroke-width:2;stroke-dasharray:3 2} .arch-lab .arch-mpb-kid:focus-visible .arch-mpb-dot{stroke:var(--arch-focus);stroke-width:3} .arch-lab .arch-mpb-cross{stroke:var(--arch-accent);stroke-width:1.6;stroke-opacity:.85} .arch-lab .arch-mpb-net p{margin:8px 0} .arch-lab .arch-mpb-list{list-style:none;margin:0 0 8px;padding:0} .arch-lab .arch-mpb-list li{margin:6px 0} .arch-lab .arch-mpb-swatch{display:inline-block;width:14px;height:14px;border-radius:50%;border:3px solid;margin-right:6px;vertical-align:-2px;box-sizing:border-box} .arch-lab .arch-mpb-del{min-height:36px;padding:4px 12px;margin-left:4px} .arch-lab .arch-mpb-day{margin:8px 0} .arch-lab .arch-mpb-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px} .arch-lab .arch-mpb-svg{display:block;max-width:100%;height:auto;touch-action:manipulation} .arch-lab .arch-zoomed .arch-mpb-svg{width:auto;max-width:none;max-height:none} /* Popov Academy — content-factory/matprazdnik-2021-2023-v2: «План мудреца» (Matprazdnik 2023, grade 7, problem 6). */ .arch-lab .arch-toggle{flex-wrap:wrap;margin:4px 0 8px} .arch-lab .arch-mpw-use{margin:0 0 8px} .arch-lab .arch-mpw-editors{display:grid;gap:8px;margin:0 0 10px} .arch-lab .arch-mpw-ed{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px} .arch-lab .arch-mpw-lab{font-size:14px;color:var(--arch-ink);flex:1 1 180px} .arch-lab .arch-mpw-ctl{display:flex;gap:6px;align-items:center} .arch-lab .arch-mpw-step{min-width:44px;min-height:44px;padding:0;font-size:18px} .arch-lab .arch-mpw-num{width:60px;min-height:44px;text-align:center;font-size:17px;border:1px solid var(--arch-field-line);border-radius:10px;background:var(--arch-surface);color:var(--arch-ink)} .arch-lab .arch-mpw-svg{max-width:420px;margin:auto} .arch-lab .arch-mpw-post,.arch-lab .arch-mpw-beam,.arch-lab .arch-mpw-string{stroke:var(--arch-ink);stroke-width:2} .arch-lab .arch-mpw-base{fill:var(--arch-ink)} .arch-lab .arch-mpw-pan{fill:#fde68a;stroke:#92400e;stroke-width:1.4} .arch-lab .arch-mpw-coins{fill:var(--arch-ink);font-size:13px;font-weight:700} .arch-lab .arch-mpw-coins2{fill:var(--arch-ink);font-size:11px} .arch-lab .arch-mpw-note{fill:var(--arch-muted);font-size:14px} .arch-lab .arch-mpw-formula{font-size:14px;color:var(--arch-muted);margin:6px 0 10px} .arch-lab .arch-mpw-table{border-collapse:collapse;width:100%;font-size:14px} .arch-lab .arch-mpw-table th,.arch-lab .arch-mpw-table td{border:1px solid var(--arch-soft-line);padding:4px 8px;text-align:center} .arch-lab .arch-mpw-bad td{color:var(--arch-bad);font-weight:600} .arch-lab .arch-mpw-verdict{margin:8px 0 0} .arch-lab .arch-mpw-msg{min-height:1.2em;margin:8px 0;color:var(--arch-muted);font-size:14px}