/* Robot Coding. Builds on the Kids design system v3 tokens in kids-product.css. */
#kids-robot{
 --rb-cyan:#3dd5f3;--rb-cyan-d:#0f8fb0;--rb-violet:#a594ff;--rb-violet-d:#5b45d6;--rb-pink:#ff9fd3;--rb-pink-d:#c43d8a;--rb-gold:#f6c96c;--rb-gold-d:#a8741a;
 --rb-tile:#e4e9ff;--rb-tile-alt:#d6defc;--rb-frame:#0a1031;--rb-card:#fbfbff;--rb-card-edge:#d3d9f2;--rb-ink:#1d2557;
 --rb-step:520ms
}
.rb-stage{position:relative}
.rb-print-head,.rb-print-boxes,.rb-print-legend{display:none}

/* ---------- Worlds and levels ---------- */
.rb-world-num{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--k-surface-3,#1e2a66);color:var(--k-ink,#f4f6ff);font-size:.78rem;margin-right:2px}
.rb-worlds button[aria-pressed="true"] .rb-world-num{background:var(--rb-cyan);color:#071029}
.rb-levelbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 18px;padding:10px 12px;border-radius:20px;background:var(--k-bg-2,#0c1234);border:1px solid var(--k-line-soft,#1f2a62)}
.rb-levelbar-label{margin:0!important;font:800 .95rem/1.2 "Manrope",Inter,sans-serif;color:var(--k-ink,#f4f6ff)!important;min-width:7.5em}
.rb-levels{display:flex;flex-wrap:wrap;gap:8px}
.rb-level{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:48px;min-height:48px;padding:4px 6px;border-radius:14px;border:2px solid var(--k-line,#2a3678);background:rgba(255,255,255,.04);color:var(--k-ink,#f4f6ff);font:800 1.05rem/1 "Manrope",Inter,sans-serif;cursor:pointer;touch-action:manipulation}
.rb-level:hover{background:var(--k-surface-2,#172154)}
.rb-level[aria-pressed="true"]{background:var(--k-ink,#f4f6ff);color:#0b1030;border-color:var(--k-ink,#f4f6ff)}
.rb-level-done{border-color:#3b9a74}
.rb-level-stars{display:flex;gap:1px}
.rb-level-stars .rb-medal{width:11px;height:11px}
.rb-level:focus-visible,.rb-tile:focus-visible,.rb-slot:focus-visible,.rb-ghost:focus-visible,.rb-tool:focus-visible,.rb-loop-count:focus-visible,.rb-loop-x:focus-visible,.rb-stage .kp-button:focus-visible,.rb-stage .kg-levels button:focus-visible{outline:4px solid var(--k-gold,#f6c96c);outline-offset:3px}

/* ---------- Layout ---------- */
.rb-play{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:clamp(18px,3vw,34px);align-items:start}
.rb-board-col,.rb-side{min-width:0}
.rb-side{display:flex;flex-direction:column;gap:14px}
.rb-mission{display:flex;align-items:center;gap:10px;margin:0 0 12px!important;padding:10px 14px;border-radius:16px;background:rgba(98,227,171,.1);border:1px solid rgba(98,227,171,.35);font-weight:800;color:var(--k-ink,#f4f6ff)!important;line-height:1.35}
.rb-mission-ic{width:30px;height:30px;flex:none;fill:var(--k-mint,#62e3ab)}
.rb-mission-ic .rb-mission-bolt{fill:#0b3a2a}
.rb-keys{text-align:center;margin:10px auto 0!important}

/* ---------- Board ---------- */
.rb-board-wrap{width:100%;max-width:560px;margin:0 auto}
.rb-board{display:block;width:100%;height:auto;border-radius:22px;overflow:visible}
.rb-board:focus{outline:none}
.rb-board:focus-visible{outline:4px solid var(--k-gold,#f6c96c);outline-offset:4px}
.rb-board-bg{fill:var(--rb-frame);stroke:#34428f;stroke-width:3}
.rb-tile{fill:var(--rb-tile)}
.rb-tile-alt{fill:var(--rb-tile-alt)}
.rb-start{fill:none;stroke:#8f9bd6;stroke-width:4;stroke-dasharray:9 8}
.rb-rock-base{fill:#8a8fa8;stroke:#5a5f7a;stroke-width:3;stroke-linejoin:round}
.rb-rock-top{fill:#b4b9cf}
.rb-rock-crack{fill:none;stroke:#6b7090;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.rb-crater-rim{fill:#a99ad8;stroke:#7462b8;stroke-width:3}
.rb-crater-hole{fill:#3b2f74}
.rb-battery-glow{fill:var(--k-mint,#62e3ab);opacity:.22}
.rb-battery-cap{fill:#3d8f6c}
.rb-battery-body{fill:var(--k-mint,#62e3ab);stroke:#2b8a62;stroke-width:4}
.rb-battery-bolt{fill:var(--rb-gold);stroke:#a8741a;stroke-width:2.5;stroke-linejoin:round}
.rb-charged .rb-battery-glow{opacity:.55}
.rb-charged .rb-battery-body{fill:#8af0c4}
.rb-star-shape{fill:var(--rb-gold);stroke:#c79a3a;stroke-width:3;stroke-linejoin:round}
.rb-star{transition:opacity .35s ease,transform .35s ease;transform-box:fill-box;transform-origin:center}
.rb-star.rb-got{opacity:0;transform:scale(1.6)}

/* Piko */
.rb-piko{transition:transform var(--rb-step) cubic-bezier(.45,.05,.3,1)}
.rb-piko-turn{transform-origin:50px 50px;transition:transform var(--rb-step) ease-in-out}
.rb-piko-fx{transform-origin:50px 50px}
.rb-instant{transition:none!important}
.rb-shadow{fill:#0a1031;opacity:.18}
.rb-nose{fill:var(--rb-gold);stroke:#a8741a;stroke-width:2.5;stroke-linejoin:round}
.rb-wheel{fill:#2b2f5e}
.rb-shell{fill:var(--rb-cyan);stroke:#0f8fb0;stroke-width:3.5}
.rb-shine{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;opacity:.6}
.rb-visor{fill:var(--rb-violet-d)}
.rb-eye{fill:#f4f6ff}
.rb-smile{fill:none;stroke:#0b3a55;stroke-width:3.5;stroke-linecap:round}
.rb-bolt-dot{fill:var(--rb-violet)}
@keyframes rb-bump{0%{transform:translateY(0)}35%{transform:translateY(-20px)}55%{transform:translateY(-6px) rotate(-8deg)}75%{transform:translateY(0) rotate(6deg)}100%{transform:none}}
@keyframes rb-hop{0%,100%{transform:scale(1)}30%{transform:scale(1.22)}55%{transform:scale(.94)}75%{transform:scale(1.08)}}
.rb-piko-fx.rb-bump{animation:rb-bump .5s ease-out}
.rb-piko-fx.rb-hop{animation:rb-hop .7s ease-out 2}
.rb-sad .rb-eye{transform:scaleY(.45);transform-box:fill-box;transform-origin:center}
.rb-mark-ring{fill:rgba(255,143,127,.2);stroke:#e2504f;stroke-width:5;stroke-dasharray:10 7}
.rb-mark-x{stroke:#e2504f;stroke-width:8;stroke-linecap:round;fill:none}
.rb-mark-edge .rb-mark-x{display:none}

/* ---------- Command tiles ---------- */
.rb-label{margin:0!important;font:800 .95rem/1.3 "Manrope",Inter,sans-serif;color:var(--k-ink,#f4f6ff)!important}
.rb-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.rb-palette[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.rb-palette[data-count="7"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.rb-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:56px;min-height:88px;padding:10px 4px 8px;border:3px solid transparent;border-radius:20px;background:var(--rb-card);box-shadow:inset 0 -5px 0 var(--rb-card-edge),0 6px 14px rgba(2,4,20,.3);color:var(--rb-ink);cursor:pointer;font:inherit;transition:transform .14s ease,box-shadow .14s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.rb-tile:not(:disabled):hover{transform:translateY(-2px)}
.rb-tile:not(:disabled):active{transform:translateY(1px)}
.rb-tile:disabled{opacity:.45;cursor:default}
.rb-tile-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;flex:none}
.rb-tile-name{font:800 clamp(11px,.8rem,15px)/1.15 "Manrope",Inter,sans-serif;color:#2a3370;text-align:center;overflow-wrap:anywhere;max-width:100%}
.rb-ic{display:block;width:100%;height:100%}
.rb-ic-fill{fill:currentColor}
.rb-ic-line{fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.rb-tile-ic .rb-ic{width:34px;height:34px}
.rb-c-cyan .rb-tile-ic,.rb-c-cyan.rb-slot,.rb-step-ic.rb-c-cyan{background:var(--rb-cyan);color:#06304a}
.rb-c-violet .rb-tile-ic,.rb-c-violet.rb-slot,.rb-step-ic.rb-c-violet{background:var(--rb-violet);color:#1f1460}
.rb-c-pink .rb-tile-ic,.rb-c-pink.rb-slot,.rb-step-ic.rb-c-pink{background:var(--rb-pink);color:#5a0f3a}
.rb-c-gold .rb-tile-ic,.rb-step-ic.rb-c-gold{background:var(--rb-gold);color:#4a3205}
.rb-tile-end{background:rgba(255,255,255,.05);border:2px dashed var(--rb-gold);box-shadow:none;color:var(--k-ink,#f4f6ff)}
.rb-tile-end .rb-tile-name{color:var(--k-ink,#f4f6ff)}
.rb-tile-end .rb-tile-ic{color:var(--rb-gold)}
@keyframes rb-nudge{0%,100%{box-shadow:inset 0 -5px 0 var(--rb-card-edge),0 0 0 0 rgba(246,201,108,.9)}50%{box-shadow:inset 0 -5px 0 var(--rb-card-edge),0 0 0 10px rgba(246,201,108,0)}}
.rb-tile-hint{animation:rb-nudge .8s ease-out 3;border-color:var(--rb-gold)}

/* ---------- Program ---------- */
.rb-program-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
.rb-count{margin:0!important;font-weight:800;font-size:.9rem;color:var(--k-muted,#aab3da)!important}
.rb-count-full{color:var(--rb-gold)!important}
.rb-program{list-style:none;margin:0;padding:12px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:88px;border-radius:20px;background:var(--rb-frame);border:2px solid #34428f}
.rb-program li{margin:0}
.rb-slot{position:relative;display:grid;place-items:center;width:56px;height:56px;padding:0;border:0;border-radius:14px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.18);cursor:pointer;transition:transform .12s ease;touch-action:manipulation}
.rb-slot-ic{width:34px;height:34px}
.rb-slot-num{position:absolute;bottom:-4px;right:-4px;min-width:20px;height:20px;padding:0 4px;border-radius:10px;background:var(--rb-frame);color:#cfd6f6;font:800 11px/20px Inter,sans-serif;box-shadow:0 0 0 2px #34428f;box-sizing:border-box}
.rb-slot:not(:disabled):hover{transform:translateY(-2px)}
.rb-slot:disabled{cursor:default}
.rb-slot.rb-now{transform:scale(1.12);box-shadow:0 0 0 4px #fff,0 0 22px rgba(255,255,255,.7)}
.rb-slot.rb-bug{box-shadow:0 0 0 4px #e2504f,0 0 0 8px rgba(226,80,79,.35)}
.rb-slot.rb-bug:after,.rb-slot.rb-hintmark:after{content:"!";position:absolute;top:-8px;left:-8px;width:22px;height:22px;border-radius:50%;background:#e2504f;color:#fff;font:900 14px/22px "Manrope",Inter,sans-serif;box-shadow:0 0 0 2px #fff}
.rb-slot.rb-hintmark{box-shadow:0 0 0 4px var(--rb-gold),0 0 18px rgba(246,201,108,.6)}
.rb-slot.rb-hintmark:after{content:"?";background:var(--rb-gold);color:#3a2604}
.rb-ghost{display:grid;place-items:center;width:44px;height:56px;padding:0;border-radius:14px;border:2px dashed #3b4a9a;background:transparent;color:#7d8ad0;font:800 1.4rem/1 "Manrope",Inter,sans-serif;cursor:pointer;touch-action:manipulation}
.rb-ghost:hover{border-color:var(--rb-cyan);color:var(--rb-cyan)}
.rb-ghost-on{width:56px;border-color:var(--rb-cyan);color:var(--rb-cyan);background:rgba(61,213,243,.08)}
@keyframes rb-blink{50%{border-color:rgba(61,213,243,.25)}}
.rb-ghost-on{animation:rb-blink 1.4s ease-in-out infinite}
.rb-loop{display:flex;flex-direction:column;gap:6px;padding:6px 8px 8px;border-radius:18px;background:rgba(246,201,108,.12);border:2px solid var(--rb-gold);max-width:100%;box-sizing:border-box}
.rb-loop-open{box-shadow:0 0 0 3px rgba(246,201,108,.3)}
.rb-loop-now{background:rgba(246,201,108,.24)}
.rb-loop-head{display:flex;align-items:center;gap:6px}
.rb-loop-count{display:flex;align-items:center;gap:6px;min-height:44px;padding:4px 12px 4px 6px;border-radius:12px;border:0;background:var(--rb-gold);color:#3a2604;font:800 .9rem/1 "Manrope",Inter,sans-serif;cursor:pointer;touch-action:manipulation}
.rb-loop-ic{width:28px;height:28px}
.rb-loop-n{font-size:1.15rem}
.rb-loop-round{font:800 .85rem/1 Inter,sans-serif;color:var(--rb-gold);min-width:2.2em}
.rb-loop-x{display:grid;place-items:center;width:44px;height:44px;margin-left:auto;padding:0;border-radius:12px;border:2px solid rgba(246,201,108,.5);background:transparent;color:var(--rb-gold);cursor:pointer}
.rb-loop-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}
.rb-loop-body{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}

/* ---------- Tools and run ---------- */
.rb-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.rb-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;min-width:44px;padding:8px 4px;border-radius:16px;border:2px solid var(--k-line,#2a3678);background:rgba(255,255,255,.04);color:var(--k-ink,#f4f6ff);font:800 clamp(11px,.8rem,15px)/1.15 "Manrope",Inter,sans-serif;cursor:pointer;overflow-wrap:anywhere;text-align:center;touch-action:manipulation}
.rb-tool svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.rb-tool:not(:disabled):hover{background:var(--k-surface-2,#172154);border-color:#3b4a9a}
.rb-tool:disabled{opacity:.4;cursor:default}
.rb-tool[aria-pressed="true"]{background:rgba(61,213,243,.14);border-color:var(--rb-cyan)}
#rb-hint svg{color:var(--rb-gold)}
#rb-speed svg{color:var(--rb-cyan)}
.rb-status{margin:0!important;padding:12px 16px 12px 46px;border-radius:16px;background:var(--k-bg-2,#0c1234);border:1px solid var(--k-line-soft,#1f2a62);min-height:3.4em;position:relative;font-size:1rem!important;line-height:1.4}
.rb-status:before{content:"";position:absolute;left:16px;top:16px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0 18%,var(--rb-cyan) 20%);box-shadow:0 0 12px rgba(61,213,243,.6)}
.rb-actions{margin-top:0!important}
.rb-actions .kp-button{flex:1 1 140px}
.rb-run{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:60px;font-size:1.15rem}
.rb-run svg{width:24px;height:24px;fill:currentColor}
.rb-run .rb-stop-ic,.rb-run.rb-stop .rb-play-ic{display:none}
.rb-run.rb-stop .rb-stop-ic{display:block}
.rb-stage[data-world="1"] .rb-pl-rel,.rb-stage[data-world="1"] .rb-pl-loop,.rb-stage[data-world="2"] .rb-pl-abs,.rb-stage[data-world="2"] .rb-pl-loop,.rb-stage[data-world="3"] .rb-pl-abs,.rb-stage[data-world="3"] .rb-pl-loop,.rb-stage[data-world="4"] .rb-pl-abs{display:none!important}
.rb-run.rb-stop{background:linear-gradient(100deg,var(--k-coral,#ff8f7f),var(--rb-pink))}

/* ---------- Win ---------- */
.rb-win{position:relative;overflow:hidden;outline:none}
.rb-win:focus-visible{outline:4px solid var(--k-gold,#f6c96c);outline-offset:3px}
.rb-win h3,.rb-win p{position:relative}
.rb-win p{max-width:520px}
.rb-win-actions{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.rb-win-actions .kp-button{flex:0 1 220px}
.rb-win-actions .kp-button[hidden]{display:none}
.rb-medal{width:56px;height:56px;fill:#2c3770;stroke:#4a568f;stroke-width:3;stroke-linejoin:round}
.rb-medal-on{fill:var(--rb-gold);stroke:#c79a3a}
.kg-stars .rb-medal-on{filter:drop-shadow(0 4px 10px rgba(246,201,108,.45))}
.rb-level-stars .rb-medal{stroke-width:0}
.rb-level[aria-pressed="true"] .rb-level-stars .rb-medal:not(.rb-medal-on){fill:#b9c0e0}
@keyframes rb-star{0%{transform:scale(0) rotate(-40deg)}70%{transform:scale(1.2) rotate(8deg)}100%{transform:scale(1) rotate(0)}}
.rb-win:not([hidden]) .kg-stars .rb-medal{animation:rb-star .5s cubic-bezier(.2,.9,.3,1.3) both}
.rb-win:not([hidden]) .kg-stars .rb-medal:nth-child(2){animation-delay:.15s}
.rb-win:not([hidden]) .kg-stars .rb-medal:nth-child(3){animation-delay:.3s}
.rb-confetti{position:absolute;inset:0;pointer-events:none}
.rb-bit{position:absolute;top:-14px;width:10px;height:14px;border-radius:3px;opacity:0}
.rb-bit:nth-child(4n+1){background:var(--rb-cyan)}.rb-bit:nth-child(4n+2){background:var(--rb-violet)}.rb-bit:nth-child(4n+3){background:var(--rb-gold)}.rb-bit:nth-child(4n){background:var(--k-mint,#62e3ab);border-radius:50%}
.rb-bit-0{left:4%}.rb-bit-1{left:11%}.rb-bit-2{left:19%}.rb-bit-3{left:26%}.rb-bit-4{left:33%}.rb-bit-5{left:41%}.rb-bit-6{left:48%}.rb-bit-7{left:55%}.rb-bit-8{left:62%}.rb-bit-9{left:70%}.rb-bit-10{left:77%}.rb-bit-11{left:84%}.rb-bit-12{left:91%}.rb-bit-13{left:96%}
@keyframes rb-fall{0%{transform:translateY(0) rotate(0);opacity:1}100%{transform:translateY(260px) rotate(540deg);opacity:0}}
.rb-win:not([hidden]) .rb-bit{animation:rb-fall 1.9s ease-in both}
.rb-win:not([hidden]) .rb-bit:nth-child(3n+1){animation-delay:.2s;animation-duration:2.2s}
.rb-win:not([hidden]) .rb-bit:nth-child(3n+2){animation-delay:.45s;animation-duration:1.7s}

/* ---------- How to play ---------- */
.rb-howto{margin-top:22px;padding:clamp(18px,3vw,30px);border-radius:28px;background:var(--k-surface,#111944);border:1px solid var(--k-line-soft,#1f2a62)}
.rb-howto h2{margin:0 0 16px!important;font-size:1.35rem!important}
.rb-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.rb-steps li{margin:0;padding:16px;border-radius:20px;background:var(--k-bg-2,#0c1234);border:1px solid var(--k-line-soft,#1f2a62);line-height:1.45}
.rb-steps strong{display:block;color:var(--k-ink,#f4f6ff);font-family:"Manrope",Inter,sans-serif;font-size:1.05rem;margin:10px 0 2px}
.rb-step-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px}
.rb-step-ic .rb-ic{width:32px;height:32px}

/* ---------- Responsive ---------- */
@media(max-width:980px){.rb-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
 .rb-play{grid-template-columns:1fr}
 .rb-side{max-width:560px;width:100%;margin:0 auto}
}
@media(max-width:520px){
 .rb-stage .kg-toolbar{gap:10px}
 .rb-stage .kg-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;border-radius:20px;box-sizing:border-box}
 .rb-stage .kg-levels button{border-radius:15px;padding:6px 8px}
 .rb-levelbar{padding:10px}
 .rb-levels{display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));gap:6px;width:100%}
 .rb-level{min-width:44px;min-height:48px}
 .rb-palette,.rb-palette[data-count="7"]{grid-template-columns:repeat(3,minmax(0,1fr))}
 .rb-palette[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
 .rb-tile{min-height:80px;border-radius:16px}
 .rb-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
 .rb-program{padding:10px;gap:7px}
 .rb-slot{width:50px;height:50px}
 .rb-ghost{height:50px}.rb-ghost-on{width:50px}
 .rb-steps{grid-template-columns:1fr}
}
@media(max-width:400px){
 .rb-board-col{margin-inline:-6px}
 .rb-slot{width:46px;height:46px}.rb-slot-ic{width:30px;height:30px}
 .rb-ghost{width:44px;height:46px}.rb-ghost-on{width:46px}
 .rb-loop-word{display:none}
}
@media(prefers-reduced-motion:reduce){
 .rb-piko,.rb-piko-turn,.rb-star,.rb-tile,.rb-slot{transition:none!important}
 .rb-piko-fx.rb-bump,.rb-piko-fx.rb-hop,.rb-ghost-on,.rb-tile-hint,.rb-win:not([hidden]) .kg-stars .rb-medal{animation:none!important}
 .rb-tile:hover,.rb-slot:hover,.rb-slot.rb-now{transform:none!important}
 .rb-confetti{display:none}
}

/* ---------- Print: the map plus empty boxes for an unplugged program ---------- */
@media print{
 @page{size:A4;margin:14mm}
 .kp-header,.kp-footer,.kids-skip,.kp-back,.kg-hero,.kg-toolbar,.rb-levelbar,.rb-side,.rb-keys,.rb-mission,.rb-win,.rb-howto,.kg-grownups{display:none!important}
 .kg-stage.rb-stage{background:#fff!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
 .rb-print-head{display:block;text-align:center;margin:0 0 5mm}
 .rb-print-head p{margin:0 auto 2mm!important;max-width:none;font-size:12pt;color:#000!important}
 .rb-print-head .rb-print-title{font:800 22pt/1.2 "Manrope",Inter,sans-serif;margin-bottom:2mm!important}
 .rb-print-title span{font-weight:600;font-size:15pt}
 .rb-play{display:block}
 .rb-board-wrap{width:120mm;max-width:none;margin:0 auto;break-inside:avoid}
 .rb-board-bg{fill:#fff;stroke:#000;stroke-width:4}
 .rb-tile,.rb-tile-alt{fill:#fff;stroke:#000;stroke-width:2}
 .rb-start{stroke:#000}
 .rb-rock-base{fill:#bbb;stroke:#000}.rb-rock-top{fill:#e6e6e6}.rb-rock-crack{stroke:#000}
 .rb-crater-rim{fill:#ddd;stroke:#000}.rb-crater-hole{fill:#666}
 .rb-battery-glow{display:none}.rb-battery-body{fill:#fff;stroke:#000}.rb-battery-cap{fill:#000}.rb-battery-bolt{fill:#fff;stroke:#000}
 .rb-star{opacity:1!important;transform:none!important}.rb-star-shape{fill:#fff;stroke:#000;stroke-width:4}
 .rb-marks{display:none}
 .rb-piko,.rb-piko-turn{transition:none!important}
 .rb-shell{fill:#fff;stroke:#000}.rb-visor{fill:#000}.rb-eye{fill:#fff}.rb-nose{fill:#000;stroke:#000}.rb-wheel{fill:#555}.rb-shine,.rb-shadow{display:none}.rb-smile{stroke:#000}.rb-bolt-dot{fill:#000}
 .rb-print-boxes{display:grid;grid-template-columns:repeat(8,1fr);gap:3mm;width:170mm;margin:7mm auto 0;break-inside:avoid}
 .rb-print-box{position:relative;display:block;aspect-ratio:1;border:.6mm solid #000;border-radius:2mm}
 .rb-print-box span{position:absolute;top:1mm;left:1.5mm;font-size:8pt;color:#000}
 .rb-print-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:2mm 6mm;list-style:none;margin:5mm 0 0;padding:0;font-size:10pt;color:#000}
 .rb-print-legend li{display:flex;align-items:center;gap:1.5mm}
 .rb-print-ic{display:inline-block;width:7mm;height:7mm;color:#000}
}