html,body{background:#4a0d67}.play{--play-purple: #4a0d67;--play-violet: #8332ac;--play-lilac: #caa8f5;--play-teal: #07beb8;--play-orange: #fa6831;--play-danger: #dc2626;--play-ground: #f8f5fb;--play-surface: #ffffff;--play-surface2: #f7f3fb;--play-border: #e8ddf1;--play-ink: #000000;--play-muted: #685b70;--play-soft: #e3d2f7;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--play-ground);color:var(--play-ink);font-family:Vazirmatn,sans-serif}.play-head{flex:none;display:flex;align-items:center;gap:clamp(12px,2vw,28px);padding:clamp(10px,1.6vw,22px) clamp(16px,3vw,56px);padding-block-start:calc(env(safe-area-inset-top,0px) + clamp(10px,1.6vw,22px));background:var(--play-purple);border-block-end:4px solid var(--play-teal)}.ios-home-screen .play-head{padding-block-start:calc(env(safe-area-inset-top,0px) + 28px)}.play-head img{flex:none;height:clamp(52px,8vw,96px);width:auto}.play-head div{display:grid;gap:2px;min-width:0}.play-head span{color:var(--play-soft);font-size:clamp(12px,1.6vw,18px);line-height:1.35}.play-head small{color:var(--play-lilac);font-size:clamp(11px,1.2vw,14px)}.play-main{flex:1;display:grid;place-items:center;padding:clamp(16px,4vw,48px);box-sizing:border-box}.play-card{position:relative;display:flex;flex-direction:column;width:min(100%,720px);overflow:hidden;border:1px solid var(--play-border);background:var(--play-surface)}.play-card.teal:before,.play-card.orange:before{content:"";position:absolute;inset-inline:0;inset-block-start:0;height:4px;background:var(--play-teal)}.play-card.orange:before{background:var(--play-orange)}.play-card-head{display:flex;align-items:center;gap:16px;min-height:64px;padding:10px clamp(16px,3vw,28px);box-sizing:border-box;background:var(--play-surface2);border-block-end:1px solid var(--play-border)}.play-card-mark{flex:none;display:inline-grid;color:var(--play-purple)}.play-card-mark svg{width:44px;height:33px}.play-card-head h1{margin:0;color:var(--play-ink);font-size:clamp(18px,2.4vw,24px);font-weight:700;line-height:1.3}.play-card-body{display:grid;justify-items:center;gap:14px;padding:clamp(18px,3vw,32px) clamp(16px,4vw,40px);text-align:center}.play-card-foot{min-height:48px;display:grid;place-items:center;padding:10px 16px;box-sizing:border-box;background:var(--play-surface2);border-block-start:1px solid var(--play-border);color:var(--play-muted);font-size:15px;text-align:center;overflow-wrap:anywhere}.play-label{color:var(--play-muted);font-size:16px}.play-code{width:100%;padding:14px 8px;box-sizing:border-box;background:var(--play-surface2);border-block-end:4px solid var(--play-teal);color:var(--play-purple);font-size:clamp(36px,9vw,72px);font-weight:700;line-height:1.15;letter-spacing:.02em;font-variant-numeric:tabular-nums}.play-steps,.play-message{margin:0;color:var(--play-purple);font-size:16px;line-height:1.7}.play-message{padding-block:24px;font-size:18px}.play-join{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:10px;width:100%}.play-join label{flex:1 1 200px;display:grid;gap:4px;color:var(--play-purple);font-size:15px;font-weight:700;text-align:start}:is(.play,.player-tv-foot) .play-join input{height:44px;border-radius:0;padding-inline:10px;box-sizing:border-box;border:1px solid var(--play-border);background:var(--play-surface2);color:var(--play-purple);font:inherit;font-size:18px;text-align:center}:is(.play,.player-tv-foot) .play-join input:focus-visible{outline:2px solid var(--play-teal);outline-offset:-1px}.play-join button,.play-start,.play-actions button{min-height:44px;border-radius:0;padding-inline:22px;border:0;background:var(--play-purple);color:#fff;font:inherit;font-weight:700;cursor:pointer}.play-join button:disabled{opacity:.45;cursor:default}.play-refused{flex-basis:100%;margin:0;color:var(--play-danger);font-size:15px}.play-start{min-height:56px;padding-inline:40px;font-size:20px}.play-start:focus-visible,.play-join button:focus-visible,.play-quiet:focus-visible,.play-actions button:focus-visible{outline:3px solid var(--play-teal);outline-offset:2px}.play-name{min-height:2.6em;display:grid;place-items:center;color:var(--play-purple);font-size:clamp(26px,5vw,44px);font-weight:700;line-height:1.3;overflow-wrap:anywhere}.play-state{margin:0;color:var(--play-muted);font-size:15px}.play-quiet{min-height:44px;padding-inline:22px;border:1px solid var(--play-border);border-radius:0;background:var(--play-surface2);color:var(--play-purple);font:inherit;font-size:15px;cursor:pointer}.play-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;color:var(--play-purple);font-size:15px}.play-actions span{flex-basis:100%}.play-actions button{background:var(--play-surface2);color:var(--play-purple)}.play-actions button.danger{background:var(--play-danger);color:#fff}.play-kinds{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;width:100%}.play-kinds button{min-height:96px;border:1px solid var(--play-border);border-block-end:4px solid var(--play-teal);background:var(--play-surface2);color:var(--play-purple);font:inherit;font-size:20px;font-weight:700;cursor:pointer}.play-kinds button:focus-visible{outline:3px solid var(--play-teal);outline-offset:2px}.player-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000}.player-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden}.player-stage .viewer-screen{width:min(100vw,calc(100vh * var(--player-aspect)));border-radius:0}.player-stage .canvas-static{max-height:none}.player-stage .player-wall-screen{width:100vw;height:100vh}.player-wall{position:absolute}.player-wall .canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;border:0;box-shadow:none}.player-nothing{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;color:#ffffffb3}.player-ad{position:relative;width:100%;height:100%}.player-ad>img,.player-ad>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.player-update{position:fixed;inset-inline:16px;inset-block-end:16px;z-index:2147483647;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#4a0d67;color:#fff;font-family:Vazirmatn,sans-serif;font-size:15px}.player-update button{min-height:36px;padding-inline:16px;border:0;background:#07beb8;color:#000;font:inherit;font-weight:700;cursor:pointer}.play :is(h1,p,span,small,strong,footer,button),.player-update :is(span,button),.player-offline span,.player-guide .roku-text>span,.player-tv .roku-text>span,.player-guide-foot :is(span,button){unicode-bidi:plaintext}.player-offline{position:absolute;inset-block-start:calc(env(safe-area-inset-top,0px) + 16px);inset-inline-end:calc(env(safe-area-inset-right,0px) + 16px);z-index:2147483646;display:flex;align-items:center;gap:10px;padding:8px 14px;box-sizing:border-box;border:2px solid #e8ddf1;border-radius:16px;background:#fff;color:#4a0d67;font-weight:700;pointer-events:none;animation:player-offline-pulse 1.2s infinite}@keyframes player-offline-pulse{50%{opacity:.2}}.player-guide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2147483646;display:grid;place-items:start center;background:#f8f5fb;cursor:default}.player-guide-page{position:relative;width:min(100vw,calc(100vh * 16 / 9));aspect-ratio:16 / 9;overflow:hidden}.player-tv{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483646;display:grid;place-items:start center}.player-tv.dark{place-items:center}.player-tv.ground{background:#f8f5fb}.player-tv:has(.roku-offline){pointer-events:none}.player-tv.dark{background:#000}.player-tv-page{position:relative;width:min(100vw,calc(100vh * 16 / 9));aspect-ratio:16 / 9;overflow:hidden}.player-guide-foot{--play-purple: #4a0d67;--play-surface2: #f7f3fb;--play-danger: #dc2626;position:absolute;inset-inline-end:3.3%;inset-block-end:0;z-index:2147483647;display:flex;align-items:center;height:7%;color:#4a0d67;font-size:clamp(11px,1.3vw,16px)}.player-guide-foot .play-quiet{color:#4a0d67}.player-guide-foot .play-actions{flex-wrap:nowrap;font-size:inherit}.player-guide-foot .play-actions span{flex-basis:auto}.play-ring{width:clamp(120px,22vmin,220px);height:clamp(120px,22vmin,220px)}.play.fit{height:100vh;height:100dvh}.play.fit .play-main{min-height:0;container-type:size;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain}.play.fit .play-ring{--ring-room: calc(100cqh - 226px - (2*clamp(18px, 3vw, 32px)) - (2.6*clamp(26px, 5vw, 44px))) ;width:clamp(56px,var(--ring-room),clamp(120px,22vmin,220px));height:clamp(56px,var(--ring-room),clamp(120px,22vmin,220px))}.player-keep-awake{position:fixed;inset-block-end:0;inset-inline-start:0;z-index:2147483647;width:2px;height:2px;opacity:.01;pointer-events:none}.player-tv-foot{--play-purple: #4a0d67;--play-teal: #07beb8;--play-danger: #dc2626;--play-surface2: #f7f3fb;--play-border: #e8ddf1;position:absolute;inset-inline:max(16px,calc(50vw - (min(100vw,100vh * 16 / 9)/3.2)));inset-block-end:max(12px,calc(100vh - var(--page-h) * .99));z-index:2147483647;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:12px;color:#4a0d67;font-size:clamp(12px,1.2vw,16px)}.player-tv-foot .play-join{flex:1 1 320px;width:auto}.player-tv-foot .play-quiet{color:#4a0d67}@media (max-aspect-ratio: 4/3){.player-tv-foot{inset-block-end:auto;inset-block-start:calc(min(100vw,100vh * 16 / 9)*.5625 + 16px)}}.player-tv,.player-guide{--page-h: min(100vh, 100vw * 9 / 16)}.player-tv-band{position:absolute;inset-inline:0;inset-block-start:0;block-size:calc(var(--page-h) * var(--band) / 1080);box-sizing:border-box;border-block-end:calc(var(--page-h) * 4 / 1080) solid #07beb8;background:#4a0d67;pointer-events:none}