*{box-sizing:border-box}body{margin:0}.screen{background:#2b2430;flex-direction:column;justify-content:center;align-items:center;height:100dvh;min-height:420px;padding:clamp(8px,2.5vh,14px) 16px clamp(6px,2vh,12px);font-family:Karla,sans-serif;display:flex;position:relative;overflow:hidden}.header{flex-direction:column;align-items:center;gap:2px;margin-bottom:clamp(2px,1vh,4px);display:flex}.header h1{color:#f3e9d2;margin:0;font-family:Caveat,cursive;font-size:clamp(28px,7vw,38px);font-weight:700;line-height:1}.subtitle{color:#b8aeb6;text-align:center;max-width:300px;margin:0;font-size:12.5px}.status-message{color:#b8aeb6;text-align:center;max-width:300px;font-size:14px}.retry-btn{color:#e2a33d;cursor:pointer;background:0 0;border:1.5px solid #e2a33d;border-radius:999px;margin-left:6px;padding:4px 12px;font-family:Karla,sans-serif;font-size:13px;font-weight:600}.retry-btn:hover{color:#2b2430;background:#e2a33d}.tent{flex-direction:column;align-items:center;display:flex}.spin-surface{aspect-ratio:1/.72;touch-action:pan-y;cursor:grab;outline:none;width:min(280px,68vw);margin:clamp(4px,2vh,8px) 0 clamp(3px,1.5vh,6px);position:relative}.spin-surface:active{cursor:grabbing}.spin-surface:focus-visible{outline-offset:6px;outline:2px solid #e2a33d}.table-shadow{background:#f3e9d208;border:1px solid #b8aeb638;border-radius:50%;width:80%;height:44%;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.seats{position:absolute;inset:0}.seat{pointer-events:none;width:48px;height:46px;position:absolute}.seat svg{display:block}.nav-row{align-items:center;gap:14px;margin-bottom:clamp(6px,2vh,10px);display:flex}.nav-btn{color:#e2a33d;cursor:pointer;background:0 0;border:1.5px solid #e2a33d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-family:Karla,sans-serif;font-size:18px;display:flex}.nav-btn:hover{color:#2b2430;background:#e2a33d}.nav-btn:focus-visible{outline-offset:3px;outline:2px solid #e2a33d}.dots{align-items:center;gap:5px;display:flex}.dot{background:#b8aeb666;border-radius:50%;width:6px;height:6px;transition:all .3s}.dot.active{background:#e2a33d;width:8px;height:8px}.card{background:#f3e9d2;border-radius:6px;flex-direction:column;width:min(320px,90vw);height:clamp(150px,28vh,196px);padding:clamp(10px,2.5vh,16px) 16px clamp(8px,2vh,12px);display:flex;position:relative;transform:rotate(-.6deg);box-shadow:0 10px 24px #00000047}.card-pin{background:#e2a33d;border-radius:50%;width:10px;height:10px;position:absolute;top:-6px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #0006}.transcript{color:#3a2e39;flex:1;align-items:center;margin:0 0 clamp(6px,1.8vh,12px);font-size:15px;font-style:italic;line-height:1.42;display:flex;overflow:hidden}.transcript:before{content:"“"}.transcript:after{content:"”"}.controls{align-items:center;gap:10px;display:flex}.play-btn{color:#3a2e39;cursor:pointer;background:#e2a33d;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.play-btn:focus-visible{outline-offset:3px;outline:2px solid #b85c38}.progress-wrap{flex:1;min-width:0}.progress-meta{color:#3a2e39;opacity:.75;justify-content:flex-end;margin-bottom:5px;font-size:12px;font-weight:600;display:flex}.progress-track{background:#3a2e3926;border-radius:2px;height:4px;overflow:hidden}.progress-bar{background:#e2a33d;width:0%;height:100%;transition:width .2s linear}.tagline{color:#b8aeb6;text-align:center;margin:clamp(6px,2vh,12px) 0 0;font-family:Caveat,cursive;font-size:18px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}