.simulation-activity{--ss-accent: #0f766e;container-type:inline-size;container-name:simulation;border:1px solid #cbdedc;border-radius:24px;background:#fff;overflow:hidden;color:#1e293b;min-width:0;box-shadow:0 12px 32px #0f766e0a}.simulation-activity *,.simulation-activity *:before,.simulation-activity *:after{box-sizing:border-box}.simulation-activity button{min-width:44px;min-height:44px;font:inherit;cursor:pointer;touch-action:manipulation}.simulation-activity button:disabled{cursor:default;opacity:.45}.simulation-activity button:focus-visible,.simulation-activity input:focus-visible,.simulation-activity select:focus-visible{outline:3px solid #0f766e;outline-offset:3px}.ss-topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:24px}.ss-eyebrow{margin:0 0 7px!important;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:750;color:#0f766e}.simulation-activity .ss-topbar h2{margin:0;font-size:clamp(1.2rem,3cqi,1.65rem);line-height:1.3}.ss-difficulty{display:flex;gap:4px;padding:4px;border:1px solid #cbdedc;border-radius:15px;background:#eff7f5}.ss-difficulty button{border:0;padding:10px 15px;border-radius:11px;color:#334155;font-size:.85rem;font-weight:650}.ss-difficulty button[aria-pressed=true]{background:#0f766e;color:#fff;box-shadow:0 2px 6px #0f766e25}.ss-goal{display:flex;align-items:center;gap:14px;margin:0 24px 20px;padding:16px;border:1px solid #99e8dd;border-radius:15px;background:#f0fdfa}.ss-goal p{margin:0;font-size:.9rem;line-height:1.55}.ss-goal .ss-goal-label{font-size:.74rem;font-weight:800;color:#0f766e;margin-bottom:3px}.ss-goal-number{display:flex;align-items:center;justify-content:center;flex:0 0 34px;height:34px;border-radius:50%;background:#0f766e;color:#fff;font-weight:800}.ss-progress{flex-shrink:0;margin-left:auto;font-size:.75rem;color:#475569}.ss-scene{border-block:1px solid #d6e9ef;overflow:hidden}.ss-svg{display:block;width:100%;height:auto;max-height:500px;font-family:Satoshi,system-ui,sans-serif}.ss-svg text{font-family:inherit}.ss-feedback{margin:20px 24px 0;padding:14px 16px;border-radius:14px;background:#f1f5f9;font-size:.9rem;line-height:1.65}.ss-feedback p{margin:0}.ss-feedback .ss-notice{margin-top:5px;font-size:.8rem;color:#475569}.ss-success{background:#e6f8ef}.ss-success-title{display:block;color:#14532d;margin-bottom:3px}.ss-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:24px;align-items:start}.ss-controls>*{min-width:0}.ss-controls p{margin-block:0 8px}.ss-controls h3{font-size:1rem;margin-block:0 8px}.ss-choice{border:0;margin:0;padding:0;min-width:0}.ss-choice legend{font-size:.9rem;font-weight:750;margin-bottom:9px}.ss-options{display:flex;flex-wrap:wrap;gap:8px}.ss-options button,.ss-button{border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:11px;padding:10px 14px;font-weight:650;font-size:.85rem;line-height:1.4}.ss-options button[aria-pressed=true]{background:#e6f8f5;border-color:#0f766e;color:#115e59;box-shadow:inset 0 0 0 1px #0f766e}.ss-options button:hover,.ss-button:hover:not(:disabled){border-color:#0f766e;background:#f0fdfa}.ss-number{padding:14px;border:1px solid #e2e8f0;border-radius:14px}.ss-number input{min-height:44px}.ss-number input[type=range]{cursor:pointer;width:100%}.ss-steppers{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.ss-steppers button{width:44px;border:1px solid #cbd5e1;border-radius:10px;font-size:1.25rem;background:#fff}.ss-actions{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:14px;padding:0 24px 24px}.ss-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.simulation-activity .ss-next{background:#0f766e;color:#fff;border-color:#0f766e}.simulation-activity .ss-next:disabled{background:#e2e8f0;color:#64748b;border-color:#cbd5e1;opacity:1}.ss-note{font-size:.8rem;line-height:1.65;color:#475569}.ss-result{background:#eff6ff;border:1px solid #dbeafe;border-radius:14px;padding:14px;font-weight:650}.ss-hint,.ss-share{margin:0 24px 24px;padding:14px;border-radius:12px;border:1px solid #99dacf;background:#f0fdfa;font-size:.85rem;line-height:1.6}.ss-share p{margin:0}.ss-share input{display:block;width:100%;min-width:0;min-height:44px;margin-top:10px;border:1px solid #94a3b8;padding:10px;border-radius:8px;background:#fff;color:#334155;font-size:.8rem}.ss-controls .ss-wide{grid-column:1 / -1}.ss-reduced-note{display:none;margin:12px 24px 0;font-size:.8rem;color:#475569}@container simulation (max-width: 650px){.ss-controls{grid-template-columns:1fr;padding:20px 18px}.ss-topbar{padding:20px 18px}.ss-goal,.ss-feedback{margin-inline:18px}.ss-actions{padding-inline:18px}.ss-hint,.ss-share{margin-inline:18px}.ss-progress{display:none}}@container simulation (max-width: 400px){.ss-topbar{align-items:stretch}.ss-difficulty{width:100%}.ss-difficulty button{flex:1;padding-inline:8px}.ss-goal{padding:12px}.ss-actions{align-items:stretch}.ss-actions>.ss-row{width:100%}.ss-actions .ss-next{width:100%}.ss-options button{flex-grow:1}}@media(prefers-reduced-motion:reduce){.simulation-activity *,.simulation-activity *:before,.simulation-activity *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ss-reduced-note{display:block}}
