/* Present-mode tools: drawing on slides, the Join screen of a live lesson, class moments (reactions, votes,
   answers, mini whiteboards, talk and think time), and the respond pills that open them. The cards use the same
   light clay as the class feedback screen, so they read well on a projector and on a Teams share. */

/* ---------- the respond pills are buttons now ---------- */
.b-say{cursor:pointer;border:0;transition:transform .15s var(--ease),filter .15s}
.b-say:hover{transform:translateY(-1px);filter:brightness(1.06)}
.b-say:active{transform:translateY(1px)}
.sl-respond[data-moment]{cursor:pointer;transition:transform .15s var(--ease),filter .15s}
.sl-respond[data-moment]:hover{transform:translateY(-1px);filter:brightness(1.08)}
.sl-respond[data-moment]:focus-visible{outline:.3cqw solid #fff;outline-offset:.3cqw}

/* ---------- drawing ---------- */
#lp-frame,#spr-frame,#pr-fit{position:relative}
.ink{position:absolute;inset:0;width:100%;height:100%;z-index:6;touch-action:none;border-radius:inherit}
.ink.on{touch-action:none}
.drawing .spr-frame{cursor:crosshair}
.dtray{position:absolute;left:50%;bottom:92px;transform:translateX(-50%);z-index:74;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100vw - 24px);
  padding:8px 10px;border-radius:24px;background:#E8ECF2;color:#2B3440;box-shadow:10px 10px 22px rgb(140 155 180 / .5),-8px -8px 18px rgb(255 255 255 / .75);animation:dtin .25s var(--ease)}
@keyframes dtin{from{opacity:0;transform:translate(-50%,10px)}}
.dt{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 12px;border:0;border-radius:999px;background:transparent;cursor:pointer;font-family:var(--f-display);font-weight:700;font-size:max(9px,calc(13px * var(--m,1)));color:#2B3440}
.dt .i{width:18px;height:18px}
.dt:hover{background:rgb(255 255 255 / .55)}
.dt[aria-pressed="true"]{box-shadow:inset 3px 3px 6px rgb(163 177 198 / .6),inset -3px -3px 6px rgb(255 255 255 / .7);color:var(--accent)}
.dt[disabled]{opacity:.35;cursor:default;background:transparent}
.dt-done{color:#fff;background:linear-gradient(135deg,var(--accent-2),var(--accent))!important;margin-left:4px}
.dt-sep{width:1px;height:26px;background:rgb(43 52 64 / .15);margin:0 2px}
.dt-c{width:28px;height:28px;border-radius:50%;border:0;cursor:pointer;background:var(--c);box-shadow:inset 0 0 0 1px rgb(0 0 0 / .15)}
.dt-c[aria-pressed="true"]{box-shadow:0 0 0 3px #E8ECF2,0 0 0 5px var(--accent)}
.dt-s{width:34px;height:34px;border-radius:50%;border:0;cursor:pointer;background:transparent;display:grid;place-items:center}
.dt-s i{display:block;width:var(--w);height:var(--w);border-radius:50%;background:#2B3440}
.dt-s[aria-pressed="true"]{box-shadow:inset 3px 3px 6px rgb(163 177 198 / .6),inset -3px -3px 6px rgb(255 255 255 / .7)}
.dt-s[aria-pressed="true"] i{background:var(--accent)}
@media (max-width:760px){ .dt span{display:none} .dt{padding:0 10px} .dtray{bottom:84px;gap:4px} }

/* ---------- the Join button and timer in the present bars ---------- */
.kit-join.live{color:#fff;background:linear-gradient(135deg,#FF7A90,var(--heart));box-shadow:5px 5px 12px rgb(240 71 111 / .35),-5px -5px 10px rgb(255 255 255 / .6)}
.kit-join.live::before{content:"";width:9px;height:9px;border-radius:50%;background:#fff;animation:lvpulse 1.6s ease-in-out infinite}
@keyframes lvpulse{50%{opacity:.35;transform:scale(.8)}}
/* has the latest slide reached pupils' devices? sent: a steady glow; sending: a quick pulse; retry: amber; full: dark */
.kit-join.live[data-send="sent"]::before{box-shadow:0 0 0 3px rgb(255 255 255 / .3)}
.kit-join.live[data-send="sending"]::before{animation-duration:.7s}
.kit-join.live[data-send="retry"]::before{background:#FFD27A;box-shadow:0 0 0 3px rgb(255 210 122 / .35)}
.kit-join.live[data-send="full"]{background:linear-gradient(135deg,#9A5B66,#6E2F3B)}
.kit-join.live[data-send="full"]::before{background:#FFD27A;animation:none}

/* ---------- a slide's question on pupils' devices: a ring and the number of answers on its pill ---------- */
:is(.sl-respond,.b-say).on-devices{box-shadow:0 0 0 .22cqw rgb(255 255 255 / .7),0 0 1.6cqw rgb(255 255 255 / .55)}
.b-say.on-devices{box-shadow:0 0 0 calc(.18 * var(--u)) rgb(255 255 255 / .7),0 0 calc(1.2 * var(--u)) rgb(255 255 255 / .5)}
.sl-respond .mo-n{display:inline-grid;place-items:center;margin-left:.5cqw;min-width:2.3cqw;height:2.3cqw;padding:0 .6cqw;border-radius:99cqw;background:#fff;color:var(--kd,#1B2440);font-size:1.25cqw;font-weight:800;font-variant-numeric:tabular-nums}
.b-say .mo-n{display:inline-grid;place-items:center;margin-left:calc(.4 * var(--u));min-width:calc(2.1 * var(--u));height:calc(2.1 * var(--u));padding:0 calc(.5 * var(--u));border-radius:999px;background:#fff;color:#1B2440;font-size:calc(1.1 * var(--u));font-weight:800;font-variant-numeric:tabular-nums}
.mo-n.bump{animation:monbump .45s cubic-bezier(.2,.8,.2,1.4)}
@keyframes monbump{40%{transform:scale(1.35)}}

/* ---------- the header's Live button ---------- */
.act-chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:0;border-radius:999px;cursor:pointer;flex:none;font-family:var(--f-display);font-weight:800;font-size:max(9px,calc(13px * var(--m,1)));color:#fff;background:linear-gradient(135deg,#FF7A90,var(--heart));box-shadow:5px 5px 12px rgb(240 71 111 / .3),-5px -5px 10px rgb(255 255 255 / .5)}
.act-chip i{width:9px;height:9px;border-radius:50%;background:#fff;animation:lvpulse 1.6s ease-in-out infinite}
.act-chip[data-k="other"]{color:var(--heart);background:var(--surface,#E8ECF2);box-shadow:var(--ex-sm)}
.act-chip[data-k="other"] i{background:var(--heart)}
[data-theme="night"] .act-chip{box-shadow:none}
@media (max-width:760px){ .act-chip{height:36px;padding:0 11px} .act-chip[data-k="other"] span{display:none} }
.kit-timer{position:absolute;top:24px;right:24px;z-index:72;font-family:var(--f-display);font-weight:800;font-size:max(9px,calc(28px * var(--m,1)));font-variant-numeric:tabular-nums;padding:8px 20px;border-radius:999px;background:var(--surface);box-shadow:var(--ex-sm)}
.kit-timer.low{color:#D9534A}
.kit-timer.done{background:#E2574C;color:#fff}

/* ---------- shared overlay ---------- */
.livep,.mo{position:absolute;inset:0;z-index:77;display:grid;place-items:center;padding:16px;background:rgb(224 229 236 / .86);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:tkin .3s var(--ease)}
.livep.fixed,.mo.fixed{position:fixed;z-index:95}
[data-theme="night"] :is(.livep,.mo){background:rgb(10 12 18 / .8)}
.lp-card,.mo-card{position:relative;width:min(1100px,100%);max-height:100%;overflow:auto;border-radius:32px;padding:26px 30px;background:#E8ECF2;color:#2B3440;
  box-shadow:14px 14px 30px rgb(150 165 190 / .55),-12px -12px 26px rgb(255 255 255 / .75)}
:is(.lp-card,.mo-card) .pbtn{background:#E8ECF2;color:#2B3440;box-shadow:5px 5px 10px rgb(163 177 198 / .6),-5px -5px 10px rgb(255 255 255 / .7)}
:is(.lp-card,.mo-card) .btn{background:#E8ECF2;color:#2B3440}
:is(.lp-card,.mo-card) .btn.primary{color:#fff;background:linear-gradient(135deg,var(--accent-2),var(--accent))}
:is(.lp-card,.mo-card) .fine{color:#5F6B7A}

/* ---------- the Join screen ---------- */
.lp-card{display:grid;grid-template-columns:minmax(0,min(42vh,430px)) minmax(0,1fr);gap:clamp(18px,3vw,40px);align-items:center}
.lp-x{position:absolute;top:16px;right:16px}
.lp-qr{background:#fff;border-radius:26px;padding:14px;box-shadow:6px 6px 14px rgb(163 177 198 / .55),-6px -6px 12px rgb(255 255 255 / .8);aspect-ratio:1;display:grid;place-items:center}
.lp-qr .qr{width:100%;height:100%;display:block;image-rendering:pixelated}
.lp-wait{display:grid;place-items:center;color:#9AA3B5}
.lp-wait .i{width:56px;height:56px;animation:lkSpin 2s linear infinite}
.lp-side{display:grid;gap:8px;align-content:center;min-width:0}
.lp-k{margin:0;display:inline-flex;align-items:center;gap:8px;font-family:var(--f-display);font-weight:800;font-size:max(9px,calc(13px * var(--m,1)));letter-spacing:.16em;text-transform:uppercase;color:var(--heart)}
.lp-k i{width:10px;height:10px;border-radius:50%;background:var(--heart);animation:lvpulse 1.6s ease-in-out infinite}
.lp-side h2{margin:0;font-family:var(--f-display);font-weight:800;font-size:max(9px,calc(clamp(2rem,4vw,3.2rem) * var(--m,1)));line-height:1.02;letter-spacing:-.03em;color:#1B2440}
.lp-how{margin:0;font-size:max(9px,calc(clamp(15px,1.4vw,18px) * var(--m,1)));color:#4A5468}
.lp-url{margin:0;font-family:var(--f-display);font-weight:800;color:var(--accent);font-size:max(9px,calc(clamp(14px,1.5vw,20px) * var(--m,1)));overflow-wrap:anywhere}
.lp-code{margin:2px 0 4px;font-family:var(--f-display);font-weight:800;font-size:max(9px,calc(clamp(44px,7.2vw,86px) * var(--m,1)));line-height:1;letter-spacing:.06em;color:#0B0D12;font-variant-numeric:tabular-nums}
.lp-code.dim{opacity:.45}
.lp-st{margin:0;font-weight:600;color:#C7612A}
.lp-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.lp-acts .btn[aria-pressed="true"]{box-shadow:inset 3px 3px 6px rgb(163 177 198 / .6),inset -3px -3px 6px rgb(255 255 255 / .7);color:var(--heart)}
.lp-end{color:#B8403E!important}
.lp-n{margin:10px 0 0;font-family:var(--f-display);font-weight:800;font-size:max(9px,calc(16px * var(--m,1)))}
.lp-who{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;max-height:24vh;overflow:auto}
.lp-chip{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:7px 10px 7px 14px;cursor:pointer;font-family:var(--f-display);font-weight:700;font-size:max(9px,calc(14px * var(--m,1)));background:#E8ECF2;color:#2B3440;box-shadow:4px 4px 8px rgb(163 177 198 / .55),-4px -4px 8px rgb(255 255 255 / .75);animation:tkin .4s var(--ease)}
.lp-chip .i{width:13px;height:13px;opacity:.4}
.lp-chip:hover .i{opacity:1;color:#B8403E}
.lp-relay{margin:4px 0 0}
.lp-auto{display:flex;align-items:center;gap:14px;margin-top:8px;padding:10px 14px;border-radius:18px;box-shadow:inset 3px 3px 6px rgb(163 177 198 / .55),inset -3px -3px 6px rgb(255 255 255 / .7);cursor:pointer}
.lp-auto .lsw{font-size:max(9px,calc(10px * var(--m,1)))}
.lp-auto span{display:grid;gap:2px;min-width:0}
.lp-auto b{font-family:var(--f-display);font-size:max(9px,calc(15px * var(--m,1)))}
.lp-auto small{font-size:max(9px,calc(13px * var(--m,1)));color:#5F6B7A}
.lp-busy{display:grid;gap:10px;padding:16px 18px;border-radius:20px;background:#F6E3C3;color:#5B3A10}
.lp-busy p{margin:0;font-size:max(9px,calc(16px * var(--m,1)))}
.livep.blocked :is(.lp-join,.lp-side > .lp-acts,.lp-auto,.lp-n,.lp-who){display:none}
.lp-mini .lp-card{grid-template-columns:minmax(0,1fr);width:min(620px,100%);padding:30px 30px 26px}
.lp-mini .lp-side h2{font-size:max(9px,calc(clamp(1.6rem,3vw,2.2rem) * var(--m,1)))}
@media (max-width:760px){ .lp-card{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;padding:64px 18px 22px} .lp-qr{width:min(70vw,320px)} .lp-acts,.lp-who{justify-content:center} .lp-x{top:12px;right:12px} }

/* ---------- class moments ---------- */
.mo-card{display:flex;flex-direction:column;gap:14px;width:min(1080px,100%);overflow:hidden}
.mo-card > *{flex:none}
.mo-card > .mo-body{flex:1 1 auto;min-height:0;overflow:auto;margin:-6px -8px;padding:6px 8px}
.mo-top{display:flex;align-items:center;gap:12px}
.mo-k{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-display);font-weight:800;font-size:max(9px,calc(13px * var(--m,1)));letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.mo-k .i{width:18px;height:18px}
.mo-live{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-family:var(--f-display);font-weight:800;font-size:max(9px,calc(13px * var(--m,1)));color:var(--heart)}
.mo-live i{width:9px;height:9px;border-radius:50%;background:var(--heart);animation:lvpulse 1.6s ease-in-out infinite}
.mo-live:empty{display:none}
.mo-top .pbtn{margin-left:auto}
.mo-live:not(:empty) + .pbtn{margin-left:0}
.mo-q{margin:0;font-family:var(--f-kid);font-weight:700;font-size:max(9px,calc(clamp(1.6rem,3.2vw,2.7rem) * var(--m,1)));line-height:1.12;color:#1B2440;text-wrap:balance}
.mo-say{margin:0;display:inline-flex;align-items:center;gap:8px;justify-self:start;padding:8px 16px;border-radius:999px;background:var(--accent);color:#fff;font-family:var(--f-display);font-weight:700;font-size:max(9px,calc(15px * var(--m,1)))}
.mo-say:empty{display:none}
.mo-say .i{width:17px;height:17px}
.mo-body{min-height:120px}
.mo-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}
.mo-fx span{position:absolute;bottom:8%;font-size:clamp(34px,5vw,58px);animation:mofloat var(--d,2.6s) cubic-bezier(.2,.6,.3,1) forwards}
@keyframes mofloat{0%{opacity:0;transform:translate(0,30px) scale(.6)}12%{opacity:1;transform:translate(0,0) scale(1.15)}100%{opacity:0;transform:translate(var(--x,0),-62vh) scale(1)}}
.mo-rxs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,24px)}
.mo-rx{display:grid;justify-items:center;gap:4px;border:0;border-radius:28px;padding:20px 10px 16px;cursor:pointer;background:#E8ECF2;color:#2B3440;box-shadow:7px 7px 14px rgb(163 177 198 / .55),-7px -7px 14px rgb(255 255 255 / .75);transition:transform .15s}
.mo-rx:active{transform:scale(.97)}
.mo-emo{font-size:clamp(46px,7vw,84px);line-height:1}
.mo-rx b{font-family:var(--f-display);font-weight:800;font-size:max(9px,calc(clamp(28px,4vw,46px) * var(--m,1)));line-height:1;font-variant-numeric:tabular-nums}
.mo-rx small{font-family:var(--f-display);font-weight:700;font-size:max(9px,calc(15px * var(--m,1)));color:#4A5468}
.mo-funs{display:flex;justify-content:center;gap:14px;margin-top:14px}
.mo-fun{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:8px 16px;cursor:pointer;background:#E8ECF2;box-shadow:4px 4px 8px rgb(163 177 198 / .55),-4px -4px 8px rgb(255 255 255 / .75)}
.mo-fun span{font-size:26px}
.mo-fun b{font-family:var(--f-display);font-weight:800;font-variant-numeric:tabular-nums}
.mo-votes{display:grid;gap:10px}
.mo-vote{display:grid;grid-template-columns:auto minmax(0,1.1fr) minmax(0,1fr) 3ch;align-items:center;gap:14px;border:0;border-radius:22px;padding:12px 16px;cursor:pointer;text-align:left;background:#E8ECF2;color:#2B3440;box-shadow:5px 5px 10px rgb(163 177 198 / .5),-5px -5px 10px rgb(255 255 255 / .75)}
.mo-l{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:var(--f-display);font-weight:800;font-size:20px;background:linear-gradient(135deg,var(--accent-2),var(--accent))}
.mo-vt{font-family:var(--f-kid);font-weight:700;font-size:max(9px,calc(clamp(17px,1.8vw,22px) * var(--m,1)))}
.mo-bar{height:16px;border-radius:99px;box-shadow:inset 2px 2px 5px rgb(163 177 198 / .6),inset -2px -2px 5px rgb(255 255 255 / .7);overflow:hidden}
.mo-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width .5s var(--ease)}
.mo-vote em{font-style:normal;font-family:var(--f-display);font-weight:800;font-size:22px;text-align:right;font-variant-numeric:tabular-nums}
.mo-vote.right{box-shadow:inset 0 0 0 3px #2E8B57,5px 5px 10px rgb(163 177 198 / .5)}
.mo-vote.right .mo-l{background:linear-gradient(135deg,#5BC48B,#2E8B57)}
.mo-vote.right .mo-bar i{background:linear-gradient(90deg,#5BC48B,#2E8B57)}
.mo-vote.dim{opacity:.55}
.mo-note{margin:10px 0 0;display:flex;align-items:center;gap:8px;color:#4A5468;font-weight:600}
.mo-note .i{width:18px;height:18px;flex:none}
.mo-wf{display:grid;justify-items:center;gap:14px;text-align:center;padding:6px 0}
.mo-big{margin:0;display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--f-kid);font-weight:700;font-size:max(9px,calc(clamp(1.3rem,2.4vw,2rem) * var(--m,1)));color:#1B2440;text-wrap:balance}
.mo-big .i{width:1.4em;height:1.4em;color:var(--accent)}
.mo-go{min-width:min(420px,80%);min-height:96px;padding:0 30px;border:0;border-radius:999px;cursor:pointer;font-family:var(--f-display);font-weight:800;font-size:max(9px,calc(clamp(26px,3.6vw,46px) * var(--m,1)));color:#fff;background:linear-gradient(135deg,#FF8FB1,var(--heart));box-shadow:8px 8px 18px rgb(240 71 111 / .35),-8px -8px 16px rgb(255 255 255 / .7)}
.mo-go.pulse{animation:mogo .9s ease}
@keyframes mogo{30%{transform:scale(1.08)}}
.mo-go[disabled]{cursor:default}
.mo-ready{margin:0;display:grid;justify-items:center}
.mo-ready b{font-family:var(--f-display);font-weight:800;font-size:64px;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums}
.mo-ready span{font-weight:600;color:#4A5468}
.mo-qs{margin:0 0 6px;padding-left:24px;display:grid;gap:4px;font-family:var(--f-kid);font-weight:700;color:#1B2440}
.mo-sum{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}
.mo-sum span{padding:6px 12px;border-radius:999px;background:#EAF5EE;color:#2E6B47;font-weight:600}
.mo-sum span:empty{display:none}
.mo-wall{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.mo-card-a{border-radius:20px;padding:12px 14px;background:#fff;box-shadow:4px 4px 10px rgb(163 177 198 / .5);display:grid;gap:6px;align-content:start;min-height:82px}
.mo-card-a > b{font-family:var(--f-display);font-weight:800;color:var(--accent)}
.mo-card-a.wait{background:transparent;box-shadow:inset 3px 3px 6px rgb(163 177 198 / .5),inset -3px -3px 6px rgb(255 255 255 / .7);color:#7A849A}
.mo-card-a .mo-hid{display:inline-flex;align-items:center;gap:6px;color:#4A5468;font-weight:600;filter:blur(.3px)}
.mo-card-a ol{margin:0;padding-left:20px;display:grid;gap:3px;font-family:var(--f-kid);font-size:max(9px,calc(17px * var(--m,1)));font-weight:700;color:#1B2440;overflow-wrap:anywhere}
.mo-card-a li.ok::marker{color:#2E8B57}
.mo-card-a li.ok{color:#2E6B47}
.mo-card-a.open{animation:moflip .45s var(--ease)}
@keyframes moflip{from{transform:rotateX(70deg);opacity:.2}}
.mo-boards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.mo-boards li{display:grid;gap:6px;justify-items:center}
.mo-boards b{font-family:var(--f-display);font-weight:800;font-size:max(9px,calc(14px * var(--m,1)))}
.mo-tile{width:100%;aspect-ratio:4/3;border:0;padding:0;border-radius:16px;overflow:hidden;display:grid;place-items:center;background:#fff;box-shadow:4px 4px 10px rgb(163 177 198 / .5);cursor:pointer;color:#4A5468;font-weight:700}
.mo-tile span{display:inline-flex;align-items:center;gap:6px}
.mo-tile[disabled]{cursor:default}
.mo-tile .ink-svg,.mo-zoom .ink-svg{width:100%;height:100%;display:block}
.mo-boards li.wait .mo-tile{background:transparent;box-shadow:inset 3px 3px 6px rgb(163 177 198 / .5),inset -3px -3px 6px rgb(255 255 255 / .7);cursor:default}
.mo-zoom{display:grid;justify-items:center;gap:12px}
.mo-zoom figure{margin:0;width:min(100%,calc((100vh - 400px) * 1.333));min-width:min(100%,280px);display:grid;gap:8px;justify-items:center}
.mo-zoom figure .ink-svg{border-radius:18px;box-shadow:6px 6px 14px rgb(163 177 198 / .55)}
.mo-zoom figcaption{font-family:var(--f-display);font-weight:800;font-size:20px}
.mo-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}
.mo-sp{flex:1}
.mo-count{font-family:var(--f-display);font-weight:700;color:#4A5468}
.mo-timer{position:relative;width:62px;height:62px;display:grid;place-items:center}
.mo-timer svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.mo-timer circle{fill:none;stroke-width:3.4}
.mo-timer .trk{stroke:rgb(163 177 198 / .45)}
.mo-timer .arc{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:100;transition:stroke-dashoffset 1s linear}
.mo-timer b{position:relative;font-family:var(--f-display);font-weight:800;font-size:13px;font-variant-numeric:tabular-nums;text-align:center;line-height:1.1;max-width:56px}
.mo-timer.low .arc{stroke:#D9534A}
.mo-timer.low b{color:#D9534A}
.mo.timeup .mo-timer .arc{stroke:#D9534A}
@media (max-width:760px){ .mo-card{padding:18px 16px;border-radius:24px} .mo-vote{grid-template-columns:auto minmax(0,1fr) 3ch} .mo-vote .mo-bar{display:none} .mo-foot .pbtn span{display:none} }