:root{--ink:#3F2D20;--muted:#78634F;--amb:#EEA346;--amb-deep:#A45B1E;--amb-dark:#6C3B19;--amb-soft:#FFF3DD}
html{background:#F3DFC0}body{background:linear-gradient(150deg,#FFF9EF,#F1DBB9) fixed;font-size:17px}.wrap{max-width:1200px;padding:12px 18px 25px}.panel,.bench,.stage{border:2px solid #E7D0AE;border-radius:24px;box-shadow:0 6px 0 #D6BA92}.panel{padding:20px}.btn{padding:11px 22px;font-size:18px;border-radius:14px}.btn:focus-visible,.chip:focus-visible,.scard:focus-visible,.tcard:focus-visible{outline-color:#196F70}.tiny,footer{color:var(--muted);font-size:14px}
.cover{max-width:800px;width:100%;margin:auto;text-align:center}.day-label{font-size:14px;font-weight:850;letter-spacing:.08em;color:var(--amb-dark);margin:0 0 7px}.cover h1{font-size:44px;line-height:1.15;letter-spacing:-.03em}.cover-art{height:250px;display:flex;align-items:center;justify-content:center;gap:0;margin:10px 0}.helper-art{display:block;width:245px;aspect-ratio:1;background:url('/play/break-the-bot/assets/helper-poses.webp') 0 50%/200% 100% no-repeat}.cover-art>.helper-art{width:250px;animation:helper-float 4s ease-in-out infinite}.prop{display:block;object-fit:contain}.cover-art>.prop{width:125px;height:135px}.cover-art>.prop:first-child{transform:rotate(-9deg)}.cover-art>.prop:last-child{transform:rotate(8deg)}@keyframes helper-float{50%{transform:translateY(-5px)}}.lede{color:var(--ink);font-size:20px;line-height:1.4;margin:12px auto 18px}.tiny{margin:16px 0 0}footer{margin-top:15px}
.lesson-link{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:20px;margin:12px 0}.slide-pic{width:100%;height:180px;object-fit:contain;margin:0}.cap{margin:0;padding:16px;text-align:left;font-size:17px}.steps{gap:12px;margin:12px 0 18px}.step{position:relative;padding:12px 15px;background:#FFF6E8}.step .n{position:absolute;left:12px;top:12px;width:27px;height:27px;font-size:15px}.step-art{height:95px;display:flex;justify-content:center;align-items:center;margin-bottom:7px}.step-art .prop{width:100px;height:92px}.step p{font-size:17px;line-height:1.4}
.hud{position:sticky;top:0;z-index:5;background:#FAEEDDee;backdrop-filter:blur(8px);padding:4px 0 6px;margin:0;border-radius:0 0 12px 12px}.pill{background:#fff;color:var(--amb-dark);border:1px solid #E5CBA6}.pill.score{border-color:#E8C157}.icon-btn{background:#fff;border:1px solid #E5CBA6;color:var(--amb-dark)}.loop{background:#FFF9EF;border:1px solid #E4C9A5;padding:6px;margin:4px 0 12px;gap:8px}.st{color:#76634C;opacity:.8;font-size:14px;min-width:98px;padding:4px 10px}.loop-art{display:block;width:44px;height:35px;object-fit:contain;flex:none}.st.on{box-shadow:0 0 0 2px #ECA341;background:#FFF2D6;color:#784114}.st.done{color:#3F6052}.st .chk{color:#15803D}.arr{color:#A58A63;opacity:1}
.game{grid-template-columns:260px minmax(0,1fr);gap:15px}.bench{position:sticky;top:65px;background:#FFF7E9;padding:10px;box-shadow:0 5px 0 #D6BA92}#bot{width:165px;max-width:100%;margin:0 auto}#bot .helper-art{width:100%}.talk .helper-art{animation:helper-talk .15s steps(1,end) 6 alternate}@keyframes helper-talk{to{background-position:100% 50%}}.clip{position:relative;background:url('/play/break-the-bot/assets/standard-clay.webp') center/100% 100% no-repeat;border-radius:0;margin:0;padding:65px 23px 25px;min-height:280px}.clip:before{display:none}.sheet{padding:0;background:none}.sheet .lab{font-size:13px;letter-spacing:.04em;margin:0 0 8px}.slot{font-size:14px;line-height:1.35;border-radius:9px;padding:6px;margin:5px 0;color:#8C765B;background:#FFFDF7}.slot.filled{background:#F4FAF0;border-color:#90B29A}.slot.hot{box-shadow:0 0 0 2px #F2B442}
.stage{padding:16px;scroll-margin-top:64px}.stage h3{font-size:23px}.lead{font-size:17px;line-height:1.4}.lab{font-size:12px}.scard,.tcard{font-size:17px;padding:12px;box-shadow:0 3px 0 #E8D4B8;border-color:#E5CBA6}.tcard b{font-size:18px}.tcard span{font-size:15px;line-height:1.4}.tcard[disabled]{box-shadow:none}.sgrid,.tests{gap:10px}.tbox{padding:10px 13px;font-size:16px}.tbox span{font-size:16px;line-height:1.4}.tbox .checks{margin-top:5px;color:#784519}.chip{font-size:17px;padding:10px 14px;box-shadow:0 3px 0 #E8D4B8}.chip[disabled]{box-shadow:none}.res{font-size:16px;line-height:1.4}.q{font-size:17px;line-height:1.4;margin:9px 0 7px}.log{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;background:none;margin:10px 0}.log:empty{display:none}.run-log{min-width:0;border:1px solid #E4CFB1;border-radius:16px;padding:9px;background:#FFF9EF}.rhead{font-size:13px;margin:0 0 7px;color:#78501F}.m{margin:5px 0;padding:8px 10px;font-size:16px;line-height:1.35}.m.you{margin-left:0;background:#EDE8DF}.m.bot{margin-right:0;background:#9A561E}.m .who{font-size:11px;opacity:1;margin-bottom:3px}.m.look{font-size:15px;background:#EAF4F2;border:1px solid #B8D8D1;color:#2C6256}.found{margin:7px 0;background:#FFF6DE;border:1px solid #E6C981}.found p{font-size:16px;line-height:1.4}.found .pnote{font-size:15px}.warn{font-size:16px}.row{margin-top:9px}.card{border:2px solid #D8B987;background:#FFFAED}.card p{font-size:17px;line-height:1.45}.sofar{font-size:16px;background:#F8F1E5}.markzone,#markzone,#runbar{scroll-margin-top:65px}
/* Keep the two complete runs readable while the decision and findings stay nearby. */
@media(min-width:1000px){#markzone:has(.found){display:grid;grid-template-columns:1fr 1fr;gap:0 13px;align-items:start}#markzone:has(.found)>.q{grid-column:1;grid-row:1}#markzone:has(.found)>.chips{grid-column:1;grid-row:2}#markzone:has(.found)>.found{grid-column:2;grid-row:1 / span 2}#markzone:has(.found)>.row{grid-column:1 / -1;margin:3px 0 0}#markzone:has(.found)>.warn{grid-column:1 / -1;grid-row:1}#markzone:has(.warn)>.q{grid-row:2}#markzone:has(.warn)>.chips{grid-row:3}#markzone:has(.warn)>.found{grid-row:2 / span 2}}
.rating-star{font-size:47px;color:#DDD1BF;line-height:1.15;text-shadow:0 3px 0 #BFA989}.rating-star.on{color:#F3C34D;text-shadow:0 3px 0 #BC8E2C;animation:starpop .5s both}.rating-star:nth-child(2){animation-delay:.18s}.rating-star:nth-child(3){animation-delay:.36s}.stars{margin:0}.final{font-size:38px}.tbx{padding:10px}.tbx b{font-size:30px}.note{font-size:16px;padding:8px 12px;margin:7px 0}.word span{font-size:14px}.bigline{font-size:18px}
@media(min-width:761px) and (max-height:760px){.loop{padding:3px;margin-bottom:9px}.st{flex-direction:row;gap:6px;padding:3px 8px}.loop-art{width:34px;height:29px}.stage{padding:13px}.stage h3{font-size:22px}.cover-art{height:225px}.cover-art>.helper-art{width:225px}.step-art{height:82px}.step-art .prop{height:80px}.lesson-link{margin:9px 0}.slide-pic{height:160px}.m{padding:7px 9px}.tbox{padding:8px 11px}.tbox span{font-size:15px}.found p{font-size:15px}.q{font-size:16px}}
@media(max-width:999px) and (min-width:761px){.game{grid-template-columns:220px minmax(0,1fr)}.clip{padding:62px 19px 20px}.log{grid-template-columns:1fr}.st{min-width:80px;padding:3px 7px}.slot{font-size:13px}}
@media(max-width:760px){.wrap{padding:10px 12px 24px}.cover h1{font-size:34px}.day-label{font-size:12px}.cover-art{height:205px}.cover-art>.helper-art{width:180px}.cover-art>.prop{width:65px;height:83px}.lede{font-size:18px}.panel{padding:16px}.lesson-link{grid-template-columns:1fr;gap:7px}.slide-pic{height:165px}.cap{font-size:16px;padding:13px}.steps{grid-template-columns:1fr}.step{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:10px;text-align:left;padding:12px}.step .n{width:23px;height:23px;left:8px;top:7px;font-size:13px}.step-art{height:80px;margin:0}.step-art .prop{width:65px;height:70px}.step p{font-size:16px}.hud>.pill:first-child{font-size:12px;padding:6px 8px}.pill.score{font-size:13px;padding:6px 8px}.hud{gap:5px}.loop{gap:2px;padding:5px 2px}.st{min-width:0;flex:1;font-size:11px;padding:3px 1px}.loop-art{width:29px;height:26px}.arr{font-size:12px}.game{grid-template-columns:1fr;gap:12px}.bench{position:static;display:grid;grid-template-columns:83px 1fr;padding:9px;gap:6px;align-items:center}#bot{width:94px}.clip{padding:0;margin:0;min-height:0;background:none}.sheet{background:#FFFCF5;border:1px solid #E6D3B5;border-radius:13px;padding:9px}.sheet .lab{font-size:12px;margin-bottom:4px}.slot{font-size:13px;padding:5px;margin:4px 0}.stage{padding:13px}.stage h3{font-size:21px}.lead{font-size:16px}.scard,.tcard{font-size:16px;padding:11px}.tcard b{font-size:17px}.tcard span{font-size:15px}.sgrid,.tests{grid-template-columns:1fr}.log{grid-template-columns:1fr}.m{font-size:16px}.q{font-size:16px}.chip{font-size:16px}.tally{grid-template-columns:repeat(3,1fr);gap:6px}.tbx{padding:10px 5px}.tbx span{font-size:12px}.words{grid-template-columns:1fr 1fr}}
.res:empty,.row:empty{display:none}
@media(min-width:1100px){.wrap{max-width:1260px}.game{grid-template-columns:240px minmax(0,1fr)}.clip{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){.cover-art>.helper-art{animation:none}.talk .helper-art{animation:none;background-position:100% 50%}}