:root{--bg:#f4f2ed;--surface:#fff;--surface-2:#ece9e2;--text:#1f1f24;--muted:#676770;--border:#d8d4ca;--accent:#3e63dd;--accent-text:#fff;--danger:#cf3a40;--ok:#23854f;--warn:#a85d00;--star:#e9a800;--grid:#d9d0bd;--cell:#f4f0e6;--cell-alt:#ece6d8;--blocked:#3b3b45;--wall:#2b2b33;--red:#e5484d;--green:#2fa36b;--blue:#3e63dd;--yellow:#f0c000;--silver:#a3a9b1;--shadow:0 1px 2px #0000000f, 0 4px 16px #0000000f;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#15161a;--surface:#1e2026;--surface-2:#272a31;--text:#ecedf0;--muted:#9a9ca5;--border:#353842;--accent:#6d8cf0;--accent-text:#0e1017;--danger:#f06a6f;--ok:#4cc785;--warn:#f0a548;--cell:#2c2f37;--cell-alt:#282a32;--blocked:#0d0e11;--wall:#e7e2d4;--grid:#1b1d22;--shadow:0 1px 2px #0000004d, 0 4px 16px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}h1,h2{line-height:1.2}kbd{font:11px ui-monospace,monospace}.topbar{border-bottom:1px solid var(--border);background:var(--surface);z-index:5;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 16px;display:grid;position:sticky;top:0}.topbar h1{text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;overflow:hidden}.topbar>:last-child{justify-self:end}.back{align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.total-stars{color:var(--star);font-weight:700}.btn,.segmented button,.swatch,.robot-btn{font:inherit;cursor:pointer;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px}.btn{justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.btn.ghost{background:0 0}.btn.danger{color:var(--danger)}.btn:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 50%, transparent);outline-offset:2px}input[type=text],input[type=number],select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:0;padding:7px 10px}.home{max-width:860px;margin:0 auto;padding:32px 16px 48px}.hero{text-align:center;margin-bottom:28px}.hero h1{letter-spacing:-.02em;margin:8px 0;font-size:clamp(32px,7vw,52px)}.hero p{color:var(--muted);max-width:520px;margin:0 auto}.hero-robots{justify-content:center;gap:6px;display:flex}.menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (width<=560px){.menu{grid-template-columns:1fr}}.menu-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text);flex-direction:column;gap:6px;padding:18px;text-decoration:none;transition:transform .15s,border-color .15s;display:flex;position:relative}.menu-card:hover{border-color:var(--accent);transform:translateY(-2px)}.menu-card strong{font-size:19px}.menu-card span{color:var(--muted);font-size:14px}.badge{background:var(--surface-2);border-radius:99px;padding:2px 8px;font-size:13px;font-style:normal;font-weight:700;position:absolute;top:14px;right:14px}.rules{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:24px;padding:12px 18px}.rules summary{cursor:pointer;font-weight:600}.page{max-width:980px;margin:0 auto;padding:20px 16px 48px}.page.narrow{max-width:560px}.lead{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.block h2{margin:24px 0 10px;font-size:17px}.block h2 small{color:var(--muted);font-weight:500}.level-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.level-card{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:10px 12px;text-decoration:none;display:grid}a.level-card:hover{border-color:var(--accent)}.level-card.done{border-color:color-mix(in srgb, var(--ok) 45%, var(--border))}.level-card.locked{opacity:.5}.level-num{color:var(--muted);text-align:center;grid-row:span 2;min-width:28px;font-size:22px;font-weight:800}.level-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.level-meta{color:var(--muted);font-size:12px}.stars{gap:1px;font-size:14px;display:inline-flex}.star{color:var(--border)}.star.on{color:var(--star)}.victory .stars{justify-content:center;font-size:36px}.play-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;max-width:1180px;margin:0 auto;padding:16px;display:grid}.board-wrap{justify-content:center;display:flex}.board{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;max-height:calc(100dvh - 100px)}.board.mini{pointer-events:none;width:110px;height:110px;max-height:none}.panel{flex-direction:column;gap:14px;display:flex}.panel-section{flex-direction:column;gap:8px;display:flex}.panel-section.row{flex-direction:row;align-items:end;gap:10px}.panel-section label{flex-direction:column;gap:4px;display:flex}.grow{flex:1}.label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:12px;font-weight:700}.goal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:8px;padding:12px;font-weight:600;display:flex}.goal-icons{display:inline-flex}.goal-arrow{color:var(--muted)}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stats div{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:10px;flex-direction:column;padding:8px;display:flex}.stats span{color:var(--muted);font-size:12px}.stats strong{font-variant-numeric:tabular-nums;font-size:22px}.controls{flex-wrap:wrap;gap:8px;display:flex}.controls.compact .btn{padding:6px 10px;font-size:13px}.robot-picker{flex-wrap:wrap;gap:6px;display:flex}.robot-btn{align-items:center;gap:4px;padding:4px 8px 4px 4px;display:inline-flex}.robot-btn kbd{color:var(--muted)}.robot-btn.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.message{min-height:1.4em;margin:0;font-size:14px}.message p{margin:4px 0}.solution{columns:2;margin:6px 0;padding-left:22px;font-size:14px}.solution li{break-inside:avoid}.solution svg{vertical-align:-4px}.muted{color:var(--muted)}.small{font-size:13px}.ok{color:var(--ok);font-weight:600}.warn{color:var(--warn);font-weight:600}.error{color:var(--danger);font-weight:600}.empty{color:var(--muted);text-align:center;padding:40px 0}.board-bg{fill:var(--grid)}.cell{fill:var(--cell)}.cell.alt{fill:var(--cell-alt)}.cell.blocked{fill:var(--blocked)}.frame{fill:none;stroke:var(--wall);stroke-width:5px}.wall{stroke:var(--wall);stroke-width:5px;stroke-linecap:round}.target-bg{fill:#0000}.target .target-shape,.target-icon .target-shape{stroke:#00000040;stroke-width:1px}.target.dim{opacity:.35}.target.active .target-bg{fill:color-mix(in srgb, var(--accent) 18%, transparent);stroke:var(--accent);stroke-width:2px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{stroke-opacity:.25}}.t-red .target-shape{fill:var(--red)}.t-green .target-shape{fill:var(--green)}.t-blue .target-shape{fill:var(--blue)}.t-yellow .target-shape{fill:var(--yellow)}.t-silver .target-shape{fill:var(--silver)}.fill-red{fill:var(--red)}.fill-green{fill:var(--green)}.fill-blue{fill:var(--blue)}.fill-yellow{fill:var(--yellow)}.robot{transition-property:transform;transition-timing-function:cubic-bezier(.3,.7,.4,1)}.robots .robot{cursor:pointer}.robot-body{fill:var(--rc);stroke:#00000059;stroke-width:1.2px}.robot-visor{fill:#ffffffe6}.robot-eye{fill:#1f1f24}.robot-antenna{stroke:#00000073;stroke-width:2px}.robot-ring{fill:none;stroke:#0000;stroke-width:3px}.robot.selected .robot-ring{stroke:var(--rc);stroke-dasharray:5 4;transform-origin:20px 20px;animation:6s linear infinite spin}.robot.win .robot-body{transform-origin:20px 30px;animation:.6s 2 bounce}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{40%{transform:translateY(-6px)scale(1.05)}}.r-red{--rc:var(--red)}.r-green{--rc:var(--green)}.r-blue{--rc:var(--blue)}.r-yellow{--rc:var(--yellow)}.r-silver{--rc:var(--silver)}.arrow{cursor:pointer}.arrow-hit{fill:#0000}.arrow-head{fill:var(--accent);opacity:.85}.arrow:hover .arrow-head{opacity:1}.flash{fill:none;stroke:var(--star);stroke-width:3px}@media (prefers-reduced-motion:reduce){.robot{transition-duration:0s!important}.robot.selected .robot-ring,.target.active .target-bg,.robot.win .robot-body{animation:none}}.segmented{flex-wrap:wrap;gap:4px;display:flex}.segmented button{padding:6px 10px;font-size:14px}.segmented button.on,.swatch.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{padding:4px;display:inline-flex}.editor .board{cursor:crosshair}.result:empty{display:none}.result{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px}.result p{margin:4px 0}.result ul{margin:4px 0;padding-left:20px}.my-levels{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:12px;margin-top:16px;display:grid}.my-level{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:14px;padding:12px;display:flex}.my-level-info{flex-direction:column;gap:4px;min-width:0;display:flex}.form{flex-direction:column;gap:12px;display:flex}.form h2{margin:0}.form label{justify-content:space-between;align-items:center;gap:12px;font-weight:600;display:flex}.form label.check{justify-content:flex-start;font-weight:500}.names{grid-template-columns:1fr 1fr;gap:8px;display:grid}.actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.token-box{flex-direction:column;gap:6px;display:flex}.timer{font-variant-numeric:tabular-nums;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px;font-size:28px;font-weight:800}.timer.urgent{color:var(--danger)}.bid-row{grid-template-columns:1fr 34px 70px auto;align-items:center;gap:6px;display:grid}.bid-row .btn{padding:6px 10px}.bid{text-align:center;font-size:18px}.player-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.demo-title{margin:0;font-weight:700}.scoreboard{flex-direction:column;gap:4px;display:flex}.score-row,.ranking li{background:var(--surface);border:1px solid var(--border);border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;padding:6px 10px;display:grid}.token-list{flex-wrap:wrap;grid-column:1/-1;gap:2px;display:flex}.token-list:empty{display:none}.ranking{flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.modal-backdrop{z-index:20;background:#00000073;place-items:center;padding:16px;animation:.15s fade;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:16px;width:min(440px,100%);max-height:90vh;padding:22px;overflow:auto;box-shadow:0 10px 40px #0000004d}.victory{text-align:center}.victory h2{margin-top:0}.victory .actions{justify-content:center}.code{width:100%;font:12px ui-monospace,monospace}@keyframes fade{0%{opacity:0}}.toast{background:var(--text);color:var(--bg);z-index:30;max-width:calc(100vw - 32px);box-shadow:var(--shadow);border-radius:10px;padding:10px 16px;font-size:14px;transition:opacity .4s;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast.error{background:var(--danger);color:#fff}.toast.out{opacity:0}@media (width<=820px){.play-layout{grid-template-columns:1fr;padding:8px 16px 32px}.board{max-height:none}.topbar{padding:8px 12px}.topbar .back span{display:none}.names{grid-template-columns:1fr}}