:root{--drop-bg: var(--slate-50);--drop-border: dashed 2px var(--ink-400);--item-bg: var(--white);--correct-bg: var(--accent-light);--wrong-bg: #fee2e2}.module{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid rgba(15,23,42,.06);padding:var(--space-6);margin-bottom:var(--space-6)}.module__header{margin-bottom:var(--space-5)}.module__title{font-size:var(--fs-lg);display:flex;align-items:center;gap:var(--space-2)}.module__desc{color:var(--ink-500);font-size:var(--fs-sm);margin-top:var(--space-2)}.module__ref{display:block;margin-top:var(--space-2);font-size:var(--fs-xs);color:var(--primary);font-weight:var(--fw-semibold)}.module__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-5)}.score-pill{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--secondary-light);color:var(--secondary);font-weight:var(--fw-bold);font-size:var(--fs-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full)}.drop-zones{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.drop-zone{background:var(--drop-bg);border:var(--drop-border);border-radius:var(--radius-md);padding:var(--space-4);min-height:180px;transition:var(--transition)}.drop-zone--over{border-color:var(--primary);background:var(--primary-light)}.drop-zone--correct{border-color:var(--accent);background:var(--accent-light)}.drop-zone--wrong{border-color:var(--danger);background:var(--wrong-bg)}.drop-zone__label{font-weight:var(--fw-bold);color:var(--ink-700);text-transform:uppercase;font-size:var(--fs-xs);letter-spacing:.08em;margin-bottom:var(--space-1);text-align:center}.drop-zone__hint{font-size:var(--fs-xs);color:var(--ink-400);text-align:center;margin-bottom:var(--space-3)}.drop-zone__empty{font-size:var(--fs-xs);color:var(--ink-400);text-align:center;padding:var(--space-3);border:1px dashed rgba(15,23,42,.15);border-radius:var(--radius-sm)}.drop-zone__items{display:flex;flex-direction:column;gap:var(--space-2)}.drag-item{background:var(--item-bg);border:1.5px solid rgba(15,23,42,.12);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-weight:var(--fw-medium);cursor:grab;user-select:none;text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition);touch-action:none}.drag-item:hover,.drag-item:focus-visible{border-color:var(--primary);box-shadow:var(--shadow-md);outline:none}.drag-item.is-dragging{opacity:.75;box-shadow:var(--shadow-lg);transition:none}.drag-item.is-selected{border-color:var(--secondary);background:var(--secondary-light);box-shadow:0 0 0 3px #f59e0b4d}.drag-item.placed{cursor:pointer;font-size:var(--fs-sm);padding:var(--space-2) var(--space-3)}.drag-item.placed:not(.is-wrong){background:var(--correct-bg);border-color:var(--accent);color:#065f46}.drag-item.is-correct{background:var(--correct-bg);border-color:var(--accent);color:#065f46}.drag-item.is-wrong{background:var(--wrong-bg);border-color:var(--danger);color:#991b1b}.drag-pool{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4);background:var(--slate-50);border-radius:var(--radius-md);min-height:60px;align-content:flex-start}.pool__label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--ink-500);margin-bottom:var(--space-2)}.feedback[hidden]{display:none}.chart-container{position:relative;width:100%;max-width:640px;margin:0 auto var(--space-5)}.data-row{display:flex;align-items:flex-end;gap:var(--space-2);height:160px;border-bottom:2px solid var(--slate-100);padding-bottom:var(--space-2)}.bar{flex:1;background:linear-gradient(180deg,var(--primary),var(--primary-dark));border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:8px;position:relative;transition:var(--transition);animation:grow-bar .6s ease both}.bar:hover{opacity:.85}.bar--peak{background:linear-gradient(180deg,var(--secondary),#d97706)}.bar__value{position:absolute;top:-22px;left:50%;transform:translate(-50%);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--ink-700)}@keyframes grow-bar{0%{height:0}}.quiz-field{width:100%;padding:var(--space-3);border:1.5px solid var(--slate-100);border-radius:var(--radius-md);font-family:inherit}.quiz-field:focus{outline:none;border-color:var(--primary)}.info-card{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);background:var(--slate-50);border:1.5px solid transparent;border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3);cursor:pointer;transition:var(--transition)}.info-card:hover{border-color:var(--ink-400)}.info-card.is-relevant{background:var(--correct-bg);border-color:var(--accent)}.info-card.is-irrelevant{background:var(--wrong-bg);border-color:var(--danger)}.info-card__mark{font-size:1.25rem;color:var(--ink-400);flex-shrink:0}.info-card__text{flex:1;min-width:0;overflow-wrap:break-word}.info-card__tags{display:flex;gap:var(--space-1);flex-shrink:0}.info-tag{border:1.5px solid var(--slate-200);background:var(--white);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--fs-xs);font-weight:var(--fw-semibold);cursor:pointer;transition:var(--transition)}.info-tag--rel{color:var(--accent)}.info-tag--rel.is-on{background:var(--accent);border-color:var(--accent);color:var(--white)}.info-tag--irr{color:var(--danger)}.info-tag--irr.is-on{background:var(--danger);border-color:var(--danger);color:var(--white)}.info-card.is-correct{box-shadow:inset 0 0 0 2px var(--accent)}.info-card.is-wrong{box-shadow:inset 0 0 0 2px var(--danger)}.info-card__result{width:100%;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--ink-600)}.abstraksi-story{background:var(--primary-light);border-left:4px solid var(--primary);border-radius:var(--radius-sm);padding:var(--space-4);margin-bottom:var(--space-5);line-height:1.6}.abstraksi-story__label{font-weight:var(--fw-bold);color:var(--primary-dark);margin-bottom:var(--space-2)}.abstraksi-items{display:flex;flex-direction:column;gap:var(--space-2)}.abstraksi-items .info-card{margin-bottom:0}.simul-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.simul-tab{flex:1 1 220px;padding:var(--space-3) var(--space-4);border:1.5px solid var(--slate-100);border-radius:var(--radius-md);background:var(--slate-50);color:var(--ink-500);font-family:inherit;font-weight:var(--fw-semibold);font-size:var(--fs-sm);transition:var(--transition)}.simul-tab.is-active{background:var(--primary);border-color:var(--primary);color:var(--white)}.sampah-story{background:#ecfdf5;border-left:4px solid var(--accent);border-radius:var(--radius-sm);padding:var(--space-4);margin-bottom:var(--space-5);line-height:1.6}.sampah-story__label{font-weight:var(--fw-bold);color:#047857;margin-bottom:var(--space-2)}.sampah-pioneer{background:var(--secondary-light);border:1px dashed var(--secondary);border-radius:var(--radius-sm);padding:var(--space-4);margin-top:var(--space-4);margin-bottom:var(--space-4);line-height:1.6}.sampah-pioneer__label{font-weight:var(--fw-bold);color:var(--ink-900);margin-bottom:var(--space-2)}.logika-questions{display:flex;flex-direction:column;gap:var(--space-4)}.step-list{display:flex;flex-direction:column;gap:var(--space-2);counter-reset:step}.step-item{display:flex;align-items:center;gap:var(--space-3);background:var(--slate-50);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:grab;transition:var(--transition)}.step-item.is-dragging{opacity:.5}.step-item__handle{color:var(--ink-400);cursor:grab}.step-order{width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-full);background:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);font-size:var(--fs-sm)}.step-stage{margin-bottom:var(--space-5)}.step-stage__prompt{font-weight:var(--fw-semibold);color:var(--ink-900);margin-bottom:var(--space-3)}.step-item__text{flex:1;min-width:0;overflow-wrap:break-word;color:var(--ink-800)}.step-item__nav{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.step-arrow{width:28px;height:24px;border:1px solid var(--slate-200);background:var(--white);color:var(--ink-600);border-radius:var(--radius-sm);font-size:.625rem;line-height:1;cursor:pointer;transition:var(--transition)}.step-arrow:hover{border-color:var(--primary);color:var(--primary)}.step-item.is-correct-pos{background:var(--correct-bg);border:1.5px solid var(--accent)}.step-item.is-wrong-pos{background:var(--wrong-bg);border:1.5px solid var(--danger)}.sim-stage{position:relative;border-radius:var(--radius-lg);background:linear-gradient(160deg,#eff6ff,#f8fafc);border:1px solid rgba(15,23,42,.06);min-height:360px;overflow:hidden;margin-bottom:var(--space-5)}.sim-route-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.route-option{border:2px solid rgba(15,23,42,.1);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer;transition:var(--transition);background:var(--white)}.route-option:hover{border-color:var(--primary)}.route-option.is-selected{border-color:var(--primary);background:var(--primary-light)}.route-option.is-correct{border-color:var(--accent);background:var(--correct-bg)}.route-option__time{font-size:var(--fs-lg);font-weight:var(--fw-extrabold);color:var(--ink-900)}.route-option__desc{font-size:var(--fs-xs);color:var(--ink-500)}.feedback{padding:var(--space-4);border-radius:var(--radius-md);font-weight:var(--fw-medium);font-size:var(--fs-sm);margin-top:var(--space-4)}.feedback--success{background:var(--accent-light);color:var(--accent)}.feedback--info{background:var(--primary-light);color:var(--primary-dark)}.feedback--warning{background:var(--secondary-light);color:#b45309}.quiz-list{display:flex;flex-direction:column;gap:var(--space-6)}.quiz-item{border:1px solid rgba(15,23,42,.08);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--slate-50);margin:0;min-width:0;display:flex;flex-direction:column}.quiz-item__text{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);padding:0;width:100%;float:none;white-space:normal}.quiz-item__num{flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-full);background:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);font-size:var(--fs-sm);margin-top:2px}.quiz-item__text p{font-weight:var(--fw-semibold);color:var(--ink-900);margin:0;flex:1;min-width:0;overflow-wrap:break-word;line-height:1.6}.quiz-item__options{display:flex;flex-direction:column;gap:var(--space-2)}.quiz-option{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--white);border:1.5px solid rgba(15,23,42,.12);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:pointer;transition:var(--transition)}.quiz-option:hover{border-color:var(--primary)}.quiz-option.is-selected{border-color:var(--primary);background:var(--primary-light)}.quiz-option.is-correct{border-color:var(--accent);background:var(--correct-bg)}.quiz-option.is-wrong{border-color:var(--danger);background:var(--wrong-bg)}.quiz-option__mark{flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-full);background:var(--slate-100);color:var(--ink-700);display:flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);font-size:var(--fs-sm)}.quiz-option.is-correct .quiz-option__mark{background:var(--accent);color:var(--white)}.quiz-option.is-wrong .quiz-option__mark{background:var(--danger);color:var(--white)}.quiz-option__text{font-size:var(--fs-sm);color:var(--ink-700);min-width:0;overflow-wrap:break-word}.quiz-item__explanation{margin-top:var(--space-3);padding:var(--space-3);background:var(--primary-light);border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--primary-dark)}.simul-map{background:linear-gradient(135deg,#f8faff,#f1f5fb);border:1px solid rgba(37,99,235,.1);border-radius:var(--radius-lg);padding:var(--space-3);overflow-x:auto;min-height:320px}.simul-map svg{width:100%;min-width:380px;height:auto;display:block}.simul-edge{stroke:#94a3b8;stroke-width:2.5;stroke-linecap:round;transition:stroke .25s ease,stroke-width .25s ease}.simul-edge.is-active{stroke:var(--primary);stroke-width:4}.simul-weight{fill:var(--ink-700);font-size:12px;font-weight:var(--fw-bold);font-family:var(--font-family);pointer-events:none;dominant-baseline:auto}.simul-weight--active{fill:var(--primary-dark)}.simul-node__dot{stroke:var(--white);stroke-width:3;transition:filter .25s ease}.simul-node__dot.is-highlighted{filter:drop-shadow(0 0 6px rgba(37,99,235,.6))}.simul-node__dot.is-start{fill:var(--accent)}.simul-node__dot.is-end{fill:var(--primary)}.simul-node__dot.is-space{fill:#64748b}.simul-node__label{fill:var(--ink-900);font-size:13px;font-weight:var(--fw-bold);font-family:var(--font-family);pointer-events:none;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}.simul-legend{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-4);margin:var(--space-3) 0 var(--space-5);padding:0}.simul-legend li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-xs);color:var(--ink-500)}.dot{width:12px;height:12px;border-radius:var(--radius-full);border:2px solid var(--white);box-shadow:0 0 0 1px var(--slate-300)}.dot--start{background:var(--accent)}.dot--end{background:var(--primary)}.dot--space{background:var(--slate-400)}.simul-title{font-size:var(--fs-md);color:var(--ink-900);margin-bottom:var(--space-3)}.simul-routes{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.simul-route{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-3);align-items:center;width:100%;text-align:left;background:var(--white);border:1.5px solid rgba(15,23,42,.12);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:pointer;transition:var(--transition)}.simul-route:hover{border-color:var(--primary)}.simul-route.is-best{border-color:var(--accent);background:var(--correct-bg)}.simul-route__id{font-weight:var(--fw-bold);color:var(--primary);background:var(--primary-light);border-radius:var(--radius-sm);padding:2px 10px;font-size:var(--fs-sm)}.simul-route__path{font-size:var(--fs-sm);color:var(--ink-700);font-weight:var(--fw-medium)}.simul-route__meta{font-size:var(--fs-xs);color:var(--ink-500);white-space:nowrap}.mission-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.mission-tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1.5px solid rgba(15,23,42,.15);background:var(--white);color:var(--ink-700);font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:var(--transition)}.mission-tab:hover{border-color:var(--primary)}.mission-tab.is-active{background:var(--primary);border-color:var(--primary);color:var(--white)}.help-box{border:1px dashed var(--primary);border-radius:var(--radius-md);background:var(--primary-light);margin:var(--space-4) 0;overflow:hidden}.help-box summary{cursor:pointer;padding:var(--space-3) var(--space-4);font-weight:var(--fw-semibold);color:var(--primary-dark);list-style:none}.help-box summary::-webkit-details-marker{display:none}.help-box[open] summary:before{content:"? ";font-size:var(--fs-xs)}.help-box summary:before{content:"? ";font-size:var(--fs-xs)}.help-box__content{padding:0 var(--space-4) var(--space-4);color:var(--ink-700);font-size:var(--fs-sm)}.help-box__content p{margin:0 0 var(--space-2)}.help-box__line{padding-left:var(--space-3);border-left:3px solid var(--primary)}.integrasi-list{display:grid;gap:var(--space-3);margin-bottom:var(--space-6)}.integrasi-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);overflow:hidden}.integrasi-card[open]{border-color:var(--accent)}.integrasi-card__head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);cursor:pointer;list-style:none}.integrasi-card__head::-webkit-details-marker{display:none}.integrasi-card__head .integrasi-card__icon{font-size:1.6rem}.integrasi-card__head strong{display:block;color:var(--text-strong);font-size:var(--fs-base)}.integrasi-card__head em{display:block;font-style:normal;color:var(--text-muted);font-size:var(--fs-xs)}.integrasi-card__body{padding:0 var(--space-4) var(--space-4);display:grid;gap:var(--space-2);font-size:var(--fs-sm);color:var(--ink-700);line-height:1.6}.integrasi-card__body p{margin:0}.integrasi-subtitle{font-size:var(--fs-lg);color:var(--text-strong);margin-bottom:var(--space-3)}.integrasi-palette{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.integrasi-palette__chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1.5px solid var(--border);border-radius:var(--radius-full);background:var(--white);font-size:var(--fs-xs);color:var(--ink-700)}.integrasi-palette__chip em{font-style:normal;font-weight:var(--fw-semibold)}.integrasi-act-list{display:grid;gap:var(--space-4);margin-bottom:var(--space-5)}.integrasi-act{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--white);display:grid;gap:var(--space-3)}.integrasi-act__text{display:flex;gap:var(--space-3);align-items:flex-start;margin:0;font-size:var(--fs-sm);line-height:1.6;color:var(--ink-700)}.integrasi-act__pick{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-3);align-items:center}.integrasi-act__label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--ink-500);white-space:nowrap}.integrasi-act__select{width:100%;padding:var(--space-2) var(--space-3);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-size:var(--fs-sm);font-family:inherit;color:var(--ink-700);cursor:pointer}.integrasi-act__select.is-selected{border-color:var(--primary)}.integrasi-act__select.is-correct{border-color:var(--success);background:#10b9811a}.integrasi-act__select.is-wrong{border-color:var(--danger);background:#ef444414}.integrasi-act__hint{grid-column:1 / -1;margin:0;font-size:var(--fs-xs);color:var(--ink-600)}.integrasi-act__hint strong{color:var(--text-strong)}