/* Sentence Builder — game-specific styles (shared tokens come from /assets/css/game.css).
   The board scales with --u (one unit ≈ the size of a word card's text), so a phone, a tablet and a projector all look right. */
.link-btn{background:none;border:0;padding:0;color:var(--sky);font:700 .82rem 'Inter',sans-serif;cursor:pointer;text-align:left}
.link-btn:hover{text-decoration:underline}
.lb-clear-all{color:var(--muted)}
.hide-xs{display:inline}
.top-list{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:.88rem}
.top-list li{display:flex;justify-content:space-between;gap:8px;color:var(--soft)}
.top-list li:nth-child(1) b{color:var(--gold)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.status.low{background:#7f1d1d;color:#fecaca;animation:lbpulse 1s infinite}
@keyframes lbpulse{50%{filter:brightness(1.35)}}

/* ---- editor ---- */
.lb-addrow{flex-wrap:nowrap;gap:8px}.lb-addrow #newWord{flex:1;min-width:0}
.lb-quick{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
#lettersIn{font:700 1.1rem 'Baloo 2',sans-serif;letter-spacing:.12em}
.lb-items{max-height:none;overflow:visible;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:8px 12px;list-style:none;margin:10px 0 0;padding:0}
.fc-item{display:flex;align-items:center;gap:6px;background:var(--bg);border:2px solid var(--hard);border-radius:10px;padding:6px}
.fc-item input[type=text]{min-width:0;font-size:.95rem;font-weight:700}
.fc-thumb{width:44px;height:44px;flex:none;border-radius:8px;border:2px solid var(--hard);background:var(--panel2);cursor:pointer;padding:0;overflow:hidden;display:grid;place-items:center;font-size:1.3rem;color:var(--muted)}
.fc-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.fc-thumb:hover{filter:brightness(1.12)}
.mini{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:.8rem;width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center}
.mini:hover:not(:disabled){background:var(--rose);color:#fff}
.fc-none{text-align:center;color:var(--muted);padding:12px 6px;font-size:.88rem;margin:0;grid-column:1/-1}
.lb-scenes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.lb-sc{border:3px solid var(--hard);border-radius:10px;background:var(--panel2);cursor:pointer;padding:0;overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;color:var(--text)}
.lb-sc .sw{display:grid;place-items:center;height:clamp(40px,5vw,60px);font:800 1.3rem 'Baloo 2',sans-serif}
.lb-sc .sw b{display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:50%;border:2px solid rgba(255,255,255,.7)}
.lb-sc em{font:700 .68rem 'Inter',sans-serif;font-style:normal;padding:4px 2px;text-align:center}
.lb-sc[aria-pressed=true]{outline:3px solid var(--gold);outline-offset:2px}
.lb-sc-ocean .sw{background:linear-gradient(#5ec8f2,#0b3d8f);color:#fff}.lb-sc-ocean .sw b{background:rgba(255,255,255,.25)}
.lb-sc-sky .sw{background:linear-gradient(#9ad7ff,#e8f6ff);color:#4338ca}.lb-sc-sky .sw b{background:rgba(255,255,255,.5)}
.lb-sc-space .sw{background:radial-gradient(#fff 1px,transparent 1.5px) 0 0/16px 16px,#0b0630;color:#fff}.lb-sc-space .sw b{background:radial-gradient(circle at 35% 30%,#c4b5fd,#6d28d9);border:0}
.lb-sc-candy .sw{background:radial-gradient(#fff8 5px,transparent 6px) 0 0/18px 18px,#ffc2e0;color:#fff}.lb-sc-candy .sw b{background:#ec4899;text-shadow:0 1px 0 rgba(0,0,0,.3)}

/* ---- the stage ---- */
.lb-stage{padding:16px}
.lb-stats{flex-wrap:wrap}
.lb-teamchips{display:inline-flex;gap:6px;flex-wrap:wrap}
.lb-tc{border:2px solid transparent}.lb-tc.on{border-color:var(--gold);filter:brightness(1.15)}
.lb-tc.t1{background:#0c4a6e;color:#bae6fd}.lb-tc.t2{background:#831843;color:#fbcfe8}.lb-tc.t3{background:#713f12;color:#fde68a}.lb-tc.t4{background:#064e3b;color:#a7f3d0}

.lb-board{--u:clamp(15px,3.3cqw,26px);--fam:'Baloo 2',system-ui,sans-serif;--lfam:var(--fam);--pbg:rgba(0,0,0,.3);--ptx:#fff;
  position:relative;container-type:inline-size;width:100%;margin:0 auto;border-radius:18px;border:4px solid var(--hard);box-shadow:var(--shadow);overflow:hidden;color:#fff;
  min-height:min(calc(var(--gic-maxh,640px) - 120px),560px);display:flex;flex-direction:column;font-family:var(--fam)}
html.gic-fs .lb-board{container-type:size;--u:clamp(15px,min(3.3cqw,4.8cqh),44px)}
.lb-f-school{--lfam:Andika,'Baloo 2',system-ui,sans-serif}

/* scenes */
.lb-scene-ocean{background:linear-gradient(100deg,transparent 28%,rgba(255,255,255,.07) 36%,transparent 44%),linear-gradient(80deg,transparent 52%,rgba(255,255,255,.06) 60%,transparent 68%),linear-gradient(#62cdf5,#1a76c9 55%,#0b3d8f)}
.lb-scene-ocean .lb-field::after{content:"";position:absolute;left:0;right:0;bottom:0;height:9%;background:radial-gradient(ellipse at 20% 100%,#e8cf8f 0 60%,transparent 61%),radial-gradient(ellipse at 70% 100%,#dcc17f 0 55%,transparent 56%),radial-gradient(ellipse at 100% 100%,#e8cf8f 0 40%,transparent 41%);pointer-events:none;opacity:.9}
.lb-scene-ocean .lb-bub{background:radial-gradient(circle at 30% 26%,rgba(255,255,255,.9) 0 6%,rgba(255,255,255,0) 7%),radial-gradient(circle at 50% 55%,hsl(calc(184 + var(--h)*10) 90% 70% / .28) 0 55%,hsl(calc(190 + var(--h)*10) 90% 60% / .55) 100%);border:.045em solid rgba(255,255,255,.65);box-shadow:inset 0 -.15em .35em rgba(0,60,140,.3),0 .1em .5em rgba(0,40,100,.25);color:#fff;text-shadow:0 .05em .12em rgba(0,40,100,.7)}
.lb-scene-sky{--pbg:rgba(255,255,255,.75);--ptx:#312e81;color:#312e81;background:radial-gradient(ellipse at 18% 78%,#fff 0 9%,transparent 10%),radial-gradient(ellipse at 28% 80%,#fff 0 11%,transparent 12%),radial-gradient(ellipse at 78% 30%,#fff 0 8%,transparent 9%),radial-gradient(ellipse at 88% 32%,#fff 0 7%,transparent 8%),linear-gradient(#8fd0ff,#e6f6ff)}
.lb-scene-sky .lb-bub{background:radial-gradient(circle at 30% 24%,#fff 0 5%,rgba(255,255,255,0) 6%),radial-gradient(circle,rgba(255,255,255,.05) 52%,rgba(255,255,255,.4) 72%,hsl(calc(var(--h)*60) 90% 75% / .55) 100%);border:.04em solid rgba(255,255,255,.9);box-shadow:inset 0 0 .5em hsl(calc(var(--h)*60 + 40) 90% 75% / .55),inset .1em 0 .4em hsl(calc(var(--h)*60 + 180) 90% 75% / .45),0 0 .3em rgba(80,120,255,.25);color:hsl(calc(230 + var(--h)*15) 60% 40%);text-shadow:0 0 .2em #fff}
.lb-scene-space{background:radial-gradient(#fff 1px,transparent 1.6px) 0 0/5em 5em,radial-gradient(rgba(255,255,255,.7) 1px,transparent 1.5px) 2.2em 1.4em/3.7em 3.7em,radial-gradient(circle at 88% 92%,#7c3aed 0 9%,#4c1d95 10% 11%,transparent 12%),radial-gradient(ellipse at 50% 0,#2b1a6b,#07041a)}
.lb-scene-space .lb-bub{background:radial-gradient(circle at 32% 28%,hsl(calc(190 + var(--h)*30) 95% 82%),hsl(calc(200 + var(--h)*30) 80% 52%) 55%,hsl(calc(210 + var(--h)*30) 70% 28%));box-shadow:0 0 1.1em hsl(calc(200 + var(--h)*30) 95% 60% / .65),inset -.2em -.25em .5em rgba(0,0,0,.35);border:0;color:#fff;text-shadow:0 .05em .15em rgba(0,0,0,.6)}
.lb-scene-candy{--pbg:rgba(255,255,255,.8);--ptx:#9d174d;color:#9d174d;background:radial-gradient(rgba(255,255,255,.85) 9px,transparent 10px) 0 0/54px 54px,radial-gradient(rgba(255,255,255,.55) 9px,transparent 10px) 27px 27px/54px 54px,linear-gradient(#ffc9e4,#ffe3a8)}
.lb-scene-candy .lb-bub{background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.9) 0 7%,rgba(255,255,255,0) 8%),radial-gradient(circle at 70% 78%,rgba(0,0,0,.14),transparent 55%),hsl(calc(var(--h)*58 + 330) 82% 58%);border:.07em solid #fff;box-shadow:0 .14em 0 rgba(0,0,0,.22),0 .3em .6em rgba(0,0,0,.18);color:#fff;text-shadow:0 .05em 0 rgba(0,0,0,.3)}

/* play area */
.lb-play{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.lb-play[hidden]{display:none}
.lb-prompt{flex:none;display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*.8);flex-wrap:wrap;padding:calc(var(--u)*.5) calc(var(--u)*.8);background:var(--pbg);color:var(--ptx);min-height:calc(var(--u)*3.6);font-family:var(--lfam)}
.lb-ask{font:700 calc(var(--u)*.95) 'Inter',sans-serif}
.lb-big{display:grid;place-items:center;min-width:1.5em;height:1.5em;padding:0 .3em;border-radius:.5em;background:#fff;color:#0b3d8f;font:800 calc(var(--u)*2.4)/1 var(--lfam);box-shadow:0 .1em 0 rgba(0,0,0,.25)}
.lb-scene-candy .lb-big{color:#be185d}.lb-scene-space .lb-big{color:#4c1d95}
.lb-bw{display:contents}
.lb-left{font:800 calc(var(--u)*.85) 'Inter',sans-serif;background:rgba(0,0,0,.28);color:#fff;padding:.25em .8em;border-radius:99px}
.lb-pic{width:calc(var(--u)*3.4);height:calc(var(--u)*3.4);flex:none;background:#fff;border-radius:.4em;padding:calc(var(--u)*.18);box-shadow:0 .2em .6em rgba(0,0,0,.3);rotate:-3deg;display:grid;place-items:center;overflow:hidden}
.lb-pic img{width:100%;height:100%;object-fit:contain;display:block}
.lb-pic .e{font-size:calc(var(--u)*2.4);line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.lb-word{font:800 calc(var(--u)*1.8)/1 var(--lfam);letter-spacing:.04em}
small.lb-word{display:block;font-size:calc(var(--u)*.95);opacity:.85;text-align:center;margin-bottom:.2em}
.lb-spell{display:flex;flex-direction:column;align-items:center}
.lb-slots{display:flex;gap:calc(var(--u)*.3);flex-wrap:wrap;justify-content:center}
.lb-slots i{font-style:normal;display:grid;place-items:center;width:1.25em;height:1.4em;font:800 calc(var(--u)*1.7)/1 var(--lfam);border-radius:.25em;background:rgba(255,255,255,.28);border-bottom:.14em solid currentColor;color:inherit}
.lb-slots i.on{background:#fff;color:#0b3d8f}.lb-slots i.cur{background:rgba(250,204,21,.5);animation:lbcur 1s ease-in-out infinite}
.lb-scene-candy .lb-slots i.on{color:#be185d}.lb-scene-space .lb-slots i.on{color:#4c1d95}
@keyframes lbcur{50%{background:rgba(250,204,21,.85)}}
.lb-turn{font:800 calc(var(--u)*.9)/1 'Baloo 2',sans-serif;padding:.3em .8em;border-radius:99px;color:#0b1020;background:#38bdf8;box-shadow:0 .18em 0 rgba(0,0,0,.25)}
.lb-turn.t2{background:#f472b6}.lb-turn.t3{background:#fbbf24}.lb-turn.t4{background:#34d399}
.lb-field{position:relative;flex:1 1 auto;min-height:calc(var(--u)*10);overflow:hidden;touch-action:manipulation}
.lb-bub{position:absolute;left:0;top:0;width:var(--d,80px);height:var(--d,80px);margin:0;padding:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;will-change:transform;font:800 calc(var(--d,80px)*.5)/1 var(--lfam)}
.lb-bub span{pointer-events:none;display:block;line-height:1}
.lb-bub:focus-visible{outline:.15em solid #facc15;outline-offset:.1em}
.lb-bub.pop{animation:lbpop .3s ease-out forwards;pointer-events:none}
@keyframes lbpop{0%{scale:1;opacity:1}60%{scale:1.35;opacity:.7}100%{scale:1.6;opacity:0}}
.lb-bub.no{animation:lbno .4s}
@keyframes lbno{20%{rotate:-12deg}40%{rotate:10deg}60%{rotate:-7deg}80%{rotate:4deg}}
.lb-bub.flip{animation:lbflip .35s}
@keyframes lbflip{40%{scale:.7}100%{scale:1}}
.lb-dot{position:absolute;width:.7em;height:.7em;margin:-.35em 0 0 -.35em;border-radius:50%;background:hsl(calc(190 + var(--h)*30) 90% 75%);box-shadow:0 0 .4em rgba(255,255,255,.8);pointer-events:none;font-size:calc(var(--u)*.8);animation:lbdot .5s ease-out forwards}
@keyframes lbdot{to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}
.lb-banner{position:absolute;left:50%;top:50%;translate:-50% -50%;max-width:calc(100% - var(--u)*1.6);display:flex;flex-direction:column;align-items:center;text-align:center;font:700 max(calc(var(--k-pop-text,17px) * 1.1),calc(var(--u)*.95))/1.3 'Inter',sans-serif;padding:.5em 1.1em;border-radius:14px;color:#fff;pointer-events:none;z-index:4}
.lb-banner:empty{display:none}
.lb-banner .lb-b1{display:block;font-weight:800;font-size:1.15em;white-space:nowrap}.lb-banner .lb-b2{display:block;text-wrap:balance}.lb-banner .lb-b2 b{white-space:nowrap}
.lb-banner.good{background:rgba(21,128,61,.94)}.lb-banner.shown{background:rgba(180,83,9,.94)}

/* overlay + start card (in full screen the card covers the whole play area, as in the other games) */
.lb-bigscore{font:800 2.6rem/1 'Baloo 2',sans-serif;color:var(--gold)}.lb-bigscore small{font-size:1rem;color:var(--muted)}
.lb-saved{min-height:1.2em;font-weight:700}
.lb-rank{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;text-align:left}
.lb-rank li{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:12px;background:var(--panel2);font-weight:800}
.lb-rank li:first-child{background:#422006;color:#fde68a}
.lb-modes{display:flex;flex-direction:column;gap:8px;width:100%}.lb-modes[hidden]{display:none}
.lb-teams{display:flex;flex-direction:column;gap:8px}.lb-teams[hidden]{display:none}
.lb-names{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lb-tn{display:flex;align-items:center;gap:6px;background:var(--bg);border:3px solid var(--pc);border-radius:10px;padding:2px 6px}
.lb-tn[hidden]{display:none}
.lb-tn.t1{--pc:#38bdf8}.lb-tn.t2{--pc:#f472b6}.lb-tn.t3{--pc:#fbbf24}.lb-tn.t4{--pc:#34d399}
.lb-tn i{font:800 .9rem 'Baloo 2',sans-serif;font-style:normal;width:22px;height:22px;border-radius:50%;background:var(--pc);color:#0b1020;display:grid;place-items:center;flex:none}
.lb-tn input{border:0;background:transparent;min-width:0;width:100%;padding:6px 2px;font-weight:700}.lb-tn input:focus{outline:none}

/* full screen */
html.gic-fs .layout{grid-template-columns:minmax(0,1fr)}
html.gic-fs .lb-stage{border-radius:0;border:0;box-shadow:none;background:transparent;display:flex;flex-direction:column}
html.gic-fs .lb-board{flex:1 1 0;min-height:0}
@media (orientation:landscape) and (max-height:560px){
  html.gic-fs .lb-prompt{min-height:calc(var(--u)*2.6);padding:calc(var(--u)*.3)}
  html.gic-fs .lb-pic{width:calc(var(--u)*2.4);height:calc(var(--u)*2.4)}
}
@media(max-width:560px){.hide-xs{display:none}.grid2{grid-template-columns:1fr}.lb-scenes{grid-template-columns:repeat(2,1fr)}.lb-addrow{flex-wrap:wrap}.lb-stage{padding:8px}.lb-names{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.lb-bub.no,.lb-bub.flip,.lb-slots i.cur,.status.low{animation:none}.lb-bub.pop{animation:lbfade .2s forwards}}
@keyframes lbfade{to{opacity:0}}
.lb-scene-sky .lb-left{background:rgba(49,46,129,.78)}.lb-scene-candy .lb-left{background:rgba(157,23,77,.78)}

/* ---- PLAY-FIRST (1.43.0): PHONE = FULL SCREEN. A phone, a small window or a touch tablet gets the same play-first rules as real full screen
        (these are copies of the html.gic-fs rules above, scoped to html.gic-phone; to change the look, change both). ---- */
html.gic-phone body .lb-board{container-type:size;--u:clamp(15px,min(3.3cqw,4.8cqh),44px)}
html.gic-phone body .layout{grid-template-columns:minmax(0,1fr)}
html.gic-phone body .lb-stage{border-radius:0;border:0;box-shadow:none;background:transparent;display:flex;flex-direction:column}
html.gic-phone body .lb-board{flex:1 1 0;min-height:0}
   /* 1.43.10: was var(--hud-t)/var(--hud-r), which a phone does not define (the start card sat in a corner sideways) */
@media (orientation:landscape) and (max-height:560px){
  html.gic-phone body .lb-prompt{min-height:calc(var(--u)*2.6);padding:calc(var(--u)*.3)}
  html.gic-phone body .lb-pic{width:calc(var(--u)*2.4);height:calc(var(--u)*2.4)}
}


/* ---- 1.43.10: Letter Bubbles on a phone. The score chips and the buttons are one family (same height, rounded-rectangle shape, dark look, thin outline, like Flashcards).
        Held sideways the chips stand in a column on the left and Skip / Restart / Sound in a column on the right (under the "..." button), so the sea takes
        the whole height. ---- */

html.gic-phone body .lb-board{border-width:2px;border-radius:14px;box-shadow:2px 2px 0 var(--hard)}
html.gic-phone body .lb-stage .stage-head .status,html.gic-phone body .lb-stage .stage-head .btn{box-sizing:border-box;height:var(--ph-btn);min-height:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font:800 .9rem 'Inter',sans-serif;color:var(--text);background:var(--panel2);border:2px solid var(--hard);border-radius:10px;box-shadow:1px 2px 0 var(--hard)}
html.gic-phone body .lb-stage .stage-head .status.ok{background:#0f5132;color:#d1fae5}
html.gic-phone body .lb-stage .stage-head .status[hidden]{display:none}
html.gic-phone body .lb-stage .stage-head .btn{width:var(--ph-btn);padding:0}
html.gic-phone body .lb-stage .stage-head .btn .hide-xs{display:none}
html.gic-phone body .lb-stage .stage-head .btn i{color:var(--sky);font-size:1rem}
@media (orientation:landscape) and (max-height:560px){
  html.gic-phone body .app{padding:0 4px}
  html.gic-phone body #stage.lb-stage{padding:4px 52px 4px 4px}
  html.gic-phone body .lb-stage .stage-head{display:contents}
  html.gic-phone body .lb-stage .stage-head>.row:last-child{position:fixed;right:6px;top:calc(var(--ph-btn) + 12px);display:flex;flex-direction:column;gap:6px;margin:0;z-index:5}
  html.gic-phone body .gic-head-right{top:6px;right:6px}
  html.gic-phone body .lb-prompt{min-height:0;padding:calc(var(--u)*.25) calc(var(--u)*.8)}
  html.gic-phone body .lb-big{font-size:calc(var(--u)*1.8)}
  html.gic-phone body .lb-pic{width:calc(var(--u)*2.2);height:calc(var(--u)*2.2)}
}
/* the picture, the letter boxes and the "Pop every" letter are the part a child reads, so they get a bit more room */
@media (orientation:landscape) and (max-height:560px){
  html.gic-phone body .lb-pic{width:calc(var(--u)*3);height:calc(var(--u)*3)}
  html.gic-phone body .lb-slots i{font-size:calc(var(--u)*2)}
}
@media (orientation:portrait){
  html.gic-phone body .lb-prompt{padding:calc(var(--u)*.4) calc(var(--u)*.8)}
  html.gic-phone body .lb-big{font-size:calc(var(--u)*2.9)}
  html.gic-phone body .lb-ask{font-size:calc(var(--u)*1.2)}
  html.gic-phone body .lb-pic{width:calc(var(--u)*4.4);height:calc(var(--u)*4.4)}
  html.gic-phone body .lb-slots i{font-size:calc(var(--u)*2.4)}
  html.gic-phone body .lb-left{font-size:calc(var(--u)*1.05)}
  /* 1.203.77: the letter and its "5 to go" pill stay together (pill under the letter) instead of the pill wrapping to a row of its own */
  html.gic-phone body .lb-bw{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*.2)}
  html.gic-phone body .lb-left{white-space:nowrap}
}
/* upright: the chips and the three buttons must share ONE row beside the "..." even with the timer and the streak showing */
@media (orientation:portrait){
  html.gic-phone body .lb-stage .stage-head{flex-wrap:nowrap;gap:6px}
  html.gic-phone body #stage.lb-stage .stage-head>.lb-stats{flex-wrap:nowrap;gap:6px;min-width:0;flex:1 1 auto}
  html.gic-phone body .lb-stage .lb-stats .status{padding:0 8px;font-size:.85rem;white-space:nowrap}
}
@media (orientation:portrait) and (max-width:440px){
  html.gic-phone body .lb-stage .lb-stats .status.ok i,html.gic-phone body .lb-stage .lb-stats .status.warn i{display:none}
}

/* ---- 1.43.22 (was top in 1.43.21): round (left) and points (right) are text on a small dark rounded rectangle along the BOTTOM of the sea, so they never meet the top buttons. ---- */
html.gic-phone body .lb-stage .stage-head{display:contents}
html.gic-phone body .lb-stage .lb-stats{position:fixed;bottom:12px;left:14px;right:14px;height:28px;display:flex;align-items:center;gap:12px;margin:0;padding:0;z-index:5;pointer-events:none}
html.gic-phone body .lb-stage .lb-stats .status{height:auto!important;min-height:0!important;padding:3px 11px!important;border-radius:10px!important;background:rgba(6,18,48,.55)!important;border:0!important;box-shadow:none!important;flex-direction:row;gap:5px;font:800 .95rem 'Inter',sans-serif;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.65);white-space:nowrap;text-align:left}
html.gic-phone body .lb-stage .lb-stats .status i{font-size:.8rem;color:#fff}
html.gic-phone body .lb-stage .lb-stats .status.ok{order:1}
html.gic-phone body .lb-stage #timeBadge{order:2}
html.gic-phone body .lb-stage #streakBadge{order:3}
html.gic-phone body .lb-stage #scoreBadge{order:4}
html.gic-phone body .lb-stage .lb-stats:has(#streakBadge[hidden]) #scoreBadge{margin-left:auto}
html.gic-phone body .lb-stage .lb-stats:has(#streakBadge:not([hidden])) #streakBadge{margin-left:auto}
@media (orientation:portrait){
  html.gic-phone body #stage.lb-stage{padding:4px}
  html.gic-phone body .lb-stage .stage-head>.row:last-child{position:fixed;top:8px;right:calc(var(--ph-btn) + 14px);display:flex;margin:0;z-index:5}
  /* 1.203.74: Skip and the "..." float at the top right; keep the prompt bar's text (the letter, "5 to go") out from under them */
  html.gic-phone body .lb-prompt{padding-right:calc(var(--ph-btn) * 2 + 26px)}
}
@media (orientation:landscape) and (max-height:560px){
  html.gic-phone body .lb-stage .lb-stats{right:62px}
}