#pause-controls{padding:16px;margin:12px 0;border:1px solid var(--tab-accent,#b6ff00);border-radius:18px;background:#100b19aa}
#pause-controls[hidden]{display:none}
#pause-controls h2{margin:0 0 12px;font-size:1.25rem}
#pause-controls>label,#pause-controls label{display:grid;gap:6px;font-weight:700}
#pause-controls textarea{box-sizing:border-box;width:100%;margin:8px 0;resize:vertical;min-height:84px;padding:12px;background:#241731;color:white;border:1px solid #9e82b5;border-radius:12px;font:inherit}
#pause-controls button{padding:12px 16px;border-radius:12px;border:1px solid var(--tab-accent,#b6ff00);background:#394817;color:#e8ffac;font:inherit;font-weight:750;min-height:44px}
#pause-controls button:disabled{opacity:.5}
#pause-controls small{display:block;font-size:.8rem;line-height:1.4;margin:8px 0;color:#cec0d9}
.pause-duration{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.pause-duration input{width:100%;box-sizing:border-box;min-height:44px;padding:10px;border-radius:10px}
.pause-remote-actions{display:flex;flex-wrap:wrap;gap:10px}
#pause-countdown-status{display:block;margin-top:12px;font-weight:800;font-size:1.3rem;font-variant-numeric:tabular-nums}
.pause-screen:has(.pause-host-footer){grid-template-columns:minmax(0,1fr) minmax(260px,32%);grid-template-rows:auto minmax(0,1fr);column-gap:clamp(16px,2vw,32px)}
.pause-screen:has(.pause-host-footer)>header{grid-column:1/-1}
.pause-screen:has(.pause-host-footer) #advert-stage{grid-column:1;grid-row:2}
.pause-screen:has(.pause-host-footer) .advert-card{width:100%;max-width:100%;border-radius:24px;padding:clamp(16px,2vw,28px)}
.pause-screen:has(.pause-host-footer) .advert-with-visual{grid-template-columns:minmax(90px,.55fr) minmax(0,1.7fr);gap:clamp(12px,2vw,24px)}
.pause-screen:has(.pause-host-footer) .advert-card h1{font-size:clamp(28px,4vw,64px)}
.pause-screen:has(.pause-host-footer) .advert-monogram{width:min(100%,180px);box-sizing:border-box;box-shadow:8px 8px 0 var(--advert-accent)}
.pause-screen>.pause-host-footer{grid-column:2;grid-row:2;flex-direction:column;justify-content:center;gap:clamp(20px,4vh,40px);min-height:0;min-width:0;box-sizing:border-box;letter-spacing:0;white-space:normal;padding:clamp(20px,2vw,32px);border:1px solid #ffffff25;border-radius:24px;background:#13091ed9}
.pause-screen>.pause-host-footer .quisty-moment{width:clamp(72px,12vh,130px);height:clamp(72px,12vh,130px)}
.pause-host-notice{flex:0 1 auto;min-width:0;min-height:0;width:100%;text-align:center;line-height:1.3}
.pause-host-message{margin:0;color:white;font-size:clamp(22px,3.6vh,40px);white-space:pre-wrap;overflow-wrap:anywhere;max-height:45vh;overflow:auto}
.pause-countdown{display:grid;flex:none;gap:6px;text-align:center;padding:0 16px;color:#c8ff27}
.pause-countdown small{font-size:clamp(12px,1.7vh,18px)}
.pause-countdown strong{font-size:clamp(32px,7vh,76px);line-height:1;font-variant-numeric:tabular-nums}
.pause-countdown[hidden],.pause-host-message[hidden],.pause-host-notice>[hidden]{display:none}
@media(max-width:650px){.pause-screen:has(.pause-host-footer){grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.pause-screen>.pause-host-footer{grid-column:1;grid-row:3;flex-direction:row;padding:14px;gap:14px}.pause-host-message{font-size:20px;max-height:20vh}.pause-screen>.pause-host-footer .quisty-moment{width:52px;height:52px}.pause-host-notice{flex:1}.pause-countdown{padding:0}}