#waiting-view{padding-top:12px}
#waiting-view .card-wait-header{max-width:520px;margin:0 auto 12px;text-align:center;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:12px 18px;box-shadow:0 3px 12px #402c2910}
#waiting-view #waiting-title{font-family:var(--display);font-size:clamp(22px,5vw,30px);font-weight:800;line-height:1.15;letter-spacing:-.02em;height:3.45em;margin:0 0 10px;display:flex;align-items:center;justify-content:center;order:0;overflow-wrap:anywhere}
#waiting-view #waiting-status{margin:0}
#waiting-view .card-progress{position:relative;order:1;height:28px;width:100%;background:#fffaf1;border:2px solid var(--teal);border-radius:20px;overflow:hidden;flex-shrink:0}
#waiting-view .card-progress[hidden]{display:none}
#card-progress-fill{display:block;width:2%;height:100%;background:#dfc58e;transition:width 850ms ease-out,background-color 850ms ease-out}
#card-progress-percent{position:absolute;inset:0;display:grid;place-items:center;color:#402c29;font-size:14px;font-weight:800;line-height:1}
#waiting-view .card-wait-header[aria-busy="false"]{background:none;border-color:transparent;box-shadow:none;padding:8px 0}
#waiting-view .card-wait-header[aria-busy="false"] #waiting-title{font-size:clamp(32px,7vw,48px);height:auto;min-height:2.3em;margin:0}
#waiting-view .game-panel{margin-top:8px;padding-top:14px;padding-bottom:14px}
#waiting-view .ready-banner{margin:8px auto;padding:0;max-width:520px;background:none;border:0;box-shadow:none;position:static}
#waiting-view .ready-banner p{display:none}
#waiting-view .ready-banner button{font-size:18px;min-height:46px;padding:10px 18px}
.card-celebration{position:fixed;inset:0;pointer-events:none;z-index:90;overflow:hidden}
.card-celebration p{position:absolute;top:18px;left:50%;transform:translateX(-50%);max-width:calc(100% - 24px);width:max-content;background:#fffaf1;color:#285a54;border:2px solid #c79a48;border-radius:24px;padding:10px 20px;font-size:20px;box-shadow:0 4px 20px #402c2920;text-align:center}
.card-celebration span{position:absolute;top:12%;width:8px;height:13px}
@media(prefers-reduced-motion:reduce){#card-progress-fill{transition:none}}