/* The name is an unbroken label; the row wraps between pupils instead. */
.students .student{flex:0 1 auto;width:max-content;min-width:235px;max-width:100%;justify-content:center;flex-wrap:nowrap;gap:12px}.students .student-name,.name-pill{white-space:nowrap;overflow-wrap:normal;word-break:normal}.students .student-name{max-width:none;flex-shrink:0;font-size:clamp(24px,3vw,36px)}
.table-color-0{--table-color:#e5dfef}.table-color-1{--table-color:#e5ebc9}.table-color-2{--table-color:#f6e5b7}.table-color-3{--table-color:#d3e9db}.table-color-4{--table-color:#f5d6bf}.table-color-5{--table-color:#d1e9e9}.table-color-6{--table-color:#e2d4ed}.table-color-7{--table-color:#f5d5e4}.table-color-8{--table-color:#d2e3f7}.table-color-9{--table-color:#e9dfca}
.student[class*="table-color-"],.name-pill[class*="table-color-"],.table-picker button{background:var(--table-color)}
.table-gold{background:linear-gradient(110deg,#e4c26b 15%,#fff0b4 35%,#dcb553 50%,#fff4ca 65%,#e4c26b 85%)!important;background-size:240% 100%!important;animation:table-shimmer 5s ease-in-out infinite;color:#51401f}
@keyframes table-shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
body:has(.table-training){background:var(--paper)}body:has(.table-training.table-color-0){background:#e5dfef}body:has(.table-training.table-color-1){background:#e5ebc9}body:has(.table-training.table-color-2){background:#f6e5b7}body:has(.table-training.table-color-3){background:#d3e9db}body:has(.table-training.table-color-4){background:#f5d6bf}body:has(.table-training.table-color-5){background:#d1e9e9}body:has(.table-training.table-color-6){background:#e2d4ed}body:has(.table-training.table-color-7){background:#f5d5e4}body:has(.table-training.table-color-8){background:#d2e3f7}body:has(.table-training.table-color-9){background:#e9dfca}
#app:has(.table-training) main{max-width:1180px;padding:12px 24px 24px}#app:has(.table-training) .student-bar{margin-bottom:6px}#app:has(.table-training) .name-pill{min-height:55px;font-size:27px;line-height:1.5}
.tables-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.tables-toolbar h1{font-size:clamp(20px,2.5vw,30px);letter-spacing:0}.tables-toolbar button{background:#ffffffb3;border-radius:18px;padding:7px 16px;font-size:17px}
.table-training-content{position:relative;text-align:center;max-width:1000px;margin:12px auto;display:flex;align-items:center;flex-direction:column;gap:12px}.table-training h2{font-size:26px}.table-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;width:100%;max-width:850px;margin-top:20px}.table-picker button{border:1px solid #314d3e25;border-radius:40%;min-height:115px;display:grid;place-content:center;gap:3px}.table-picker strong{font-size:40px;font-weight:400}.table-picker span{font-size:16px}.table-levels{display:grid;gap:12px;max-width:500px;width:100%}.table-levels button{border-radius:16px;background:#fffdf7;padding:12px}.table-levels button:disabled{opacity:.45}
.table-progress{display:flex;align-items:center;gap:10px;font-size:15px}.thermometer{display:flex;flex-direction:column;width:20px;height:52px;overflow:hidden;border:2px solid #73847c;border-radius:12px;background:#fff9}.thermometer span{flex:1;border-bottom:1px solid #73847c33}.thermometer .filled{background:#658d77}.study-table{display:grid;grid-auto-flow:column;grid-template-rows:repeat(6,1fr);gap:4px 60px;text-align:left;font-size:clamp(21px,3vh,30px);font-variant-numeric:tabular-nums}.table-countdown{font-variant-numeric:tabular-nums;background:#fff9;padding:3px 15px;border-radius:20px;min-width:70px}.table-play-heading{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.table-question{font-size:clamp(34px,6vh,58px);font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center;gap:15px;min-height:75px}.table-question output{background:#fffdf9;border:1px solid #8d9e92;border-radius:14px;min-width:135px;padding:0 14px}.table-keypad{display:grid;grid-template-columns:repeat(3,65px);gap:6px}.table-keypad button{background:#fffdf9;border:1px solid #ced4c9;border-radius:12px;font-size:28px;min-height:44px}.table-choices{display:grid;grid-template-columns:repeat(4,100px);gap:12px}.table-choices button,.table-pairs button{background:#fffdf9;border:1px solid #a6b5a8;border-radius:14px;font-size:23px;min-height:48px}.table-pairs{display:grid;grid-template-columns:1fr 1fr;gap:40px;width:100%}.table-pairs section>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.table-pairs button.selected{outline:3px solid #6e5888;outline-offset:1px;background:#ede3f5}.table-pairs button.matched{opacity:.3;background:#d3e9db}.table-pairs button:disabled:not(.matched){opacity:.8}.table-training .btn{min-height:44px;padding:8px 24px}
@media(max-height:750px){.table-training-content{gap:7px;margin:5px auto}.table-pairs button{min-height:39px;font-size:21px}.table-training h2{font-size:22px}.table-progress{position:absolute;right:0;top:0;font-size:12px}.table-progress>span{max-width:80px}.study-table{font-size:23px}.table-play-heading{padding-right:105px}.table-training-content:has(.table-pairs){padding-top:6px}.table-keypad button{min-height:38px;font-size:25px}.table-question{min-height:65px}}
@media(max-width:650px){.table-picker{grid-template-columns:repeat(3,1fr);gap:10px}.table-picker button{min-height:85px}.tables-toolbar{flex-wrap:wrap}.table-pairs{gap:14px}.table-pairs section>div{gap:5px}.table-pairs button{font-size:18px}.table-choices{grid-template-columns:repeat(3,85px)}.table-progress{position:static}.table-play-heading{padding-right:0}.study-table{gap:4px 25px}}
@media(prefers-reduced-motion:reduce){.table-gold{animation:none}}

/* Keep the full activity label inside its oval, including on smaller screens. */
.lesson-area-picker{gap:clamp(14px,2vw,28px);flex-wrap:wrap;align-content:center}
.lesson-area-picker button{flex-shrink:0}
.lesson-area-picker button[data-pupil-area="tables"]{width:clamp(300px,32vw,380px);max-width:100%;padding:16px 24px;white-space:nowrap;font-size:clamp(28px,3vw,40px);line-height:1.8}

.table-color-10{--table-color:#cce1b4}body:has(.table-training.table-color-10){background:#cce1b4}.chicken-entry{display:grid;place-items:center;width:80px;height:64px;background:#fff2cf;border:2px solid #b5a67b;border-radius:20px;text-decoration:none;font-size:36px}

.class-game-tile{display:grid;place-items:center;text-align:center;background:#e7e1f1;color:inherit;text-decoration:none;border-radius:36%;padding:12px;border:1px solid #c9c2d0;font-size:clamp(20px,3vw,32px)}
.solo-games{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.rooftop-entry{display:flex;align-items:center;gap:6px;padding:5px 14px;border-radius:18px;background:#fff2dc;border:2px solid #c9a682;color:#30483d;text-decoration:none}.rooftop-entry img{width:48px;height:48px}

.solo-games>a{box-sizing:border-box;height:68px;min-height:68px;flex-shrink:0}.solo-games .naval-icon{display:inline-grid;place-items:center;width:48px;height:48px;font-size:36px;line-height:1}