/* 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}
.sb-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:sbpulse 1s infinite}
@keyframes sbpulse{50%{filter:brightness(1.35)}}

/* ---- editor ---- */
.sb-addrow{flex-wrap:nowrap;gap:8px}.sb-addrow #newText{flex:1;min-width:0}
.sb-items{max-height:none;overflow:visible;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr));gap:8px 14px;list-style:none;margin:0;padding:0}
.fc-item{display:flex;align-items:flex-start;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:.88rem}
.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)}
.sb-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.sb-ok{font-weight:700;width:100%}
.sb-row2{display:flex;gap:5px}.sb-row2 input{flex:1;min-width:0}
.sb-info{font:600 .74rem/1.35 'Inter',sans-serif;color:var(--muted);padding:2px 4px}
.sb-info.own{color:#6ee7b7}.sb-info.warn{color:#fcd34d}
html[data-theme=light] .sb-info.own{color:#047857}html[data-theme=light] .sb-info.warn{color:#b45309}
.sb-btns{display:flex;flex-direction:column;gap:2px}
.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(--panel2);color:var(--text)}
.mini.del:hover,.mini .del:hover{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}
.sb-scenes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sb-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)}
.sb-sc .sw{display:grid;place-items:center;height:clamp(40px,5vw,60px);font:800 1.3rem 'Baloo 2',sans-serif}
.sb-sc em{font:700 .68rem 'Inter',sans-serif;font-style:normal;padding:4px 2px;text-align:center}
.sb-sc[aria-pressed=true]{outline:3px solid var(--gold);outline-offset:2px}
.sb-sc-pocket .sw{background:#2b6f94;color:#fff7dc;text-shadow:0 2px 0 rgba(0,0,0,.3)}
.sb-sc-magnets .sw{background:linear-gradient(#f4f6f8,#dfe5ea);color:#1f2937}
.sb-sc-blocks .sw{background:#fde3a0;color:#fff}.sb-sc-blocks .sw b{background:#ef4444;border-radius:6px;padding:0 8px;box-shadow:0 3px 0 rgba(0,0,0,.3)}
.sb-sc-blueprint .sw{background:#0b3a6b;color:#bfe3ff;font-family:'Courier New',monospace}

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

.sb-board{--u:clamp(15px,3.3cqw,26px);--bg1:#2b6f94;--bg2:#1c516f;--ink:#2b2b2b;--paper:#fff7dc;--paper2:#f6e8bb;--tbd:rgba(0,0,0,.18);--tsh:0 .16em 0 rgba(0,0,0,.22),0 .35em .6em rgba(0,0,0,.25);--good:#16a34a;--bad:#dc2626;--lbg:rgba(0,0,0,.25);--lbd:rgba(255,255,255,.55);--txt:#fff;--fam:'Baloo 2',system-ui,sans-serif;
  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:var(--txt);
  min-height:min(calc(var(--gic-maxh,640px) - 120px),560px);display:flex;flex-direction:column;background:linear-gradient(var(--bg1),var(--bg2));font-family:var(--fam)}
html.gic-fs .sb-board{container-type:size;--u:clamp(15px,min(3.3cqw,4.8cqh),46px)}
.sb-f-school{--fam:Andika,'Baloo 2',system-ui,sans-serif}.sb-f-serif{--fam:Georgia,'Times New Roman',serif}.sb-f-type{--fam:'Courier New',Courier,monospace}

/* scene: pocket chart (blue vinyl with pockets, cream sentence cards, cork board for the spare cards) */
.sb-scene-pocket{background:radial-gradient(circle at 20% 0,rgba(255,255,255,.14),transparent 55%),repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 2px,transparent 2px 14px),linear-gradient(#2f7aa3,#1c516f)}
.sb-scene-pocket .sb-line{background:linear-gradient(rgba(255,255,255,.14),rgba(255,255,255,.04));border:0;border-top:.22em dashed rgba(255,255,255,.55);border-bottom:.7em solid #14405a;border-radius:.4em;box-shadow:inset 0 .5em .8em rgba(0,0,0,.18)}
.sb-scene-pocket .sb-bank{background:radial-gradient(rgba(120,70,20,.35) 1px,transparent 1.5px) 0 0/10px 10px,#c99a62;border:.3em solid #8a5a2b;border-radius:.6em;box-shadow:inset 0 .3em .8em rgba(0,0,0,.28)}
.sb-scene-pocket .sb-tile{background:linear-gradient(var(--paper),var(--paper2));color:var(--ink);border:1px solid rgba(0,0,0,.2);border-top:.32em solid hsl(calc(var(--k) * 58 + 8) 72% 52%);border-radius:.25em}

/* scene: fridge magnets */
.sb-scene-magnets{--ink:#1f2937;--txt:#334155;--lbg:rgba(148,163,184,.12);--lbd:rgba(100,116,139,.45);background:radial-gradient(ellipse at 25% 8%,#fff,transparent 55%),linear-gradient(105deg,#e6ebf0,#d3dbe3 55%,#e8edf2)}
.sb-scene-magnets .sb-line{background:linear-gradient(transparent calc(100% - .2em),#94a3b8 calc(100% - .2em)),rgba(255,255,255,.55);border:0;border-radius:.4em;box-shadow:inset 0 0 0 1px rgba(100,116,139,.28)}
.sb-scene-magnets .sb-bank{background:transparent;border:0}
.sb-scene-magnets .sb-tile{background:linear-gradient(#fffef9,#f1ecde);color:#111827;border:1px solid #c7cdd6;border-radius:.3em;rotate:var(--rot);font-weight:800;letter-spacing:.01em;box-shadow:0 .14em 0 #aeb8c4,0 .4em .7em rgba(15,23,42,.3)}
.sb-scene-magnets .sb-tile:hover{rotate:0deg}
.sb-scene-magnets .sb-tile.good{background:linear-gradient(#f0fdf4,#d1fae5)}

/* scene: toy blocks (play mat, bright blocks, wooden shelf) */
.sb-scene-blocks{--txt:#5b2f0a;--lbd:rgba(120,70,20,.55);background:conic-gradient(#fff2cc 25%,#fde7a8 0 50%,#fff2cc 0 75%,#fde7a8 0) 0 0/6em 6em}
.sb-scene-blocks .sb-line{background:linear-gradient(rgba(255,255,255,.38),rgba(255,255,255,.12));border:0;border-bottom:.8em solid #8b5a2b;border-radius:.5em .5em .2em .2em;box-shadow:inset 0 0 0 .22em rgba(139,90,43,.5)}
.sb-scene-blocks .sb-bank{background:transparent;border:0}
.sb-scene-blocks .sb-tile{--c:hsl(calc(var(--k) * 60 + 4) 78% 52%);color:#fff;text-shadow:0 .08em 0 rgba(0,0,0,.35);font-weight:800;border:0;border-radius:.4em;
  background:radial-gradient(circle at 24% 17%,rgba(255,255,255,.5) 0 .17em,transparent .2em),radial-gradient(circle at 76% 17%,rgba(255,255,255,.5) 0 .17em,transparent .2em),linear-gradient(var(--c),var(--c)),#000;background-blend-mode:normal;box-shadow:0 .28em 0 rgba(0,0,0,.32),0 .5em .7em rgba(0,0,0,.2),inset 0 -.2em 0 rgba(0,0,0,.14);padding-top:.7em}
.sb-scene-blocks .sb-tile:nth-child(6n+3){color:#4a3300;text-shadow:none}

/* scene: blueprint (drafting grid, outlined parts, dashed assembly line) */
.sb-scene-blueprint{--txt:#dbeafe;--lbg:rgba(147,197,253,.07);--lbd:rgba(191,227,255,.7);--ink:#e6f4ff;--fam:'Courier New',Courier,monospace;
  background:linear-gradient(rgba(191,227,255,.1) 1px,transparent 1px) 0 0/2.4em 2.4em,linear-gradient(90deg,rgba(191,227,255,.1) 1px,transparent 1px) 0 0/2.4em 2.4em,radial-gradient(ellipse at 50% 0,#14538f,#082a50)}
.sb-scene-blueprint.sb-f-round{--fam:'Courier New',Courier,monospace}
.sb-scene-blueprint .sb-line{background:rgba(147,197,253,.07);border:.15em dashed rgba(191,227,255,.7);border-radius:.3em}
.sb-scene-blueprint .sb-line::after{content:"ASSEMBLY LINE";position:absolute;right:.6em;bottom:.2em;font:700 .42em/1 'Courier New',monospace;letter-spacing:.2em;color:rgba(191,227,255,.55)}
.sb-scene-blueprint .sb-bank{background:transparent;border:0}
.sb-scene-blueprint .sb-tile{background:rgba(8,42,80,.85);color:#e6f4ff;border:.1em solid #bfe3ff;border-radius:.15em;font-weight:700;box-shadow:0 0 .6em rgba(125,190,255,.25),inset 0 0 0 .22em rgba(8,42,80,.85),inset 0 0 0 .26em rgba(191,227,255,.35)}
.sb-scene-blueprint .sb-tile.good{box-shadow:0 0 .9em rgba(74,222,128,.6),inset 0 0 0 .22em rgba(8,42,80,.85),inset 0 0 0 .26em rgba(74,222,128,.7)}

/* play area */
.sb-play{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:calc(var(--u)*.7);padding:calc(var(--u)*.8)}
.sb-play[hidden]{display:none}
.sb-clue{flex:none;display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*.8);flex-wrap:wrap;min-height:0}
.sb-clue[hidden]{display:none}
.sb-pic{width:calc(var(--u)*3.6);height:calc(var(--u)*3.6);flex:none;background:#fff;border-radius:.3em;padding:calc(var(--u)*.18);box-shadow:0 .3em .8em rgba(0,0,0,.35);rotate:-3deg;display:grid;place-items:center;overflow:hidden}
.sb-pic img{width:100%;height:100%;object-fit:contain;display:block;-webkit-user-drag:none}
.sb-pic .e{font-size:calc(var(--u)*2.5);line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.sb-hint{font:700 calc(var(--u)*.85)/1.3 'Inter',sans-serif;color:inherit;background:rgba(0,0,0,.28);color:#fff;padding:.35em .9em;border-radius:99px;max-width:100%;text-align:center}
.sb-scene-magnets .sb-hint,.sb-scene-blocks .sb-hint{background:rgba(255,255,255,.7);color:#334155}
.sb-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)}
.sb-turn.t2{background:#f472b6}.sb-turn.t3{background:#fbbf24}.sb-turn.t4{background:#34d399}
.sb-line-wrap{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}
html.gic-fs .sb-line-wrap{flex:1 1 0;min-height:0}
.sb-line-wrap .sb-line{flex:0 1 auto}
html.gic-fs .sb-line-wrap .sb-line{flex:1 1 auto}
.sb-line{position:relative;display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;gap:calc(var(--u)*.5);min-height:calc(var(--u)*3.4);padding:calc(var(--u)*.6) calc(var(--u)*.7) calc(var(--u)*.5);transition:box-shadow .15s,background .15s}
.sb-line.empty::before{content:attr(data-empty);position:absolute;inset:0;display:grid;place-items:center;font:700 calc(var(--u)*.85) 'Inter',sans-serif;color:var(--lbd);pointer-events:none;text-align:center;padding:0 1em}
.sb-line.hot{box-shadow:0 0 0 .2em var(--gold),inset 0 0 1.5em rgba(250,204,21,.25)}
.sb-line.shake{animation:sbshake .45s}
@keyframes sbshake{20%{translate:-.4em 0}40%{translate:.4em 0}60%{translate:-.3em 0}80%{translate:.3em 0}}
.sb-ins{display:none;position:absolute;width:.32em;border-radius:99px;background:var(--gold);box-shadow:0 0 .6em var(--gold);pointer-events:none;z-index:3;font-size:calc(var(--u)*1)}
.sb-bank{flex:1.3 1 auto;min-height:calc(var(--u)*3.4);display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;gap:calc(var(--u)*.6) calc(var(--u)*.7);padding:calc(var(--u)*.8);transition:box-shadow .15s}
.sb-bank.hot{box-shadow:0 0 0 .2em var(--gold)}

.sb-tile,.sb-ghost{font:700 calc(var(--u)*1.2)/1.15 var(--fam);padding:.5em .85em;margin:0;min-height:2.1em;border-radius:.3em}
.sb-tile{position:relative;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:transform .12s,box-shadow .12s,background .15s;box-shadow:var(--tsh);max-width:100%;overflow-wrap:anywhere}
.sb-tile:hover:not(:disabled){transform:translateY(-.1em)}
.sb-tile:active:not(:disabled){cursor:grabbing}
.sb-tile:disabled{cursor:default;opacity:1}
.sb-tile.drag-src{opacity:.25}
.sb-tile.good{outline:.16em solid var(--good);outline-offset:.04em}
.sb-tile.bad{outline:.16em solid var(--bad);outline-offset:.04em;animation:sbshake .45s}
.sb-tile.lock::after{content:"\f023";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:-.45em;right:-.35em;font-size:.55em;width:1.6em;height:1.6em;display:grid;place-items:center;border-radius:50%;background:#475569;color:#fff;box-shadow:0 .1em .3em rgba(0,0,0,.35)}
.sb-tile.shown{outline:.16em dashed #fbbf24;outline-offset:.04em}
.sb-ghost{display:inline-block;visibility:visible;color:transparent;border:.12em dashed var(--lbd);background:rgba(0,0,0,.08);box-shadow:none;user-select:none;pointer-events:none;opacity:.55}
.sb-ghosting{position:fixed;z-index:9999;margin:0;pointer-events:none;rotate:-3deg;scale:1.08;box-shadow:0 .7em 1.4em rgba(0,0,0,.45);transition:none}
.sb-actions{flex:none;display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*.8);flex-wrap:wrap}
.sb-actions:empty{display:none}
.sb-go{font:800 calc(var(--u)*1.25) 'Baloo 2',sans-serif;padding:.4em 1.4em;border-radius:14px;min-height:2.2em}
.sb-go:disabled{opacity:.55}
.sb-clr{font-size:calc(var(--u)*.9)}
.sb-banner{flex:none;min-height:calc(var(--u)*1.8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15em;text-align:center;font:700 calc(var(--u)*.85)/1.3 'Inter',sans-serif;padding:.45em .9em;border-radius:12px;color:#fff}
.sb-banner:empty{display:none}
.sb-banner.good{background:rgba(21,128,61,.92)}.sb-banner.bad{background:rgba(185,28,28,.92)}.sb-banner.shown{background:rgba(180,83,9,.94)}.sb-banner.hint{background:rgba(51,65,85,.92)}
.sb-said{display:block;font:800 calc(var(--u)*1.1)/1.25 var(--fam);margin-top:.15em}

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

/* full screen */
html.gic-fs .layout{grid-template-columns:minmax(0,1fr)}
html.gic-fs .sb-stage{border-radius:0;border:0;box-shadow:none;background:transparent;display:flex;flex-direction:column}
html.gic-fs .sb-board{flex:1 1 0;min-height:0}
html.gic-fs .sb-bank{flex:1.3 1 0;min-height:0}
html.gic-fs .sb-banner{padding:.25em .8em}
@media (orientation:landscape) and (max-height:560px){
  html.gic-fs .sb-play{flex-direction:row;flex-wrap:wrap;align-content:stretch;padding:calc(var(--u)*.5);gap:calc(var(--u)*.4)}
  html.gic-fs .sb-clue{flex:1 1 100%}
  html.gic-fs .sb-pic{width:calc(var(--u)*2.6);height:calc(var(--u)*2.6)}
  html.gic-fs .sb-line-wrap{flex:1 1 100%}
  html.gic-fs .sb-bank{flex:1 1 100%}
}
@media(max-width:560px){.hide-xs{display:none}.grid2{grid-template-columns:1fr}.sb-scenes{grid-template-columns:repeat(2,1fr)}.sb-addrow{flex-wrap:wrap}.sb-row2{flex-wrap:wrap}.sb-row2 input{flex:1 1 100%}.sb-stage{padding:8px}.sb-names{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.sb-tile,.sb-line{transition:none}.sb-line.shake,.sb-tile.bad,.status.low{animation:none}}

/* ---- PLAY-FIRST layout (1.42.1): html.gic-phone = a phone, a small window or any touch tablet (see assets/css/game.css). No header: the stats and the
        few buttons share one thin row with the "..." menu. The board fills everything else, and game.js (sbFit) shrinks the cards until nothing is cut off. ---- */
html.gic-phone body .sb-stage{padding:4px;border:0;background:transparent;display:flex;flex-direction:column}
html.gic-phone body .sb-board,html.gic-fs .sb-board{container-type:size;--u:calc(clamp(14px,min(5.2cqw,6.5cqh),56px) * var(--sbk,1))}
html.gic-phone body .sb-board{flex:1 1 0;min-height:0;border-width:2px;border-radius:12px;box-shadow:none}
html.gic-phone body .sb-play{overflow:hidden;padding:calc(var(--u)*.5);gap:calc(var(--u)*.4)}
html.gic-phone body .sb-pic{width:calc(var(--u)*3.8);height:calc(var(--u)*3.8)}
html.gic-phone body .sb-pic .e{font-size:calc(var(--u)*2.7)}
html.gic-phone body .sb-line-wrap{flex:1 1 0;min-height:0}
html.gic-phone body .sb-line-wrap .sb-line{flex:1 1 auto}
html.gic-phone body .sb-bank{flex:1.3 1 0;min-height:0}
/* the message (hint / Correct! / answer) floats over the foot of the board, so the rows never change size while a round is played; one line of room is kept free for it */
html.gic-phone body .sb-play,html.gic-fs .sb-play{position:relative;padding-bottom:calc(var(--u)*2.3)}
html.gic-phone body .sb-banner,html.gic-fs .sb-banner{position:absolute;left:calc(var(--u)*.5);right:calc(var(--u)*.5);bottom:calc(var(--u)*.4);z-index:6;pointer-events:none;padding:.25em .8em;min-height:0;box-shadow:0 2px 10px rgba(0,0,0,.4)}
html.gic-phone body .sb-modes{align-self:stretch}
html.gic-phone body .sb-names{grid-template-columns:1fr 1fr}
/* held sideways: [picture] [line over cards] [Check / Clear] in one row of columns, so the cards get the height */
@media (orientation:landscape) and (max-height:520px){
  html.gic-phone body .sb-play{display:grid;grid-template-columns:minmax(0,1fr) minmax(104px,calc(var(--u)*5));grid-template-rows:minmax(0,.8fr) minmax(0,1.2fr);column-gap:calc(var(--u)*.6);row-gap:calc(var(--u)*.4);align-content:stretch;padding-bottom:calc(var(--u)*.5)}
  html.gic-phone body .sb-pic{width:calc(var(--u)*3);height:calc(var(--u)*3)}
  html.gic-phone body .sb-pic .e{font-size:calc(var(--u)*2.1)}
  /* 1.43.19: the clue picture sits top right above Check / Clear; the sentence line and the word cards fill the whole left side */
  html.gic-phone body .sb-clue{grid-column:2;grid-row:1;flex-direction:column;justify-content:center;align-self:center;max-width:none}
  html.gic-phone body .sb-line-wrap{grid-column:1;grid-row:1/span 1}
  html.gic-phone body .sb-bank{grid-column:1;grid-row:2}
  html.gic-phone body .sb-actions{grid-column:2;grid-row:2;flex-direction:column;justify-content:flex-start;align-self:start;gap:8px}
  html.gic-phone body .sb-actions .btn{width:100%;min-height:0;height:36px;padding:0 10px;font-size:1rem;border-radius:10px}
}