:root{--color-primary:#ff6b35;--color-primary-hover:#e85a28;--color-primary-active:#d14e1f;--color-on-primary:#1a1a1a;--color-secondary:#1a73e8;--color-secondary-hover:#1662c9;--color-on-secondary:#fff;--color-accent:#34a853;--color-on-accent:#0b3d1c;--color-warning:#fbbc04;--color-on-warning:#202124;--color-danger:#ea4335;--color-danger-surface:#b3261e;--color-on-danger:#fff;--color-purple:#a142f4;--block-movement:#ff6b35;--block-sensors:#4285f4;--block-manipulator:#34a853;--block-logic:#fbbc04;--block-variables:#a142f4;--block-mission:#ea4335;--block-system:#78909c;--bg-canvas:#fafafa;--bg-surface:#fff;--bg-surface-raised:#f1f3f4;--bg-overlay:#2021248c;--border-subtle:#e0e0e0;--border-strong:#bdbdbd;--text-primary:#202124;--text-secondary:#5f6368;--text-disabled:#9aa0a6;--sim-sky-day:#87ceeb;--sim-fog-smoke:#6b6b6b;--sim-survivor:#34a853;--sim-survivor-lost:#ea4335;--sim-hazard-fire:#ff6b35;--sim-hazard-gas:#a142f4;--sim-robot-trail:#4285f4;--status-locked:var(--text-disabled);--status-available:var(--color-secondary);--status-in-progress:var(--color-warning);--status-complete:var(--color-accent);--status-perfect:gold;--font-heading:Kanit, "Noto Sans Thai", sans-serif;--font-body:Sarabun, "Noto Sans Thai", sans-serif;--font-code:"Fira Code", "JetBrains Mono", monospace;--text-display:3rem;--text-h1:2rem;--text-h2:1.5rem;--text-h3:1.25rem;--text-body-lg:1.125rem;--text-body:1rem;--text-sm:.875rem;--leading-tight:1.4;--leading-normal:1.6;--leading-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--space-7:4rem;--space-8:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:999px;--shadow-1:0 1px 2px #00000014, 0 1px 3px #0000000f;--shadow-2:0 4px 8px #0000001a, 0 2px 4px #0000000f;--shadow-3:0 12px 24px #00000029;--shadow-glow-primary:0 0 0 4px #ff6b3547;--motion-instant:.1s;--motion-fast:.16s;--motion-base:.24s;--motion-slow:.4s;--motion-celebrate:.7s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-emphasized:cubic-bezier(.05, .7, .1, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--topbar-height:3.5rem;--palette-width:12.5rem;--palette-width-collapsed:3.5rem;--panel-height:12.5rem;--panel-height-collapsed:2.5rem;--sim-min-width:20rem;--touch-target-min:2.75rem;--focus-ring-width:3px;--focus-ring-color:var(--color-secondary);--focus-ring-offset:2px}[data-theme=dark]{--bg-canvas:#1e1e1e;--bg-surface:#252526;--bg-surface-raised:#2d2d30;--bg-overlay:#000000b3;--border-subtle:#3e3e42;--border-strong:#5a5a5e;--text-primary:#f5f5f5;--text-secondary:#b0b0b4;--text-disabled:#6e6e72;--shadow-1:0 1px 2px #0000004d, 0 1px 3px #0000003d;--shadow-2:0 4px 8px #0000005c, 0 2px 4px #0000003d;--shadow-3:0 12px 24px #0000007a;--focus-ring-color:var(--color-primary)}@media (prefers-color-scheme:dark){[data-theme=system]{--bg-canvas:#1e1e1e;--bg-surface:#252526;--bg-surface-raised:#2d2d30;--bg-overlay:#000000b3;--border-subtle:#3e3e42;--border-strong:#5a5a5e;--text-primary:#f5f5f5;--text-secondary:#b0b0b4;--text-disabled:#6e6e72;--focus-ring-color:var(--color-primary)}}[data-contrast=high]{--bg-canvas:#000;--bg-surface:#0a0a0a;--bg-surface-raised:#141414;--bg-overlay:#000000e6;--border-subtle:#fff;--border-strong:#fff;--text-primary:#fff;--text-secondary:#e0e0e0;--text-disabled:#a0a0a0;--color-primary:#ff8a5c;--color-secondary:#6ba9ff;--color-accent:#5fd97f;--color-warning:#ffd24d;--color-danger:#ff7a6e;--color-purple:#c489ff;--block-movement:#ff8a5c;--block-sensors:#6ba9ff;--block-manipulator:#5fd97f;--block-logic:#ffd24d;--block-variables:#c489ff;--block-mission:#ff7a6e;--focus-ring-width:4px;--focus-ring-color:gold}[data-contrast=high] *{border-width:2px!important}[data-contrast=high] :focus-visible{outline-offset:var(--focus-ring-offset);outline:var(--focus-ring-width) solid var(--focus-ring-color)!important}html{font-size:16px}html[data-font-scale="125"]{font-size:20px}html[data-font-scale="150"]{font-size:24px}body{background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-normal);word-break:normal;overflow-wrap:break-word;line-break:normal}@supports (word-break:auto-phrase){body{word-break:auto-phrase}}h1,h2,h3,h4{font-family:var(--font-heading);line-height:var(--leading-tight);text-transform:none}code,pre,.code{font-family:var(--font-code);font-size:var(--text-sm)}.numeric,td.numeric,.hud-value{font-variant-numeric:tabular-nums}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}[data-reduced-motion=true] *,[data-reduced-motion=true] :before,[data-reduced-motion=true] :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.touch-target{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}
*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}a{color:var(--color-secondary);text-decoration:none}a:hover{text-decoration:underline}img,svg{max-width:100%;display:block}button{font-family:inherit}.rb-icon{vertical-align:middle;color:#fff;flex-shrink:0;width:20px;height:20px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:20px 20px;mask-size:20px 20px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:currentColor!important;display:inline-block!important}.rb-icon-wheel-track{-webkit-mask-image:var(--rb-ico-move);-webkit-mask-image:var(--rb-ico-move);mask-image:var(--rb-ico-move)}.rb-icon-sensor-distance{-webkit-mask-image:var(--rb-ico-sensor);-webkit-mask-image:var(--rb-ico-sensor);mask-image:var(--rb-ico-sensor)}.rb-icon-robot-arm{-webkit-mask-image:var(--rb-ico-arm);-webkit-mask-image:var(--rb-ico-arm);mask-image:var(--rb-ico-arm)}.rb-icon-operators{-webkit-mask-image:var(--rb-ico-calc);-webkit-mask-image:var(--rb-ico-calc);mask-image:var(--rb-ico-calc)}.rb-icon-repeat{-webkit-mask-image:var(--rb-ico-loop);-webkit-mask-image:var(--rb-ico-loop);mask-image:var(--rb-ico-loop)}.rb-icon-variable{-webkit-mask-image:var(--rb-ico-var);-webkit-mask-image:var(--rb-ico-var);mask-image:var(--rb-ico-var)}.rb-icon-mission-flag{-webkit-mask-image:var(--rb-ico-flag);-webkit-mask-image:var(--rb-ico-flag);mask-image:var(--rb-ico-flag)}:root{--rb-ico-move:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6.5' cy='16' r='3.5'/%3E%3Ccircle cx='17.5' cy='16' r='3.5'/%3E%3Cpath d='M6.5 12.5V8h7l3 4'/%3E%3C/svg%3E");--rb-ico-sensor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='18' r='2'/%3E%3Cpath d='M8 14a5.5 5.5 0 0 1 8 0M5 10.5a10 10 0 0 1 14 0'/%3E%3C/svg%3E");--rb-ico-arm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4v5a4 4 0 0 0 8 0V4'/%3E%3Cpath d='M12 13v7'/%3E%3Crect x='8.5' y='19' width='7' height='2.5' rx='1'/%3E%3C/svg%3E");--rb-ico-calc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h6M7 5v6M14 8h6M14 16h6M4 16h6M7 13v6'/%3E%3C/svg%3E");--rb-ico-loop:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11a7 7 0 0 1 12-4.9'/%3E%3Cpath d='M20 13a7 7 0 0 1-12 4.9'/%3E%3Cpath d='M16 2.5V7h-4.5M8 21.5V17h4.5'/%3E%3C/svg%3E");--rb-ico-var:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='6' width='17' height='12' rx='2.5'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E");--rb-ico-flag:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 21V4'/%3E%3Cpath d='M6 5h11l-2.5 4L17 13H6z'/%3E%3C/svg%3E")}