:root{--color-bg:#f5f7fb;--color-surface:#fff;--color-surface-muted:#f8fafc;--color-border:#dbe3f0;--color-border-strong:#cbd5e1;--color-text:#1f2937;--color-text-muted:#475569;--color-primary:#2bb673;--color-primary-hover:#249a62;--color-primary-disabled:#cfd8e3;--color-secondary-bg:#fff;--color-secondary-hover:#f8fafc;--color-secondary-border:#cfd8e3;--color-success-bg:#f0fdf4;--color-success-border:#86efac;--color-success-text:#166534;--color-error-bg:#fef2f2;--color-error-border:#fecaca;--color-error-text:#991b1b;--color-info-bg:#eff6ff;--color-info-border:#bfdbfe;--color-info-text:#1d4ed8;--shadow-panel:0 6px 18px #00000014;--shadow-card:0 4px 12px #0f172a0f;--radius-sm:10px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--font-size-caption:14px;--font-size-body:16px;--font-size-title:20px;--button-height:42px;--button-padding-x:16px}.ui-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-panel)}.ui-panel--flat{box-shadow:none}.ui-section-title{margin:0 0 var(--space-3);font-size:var(--font-size-title);color:var(--color-text);font-weight:800}.ui-button{min-height:var(--button-height);padding:0 var(--button-padding-x);border-radius:var(--radius-md);font-size:var(--font-size-body);justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;font-weight:700;transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s,transform 80ms;display:inline-flex}.ui-button:disabled{cursor:default;transform:none}.ui-button-primary{background:var(--color-primary);color:#fff;border:none}.ui-button-primary:hover:not(:disabled){background:var(--color-primary-hover)}.ui-button-primary:disabled{background:var(--color-primary-disabled);color:#fff}.ui-button-secondary{border:1px solid var(--color-secondary-border);background:var(--color-secondary-bg);color:var(--color-text)}.ui-button-secondary:hover:not(:disabled){background:var(--color-secondary-hover)}.ui-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-card)}.ui-stat-card__label{margin:0 0 var(--space-1);font-size:var(--font-size-caption);color:var(--color-text-muted);font-weight:600}.ui-stat-card__value{color:var(--color-text);margin:0;font-size:18px;font-weight:800}.ui-feedback-box{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.ui-feedback-box--info{background:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-info-text)}.ui-feedback-box--success{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-text)}.ui-feedback-box--error{background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error-text)}.glossary-list{gap:12px;max-width:500px;margin:20px 0;display:grid}.glossary-card{background:#fff;border:1px solid #dbe3f0;border-radius:12px;padding:12px 14px}.world-grid{gap:16px;max-width:760px;margin:24px 0;display:grid}.world-card{background:#fff;border:1px solid #dbe3f0;border-radius:14px;padding:16px}.world-card h2{margin:0 0 8px;font-size:22px}.world-card p{margin:0 0 12px;line-height:1.5}.level-grid{gap:14px;max-width:760px;margin:24px 0;display:grid}.level-card{background:#fff;border:1px solid #dbe3f0;border-radius:14px;padding:14px}.level-card h3{margin:0 0 8px}.level-card p{margin:0 0 12px}.mock-image-box{text-align:center;background:#fff;border:2px dashed #94a3b8;border-radius:16px;justify-content:center;align-items:center;max-width:480px;min-height:120px;margin:20px 0;padding:24px;font-size:20px;display:flex}.result-box{background:#fff;border:1px solid #dbe3f0;border-radius:14px;max-width:480px;margin:20px 0;padding:14px 16px}.game-image{object-fit:contain;max-width:100%;max-height:260px;display:block}.image-choice-card{position:relative}.image-choice-card.selected{outline:3px solid #2563eb}.image-choice-card.correct{background:#f0fdf4;outline:4px solid #16a34a}.image-choice-card.wrong{background:#fef2f2;outline:4px solid #dc2626}.image-choice-card:disabled{cursor:default;opacity:1}.image-choice-card img{pointer-events:none}.choice-label{color:#1f2937;margin-top:10px;font-size:16px;font-weight:600}.sequence-progress-hint{color:#475569;margin-top:8px;font-size:14px}.prompt-state-box{background:#fff;border:1px solid #dbe3f0;border-radius:14px;max-width:420px;margin:20px 0;padding:16px}.prompt-state-title{color:#475569;margin-bottom:10px;font-size:14px}.prompt-state-image{object-fit:contain;width:100%;max-height:220px;margin:0 auto 10px;display:block}.prompt-state-label{font-weight:600}.cell-type-badge{color:#334155;background:#e8eef8;border:1px solid #cbd5e1;border-radius:999px;margin-bottom:12px;padding:6px 12px;font-size:14px;font-weight:600;display:inline-block}.cb-keyword{color:#c62828;font-weight:800}.world-map-topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.world-map-topbar-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.world-map-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.world-map-sidebar,.world-map-main{background:#fff;border:1px solid #dbe3f0;border-radius:16px;padding:16px}.world-map-panel-header{margin-bottom:16px}.world-map-panel-header h2{margin:0 0 8px}.world-map-panel-header p{color:#475569;margin:0;line-height:1.5}.world-map-world-list,.world-map-level-list{gap:14px;display:grid}.world-nav-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #dbe3f0;border-radius:14px;width:100%;padding:16px}.world-nav-card.selected{background:#eff6ff;border-color:#2563eb;box-shadow:inset 0 0 0 2px #2563eb}.world-nav-card h2{margin:0 0 8px;font-size:22px}.world-nav-card p{margin:0;line-height:1.5}.level-list-card{background:#fff;border:1px solid #dbe3f0;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;display:grid}.level-list-card.selected{border-color:#2563eb;box-shadow:inset 0 0 0 2px #2563eb}.level-list-card h3{margin:0 0 8px}.level-list-card-mode{color:#475569;margin:0 0 6px}.level-list-card-status{color:#b45309;margin:0;font-weight:600}.level-list-card-actions{align-items:center;display:flex}@media (width<=900px){.world-map-layout,.level-list-card{grid-template-columns:1fr}.level-list-card-actions{justify-content:flex-start}}.level-list-card.clickable{text-align:left;cursor:pointer;background:#fff;width:100%}.level-list-card.clickable:disabled{cursor:not-allowed;opacity:.72}.level-list-card.clickable:hover:not(:disabled){border-color:#2563eb;box-shadow:inset 0 0 0 1px #2563eb}