:root{--bt-paper:#fbfaf3;--bt-line:#cfe0f0;--bt-margin:#e7a3a3;--bt-ink:#2f5bd8;--bt-pencil:#2b2b33;--bt-red:#d23b3b;--bt-green:#2e9e5b;--bt-amber:#c98a1e;--bt-hand:"Bradley Hand", "Comic Sans MS", "Segoe Print", "Marker Felt", cursive}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--bt-pencil);overscroll-behavior:none;background:#d9d2c4;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{position:fixed;inset:0}.bt{justify-content:center;align-items:stretch;display:flex;position:absolute;inset:0}.bt [hidden]{display:none!important}.bt__stage{background:var(--bt-paper);background-image:linear-gradient(90deg, transparent 0 44px, var(--bt-margin) 44px 46px, transparent 46px), repeating-linear-gradient(var(--bt-paper) 0 33px, var(--bt-line) 33px 34px);flex-direction:column;width:min(680px,100%);height:100%;padding:14px clamp(14px,4vw,34px) 90px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #00000040}.bt__topbar{grid-template-columns:auto 1fr;grid-template-areas:"letter clock""roster roster";align-items:center;gap:8px 14px;margin-bottom:6px;padding-left:40px;display:grid}.bt__letter{font-family:var(--bt-hand);color:var(--bt-red);border:3px solid var(--bt-red);border-radius:50%;grid-area:letter;place-items:center;width:clamp(64px,18vw,96px);height:clamp(64px,18vw,96px);font-size:clamp(40px,12vw,68px);font-weight:700;line-height:1;display:grid;transform:rotate(-6deg);box-shadow:inset 0 0 0 2px #d23b3b40}.bt__clock{background:#2f5bd824;border-radius:6px;grid-area:clock;height:12px;overflow:hidden}.bt__clock-bar{transform-origin:0;background:var(--bt-ink);border-radius:6px;width:100%;height:100%;transform:scaleX(0)}.bt__clock-bar.is-low{background:var(--bt-red)}.bt__roster{flex-wrap:wrap;grid-area:roster;align-items:center;gap:6px;display:flex}.bt__round{font-family:var(--bt-hand);color:var(--bt-ink);margin-right:4px;font-size:15px}.bt__chip{background:#2f5bd814;border:1.5px solid #2f5bd840;border-radius:20px;align-items:center;gap:6px;max-width:46vw;padding:2px 9px;font-size:13px;display:inline-flex}.bt__chip.is-me{border-color:var(--bt-ink);background:#2f5bd829;font-weight:700}.bt__chip.is-off{opacity:.4}.bt__chip.is-basta{border-color:var(--bt-red);color:var(--bt-red)}.bt__chip-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bt__chip-prog{font-variant-numeric:tabular-nums;color:var(--bt-ink);font-weight:700}.bt__banner{font-family:var(--bt-hand);color:var(--bt-red);text-align:center;padding:4px 0 8px;font-size:clamp(16px,4.5vw,22px)}.bt__panel{flex:1;min-height:0;padding-left:40px;overflow-y:auto}.bt__sheet{flex-direction:column;display:flex}.bt__row{grid-template-columns:minmax(78px,34%) 1fr;align-items:end;gap:10px;min-height:44px;padding-bottom:2px;display:grid}.bt__cat{font-family:var(--bt-hand);color:var(--bt-pencil);padding-bottom:6px;font-size:clamp(15px,4vw,19px)}.bt__input{font-family:var(--bt-hand);color:var(--bt-ink);background:0 0;border:none;border-bottom:2px solid #2f5bd859;outline:none;width:100%;padding:2px 4px 5px;font-size:clamp(17px,4.6vw,22px)}.bt__input:focus{border-bottom-color:var(--bt-ink)}.bt__input.is-short{border-bottom-color:var(--bt-red);border-bottom-style:dashed}.bt__basta{font-family:var(--bt-hand);letter-spacing:2px;color:#fff;background:var(--bt-red);cursor:pointer;border:none;border-radius:14px;padding:12px 44px;font-size:26px;font-weight:700;transition:transform 80ms,box-shadow 80ms;position:absolute;bottom:20px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 6px brown,0 10px 18px #00000040}.bt__basta:not(:disabled):active{transform:translate(-50%)rotate(-2deg)translateY(4px);box-shadow:0 2px brown,0 4px 10px #00000040}.bt__basta:disabled{color:#efece4;cursor:not-allowed;background:#b9b3a6;box-shadow:0 6px #948e82}.bt__basta.is-vote{background:var(--bt-ink);padding:12px 38px;font-size:22px;box-shadow:0 6px #1c3f9c,0 10px 18px #00000040}.bt__basta.is-vote:not(:disabled):active{box-shadow:0 2px #1c3f9c,0 4px 10px #00000040}.bt__board{flex-direction:column;gap:12px;display:flex}.bt__cat-block{border-left:3px solid #2f5bd84d;padding-left:10px}.bt__cat-title{font-family:var(--bt-hand);color:var(--bt-ink);margin:0 0 4px;font-size:17px}.bt__ans{font-family:var(--bt-hand);border-bottom:1px dashed #0000001f;grid-template-columns:minmax(64px,26%) 1fr auto;align-items:center;gap:8px;padding:4px 0;font-size:17px;display:grid}.bt__ans-who{color:var(--bt-pencil);opacity:.7;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.bt__ans-text{color:var(--bt-ink);overflow-wrap:anywhere}.bt__ans.is-empty .bt__ans-text{color:#9a958a}.bt__ans.is-doomed .bt__ans-text,.bt__ans.is-rejected .bt__ans-text,.bt__ans.is-invalid .bt__ans-text{color:var(--bt-red);text-decoration:line-through;-webkit-text-decoration-color:var(--bt-red);text-decoration-color:var(--bt-red);text-decoration-thickness:2px}.bt__ans-note{font-family:var(--bt-hand);color:var(--bt-red);opacity:.8;white-space:nowrap;font-size:clamp(12px,3vw,14px)}.bt__tacha{cursor:pointer;color:var(--bt-red);background:0 0;border:1.5px solid #d23b3b66;border-radius:8px;align-items:center;gap:3px;padding:3px 6px;display:inline-flex;position:relative}.bt__tacha.is-on{border-color:var(--bt-red);background:#d23b3b26}.bt__cross{stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;fill:none;width:16px;height:16px}.bt__rejects{font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.bt__ans-pts{font-variant-numeric:tabular-nums;text-align:right;min-width:34px;font-weight:700}.bt__ans.is-unique .bt__ans-pts{color:var(--bt-green)}.bt__ans.is-repeated .bt__ans-pts{color:var(--bt-amber)}.bt__ans.is-rejected .bt__ans-pts,.bt__ans.is-empty .bt__ans-pts{color:#9a958a}.bt__overlay{background:#d9d2c4b3;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.bt__card{background:var(--bt-paper);border:2px solid var(--bt-ink);text-align:center;border-radius:16px;max-width:420px;padding:26px 28px;box-shadow:0 14px 30px #00000040}.bt__card-title{font-family:var(--bt-hand);color:var(--bt-red);margin:0 0 10px;font-size:34px}.bt__card-body{color:var(--bt-pencil);font-size:16px;line-height:1.5}.bt__card-btn{font-family:var(--bt-hand);color:#fff;background:var(--bt-ink);cursor:pointer;border:none;border-radius:12px;margin-top:18px;padding:10px 26px;font-size:18px}.bt__countdown{font-family:var(--bt-hand);color:var(--bt-red);pointer-events:none;text-shadow:3px 3px #0000001f;place-items:center;font-size:clamp(90px,30vw,200px);font-weight:700;display:grid;position:absolute;inset:0}.bt__countdown.is-pop{animation:.6s ease-out bt-countdown-pop}@keyframes bt-countdown-pop{0%{opacity:0;transform:scale(.4)rotate(-8deg)}40%{opacity:1;transform:scale(1.15)rotate(3deg)}to{opacity:.9;transform:scale(1)rotate(0)}}.bt__wipe{pointer-events:none;z-index:15;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.bt__wipe-card{background:var(--bt-paper);border-top:3px solid var(--bt-ink);border-bottom:3px solid var(--bt-ink);flex-direction:column;align-items:center;gap:4px;padding:18px clamp(28px,9vw,76px);display:flex;transform:translate(-120%)rotate(-2deg);box-shadow:0 14px 34px #00000038}.bt__wipe.is-on .bt__wipe-card{animation:1.4s cubic-bezier(.22,.8,.3,1) forwards bt-wipe}.bt__wipe-title{font-family:var(--bt-hand);color:var(--bt-red);letter-spacing:2px;font-size:clamp(38px,12vw,68px);font-weight:700;line-height:1}.bt__wipe-sub{font-family:var(--bt-hand);color:var(--bt-ink);font-size:clamp(15px,4.5vw,20px)}@keyframes bt-wipe{0%{opacity:0;transform:translate(-120%)rotate(-6deg)}22%{opacity:1;transform:translate(0)rotate(-2deg)}72%{opacity:1;transform:translate(0)rotate(-2deg)}to{opacity:0;transform:translate(120%)rotate(4deg)}}@media (prefers-reduced-motion:reduce){.bt__wipe.is-on .bt__wipe-card{animation:1.4s forwards bt-wipe-fade}@keyframes bt-wipe-fade{0%,to{opacity:0;transform:rotate(-2deg)}20%,75%{opacity:1;transform:rotate(-2deg)}}.bt__countdown.is-pop{animation:none}}:root{--mg-back-top:10px;--mg-back-left:auto;--mg-back-right:12px}