/* Update 8.70: the pause. The players' cards are big - as big as the box they used to sit in, which is not drawn any more - and have no "IL TUO GIOCATORE /
   AVVERSARIO" over them; online, the pauses left under each card and the clock of the pause that is running. Loaded last: only overrides. */
.pause-info{container-type:inline-size;width:100%;min-width:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;gap:clamp(10px,1.8vh,20px)}
.pause-info .match-versus{--sc:clamp(24px,6.2cqw,48px);--mid:calc(var(--sc) * 3);--gap:clamp(8px,1.8cqw,24px);display:grid;grid-template-columns:auto var(--mid) auto;justify-content:center;align-items:center;column-gap:var(--gap);width:100%}
.pause-info .match-contender{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:0;border-radius:0;background:none}
.pause-info .mc-faces{display:flex;gap:var(--gap);align-items:flex-start;justify-content:center}
.pause-info .mc-one{display:flex;flex-direction:column;align-items:center}
/* the card: as tall as the screen's height allows, never wider than its share of the column (two cards across, four in the doubles) */
.pause-info .pc-card{--cw:calc((100cqw - var(--mid) - 3 * var(--gap)) / 2);width:auto;height:min(clamp(240px,40vh,540px),calc(var(--cw) / .82));aspect-ratio:.82;border-radius:16px}
.pause-info .match-contender.duo .pc-card{--cw:calc((100cqw - var(--mid) - 5 * var(--gap)) / 4);border-radius:13px}
.pause-info .pc-card>img{max-height:none;width:100%;height:100%}
.pause-info .match-contender.is-you .pc-card{box-shadow:0 0 0 3px #d4f26a,0 0 26px #d4f26a66}
.pause-info .pc-top{padding:8px 12px}
.pause-info .pc-top b{font-size:clamp(14px,1.2vw,22px)}
.pause-info .pc-bot{padding:7px 12px}
.pause-info .pc-stars i{width:clamp(11px,.95vw,17px);height:clamp(11px,.95vw,17px)}
.pause-info .pc-num{min-width:34px;padding:3px 8px;border-radius:8px;font-size:clamp(14px,1.2vw,21px)}
.pause-info .match-contender.duo .pc-top{padding:5px 8px}
.pause-info .match-contender.duo .pc-top b{font-size:clamp(10.5px,.9vw,16px)}
.pause-info .match-contender.duo .pc-bot{padding:5px 8px}
.pause-info .match-contender.duo .pc-stars i{width:clamp(8px,.7vw,13px);height:clamp(8px,.7vw,13px)}
.pause-info .match-contender.duo .pc-num{min-width:26px;font-size:clamp(11px,.9vw,16px)}
.pause-info .match-contender h3{margin:2px 0 0;font-size:clamp(15px,1.3vw,24px)}
.pause-info .match-contender small{font-size:11px}
.pause-info .match-middle{min-width:0}
.pause-info .match-middle>b{font-size:var(--sc);letter-spacing:-.02em}
/* the cards' column takes the room: the menu on the left is narrower (its longest button fits in 250 px) */
@media(min-width:1000px){.pause-layout{grid-template-columns:minmax(250px,.62fr) minmax(0,1.5fr)}.pause-layout.duo{grid-template-columns:minmax(240px,.5fr) minmax(0,1.7fr)}}
/* the pauses left of a human player: a dot each, lit while it can still be taken */
.pc-pauses{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;color:#b9cdbb}
.pc-pauses small{font:900 10px/1 var(--fam);letter-spacing:.16em;color:inherit}
.pc-pauses i{width:13px;height:13px;border-radius:50%;border:2px solid #d4f26a88;background:transparent}
.pc-pauses i.on{border-color:#d4f26a;background:#d4f26a;box-shadow:0 0 9px #d4f26a88}
.pc-pauses.out small{color:#ff9d6a}
/* the pause that is running: who holds it and how long it has left (only they can resume it early) */
.pause-clock{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;align-items:center;margin-top:16px;padding:12px 16px;border-radius:14px;border:1px solid #d4f26a55;background:#d4f26a14}
.pause-clock .pk-sec{grid-row:span 2;display:flex;align-items:baseline;gap:4px}
.pause-clock b{min-width:2ch;text-align:right;font:900 40px/1 var(--fam);color:var(--lime,#d4f26a);font-variant-numeric:tabular-nums}
.pause-clock small{font:900 14px/1 var(--fam);color:#cfe3c4}
.pause-clock .pk-who{font:900 11px/1.2 var(--fam);letter-spacing:.14em;color:#e8f2e0}
.pause-clock .pk-bar{display:block;height:6px;border-radius:99px;background:#ffffff1c;overflow:hidden}
.pause-clock .pk-bar em{display:block;height:100%;border-radius:inherit;background:var(--lime,#d4f26a)}
.pause-clock.theirs{border-color:#ff9d6a66;background:#ff9d6a14}
.pause-clock.theirs b{color:#ffb27d}
.pause-clock.theirs .pk-bar em{background:#ff9d6a}

/* ---- Update 8.72: the name step of the creation, and the editor without a name field ---- */
.wl840 .nm-field{display:flex;flex-direction:column;gap:8px;width:100%;max-width:405px;margin:2px 0 16px;text-align:left}
.wl840 .nm-field span{font:700 10.5px/1 var(--fam);letter-spacing:.2em;color:#a9b8b0}
.wl840 .nm-field input{height:56px;border-radius:9px;border:1px solid #ffffff30;background:#06100f;color:#fff;font:800 22px var(--fam);letter-spacing:.05em;padding:0 16px;box-sizing:border-box;text-align:center;width:100%}
.wl840 .nm-field input::placeholder{color:#ffffff55;font-weight:600;letter-spacing:.02em}
.wl840 .nm-field input:focus{outline:none;border-color:#d4f26a;box-shadow:0 0 0 3px #d4f26a33}
.wl840 .nm-note{margin:0 0 22px;max-width:450px}
.pe823 .pe-namerow.pe-namerow-solo{display:block}
.alpha-panel .pe823 .pe-namerow-solo button.pe-random{width:100%;justify-content:center}