#auth-modal.hidden{display:none}#auth-modal:not(.hidden){position:fixed;inset:0;z-index:100;background:#15272ded;display:flex;align-items:center;justify-content:center;padding:18px}#auth-modal section{background:#fffdf8;color:#253d42;padding:28px;border-radius:24px;max-width:450px}#auth-modal h1{font-size:26px}#auth-modal button{margin:8px 0;width:100%}#auth-error.hidden{display:none}
:root{font-family:ui-rounded,'Yu Gothic',system-ui,sans-serif;color:#253d42;background:#f7f4eb;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,select,a{touch-action:manipulation}button,select{font:inherit;color:inherit}button,select,.pill{min-height:56px;border:2px solid #d7dfd7;border-radius:16px;background:white;padding:10px 18px;font-weight:750}button{cursor:pointer}button:hover{border-color:#277f72;background:#eef8f0}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #b45225;outline-offset:4px}a{color:inherit}.topbar{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:24px 28px;gap:16px}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-size:30px;font-weight:900;letter-spacing:-1px}.brand>span{font-size:24px}.brand-pop{color:#b65032}.top-actions{display:flex;gap:10px;align-items:center}main{max-width:1144px;margin:20px auto 60px;padding:0 24px}.hero{position:relative;border-radius:32px;padding:40px 42px;background:#e4edd7;overflow:hidden;display:grid;grid-template-columns:1fr 230px;align-items:center;gap:24px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:3px;color:#46715c;margin:0 0 14px}h1{font-size:clamp(32px,5vw,54px);line-height:1.16;letter-spacing:-1.5px;margin:0 0 18px}p{line-height:1.7}.hero p:last-child{max-width:580px;margin-bottom:0}.orbit{width:210px;height:210px;border:2px dashed #729e65;border-radius:50%;display:grid;place-content:center;transform:rotate(-8deg)}.orbit span{font-size:80px;display:block;text-align:center}.orbit small{font-weight:900;letter-spacing:2px}.section-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:32px 0 18px}.section-top h2{margin:0;font-size:23px}.muted{color:#627578;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid #dedfd4;border-radius:26px;background:#fffdf7;overflow:hidden;display:flex;flex-direction:column}.card-art{height:135px;background:var(--tint);display:flex;align-items:center;justify-content:center;font-size:58px;letter-spacing:8px;position:relative}.card-art:after{content:'✦';font-size:24px;position:absolute;right:28px;top:20px;color:#44615b}.card-body{padding:22px;display:flex;flex-direction:column;flex:1}.card h3{margin:5px 0 8px;font-size:23px}.card p{font-size:14px;margin:0 0 18px;flex:1}.card .tag{font-size:11px;font-weight:850;letter-spacing:1px;color:#587166}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.primary{background:#255e53;color:white;border-color:#255e53}.primary:hover{background:#184c42;color:white}.card button{flex:1;padding:8px 12px}.rules{margin-top:26px;border-radius:22px;background:#eeeee4;padding:20px 26px;font-size:14px}.rules p{margin:4px 0}.play-head{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:18px}.play-head h1{font-size:30px;margin:0}.board{background:#fffdf8;border:1px solid #dedfd4;border-radius:28px;padding:30px;max-width:850px;margin:auto}.hud{display:flex;justify-content:space-between;gap:12px;font-size:16px;font-weight:800;margin-bottom:14px}.progress{height:8px;background:#e5e9df;border-radius:9px;overflow:hidden}.progress span{display:block;height:100%;background:#418876}.instruction{font-size:20px;font-weight:750;margin:24px 0 16px}.stage{min-height:260px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:18px;padding:16px 0}.target{font-size:40px;font-weight:900;letter-spacing:2px}.counter-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.counter{text-align:center;background:#edf3e9;border-radius:20px;padding:15px;min-width:115px}.counter strong{display:block;font-size:28px;margin-bottom:12px}.counter output{display:block;font-size:26px;margin:10px}.counter button{padding:8px 18px;min-width:56px}.feedback{padding:14px 18px;background:#f1eee3;border-radius:14px;min-height:54px;line-height:1.6;margin:16px 0;overflow-wrap:anywhere}.feedback.good{background:#dcefdc}.controls{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.robot-grid{display:grid;gap:4px;width:max-content;max-width:100%}.cell{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#e7eddc;font-size:27px}.cell.wall{background:#738180}.program{min-height:50px;padding:10px;word-break:break-all;max-width:100%;font-size:26px}.mirror{display:flex;gap:10px;align-items:center}.pixels{display:grid;grid-template-columns:repeat(2,56px);gap:5px}.pixel{height:56px;width:56px;padding:0;min-width:56px;background:#eef0e7;border:2px solid #c4cebc;border-radius:10px}.pixel.on,.beat.on{background:#347c6a;color:white;border-color:#164e42}.axis{width:2px;height:240px;background:repeating-linear-gradient(#9cac98 0 9px,transparent 9px 18px)}.beat-row{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.beat{width:56px;height:56px;padding:0;display:grid;place-items:center;background:#eeeadd;border:2px solid #d4d3c4;border-radius:12px;font-size:24px}.beat.flash{outline:4px solid #d78836}.samples{font-size:22px;letter-spacing:5px;overflow-wrap:anywhere;text-align:center;max-width:100%}.bar{height:150px;width:48px;background:#e0e6d9;display:flex;align-items:flex-end;margin:0 auto 12px;border-bottom:3px solid #456d60}.bar span{width:100%;background:#d39358;min-height:0}.result{text-align:center}.result .big{font-size:70px;margin:15px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:18px 12px;border-bottom:1px solid #e1e4da;text-align:left}th{font-size:13px;color:#627578}.board-picker{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}footer{text-align:center;padding:24px;font-size:12px;color:#64746a;letter-spacing:1px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.status{padding:12px;background:#f9e9d3;border-radius:12px}
@media(max-width:740px){.cards{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr;padding:28px}.orbit{display:none}.topbar{padding:16px}.brand>span{font-size:19px}.brand{gap:5px}.top-actions{gap:6px}.top-actions button,.top-actions select{padding:8px 10px}.board{padding:20px}.section-top{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){main{padding:0 12px;margin-top:8px}.cards{grid-template-columns:1fr}.card{display:grid;grid-template-columns:95px 1fr}.card-art{height:100%;font-size:40px;letter-spacing:0;flex-direction:column}.card-art:after{display:none}.card-body{padding:18px}.card h3{font-size:21px}.card button{font-size:14px}.topbar{flex-wrap:wrap}.hero{border-radius:22px;padding:25px}.board{padding:14px}.counter-row{gap:6px}.counter{min-width:84px;padding:9px}.counter strong{font-size:22px}.play-head{align-items:flex-start}.play-head h1{font-size:25px}.cell{width:49px;height:49px}.robot-grid{gap:3px}.hud{font-size:13px}.mirror{gap:6px}.axis{height:245px}.board-picker select{max-width:100%}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.robot-grid[style*="repeat(4"] .cell{width:56px;height:56px}
.top-actions{flex-wrap:wrap;max-width:100%}.top-actions a{text-decoration:none;font-size:13px}.grade-note{font-size:13px;color:#627578;line-height:1.6}

/* Brain Arcade: high-contrast light, motion and touch feedback without external assets. */
:root{color:#eef8ff;background:#071327}
body{min-height:100vh;background:radial-gradient(circle at 12% 8%,#203c72 0,transparent 30%),radial-gradient(circle at 88% 18%,#512867 0,transparent 25%),linear-gradient(160deg,#071327,#101a36 58%,#071b2b);color:#eef8ff}
.topbar{position:relative;z-index:2}.brand-pop{color:#7ef8d3}.top-actions a{color:#dceaff}
button,select,.pill{color:#edf8ff;background:#142747;border-color:#355078;box-shadow:0 8px 18px #02091855;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
button:hover,.pill:hover{color:white;background:#203b66;border-color:#67e9ff;transform:translateY(-2px);box-shadow:0 10px 28px #18cfff28}
button:active,.pill:active,a.gate-stage:active{transform:translateY(2px) scale(.97);filter:brightness(1.18);box-shadow:inset 0 0 0 3px #ffffff2e,0 2px 8px #02091888;transition-duration:.04s}
button:focus-visible,a:focus-visible,select:focus-visible{outline-color:#ffcf5a}
.primary{background:linear-gradient(135deg,#7259ff,#1cc7c0);border-color:#74ffe0;color:white;box-shadow:0 10px 28px #33e6d233}
.primary:hover{background:linear-gradient(135deg,#856fff,#22d9cf)}
.hero{background:linear-gradient(135deg,#192f5bea,#342055eb);border:1px solid #6f81bc66;box-shadow:inset 0 1px #ffffff20,0 28px 80px #02071688}
.hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.7px);background-size:37px 37px;opacity:.18;pointer-events:none}
.hero>*,.card>*{position:relative}.eyebrow,.card .tag{color:#78f5d5}.orbit{border-color:#71f4dc}.orbit span{filter:drop-shadow(0 0 18px #63eeff)}
.muted,.grade-note{color:#afc2d9}.cards{grid-template-columns:repeat(4,1fr)}
.card{background:linear-gradient(160deg,#132541ee,#0e1d36ee);border-color:#526c9966;box-shadow:0 18px 45px #02081788;transition:transform .2s ease,border-color .2s ease}
.card:hover{transform:translateY(-5px);border-color:#71e8e0}.card-art{background:radial-gradient(circle,var(--tint),#192541 72%);text-shadow:0 0 18px #fff;overflow:hidden}.card-art:before{content:'';position:absolute;width:92px;height:92px;border:2px solid #ffffff66;border-radius:34% 66% 54% 46%;animation:orbit-spin 8s linear infinite}.card-art:after{color:#fff;filter:drop-shadow(0 0 7px var(--tint));animation:spark 1.8s ease-in-out infinite}
.rules,.status{background:#172b4ecc;border:1px solid #536e9c66}.board{position:relative;background:linear-gradient(155deg,#112540f2,#0c1932f5);border-color:#526f9a77;box-shadow:0 25px 70px #01050db3;overflow:hidden}.board>*:not(.fx-layer){position:relative;z-index:1}.progress{background:#233858}.progress span{background:linear-gradient(90deg,#5b6bff,#54f3d5);box-shadow:0 0 15px #5ffde4}.feedback{background:#182d4e;border:1px solid #3b5783}.feedback.good{background:#123f43;border-color:#5bffce;box-shadow:0 0 25px #36ffd52b}.counter,.cell,.pixel,.beat{background:#172e4b;border-color:#3f5c83}.counter{box-shadow:inset 0 1px #ffffff12}.pixel.on,.beat.on,.memory-cell.on{background:#38d9bc;color:#071b2b;border-color:#9affea;box-shadow:0 0 20px #4fffd3aa}.cell.wall{background:#4e5268}.bar{background:#182b48;border-color:#68d7ca}.bar span{background:linear-gradient(#ff6fae,#ffcc5e);box-shadow:0 0 16px #ff8ac1}.axis{background:repeating-linear-gradient(#68ffe4 0 9px,transparent 9px 18px);filter:drop-shadow(0 0 5px #51ffe0)}.beat.flash{outline-color:#ffe479;box-shadow:0 0 30px #ffd85b}
.matrix-grid{display:grid;grid-template-columns:repeat(3,64px);gap:9px}.glyph,.switch-symbol{display:grid;place-items:center;font-size:34px;font-weight:900}.matrix-grid .glyph{width:64px;height:64px;border-radius:15px;background:#172d50;border:2px solid #496a96}.glyph.missing{color:#ffdd6f;border-style:dashed;animation:spark 1.2s ease-in-out infinite}.choice-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.choice-row button.glyph{width:64px;min-width:64px;padding:0}.selected{border-color:#fff58c!important;box-shadow:0 0 0 3px #fff58c55,0 0 25px #fff58c55!important;transform:translateY(-3px)}
.color-0{color:#ff668f}.color-1{color:#ffcf55}.color-2{color:#5de1ff}.color-3{color:#71f0b6}.memory-grid{display:grid;grid-template-columns:repeat(var(--memory-size),56px);gap:7px}.memory-cell{width:56px;height:56px;min-width:56px;padding:0;border:2px solid #49688e;border-radius:13px;background:#142a48;color:#071b2b;display:grid;place-items:center;font-size:25px}.memory-grid.study{padding:12px;border-radius:22px;background:#09182d;box-shadow:0 0 38px #ff5d8f3d}.memory-grid.study .memory-cell{animation:memory-glow 1.5s ease-in-out infinite alternate}
.rule-chip{font-size:14px;font-weight:950;letter-spacing:2px;color:#071b2b;background:#69f1ca;padding:10px 20px;border-radius:999px;box-shadow:0 0 24px #69f1ca88}.switch-target{width:100px;height:100px;border:2px solid #7894be;border-radius:50%;display:grid;place-items:center;background:#102b4b;box-shadow:0 0 32px #64f3cb44}.switch-target .switch-symbol{font-size:58px}.switch-card{width:82px;min-width:82px;height:92px;padding:7px;display:grid;place-items:center}.switch-card .switch-symbol{font-size:38px}.switch-card small{font-size:11px;color:#b9cce1}
.fx-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:3}.fx-layer i{position:absolute;left:50%;top:50%;font-style:normal;color:#fff47a;text-shadow:0 0 10px #fff;animation:burst .8s ease-out forwards;transform:rotate(calc(var(--i)*27deg)) translateX(10px)}.game-shell.fx-good{animation:success-flash .5s ease}.game-shell.fx-bad{animation:error-shake .35s ease}.game-shell.fx-bad .fx-layer i{color:#ff779d}
@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes spark{50%{opacity:.45;transform:scale(.86)}}@keyframes memory-glow{to{filter:brightness(1.25)}}@keyframes success-flash{45%{box-shadow:0 0 0 4px #78ffd6,0 0 80px #35ffd68c}}@keyframes error-shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes burst{to{opacity:0;transform:rotate(calc(var(--i)*27deg)) translateX(240px) scale(.35)}}
@media(max-width:980px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.cards{grid-template-columns:1fr}.matrix-grid{grid-template-columns:repeat(3,56px)}.matrix-grid .glyph{width:56px;height:56px}.switch-card{width:64px;min-width:64px}.switch-choices{gap:7px}}

/* Logic Lab puzzle surfaces. */
.circuit-wrap{display:grid;grid-template-columns:48px auto 48px;align-items:start;max-width:100%}.circuit-grid{display:grid;grid-template-columns:repeat(var(--grid),56px);gap:3px;padding:8px;border:2px solid #375b83;border-radius:18px;background:#07172a}.pipe{width:56px;min-width:56px;height:56px;padding:0;border-radius:9px;font-size:39px;line-height:1;color:#69f5da;background:#123252;border-color:#28557b;text-shadow:0 0 13px #43ffe1}.pipe.start,.pipe.finish{border-color:#ffe06b;box-shadow:inset 0 0 18px #ffe06b38}.socket{height:56px;display:grid;place-items:center;margin-top:calc(10px + var(--row)*59px);font-size:28px;filter:drop-shadow(0 0 9px #fff)}
.sudoku-grid{display:grid;grid-template-columns:repeat(var(--grid),56px);gap:2px;padding:5px;background:#6b83a8;border:3px solid #bed3f2;border-radius:12px;max-width:100%}.sudoku-cell{width:56px;min-width:56px;height:56px;padding:0;border:0;border-radius:4px;background:#132c4d;display:grid;place-items:center;font-size:25px;font-weight:900}.sudoku-cell.given{color:#ffe476;background:#263f5e}.sudoku-cell.box-right{margin-right:3px}.sudoku-cell.box-bottom{margin-bottom:3px}
.code-clues{display:grid;gap:8px;width:min(100%,650px)}.code-clue{display:grid;grid-template-columns:1fr minmax(110px,auto) minmax(150px,auto);align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:#102b4c}.code-clue>b{font-size:12px;color:#c4d5e8}.code-peg{display:inline-grid;place-items:center;width:32px;height:32px;font-size:25px;filter:drop-shadow(0 0 7px currentColor)}.code-answer{display:flex;gap:9px}.code-answer button{width:60px;min-width:60px;padding:0;font-size:25px}.code-color-0{--mark-color:#ff5c87;color:var(--mark-color)}.code-color-1{--mark-color:#ffd45e;color:var(--mark-color)}.code-color-2{--mark-color:#57dfff;color:var(--mark-color)}.code-color-3{--mark-color:#6ff0ac;color:var(--mark-color)}.code-color-4{--mark-color:#c791ff;color:var(--mark-color)}
.set-board{display:grid;grid-template-columns:repeat(4,minmax(64px,84px));gap:10px}.set-card{height:88px;padding:6px;display:grid;place-items:center;background:#132d4d}.set-shape{font-size:43px;line-height:1}.fill-1{opacity:.58;text-shadow:3px 0 #071327,-3px 0 #071327}.fill-2{color:transparent;-webkit-text-stroke:3px var(--mark-color);filter:none}.set-card small{font-size:11px;color:#b9cde4}
.balance-equations{display:grid;gap:10px}.balance-equations>div{font-size:27px;text-align:center;padding:12px 20px;border-radius:14px;background:#102a49}.balance-equations span{display:inline-block;min-width:35px}.balance-target{font-size:24px;font-weight:900}.number-pad{display:grid;grid-template-columns:repeat(6,56px);gap:7px}.number-pad button{width:56px;min-width:56px;padding:0}
.logic-clues{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.logic-clues span{padding:9px 13px;border-radius:999px;background:#183352;border:1px solid #45658d;font-weight:750}.order-row{display:flex;gap:9px;max-width:100%;overflow-x:auto;padding:8px 2px 14px}.order-card{min-width:124px;padding:10px 5px;border-radius:16px;text-align:center;background:#102a49;border:2px solid #37577c}.order-card>b{display:block;font-size:36px}.order-card small{display:block;margin:3px}.order-card>div{display:flex;gap:3px;justify-content:center}.order-card button{width:56px;min-width:56px;min-height:56px;padding:0;border-radius:10px}
.water-goal{font-size:20px}.tanks{display:flex;gap:38px;align-items:end}.tanks>div{text-align:center}.tank{height:170px;width:92px;border:4px solid #7ea1c8;border-top:0;border-radius:0 0 18px 18px;display:flex;align-items:end;position:relative;overflow:hidden;background:#09182d}.tank span{position:absolute;bottom:0;width:100%;background:linear-gradient(#61e7ff,#317eea);box-shadow:0 0 22px #4bceff;transition:height .25s}.tank b{position:relative;z-index:1;width:100%;padding:8px;font-size:20px;text-shadow:0 1px 4px #001}.move-program{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.move-program span{padding:7px 10px;border-radius:9px;background:#193756}.operation-pad,.edge-pad{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.operation-pad button{font-size:13px;padding:7px 11px}
.network-goal{font-weight:850;text-align:center}.network-map{width:min(100%,430px);height:280px;background:#08182d;border:2px solid #35567c;border-radius:20px}.network-map line{stroke:#405b7c;stroke-width:1.5}.network-map line.chosen{stroke:#7bffd9;stroke-width:4;filter:drop-shadow(0 0 3px #55ffdd)}.network-map circle{fill:#173d61;stroke:#ffd86a;stroke-width:1.5}.network-map text{fill:white;text-anchor:middle;font-size:6px;font-weight:900}.edge-pad button{min-width:72px;padding:7px}.edge-pad small{display:block;color:#bed0e5;font-size:10px}
@media(max-width:600px){.circuit-wrap{grid-template-columns:28px auto 28px}.circuit-grid{grid-template-columns:repeat(var(--grid),50px);padding:5px}.pipe{width:50px;min-width:50px;height:50px;font-size:34px}.socket{height:50px;margin-top:calc(7px + var(--row)*53px);font-size:21px}.sudoku-grid{grid-template-columns:repeat(var(--grid),48px)}.sudoku-cell{width:48px;min-width:48px;height:48px}.code-clue{grid-template-columns:1fr 1fr}.code-clue>span{grid-column:1/-1}.set-board{grid-template-columns:repeat(3,minmax(64px,84px))}.number-pad{grid-template-columns:repeat(4,56px)}.network-map{height:230px}}

ruby{ruby-position:over;ruby-align:center}rt{font-size:.5em;font-weight:750;color:#ffd86a;letter-spacing:0;line-height:1.05}.with-pinyin .instruction,.with-pinyin .quest-prompt,.with-pinyin .quest-choice,.with-pinyin .quest-explain{line-height:2.35;overflow-wrap:anywhere;word-break:normal}.with-pinyin .instruction{padding-top:.45em}.with-pinyin .quest-choice{padding-top:20px;padding-bottom:14px}.with-pinyin .quest-note{line-height:2.15}
footer a{display:inline-flex;align-items:center;justify-content:center;min-width:56px;min-height:56px;padding:0 8px}
.brand{min-height:56px}.top-actions #login{min-width:56px}
@media(max-width:600px){.board{padding:12px}.circuit-wrap{grid-template-columns:12px auto 12px}.circuit-grid{grid-template-columns:repeat(var(--grid),56px);gap:2px;padding:4px}.pipe{width:56px;min-width:56px;height:56px;font-size:36px}.socket{height:56px;margin-top:calc(6px + var(--row)*58px)}.sudoku-grid{grid-template-columns:repeat(var(--grid),56px)}.sudoku-cell{width:56px;min-width:56px;height:56px}}

.robot-meta{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;color:#dbe9ff}.robot-grid{display:grid;grid-template-columns:repeat(var(--grid),56px);gap:5px;width:max-content;max-width:100%;padding:8px;border:2px solid #6b65bf;border-radius:18px;background:#09172d;box-shadow:inset 0 0 28px #765cff2b}.robot-grid .robot-cell{position:relative;width:56px;height:56px;border:2px solid #3d557c;background:#132e50;color:#f5f7ff}.robot-grid .robot-cell.wall{background:#413f58;border-color:#8f8ba8;filter:saturate(.8)}.robot-grid .robot-cell.start:after,.robot-grid .robot-cell.goal:after{content:"";position:absolute;inset:4px;border:2px dashed #6ff0ce;border-radius:7px}.robot-grid .robot-cell.goal:after{border-color:#ffe072}.robot-grid .robot-cell.current{border-color:#6fffe2;box-shadow:0 0 22px #56ffe088;font-size:29px}.robot-program{min-height:49px;max-width:min(100%,620px)}.robot-program span{min-width:45px;text-align:center}.robot-directions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.robot-directions button{width:56px;min-width:56px;min-height:56px;padding:0;font-size:25px}.robot-directions button:last-child{width:auto;padding:0 16px;font-size:14px}
@media(max-width:480px){.robot-grid{grid-template-columns:repeat(var(--grid),49px);gap:3px;padding:5px}.robot-grid .robot-cell{width:49px;height:49px}.robot-meta{gap:8px;font-size:14px}}

.order-direction{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 4px;color:#ffd6ad}.order-direction span{flex:1;text-align:center}.order-end{align-self:center;white-space:nowrap;color:#ffd6ad;padding:8px}.order-row{direction:ltr}