.game-tile.learning-battle,.selected-game.learning-battle{--tile:#087f8c;--tile-soft:#eaf8f7}
.game-tile.learning-battle{grid-column:1/-1;min-height:150px}
.lb{--lb-accent:#087f8c}.lb h1{font-size:clamp(1.65rem,4vw,2.4rem);margin:.3rem 0}.lb .card{margin:1rem 0}.lb-heading{margin:1.5rem 0 1rem}.lb-heading p{margin:.3rem 0}
.lb-guide{margin:1rem 0;padding:1.25rem;border:1px solid var(--line);border-radius:18px;background:var(--card);text-align:center}.lb-guide-count{font-size:.85rem;color:var(--muted)}.lb-guide-content{min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem .25rem}.lb-guide-icon{font-size:2.1rem}.lb-guide h2{font-size:clamp(1.45rem,4vw,2rem);margin:.6rem 0}.lb-guide p{font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.5;max-width:30ch;margin:.25rem auto}.lb-guide-controls{display:flex;justify-content:space-between;align-items:center;gap:.7rem}.lb-guide-controls button{min-height:48px;min-width:82px}.lb-guide-dots{display:flex;gap:.4rem}.lb-guide-dots i{width:7px;height:7px;border-radius:50%;background:var(--line)}.lb-guide-dots .on{background:var(--lb-accent)}.lb-stage-cue{font-size:1.05rem;font-weight:600}
.lb-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1rem 0}.lb-steps span{padding:.65rem;border:1px solid var(--line);border-radius:12px;font-size:.8rem;display:flex;align-items:center;gap:.5rem;color:var(--muted)}.lb-steps b{width:1.55rem;height:1.55rem;display:inline-grid;place-items:center;border-radius:50%;background:rgba(120,120,150,.12)}.lb-steps .current{color:var(--lb-accent);background:#eaf8f7;border-color:#64bbbd;font-weight:700}.lb-steps .complete b{background:#d3efde;color:#15633c}
.lb-instructions{padding:1.2rem;border:1px solid var(--line);border-left:4px solid #15949a;border-radius:14px;margin:1rem 0;line-height:1.6}.lb-instructions h3{margin-top:0}.lb-instructions ol{padding-left:1.3rem}.lb-instructions li{padding:.2rem 0}.lb-instructions p:last-child{margin-bottom:0}.lb-teacher-note{padding:.9rem 1rem;border-radius:10px;background:#edf6fa;color:#164256;line-height:1.6}.lb-bank{min-height:210px;font-size:15px;line-height:1.6}.lb-work{min-height:85px;resize:vertical;font-size:16px;line-height:1.5}.lb .answer-composer{position:sticky;bottom:0;padding-bottom:max(.7rem,env(safe-area-inset-bottom));z-index:3}.lb .lb-composer input{font-size:18px;min-width:0}.lb .lb-composer button{min-height:48px;white-space:normal;flex-shrink:0}.lb .lb-composer{margin-top:.75rem}.lb .hint{line-height:1.55}
.lb-clock{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.lb-clock strong{font-variant-numeric:tabular-nums;font-family:Sora,Inter,sans-serif;font-size:2rem}.lb-clock .low{color:#be3c3c}.lb-ready-number{font-size:3.5rem;font-weight:800;color:var(--lb-accent);margin:.6rem}.lb-ready-number small{font-size:1.1rem;color:var(--muted)}.lb-saved{background:#eaf6ef;color:#205438;padding:1rem;border-radius:12px;margin:.8rem 0}.lb-saved p:last-child{margin-bottom:0}.lb-preview-round{border-top:1px solid var(--line);padding:.8rem 0}.lb-preview-pair{padding:1rem;border:1px solid var(--line);border-radius:10px;margin:.8rem 0}.lb-preview-pair b{display:block;margin-top:.5rem}.lb-preview-pair p{margin:.4rem 0}.lb-table-wrap{overflow-x:auto}.lb-table-wrap table{min-width:640px}.lb-table-wrap td{vertical-align:top;max-width:240px;overflow-wrap:anywhere}.lb-table-wrap th{font-size:.78rem}.lb-roster-choice{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.lb-roster-choice input{width:20px;height:20px}.lb-link-button{display:inline-block;padding:.65rem 1rem;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:inherit}.lb-feedback{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.lb-feedback>div{min-width:0}.lb-winner{text-align:center;padding:1.25rem 0}.lb-winner>span{font-size:3rem}.lb-review-question{font-size:1.15rem}.lb-board-list{line-height:1.8;font-size:1.25rem}
body.arena .lb{--lb-accent:#7bdad7}body.arena .lb-steps .current{background:#153e48;color:#8ee8e2;border-color:#459391}body.arena .lb-steps .complete b{background:#194637;color:#9ddfc0}body.arena .lb-instructions{background:rgba(9,31,49,.3)}body.arena .lb-saved{background:#173b32;color:#c1efd5}body.arena .lb-teacher-note{background:#173c4c;color:#d7ecf4}body.arena .lb .note{overflow-wrap:anywhere}
@media(max-width:650px){.lb-steps{gap:.3rem}.lb-steps span{flex-direction:column;text-align:center;font-size:.7rem;padding:.5rem .2rem;gap:.25rem}.lb-feedback{grid-template-columns:1fr}.lb-instructions{padding:.9rem}.lb .lb-composer{flex-wrap:nowrap;gap:.45rem}.lb .lb-composer button{max-width:40%;font-size:14px;padding:.65rem .7rem}.lb .grid{grid-template-columns:1fr}.lb-ready-number{font-size:3rem}}
.lb-guide-page{max-width:720px;margin:4vh auto}.lb-guide-page .lb-guide-content{min-height:260px}