@import "https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;500;600;700&family=Golos+Text:wght@400;500;600;700&display=swap";:root{--tl-bg-deep:oklch(14% .017 55);--tl-bg-panel:oklch(19.5% .02 55);--tl-bg-panel-2:oklch(24.5% .022 55);--tl-border:oklch(33.5% .026 55);--tl-border-soft:oklch(27% .02 55);--tl-text:oklch(97% .01 75);--tl-text-muted:oklch(67% .022 65);--tl-accent:oklch(65% .125 42);--tl-accent-hover:oklch(71% .135 42);--tl-accent-soft:oklch(65% .125 42/.16);--tl-moss:oklch(60% .1 148);--tl-moss-soft:oklch(60% .1 148/.2);--tl-danger:oklch(58% .17 27);--tl-danger-soft:oklch(58% .17 27/.16);--tl-amber-dim:oklch(55% .09 68);--tl-tertiary:oklch(80% .03 72/.4);--tl-font-display:"Comfortaa", sans-serif;--tl-font-ui:"Golos Text", sans-serif;--tl-radius-angular:6px 30px 6px 30px;--tl-radius-angular-r:30px 6px 30px 6px;--tl-radius-blob:46% 54% 50% 50% / 56% 46% 54% 44%;--tl-radius-card:12px 30px 12px 30px;--tl-player-0:oklch(68% .18 24);--tl-player-1:oklch(78% .11 205);--tl-player-2:oklch(84% .14 100);--tl-player-3:oklch(67% .17 300);--tl-player-4:oklch(72% .14 145);--tl-player-5:oklch(66% .16 250);--tl-player-6:oklch(70% .18 335);--tl-player-7:oklch(80% .15 125);--tl-player-8:oklch(78% .11 285);--tl-player-9:oklch(69% .12 180);--tl-player-10:oklch(77% .14 355);--tl-player-11:oklch(62% .17 275)}@keyframes tl-pulse{0%{box-shadow:0 0 oklch(68% .13 150/.55)}70%{box-shadow:0 0 0 16px oklch(68% .13 150/0)}to{box-shadow:0 0 oklch(68% .13 150/0)}}@keyframes tl-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes tl-table-breathe{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.02)}}@keyframes tl-settle{0%{transform:scale(.97)rotate(0)}55%{transform:scale(1.025)rotate(-.8deg)}to{transform:scale(1)rotate(-.4deg)}}@keyframes tl-spin{to{transform:rotate(360deg)}}@keyframes tl-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes tl-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tl-transient-notice{0%{opacity:0;transform:translate(-50%,-6px)}5%,92%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-3px)}}@keyframes pg-soft-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes pg-marker-reveal{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.tl-root,.tl-root *{box-sizing:border-box}.tl-root :where(button,a,[role=button],input,select,textarea){-webkit-tap-highlight-color:transparent}.tl-root :where(button,a,[role=button],input,select,textarea):focus-visible{outline:2px solid var(--tl-accent);outline-offset:3px}.tl-icon-button{cursor:pointer;border-radius:50%;place-items:center;padding:0;line-height:0;display:inline-grid}.tl-icon-button svg{flex:none;display:block}.tl-nav-back{border:1px solid var(--tl-border);background:var(--tl-bg-panel);width:40px;height:40px;color:var(--tl-text-muted)}.tl-inline-icon-label{align-items:center;gap:8px;display:inline-flex}.tl-inline-icon-label svg{flex:none;display:block}.tl-root{font-family:var(--tl-font-ui)}.tl-root ::selection{background:oklch(70% .14 45/.35)}.tl-home{width:100%;height:100dvh;color:var(--tl-text);background:var(--tl-bg-deep);flex-direction:column;display:flex;position:relative;overflow:hidden}.tl-home:before{content:"";pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 16%,var(--tl-accent-soft),transparent 72%),linear-gradient(115deg,transparent 38%,oklch(97% .01 75/.07) 52%,transparent 66%),radial-gradient(ellipse 88% 68% at 50% 40%,transparent 50%,oklch(6% .01 55/.62) 100%);position:absolute;inset:0}.tl-home:after{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(oklch(97% .01 75/.05) 1px,#0000 1px);background-size:3px 3px;position:absolute;inset:0}.tl-auth-header{z-index:5;width:100%;padding:max(18px,env(safe-area-inset-top)) 20px 10px;justify-content:space-between;align-items:center;margin:0 auto;display:flex;position:relative}.tl-auth-profile,.tl-auth-menu-profile{align-items:center;gap:11px;min-width:0;display:flex}.tl-auth-avatar{flex:0 0 32px}.tl-auth-avatar.is-loading{opacity:.58}.tl-auth-nickname{text-overflow:ellipsis;white-space:nowrap;max-width:190px;color:var(--tl-text-muted);font:400 12px var(--tl-font-ui);overflow:hidden}.tl-auth-menu-trigger{border:1px solid var(--tl-border);background:var(--tl-bg-panel);width:40px;height:40px;color:var(--tl-text-muted);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid}.tl-auth-menu-trigger svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;display:block}.tl-home-content{z-index:1;box-sizing:border-box;flex-direction:column;flex:auto;min-height:0;padding:clamp(12px,3vh,28px) 20px 0;display:flex;position:relative;overflow:hidden}.tl-home-column{flex-direction:column;flex:1;width:100%;max-width:520px;min-height:0;margin:0 auto;display:flex}.tl-home-hero{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:8px;height:214px;transition:height .32s cubic-bezier(.2,.8,.3,1);display:flex;position:relative}.tl-home-hero img{z-index:1;object-fit:contain;filter:drop-shadow(0 10px 26px oklch(0% 0 0/.45));width:150px;height:150px;transition:width .32s cubic-bezier(.2,.8,.3,1),height .32s cubic-bezier(.2,.8,.3,1);position:relative}.tl-home-hero h1{z-index:1;font:700 35px/1 var(--tl-font-display);letter-spacing:.05em;text-indent:.05em;margin:8px 0 0;transition:font-size .32s cubic-bezier(.2,.8,.3,1);position:relative}.tl-home-rings{width:150px;height:150px;transition:width .32s cubic-bezier(.2,.8,.3,1),height .32s cubic-bezier(.2,.8,.3,1);position:absolute;top:calc(50% - 22px);left:50%;transform:translate(-50%,-50%)}.tl-home-rings i{border:1px solid var(--tl-accent);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tl-home-rings i:first-child{opacity:.22;width:168px;height:168px}.tl-home-rings i:nth-child(2){opacity:.16;width:188px;height:188px}.tl-home-rings i:nth-child(3){opacity:.1;width:218px;height:218px}.tl-home-rings i:nth-child(4){opacity:.05;width:256px;height:256px}.tl-home-hero.is-compact{justify-content:flex-start;height:84px;padding-top:6px}.tl-home-hero.is-compact img{width:60px;height:60px}.tl-home-hero.is-compact h1{margin-top:2px;font-size:14px}.tl-home-hero.is-compact .tl-home-rings{width:60px;height:60px;top:calc(50% - 9px)}.tl-home-hero.is-compact .tl-home-rings i:first-child{width:67px;height:67px}.tl-home-hero.is-compact .tl-home-rings i:nth-child(2){width:75px;height:75px}.tl-home-hero.is-compact .tl-home-rings i:nth-child(3){width:87px;height:87px}.tl-home-hero.is-compact .tl-home-rings i:nth-child(4){width:102px;height:102px}.tl-home-connection,.tl-home-error{text-align:center;max-width:100%;font:500 12px var(--tl-font-ui);color:var(--tl-text-muted);flex:none;margin:8px auto 0}.tl-home-bottom{z-index:1;box-sizing:border-box;background:linear-gradient(180deg,transparent 0%,var(--tl-bg-deep) 45%);flex:none;padding:12px 20px 22px;position:relative}.tl-home-bottom-inner{flex-direction:column;width:100%;max-width:520px;margin:0 auto;display:flex}.tl-home-bottom-inner button{cursor:pointer}.tl-home-create span{font:700 20px var(--tl-font-display);display:block}.tl-home-create small{font:400 13px var(--tl-font-ui);opacity:.75;margin-top:4px;display:block}.tl-home-create{border-radius:var(--tl-radius-angular);background:linear-gradient(155deg,var(--tl-accent),oklch(55% .115 40));width:100%;color:var(--tl-bg-deep);text-align:center;border:0;padding:22px 24px;box-shadow:0 16px 34px oklch(50% .12 42/.32)}.tl-home-join{color:var(--tl-text-muted);font:600 14px var(--tl-font-ui);background:0 0;border:0;padding:16px 0 0}.tl-home-join span{color:var(--tl-accent)}.tl-home-social{border:1px solid var(--tl-border-soft);border-radius:var(--tl-radius-angular-r);background:var(--tl-bg-panel);flex-direction:column;flex:none;min-height:0;margin-top:auto;display:flex;overflow:hidden}.tl-home-social.is-open{flex:auto;margin-top:16px}.tl-home-social-tabs{flex-shrink:0;align-items:center;gap:4px;padding:6px;display:flex}.tl-home-social.is-open .tl-home-social-tabs{border-bottom:1px solid var(--tl-border-soft)}.tl-home-social-tab{font:700 13px var(--tl-font-ui);letter-spacing:.02em;border-radius:var(--tl-radius-angular);cursor:pointer;color:var(--tl-text-muted);background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px 8px;display:flex}.tl-home-social-tab b{opacity:.7;font-weight:600}.tl-home-social-tab.is-active{background:var(--tl-accent-soft);color:var(--tl-accent)}.tl-home-social-chevron{width:32px;height:32px;color:var(--tl-text-muted);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.tl-home-social-body{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;padding:6px 10px 10px;display:none;overflow-y:auto}.tl-home-social-body::-webkit-scrollbar{display:none}.tl-home-social.is-open .tl-home-social-body{display:block}.tl-home-social-pane{display:none}.tl-home-social-pane.is-active{flex-direction:column;gap:2px;min-height:0;display:flex}.tl-home-social-empty{color:var(--tl-text-muted);font:400 12px var(--tl-font-ui);margin:6px 2px}.tl-home-friend-group-title{color:var(--tl-text-muted);font:700 10px var(--tl-font-ui);text-transform:uppercase;letter-spacing:.05em;margin:10px 2px 2px}.tl-home-friend-group-title:first-child{margin-top:2px}.tl-home-friend-row{text-align:left;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:60px;padding:8px 12px;transition:background .15s;display:flex}button.tl-home-friend-row{cursor:pointer}button.tl-home-friend-row:hover,button.tl-home-friend-row:active{background:var(--tl-bg-panel-2)}.tl-home-friend-row.is-static{cursor:default}.tl-home-friend-name{font:700 15px var(--tl-font-ui);color:var(--tl-text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tl-home-friend-meta{flex-shrink:0}.tl-home-friend-actions{align-items:center;gap:6px;display:flex}.tl-home-friend-actions button{border:1px solid var(--tl-border);color:var(--tl-text-muted);font:600 10px var(--tl-font-ui);cursor:pointer;background:0 0;border-radius:10px;padding:6px 9px}.tl-home-friend-actions button:first-of-type{color:var(--tl-text)}.tl-home-friend-actions button:disabled{opacity:.45;cursor:default}.tl-home-friend-pending{color:var(--tl-text-muted);font:500 10px var(--tl-font-ui)}.tl-home-add-friend{border:1px dashed var(--tl-border);cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:60px;margin-bottom:2px;padding:8px 12px;display:flex}.tl-home-add-friend-icon{border:1px solid var(--tl-accent);width:46px;height:46px;color:var(--tl-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.tl-home-add-friend-label{font:700 15px var(--tl-font-ui);color:var(--tl-accent);flex:1}.tl-friend-badge{background:var(--tl-accent);min-width:20px;height:20px;color:var(--tl-bg-deep);border-radius:10px;place-items:center;padding:0 6px;font-size:10px;font-style:normal;display:inline-grid}.tl-friends-local-error{color:var(--tl-danger);font:500 11px var(--tl-font-ui);justify-content:space-between;align-items:center;gap:8px;padding:6px 2px;display:flex}.tl-friends-local-error button{border:1px solid var(--tl-border);color:var(--tl-text-muted);font:600 10px var(--tl-font-ui);cursor:pointer;background:0 0;border-radius:10px;padding:6px 9px}.tl-friend-row{align-items:center;gap:9px;min-width:0;padding:5px 0;display:flex}.tl-friend-name{flex-direction:column;flex:1;min-width:0;display:flex}.tl-friend-name strong{text-overflow:ellipsis;white-space:nowrap;font:600 13px var(--tl-font-ui);overflow:hidden}.tl-friend-name small,.tl-friend-state{color:var(--tl-text-muted);font:500 10px var(--tl-font-ui)}.tl-friend-actions{justify-content:flex-end;align-items:center;gap:5px;display:flex}.tl-friend-actions button{border:1px solid var(--tl-border);color:var(--tl-text-muted);font:600 10px var(--tl-font-ui);cursor:pointer;background:0 0;border-radius:10px;padding:6px 9px}.tl-friend-actions button:first-of-type{color:var(--tl-text)}.tl-friend-actions button:disabled{opacity:.45;cursor:default}.tl-friend-presence{align-items:center;gap:5px;display:inline-flex}.tl-friend-presence i{background:currentColor;border-radius:50%;width:6px;height:6px}.tl-friend-presence.is-online{color:var(--tl-moss)}.tl-friend-presence.is-offline{color:var(--tl-text-muted)}.tl-friend-overlay{z-index:40;background:oklch(5% .01 55/.72);justify-content:center;align-items:flex-end;padding:16px;animation:.18s tl-fade-in;display:flex;position:fixed;inset:0}.tl-friend-sheet{width:min(100%,500px);max-height:min(78dvh,620px);padding:10px 18px max(20px,env(safe-area-inset-bottom));border:1px solid var(--tl-border);background:var(--tl-bg-panel);border-radius:28px 10px 0 0;flex-direction:column;gap:14px;animation:.22s tl-sheet-in;display:flex}.tl-friend-sheet>i{background:var(--tl-border);border-radius:2px;align-self:center;width:40px;height:4px}.tl-friend-sheet-head{justify-content:space-between;align-items:center;display:flex}.tl-friend-sheet h2{font:700 17px var(--tl-font-display);margin:0}.tl-friend-sheet-head button{color:var(--tl-text-muted);background:0 0;border:0;place-items:center;padding:6px;display:grid}.tl-friend-sheet>input{border:1px solid var(--tl-border);background:var(--tl-bg-panel-2);width:100%;color:var(--tl-text);font:400 14px var(--tl-font-ui);border-radius:14px;outline:none;padding:12px 14px}.tl-friend-results{min-height:90px;max-height:350px;overflow-y:auto}.tl-player-overlay{z-index:70;background:oklch(10% .01 60/.7);justify-content:center;align-items:flex-end;animation:.18s tl-fade-in;display:flex;position:fixed;inset:0}.tl-player-sheet{box-sizing:border-box;width:calc(100% - 16px);max-width:430px;padding:10px 20px max(26px,env(safe-area-inset-bottom));border:1px solid var(--tl-border);background:var(--tl-bg-panel);border-bottom:0;border-radius:26px 26px 0 0;margin-inline:auto;animation:.32s cubic-bezier(.2,.9,.3,1) tl-sheet-in}.tl-player-sheet>i{background:var(--tl-border);border-radius:2px;align-self:center;width:36px;height:4px;margin:6px auto 18px;display:block}.tl-player-sheet-id{flex-direction:column;align-items:center;gap:10px;padding:6px 0 20px;display:flex}.tl-player-sheet-name{font:700 20px var(--tl-font-display);color:var(--tl-text)}.tl-player-sheet-badges{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.tl-player-sheet-badge{border:1px solid var(--tl-border);color:var(--tl-text-muted);font:700 10px var(--tl-font-ui);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:2px 8px}.tl-player-sheet-actions{flex-direction:column;gap:2px;display:flex}.tl-player-sheet-action{text-align:center;width:100%;font:600 14px var(--tl-font-ui);color:var(--tl-text);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:13px}.tl-player-sheet-action:hover{background:var(--tl-bg-panel-2)}.tl-player-sheet-action:disabled{opacity:.5;cursor:default}.tl-player-sheet-action.is-danger{color:var(--tl-danger)}.tl-player-sheet-action-row{gap:10px;display:flex}.tl-player-sheet-action-row .tl-player-sheet-action{border:1px solid var(--tl-border);flex:1}.tl-player-sheet-pending{text-align:center;color:var(--tl-text-muted);font:500 12px var(--tl-font-ui);padding:4px 0}.tl-player-sheet-divider{background:var(--tl-border-soft);height:1px;margin:4px 0}.tl-player-sheet-move-row{background:var(--tl-bg-panel-2);border-radius:12px;justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.tl-player-sheet-move-row button{color:var(--tl-text);font:600 13px var(--tl-font-ui);cursor:pointer;background:0 0;border:0;flex:1;padding:12px 8px}.tl-player-sheet-move-row button:disabled{opacity:.5;cursor:default}.tl-player-sheet-move-row button+button{border-left:1px solid var(--tl-border-soft)}.tl-player-sheet-confirm-copy{text-align:center;padding:8px 4px 22px}.tl-player-sheet-confirm-copy h2{font:700 17px var(--tl-font-display);color:var(--tl-text);margin:0 0 8px}.tl-player-sheet-confirm-copy p{color:var(--tl-text-muted);font:400 14px/1.5 var(--tl-font-ui);margin:0}.tl-player-sheet-confirm-actions{gap:10px;display:flex}.tl-player-sheet-confirm-actions button{font:700 15px var(--tl-font-ui);cursor:pointer;border-radius:16px;flex:1;padding:14px}.tl-player-sheet-confirm-actions button:first-child{border:1px solid var(--tl-border);color:var(--tl-text);background:0 0}.tl-player-sheet-confirm-actions button.is-danger{background:var(--tl-danger);color:var(--tl-text);border:0}.tl-player-sheet-confirm-actions button:disabled{opacity:.5;cursor:default}@media (width>=700px){.tl-player-overlay{background:oklch(10% .01 60/.6);align-items:center}.tl-player-sheet{border-bottom:1px solid var(--tl-border);border-radius:22px;width:400px;padding:22px 22px 24px;animation:.16s tl-fade-in;box-shadow:0 20px 44px oklch(5% .01 55/.55)}.tl-player-sheet>i{display:none}}.tl-transient-notice{z-index:30;top:max(76px,calc(env(safe-area-inset-top) + 58px));width:max-content;max-width:calc(100vw - max(32px,calc(env(safe-area-inset-left) + env(safe-area-inset-right) + 24px)));border:1px solid color-mix(in srgb,var(--tl-moss) 45%,transparent);background:color-mix(in oklch,var(--tl-bg-panel) 88%,var(--tl-moss));color:var(--tl-text);text-align:center;font:500 12px/1.4 var(--tl-font-ui);overflow-wrap:anywhere;pointer-events:none;border-radius:14px;padding:10px 14px;animation:4.5s both tl-transient-notice;position:fixed;left:50%;box-shadow:0 10px 28px oklch(5% .01 55/.42)}.tl-auth-menu-backdrop{z-index:70;background:oklch(8% .01 55/.68);justify-content:center;align-items:flex-end;animation:.18s tl-fade-in;display:flex;position:absolute;inset:0;overflow:hidden}.tl-auth-menu{width:calc(100% - 16px);max-width:430px;max-height:calc(100dvh - 8px);padding:9px 20px max(24px,env(safe-area-inset-bottom));border:1px solid var(--tl-border);background:var(--tl-bg-panel);border-bottom:0;border-radius:28px 28px 0 0;margin-inline:auto;animation:.3s cubic-bezier(.2,.9,.3,1) tl-sheet-in;overflow:hidden;box-shadow:0 -20px 50px oklch(5% .01 55/.45)}.tl-auth-menu-handle{background:var(--tl-border);border-radius:3px;width:36px;height:4px;margin:2px auto 17px}.tl-auth-menu-profile{border-bottom:1px solid var(--tl-border-soft);align-items:center;gap:9px;padding:2px 4px 14px;display:flex}.tl-auth-menu-profile strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:700 15px var(--tl-font-ui);overflow:hidden}.tl-entitlement-badge{font:800 9px/1 var(--tl-font-ui);letter-spacing:.05em;border:1px solid;border-radius:999px;flex:none;padding:3px 7px}.tl-entitlement-badge.is-pro{background:var(--tl-accent-soft);color:var(--tl-accent)}.tl-entitlement-badge.is-free{background:var(--tl-bg-panel-2);color:var(--tl-text-muted)}.tl-entitlement-badge.is-temporary_pro{background:var(--tl-moss-soft);color:var(--tl-moss)}.tl-auth-menu>button{border:0;border-bottom:1px solid var(--tl-border-soft);width:100%;min-height:50px;color:var(--tl-text);font:600 14px var(--tl-font-ui);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:10px 5px;display:flex}.tl-auth-menu>button span{color:var(--tl-text-muted);font-size:12px}.tl-auth-menu .tl-auth-menu-logout{color:var(--tl-danger)}.tl-auth-menu .tl-auth-menu-close{color:var(--tl-text-muted);border-bottom:0;justify-content:center;font-size:12px}.tl-auth-menu .tl-pwa-row-update{color:var(--tl-accent)}.tl-auth-menu .tl-pwa-row{transition:background-color .15s,color .15s}.tl-auth-menu .tl-pwa-row:active{background:var(--tl-accent-soft)}.tl-auth-menu .tl-pwa-version{align-items:center;gap:7px;font-size:12px;display:inline-flex}.tl-auth-menu .tl-pwa-version b{color:var(--tl-accent);font:700 18px/1 var(--tl-font-ui)}.tl-auth-menu .tl-pwa-row.is-refreshing .tl-pwa-version b{animation:.8s linear infinite tl-spin}.tl-profile-menu{--tl-profile-option-avatar-size:93%;flex-direction:column;gap:7px;max-height:min(82dvh,690px);padding:0 2px 2px;display:flex}.tl-profile-menu h2{text-align:center;font:700 19px var(--tl-font-display);margin:0}.tl-profile-current{justify-content:center;display:flex}.tl-profile-current-avatar{--tl-av-size:clamp(96px,25vw,116px)}.tl-profile-avatars{overscroll-behavior:contain;touch-action:pan-y;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;max-height:clamp(190px,39dvh,286px);padding:3px;display:grid;overflow-y:auto}.tl-profile-avatars>button{aspect-ratio:1;border:1px solid var(--tl-border);background:var(--tl-bg-panel-2);cursor:pointer;border-radius:14px;place-items:center;width:100%;min-width:0;padding:2px;display:grid}.tl-profile-avatars>button.is-personal{background:color-mix(in oklch,var(--tl-bg-panel-2) 84%,var(--tl-accent-soft))}.tl-profile-option-avatar{--tl-av-size:var(--tl-profile-option-avatar-size)}.tl-profile-avatars>button.is-selected{border:2px solid var(--tl-accent);box-shadow:0 0 0 2px color-mix(in oklch,var(--tl-accent),transparent 72%)}.tl-profile-avatars>button.is-selected:not(.is-personal){background:var(--tl-accent-soft)}.tl-profile-edit-avatar{color:var(--tl-accent);font:600 12px var(--tl-font-ui);cursor:pointer;background:0 0;border:0;align-self:center;padding:2px 5px}.tl-profile-identity{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.tl-profile-field,.tl-profile-email{border:1px solid var(--tl-border);background:var(--tl-bg-deep);min-width:0;min-height:50px;color:var(--tl-text-muted);font:600 10px var(--tl-font-ui);border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;padding:7px 10px;display:flex}.tl-profile-field input{width:100%;min-width:0;color:var(--tl-text);font:600 14px var(--tl-font-ui);background:0 0;border:0;outline:0;padding:0}.tl-profile-email{cursor:pointer;width:100%}.tl-profile-email:disabled{cursor:default}.tl-profile-email.is-copied span{color:var(--tl-moss)}.tl-profile-email strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--tl-text);font:600 13px var(--tl-font-ui);overflow:hidden}.tl-profile-status,.tl-profile-error{text-align:center;min-height:14px;font:500 11px/14px var(--tl-font-ui);margin:0}.tl-profile-status{color:var(--tl-moss)}.tl-profile-error{color:var(--tl-danger)}.tl-profile-error button{color:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.tl-profile-actions{gap:8px;display:flex}.tl-profile-actions button{border:1px solid var(--tl-border);background:var(--tl-bg-panel-2);min-height:42px;color:var(--tl-text);font:700 13px var(--tl-font-ui);cursor:pointer;border-radius:12px;flex:1}.tl-profile-actions button.primary{border-color:var(--tl-accent);background:var(--tl-accent);color:var(--tl-bg-deep)}.tl-profile-actions button:disabled{opacity:.45;cursor:default}.tl-profile-navigation{border-top:1px solid var(--tl-border-soft);flex-direction:column;gap:2px;margin-top:1px;padding-top:6px;display:flex}.tl-profile-sign-out-trigger,.tl-profile-close{width:100%;font:700 13px var(--tl-font-ui);cursor:pointer;border-radius:12px}.tl-profile-sign-out-trigger{border:1px solid color-mix(in oklch,var(--tl-danger),transparent 40%);background:var(--tl-danger-soft);min-height:42px;color:var(--tl-danger)}.tl-profile-close{min-height:36px;color:var(--tl-text-muted);background:0 0;border:0}.tl-profile-close:disabled{opacity:.5;cursor:default}.tl-profile-sign-out{text-align:center;justify-content:space-between;min-height:min(82dvh,690px);padding:8px 4px}.tl-profile-sign-out-copy{flex-direction:column;flex:1;justify-content:center;gap:12px;display:flex}.tl-profile-sign-out h2{font:700 20px var(--tl-font-display);margin:0}.tl-profile-sign-out p{color:var(--tl-text-muted);font:500 14px/1.5 var(--tl-font-ui);margin:0}.tl-profile-sign-out-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:6px;display:grid}.tl-profile-sign-out-actions button{border:1px solid var(--tl-border);background:var(--tl-bg-panel-2);min-height:42px;color:var(--tl-text);font:700 13px var(--tl-font-ui);cursor:pointer;border-radius:12px}.tl-profile-sign-out-actions button.danger-solid{border-color:var(--tl-danger);background:var(--tl-danger);color:var(--tl-text)}@media (width<=340px){.tl-profile-identity{grid-template-columns:1fr}}.tl-avatar-editor{flex-direction:column;align-items:stretch;gap:12px;max-height:min(82dvh,700px);padding:0 2px 4px;display:flex}.tl-avatar-editor h2{text-align:center;font:700 19px var(--tl-font-display);margin:0}.tl-avatar-editor-viewport{aspect-ratio:1;border:1px solid var(--tl-border);background:var(--tl-bg-deep);width:clamp(240px,min(76vw,48dvh),360px);max-width:100%;color:var(--tl-text-muted);font:600 13px var(--tl-font-ui);cursor:pointer;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;border-radius:18px;margin:auto;padding:0;position:relative;overflow:hidden}.tl-avatar-editor-viewport.has-source{cursor:grab}.tl-avatar-editor-viewport.has-source:active{cursor:grabbing}.tl-avatar-editor-viewport img{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;position:absolute;top:50%;left:50%}.tl-avatar-editor-viewport.is-reference img{object-fit:contain;width:100%;height:100%;inset:0;transform:none}.tl-avatar-editor-viewport>span{place-items:center;padding:28px;display:grid;position:absolute;inset:0}.tl-avatar-editor-viewport>i{border:2px solid color-mix(in oklch,var(--tl-text),transparent 42%);pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 80px oklch(6% .01 55/.58)}.tl-profile-file{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tl-avatar-editor-picker{border:1px solid var(--tl-border);background:var(--tl-bg-panel-2);width:100%;min-height:44px;color:var(--tl-text);font:700 13px var(--tl-font-ui);cursor:pointer;border-radius:12px}.tl-avatar-editor-picker:active{background:var(--tl-accent-soft)}.tl-avatar-editor-hint{min-height:16px;color:var(--tl-text-muted);text-align:center;font:500 11px/16px var(--tl-font-ui);margin:0}.tl-avatar-editor-zoom{color:var(--tl-text-muted);font:600 12px var(--tl-font-ui);grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.tl-avatar-editor-zoom input{width:100%;accent-color:var(--tl-accent)}.tl-profile-menu,.tl-avatar-editor{overscroll-behavior:contain;min-height:0;overflow-y:auto}.tl-pwa-steps-copy{color:var(--tl-text);font:500 14px var(--tl-font-ui);text-align:center;margin:6px 4px 14px;line-height:1.5}@media (width>=700px) and (width<=1023px){.tl-home-column,.tl-home-bottom-inner{max-width:560px}}@media (width>=1024px) and (orientation:landscape){.tl-viewport-shell:has(.tl-home){max-width:none}.tl-auth-header{width:min(100%,133.333dvh);margin-inline:auto;padding:clamp(22px,3.4vh,38px) clamp(40px,5vw,72px) 6px}.tl-home-content{padding:0 clamp(40px,5vw,72px)}.tl-home-column,.tl-home-bottom-inner{max-width:clamp(380px,40vw,520px)}.tl-home-bottom{padding:18px clamp(40px,5vw,72px) 32px}.tl-home-hero{gap:10px;height:clamp(238px,34vh,312px)}.tl-home-hero img{width:172px;height:172px}.tl-home-hero h1{margin-top:10px;font-size:40px}.tl-home-rings{width:172px;height:172px;top:calc(50% - 24px)}.tl-home-rings i:first-child{width:192px;height:192px}.tl-home-rings i:nth-child(2){width:214px;height:214px}.tl-home-rings i:nth-child(3){width:246px;height:246px}.tl-home-rings i:nth-child(4){width:288px;height:288px}.tl-home-hero.is-compact{height:96px}.tl-home-hero.is-compact img{width:69px;height:69px}.tl-home-hero.is-compact h1{font-size:16px}.tl-home-hero.is-compact .tl-home-rings{width:69px;height:69px;top:calc(50% - 10px)}.tl-home-create{padding:26px 30px}.tl-home-create span{font-size:22px}.tl-home-join{padding-top:18px}.tl-home-social.is-open{margin-top:20px}.tl-home-social-body{padding:8px 14px 14px}.tl-auth-menu-backdrop{background:0 0;justify-content:flex-end;align-items:flex-start;padding:78px 30px 0}.tl-auth-menu{border:1px solid var(--tl-border);border-radius:22px;width:330px;margin:0;padding:14px 20px 18px;animation:.18s tl-fade-in;box-shadow:0 20px 55px oklch(5% .01 55/.55)}.tl-auth-menu-handle{display:none}}@media (height<=700px) and (width<=759px){.tl-auth-header{padding-top:max(12px,env(safe-area-inset-top))}.tl-home-hero{height:196px}.tl-home-hero img{width:132px;height:132px}.tl-home-hero h1{font-size:30px}.tl-home-rings{top:calc(50% - 20px);transform:translate(-50%,-50%)scale(.88)}.tl-home-social.is-open{margin-top:10px}.tl-home-create{padding:18px 22px}}.tl-create{width:100%;height:100dvh;min-height:0;color:var(--tl-text);background:var(--tl-bg-deep);flex-direction:column;display:flex;position:relative;overflow:hidden}.tl-create:before{content:"";pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 16%,var(--tl-accent-soft),transparent 72%),linear-gradient(115deg,transparent 38%,oklch(97% .01 75/.07) 52%,transparent 66%),radial-gradient(ellipse 88% 68% at 50% 40%,transparent 50%,oklch(6% .01 55/.62) 100%);position:absolute;inset:0}.tl-create:after{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(oklch(97% .01 75/.05) 1px,#0000 1px);background-size:3px 3px;position:absolute;inset:0}.tl-create-header{z-index:5;padding:max(18px,env(safe-area-inset-top)) 20px 10px;flex:none;grid-template-columns:40px 1fr 40px;align-items:center;display:grid;position:relative}.tl-create-header h1{text-align:center;font:700 18px var(--tl-font-display);margin:0}.tl-create-back{justify-self:start}.tl-create-content{z-index:1;overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;flex:auto;gap:18px;min-height:0;padding:14px 20px 20px;display:flex;position:relative;overflow-y:auto}.tl-create-content::-webkit-scrollbar{display:none}.tl-create-left,.tl-create-rules{flex-direction:column;gap:18px;display:flex}.tl-create-label{color:var(--tl-text-muted);font:700 13px var(--tl-font-ui);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.tl-create-name{gap:10px;display:flex}.tl-create-name input{border:1px solid var(--tl-border);background:var(--tl-bg-panel);min-width:0;color:var(--tl-text);font:600 15px var(--tl-font-display);border-radius:16px;outline:none;flex:1;padding:14px 16px}.tl-create-name input:read-only{color:var(--tl-text-muted)}.tl-create-name button{border:1px solid var(--tl-border);background:var(--tl-bg-panel-2);width:48px;color:var(--tl-accent);cursor:pointer;border-radius:14px;flex:0 0 48px;place-items:center;padding:0;display:grid}.tl-create-name button svg{display:block}.tl-create-name button:disabled{opacity:.55}.tl-create-divider{align-items:center;gap:8px;margin:2px 0 -6px;display:flex;transform:rotate(-.6deg)}.tl-create-divider i{border-radius:var(--tl-radius-blob);background:var(--tl-tertiary);width:5px;height:5px}.tl-create-divider span{background:var(--tl-tertiary);width:60px;height:1px}.tl-create-color-grid{grid-template-columns:repeat(4,1fr);gap:9px;width:87%;max-width:320px;margin:0 auto;display:grid}.tl-create-color-grid button{aspect-ratio:1;cursor:pointer;border:1px solid oklch(10% .01 55/.25);border-radius:14px 22px;width:100%;padding:0;position:relative}.tl-create-color-grid button:nth-child(2n){border-radius:22px 14px}.tl-create-color-grid button.is-selected{border:2px solid var(--tl-text);box-shadow:0 0 0 3px var(--tl-bg-panel),0 0 0 5px var(--tl-text)}.tl-create-color-grid button span{background:var(--tl-text);width:18px;height:18px;color:var(--tl-bg-deep);border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid;position:absolute;top:-6px;right:-6px}.tl-create-rules{padding-bottom:4px}.tl-create-free-summary{color:var(--tl-text);font:600 15px var(--tl-font-ui);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tl-create-free-summary b{color:var(--tl-text-muted)}.tl-create-pro-cue{color:var(--tl-text-muted);align-items:center;gap:8px;margin-top:14px;font-size:12px;display:flex}.tl-create-pro-cue strong{color:var(--tl-amber-dim);background:oklch(55% .1 70/.15);border-radius:8px;padding:2px 7px;font-size:10px}.tl-create-stepper{align-items:center;gap:12px;display:flex}.tl-create-stepper>span{color:var(--tl-text-muted);font-size:12px}.tl-create-score-helper{color:var(--tl-text-muted);font:500 11px/1.35 var(--tl-font-ui);opacity:.82;align-items:center;gap:7px;margin-top:8px;display:flex}.tl-create-score-helper i{color:var(--tl-tertiary);font-style:normal}.tl-create-direction{border:1px solid var(--tl-border);border-radius:14px;display:flex;overflow:hidden}.tl-create-direction button{min-width:0;color:var(--tl-text-muted);white-space:nowrap;font:600 13px var(--tl-font-ui);cursor:pointer;background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.tl-create-direction button.is-active{background:var(--tl-accent);color:var(--tl-bg-deep)}.tl-create-footer{z-index:1;padding:0 20px max(24px,env(safe-area-inset-bottom));flex:none;justify-content:center;display:flex;position:relative}.tl-create-footer button{border-radius:var(--tl-radius-angular);background:var(--tl-accent);width:100%;color:var(--tl-bg-deep);font:700 16px var(--tl-font-ui);cursor:pointer;border:0;padding:17px}.tl-create-footer button:disabled{opacity:.6;cursor:default}.tl-create-error{width:100%}@media (width<=380px){.tl-create-score-helper{flex-direction:column;align-items:flex-start;gap:2px}.tl-create-score-helper i{display:none}}@media (width>=700px) and (width<=1023px){.tl-create-header,.tl-create-content,.tl-create-footer{width:min(90%,560px);margin-inline:auto}.tl-create-content,.tl-create-footer{padding-inline:0}}@media (width>=1024px) and (orientation:landscape){.tl-viewport-shell:has(.tl-create){max-width:none}.tl-create-header,.tl-create-content,.tl-create-footer{width:min(100%,133.333dvh);margin-inline:auto}.tl-create-header{padding:32px 64px 0}.tl-create-content{grid-template-columns:1fr 1fr;align-items:center;gap:72px;padding:36px 64px 28px;display:grid}.tl-create-error{grid-column:1/-1}.tl-create-left,.tl-create-rules{gap:28px}.tl-create-color-grid{gap:13px}.tl-create-direction button{padding:15px 12px;font-size:14px}.tl-create-footer{padding:0 64px 32px}.tl-create-footer button{max-width:480px}.tl-create .tl-auth-menu-backdrop{padding-top:78px}}.tl-join{width:100%;min-height:100dvh;color:var(--tl-text);background:var(--tl-bg-deep);flex-direction:column;display:flex;position:relative;overflow:hidden}.tl-join:before{content:"";pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 16%,var(--tl-accent-soft),transparent 72%),linear-gradient(115deg,transparent 38%,oklch(97% .01 75/.07) 52%,transparent 66%),radial-gradient(ellipse 88% 68% at 50% 40%,transparent 50%,oklch(6% .01 55/.62) 100%);position:absolute;inset:0}.tl-join:after{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(oklch(97% .01 75/.05) 1px,#0000 1px);background-size:3px 3px;position:absolute;inset:0}.tl-join-header{z-index:5;width:100%;padding:max(18px,env(safe-area-inset-top)) 20px 10px;grid-template-columns:40px 1fr 40px;align-items:center;display:grid;position:relative}.tl-join-header h1{text-align:center;font:700 18px var(--tl-font-display);margin:0}.tl-join-back{justify-self:start}.tl-join-body{z-index:1;padding:24px 20px max(24px,env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex;position:relative}.tl-join-content{flex-direction:column;gap:20px;width:100%;display:flex}.tl-join-unresolved{flex-direction:column;gap:14px;display:flex}.tl-join-field{flex-direction:column;gap:8px;display:flex}.tl-join-field>span:first-child{color:var(--tl-text-muted);font:700 11px var(--tl-font-ui);text-transform:uppercase;letter-spacing:.04em}.tl-join-input-wrap{display:block;position:relative}.tl-join-field input{border:1px solid var(--tl-border);background:var(--tl-bg-panel);width:100%;color:var(--tl-text);font:400 14px var(--tl-font-ui);border-radius:16px;outline:none;padding:14px 58px 14px 16px}.tl-join-field input:read-only{opacity:.7}.tl-join-clear{width:44px;height:44px;color:var(--tl-text-muted);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.tl-join-clear:hover{color:var(--tl-text)}.tl-join-clear svg{display:block}.tl-join-submit,.tl-join-google{border-radius:var(--tl-radius-angular-r);background:var(--tl-accent);min-height:48px;color:var(--tl-bg-deep);font:700 15px var(--tl-font-ui);cursor:pointer;border:0;padding:14px}.tl-join-submit:disabled,.tl-join-google:disabled{background:var(--tl-bg-panel-2);color:var(--tl-text-muted);cursor:default}.tl-join-google{background:var(--tl-text);justify-content:center;align-items:center;gap:10px;display:flex}.tl-join-google svg{width:20px;height:20px}.tl-join-auth-copy{color:var(--tl-text-muted);font:400 13px/1.5 var(--tl-font-ui);margin:0}.tl-join-error{text-align:center;background:var(--tl-danger-soft);border:1px solid oklch(60% .19 25/.4);border-radius:22px;flex-direction:column;align-items:center;gap:10px;padding:18px;display:flex}.tl-join-error h2{font:700 16px var(--tl-font-display);margin:0}.tl-join-error p{color:var(--tl-text-muted);font:400 13px/1.5 var(--tl-font-ui);margin:0}.tl-join-error button{border:1px solid var(--tl-border);color:var(--tl-text);font:600 12px var(--tl-font-ui);cursor:pointer;background:0 0;border-radius:12px;padding:9px 14px}@media (width>=760px) and (orientation:landscape){.tl-viewport-shell:has(.tl-join){max-width:none}.tl-join-header,.tl-join-body{width:min(100%,133.333dvh);margin-inline:auto}.tl-join-header{padding:32px 64px 0}.tl-join-body{justify-content:center;padding:24px 64px}.tl-join-content{max-width:560px;margin:0 auto;transform:translateY(-12%)}.tl-join-unresolved{gap:18px}.tl-join-field input{padding:16px 58px 16px 18px;font-size:16px}.tl-join-submit,.tl-join-google{padding:16px;font-size:16px}.tl-join .tl-auth-menu-backdrop{padding-top:78px}}.tl-landing{background:var(--tl-bg-deep);width:100%;min-height:100svh;color:var(--tl-text);position:relative;overflow:hidden}.tl-landing-pair{display:contents}.tl-landing-video-panel{z-index:0;background:radial-gradient(circle at 62% 28%, oklch(48% .075 72/.24), transparent 28%), radial-gradient(circle at 28% 58%, oklch(36% .07 148/.2), transparent 34%), repeating-linear-gradient(115deg, var(--tl-bg-panel-2) 0 14px, var(--tl-bg-panel) 14px 28px);position:absolute;inset:0;overflow:hidden}.tl-landing-ui-panel{z-index:1;width:100%;min-height:100dvh;position:relative}.tl-landing-video{object-fit:cover;width:100%;height:100%;display:block}.tl-landing-video[hidden]{display:none}.tl-landing-shade{z-index:1;pointer-events:none;background:linear-gradient(oklch(10% .01 60/.55) 0%,#0000 30% 55%,oklch(10% .01 60/.92) 100%);position:absolute;inset:0}.tl-landing-header{z-index:3;top:max(28px, env(safe-area-inset-top));justify-content:space-between;align-items:center;display:flex;position:absolute;left:24px;right:24px}.tl-landing-logo img{max-width:100%;height:auto;display:block}.tl-landing-content{z-index:2;min-height:100svh;padding:150px 24px max(40px, calc(env(safe-area-inset-bottom) + 24px));flex-direction:column;justify-content:flex-end;gap:20px;display:flex;position:relative}.tl-landing-identity p{max-width:320px;color:var(--tl-text-muted);font:400 14px/1.5 var(--tl-font-ui);margin:0}.tl-landing-actions{flex-direction:column;gap:12px;display:flex}.tl-landing-google,.tl-landing-how{border-radius:var(--tl-radius-angular);width:100%;min-height:52px;font:700 16px var(--tl-font-ui);cursor:pointer}.tl-landing-google{background:var(--tl-text);color:var(--tl-bg-deep);border:0;justify-content:center;align-items:center;gap:10px;padding:17px;display:flex;box-shadow:0 8px 24px oklch(0% 0 0/.35)}.tl-landing-google:disabled{cursor:wait;opacity:.6}.tl-landing-how{border-radius:var(--tl-radius-angular-r);color:var(--tl-text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:oklch(100% 0 0/.06);border:1px solid oklch(90% .01 80/.35);padding:14px}.tl-landing-error{width:100%}.tl-landing-splash{z-index:40;background:var(--tl-bg-deep);opacity:1;justify-content:center;align-items:center;transition:opacity .7s;display:flex;position:absolute;inset:0}.tl-landing-splash.is-fading{opacity:0;pointer-events:none}.tl-landing-splash img{object-fit:contain;width:100%;height:100%;display:block}@media (width>=1024px) and (height>=600px) and (orientation:landscape){:is(.tl-viewport-shell:has(.tl-landing),.tl-desktop-frame:has(.tl-landing)){max-width:none}.tl-landing{background:var(--tl-bg-deep);justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:0;display:flex;overflow:hidden}.tl-landing-pair{flex-direction:row;width:min(112.5dvh,100vw);max-width:100vw;height:min(100dvh,88.8889vw);max-height:100dvh;display:flex;position:relative}.tl-landing-video-panel,.tl-landing-ui-panel{flex:0 0 50%;width:50%;min-width:0;height:100%;min-height:0;position:relative;inset:auto;overflow:hidden}.tl-landing-video-panel{z-index:0}.tl-landing-video{object-fit:cover;object-position:center;width:100%;height:100%}.tl-landing-ui-panel{z-index:1;background:var(--tl-bg-deep);box-sizing:border-box;border-right:1px solid var(--tl-border-soft)}.tl-landing-shade{display:none}.tl-landing-content{height:100%;min-height:0}.tl-landing-htp-host>div{padding-inline:8px}}@media (width>=700px) and (width<=1023px){:is(.tl-viewport-shell:has(.tl-landing),.tl-desktop-frame:has(.tl-landing)){max-width:none}.tl-landing-ui-panel{width:min(100%,520px);margin-inline:auto}}.tl-landing-htp-host{display:contents}@media (height<=599px) and (orientation:landscape){.tl-landing-header{top:max(12px, env(safe-area-inset-top))}.tl-landing-content{padding:64px 24px max(14px, calc(env(safe-area-inset-bottom) + 10px));gap:10px}.tl-landing-identity p{font-size:13px;line-height:1.4}.tl-landing-actions{gap:8px}.tl-landing-google,.tl-landing-how{min-height:44px}.tl-landing-htp-host>div>div{max-height:calc(100dvh - 16px);overflow-y:auto}}.tl-noscroll{scrollbar-width:none}.tl-noscroll::-webkit-scrollbar{width:0;height:0;display:none}.tl-device-frame{background:var(--tl-bg-deep);width:402px;max-width:100%;min-height:760px;box-shadow:0 0 0 1px var(--tl-border-soft), 0 30px 60px oklch(5% .01 55/.5);border-radius:40px;margin:0 auto;position:relative;overflow:hidden}.tl-desktop-frame{background:var(--tl-bg-deep);width:100%;max-width:1280px;min-height:100%;margin:0 auto;position:relative;box-shadow:0 0 0 1px oklch(30% .02 60/.4)}.tl-desktop-frame--real-app{flex:100%;width:100%;min-width:0;max-width:none}.tl-viewport-shell{background:var(--tl-bg-deep);flex-direction:column;width:100%;max-width:520px;min-height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.tl-lobby-shell{box-sizing:border-box;flex:auto;grid-template-rows:100%;grid-template-columns:100%;width:100%;min-height:0;display:grid;position:relative}.tl-lobby-shell>.tl-lobby-header,.tl-lobby-shell>.tl-lobby-stage,.tl-lobby-shell>.tl-lobby-footer{grid-area:1/1;min-width:0}.tl-lobby-header{z-index:2;align-self:start}.tl-lobby-footer{z-index:2;flex-direction:column;align-self:end;gap:10px;display:flex}.tl-lobby-stage{z-index:1;width:100%;height:calc(100% - 2 * var(--tl-lobby-reserve,140px));justify-content:center;place-self:center stretch;align-items:stretch;min-height:132px;display:flex;overflow:hidden}.tl-prod-lobby{width:100%;min-height:100dvh;color:var(--tl-text);background:var(--tl-bg-deep);isolation:isolate;grid-template-rows:auto auto 1fr auto;display:grid;position:relative;overflow:hidden}.tl-lobby-atmosphere{z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 16%,var(--tl-accent-soft),transparent 72%),linear-gradient(115deg,transparent 38%,oklch(97% .01 75/.07) 52%,transparent 66%),radial-gradient(ellipse 88% 68% at 50% 40%,transparent 50%,oklch(6% .01 55/.62) 100%);position:absolute;inset:0}.tl-lobby-atmosphere:after{content:"";opacity:.5;background-image:radial-gradient(oklch(97% .01 75/.05) 1px,#0000 1px);background-size:3px 3px;position:absolute;inset:0}.tl-prod-lobby-controls{z-index:5;padding:max(18px,env(safe-area-inset-top)) 16px 0;justify-content:space-between;align-items:center;display:flex;position:relative}.tl-prod-lobby-controls>div{gap:8px;display:flex}.tl-lobby-leave,.tl-lobby-hamburger{width:40px;height:40px}.tl-lobby-leave{border:1px solid color-mix(in oklch,var(--tl-danger),transparent 35%);background:var(--tl-danger-soft);color:var(--tl-danger)}.tl-lobby-hamburger{border:1px solid var(--tl-border);background:var(--tl-bg-panel);color:var(--tl-text-muted)}.tl-lobby-invite{border:1px solid var(--tl-border);background:var(--tl-bg-panel);height:40px;color:var(--tl-text);font:700 12px var(--tl-font-ui);cursor:pointer;border-radius:12px;padding:0 14px}.tl-lobby-identity{z-index:2;text-align:center;padding:10px 16px 0;position:relative}.tl-lobby-identity h1{font:700 19px var(--tl-font-display);margin:0}.tl-lobby-identity p{color:var(--tl-text-muted);font:500 12px var(--tl-font-ui);margin:3px 0 0}.tl-prod-table-stage{flex:none;place-self:center;width:100%;height:520px;position:relative}.tl-prod-table{background:radial-gradient(ellipse 60% 55% at 30% 22%,oklch(27% .024 50),transparent 55%),radial-gradient(ellipse 70% 60% at 66% 76%,oklch(15.5% .017 58),transparent 62%),radial-gradient(ellipse 80% 70% at 40% 30%,var(--tl-bg-panel-2),oklch(24% .022 55) 45%,oklch(17% .018 55));border:1.5px solid var(--tl-border);border-radius:48% 52% 46% 54%/34% 38% 30% 40%;width:228px;height:420px;animation:7s ease-in-out infinite tl-table-breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 30px oklch(30% .02 55/.4),inset 0 -20px 40px oklch(8% .01 55/.6),0 20px 44px oklch(5% .01 55/.45)}.tl-lobby-shuffle{z-index:2;border:1px solid var(--tl-border);border-radius:var(--tl-radius-blob);background:var(--tl-bg-panel);width:52px;height:52px;color:var(--tl-text-muted);cursor:pointer;place-items:center;padding:0;transition:filter .12s,opacity .12s,box-shadow .12s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 14px oklch(5% .01 55/.4)}.tl-lobby-shuffle svg{display:block}.tl-lobby-shuffle:not(:disabled):active{filter:brightness(.88);box-shadow:0 2px 7px oklch(5% .01 55/.45)}.tl-lobby-shuffle.is-pending{opacity:.62;cursor:wait}.tl-lobby-shuffle.is-pending svg{animation:.8s linear infinite tl-spin}.tl-lobby-seat{z-index:3;width:calc(var(--seat-size) + 30px);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:default;flex-direction:column;align-items:center;gap:3px;transition:left .28s cubic-bezier(.2,.8,.3,1),top .28s cubic-bezier(.2,.8,.3,1),opacity .25s;display:flex;position:absolute;transform:translate(-50%,-50%)}.tl-lobby-seat.is-interactive{cursor:grab;touch-action:none;-webkit-user-drag:none;-webkit-touch-callout:none}.tl-lobby-seat.is-tappable{cursor:pointer}.tl-lobby-seat.is-dragged{opacity:.3;touch-action:none}.tl-lobby-seat strong{max-width:calc(var(--seat-size) + 28px);text-overflow:ellipsis;white-space:nowrap;color:var(--tl-text-muted);font:600 10px var(--tl-font-ui);overflow:hidden}.tl-lobby-seat strong.ready{color:var(--tl-moss)}.tl-lobby-seat small{min-height:9px;max-width:calc(var(--seat-size) + 30px);text-overflow:ellipsis;white-space:nowrap;color:var(--tl-text-muted);font:700 7px var(--tl-font-ui);text-transform:uppercase;overflow:hidden}.tl-lobby-gap{z-index:6;pointer-events:none;background:radial-gradient(circle,oklch(97% .01 75/.3) 0 7px,#0000 8px);border-radius:50%;width:46px;height:46px;position:absolute;transform:translate(-50%,-50%)}.tl-lobby-gap.active{background:radial-gradient(circle,var(--tl-accent) 0 12px,transparent 13px);filter:drop-shadow(0 0 8px var(--tl-accent))}.tl-lobby-drag-ghost{z-index:100;border:1px solid var(--tl-accent);border-radius:var(--tl-radius-blob);background:var(--tl-bg-panel);color:var(--tl-text);font:700 12px var(--tl-font-ui);pointer-events:none;opacity:.9;padding:10px 14px;position:fixed;transform:translate(-50%,-50%)}.tl-prod-lobby-footer{z-index:3;width:min(440px,100% - 32px);padding:8px 0 max(22px,env(safe-area-inset-bottom));flex-direction:column;justify-self:center;gap:8px;display:flex;position:relative}.tl-lobby-settings-pill{border:1px solid var(--tl-border);background:var(--tl-bg-panel);max-width:100%;color:var(--tl-text-muted);font:600 13px var(--tl-font-ui);border-radius:16px;grid-template-columns:minmax(0,1fr) 34px;align-self:center;align-items:center;gap:8px;padding:7px 8px 7px 16px;display:grid}.tl-lobby-settings-pill.non-host{grid-template-columns:minmax(0,1fr);padding-right:16px}.tl-lobby-settings-pill.non-host:has(>em){grid-template-columns:minmax(0,1fr) auto;padding-right:8px}.tl-settings-copy{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;min-width:0;display:flex}.tl-settings-copy>span,.tl-settings-copy>i{white-space:nowrap}.tl-settings-copy>i{font-style:normal}.tl-lobby-settings-pill:not(:disabled){cursor:pointer}.tl-lobby-settings-pill em{border:1px solid var(--tl-border);color:var(--tl-amber-dim);font:700 9px var(--tl-font-ui);border-radius:6px;padding:1px 5px;font-style:normal}.tl-direction-label{align-items:center;gap:8px;display:inline-flex}.tl-direction-label svg{flex:none;display:block}.tl-settings-edit{border:1px solid var(--tl-border);width:34px;height:34px;color:var(--tl-amber-dim);border-radius:10px;align-self:center;place-items:center;padding:0;display:grid}.tl-settings-edit svg{display:block}.tl-lobby-cta{border-radius:var(--tl-radius-angular);background:var(--tl-accent);width:100%;color:var(--tl-bg-deep);font:700 16px var(--tl-font-ui);cursor:pointer;border:0;padding:15px}.tl-lobby-cta:disabled{background:var(--tl-bg-panel-2);color:var(--tl-text-muted);cursor:default}.tl-lobby-cta.ready{border:2px solid var(--tl-moss);background:var(--tl-bg-panel-2);color:var(--tl-moss);border-radius:16px 34px 16px 38px}.tl-prod-lobby-footer p{text-align:center;color:var(--tl-amber-dim);font:500 12px/15px var(--tl-font-ui);margin:0}.tl-lobby-error{border:1px solid var(--tl-danger);background:var(--tl-danger-soft);text-align:center;border-radius:12px;padding:8px 12px;font-size:12px}.tl-lobby-overlay{z-index:70;background:oklch(10% .01 60/.75);justify-content:center;align-items:flex-end;padding-inline:8px;display:flex;position:absolute;inset:0}.tl-lobby-sheet{width:min(100%,430px);padding:10px 20px max(26px,env(safe-area-inset-bottom));border:1px solid var(--tl-border);background:var(--tl-bg-panel);border-bottom:0;border-radius:26px 26px 0 0;flex-direction:column;gap:14px;animation:.3s cubic-bezier(.2,.9,.3,1) tl-sheet-in;display:flex}.tl-lobby-sheet>i{background:var(--tl-border);border-radius:2px;width:36px;height:4px;margin:6px auto 4px}.tl-lobby-sheet h2{text-align:center;font:700 18px var(--tl-font-display);margin:0}.tl-lobby-sheet p{text-align:center;color:var(--tl-text-muted);margin:0;font-size:13px}.tl-lobby-sheet button{font-family:var(--tl-font-ui)}.tl-lobby-sheet.actions>button{color:var(--tl-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:13px 16px;font-size:15px}.tl-lobby-sheet button.danger{color:var(--tl-danger)}.tl-lobby-menu-backdrop{position:absolute}.tl-lobby-move-row{border-block:1px solid var(--tl-border-soft);display:flex}.tl-lobby-move-row button{color:var(--tl-text);cursor:pointer;background:0 0;border:0;flex:1;padding:14px 6px;font-size:13px}.tl-lobby-move-row button+button{border-left:1px solid var(--tl-border-soft);text-align:right}.tl-lobby-sheet.actions>.danger{text-align:center;cursor:pointer;background:0 0;border:0;padding:12px 16px}.tl-lobby-invite-row{gap:10px;display:flex}.tl-lobby-invite-row span{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--tl-border);background:var(--tl-bg-panel-2);min-width:0;color:var(--tl-text-muted);border-radius:14px;flex:1;padding:13px 14px;font-size:13px;overflow:hidden}.tl-lobby-invite-row button,.tl-lobby-sheet .done{background:var(--tl-accent);color:var(--tl-bg-deep);border:0;border-radius:14px;padding:0 18px;font-weight:700}.tl-lobby-invite-row button{width:116px;min-width:116px;padding-inline:8px}.tl-lobby-invite-row button:disabled{opacity:.5}.tl-color-picker{grid-template-columns:repeat(4,1fr);gap:9px;width:100%;display:grid}.tl-color-picker button{aspect-ratio:1;width:100%;color:var(--tl-bg-deep);cursor:pointer;border:1px solid oklch(10% .01 55/.25);border-radius:14px 22px;font-weight:700;position:relative}.tl-color-picker button:nth-child(2n){border-radius:22px 14px}.tl-color-picker button:disabled{border:1.5px dashed var(--tl-border);opacity:.72;cursor:not-allowed}.tl-color-picker button>img,.tl-color-picker button>span{border:2px solid var(--tl-text);object-fit:cover;background:var(--tl-bg-deep);width:66%;height:66%;color:var(--tl-text);font:700 13px var(--tl-font-display);border-radius:50%;place-items:center;display:grid;position:absolute;inset:17%}.tl-color-picker button.selected{border:2px solid var(--tl-text);box-shadow:0 0 0 3px var(--tl-bg-panel),0 0 0 5px var(--tl-text)}.tl-sheet-actions{gap:10px;display:flex}.tl-sheet-actions button{border:1px solid var(--tl-border);color:var(--tl-text-muted);background:0 0;border-radius:14px;flex:1;padding:13px;font-weight:600}.tl-sheet-actions button:last-child{background:var(--tl-accent);color:var(--tl-bg-deep);border:0;flex:2;font-weight:700}.tl-sheet-actions .danger-solid{background:var(--tl-danger);color:var(--tl-text)}.tl-setting{flex-direction:column;gap:6px;display:flex}.tl-setting label,.tl-lobby-sheet.settings>label{color:var(--tl-text-muted);font:700 11px var(--tl-font-ui);letter-spacing:.04em}.tl-setting>div{flex-wrap:wrap;gap:6px;display:flex}.tl-setting-score>div{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.tl-setting button{border:1px solid var(--tl-border);color:var(--tl-text-muted);background:0 0;border-radius:10px;padding:8px 12px;font-size:12px}.tl-setting-score button{min-width:0;padding-inline:4px}.tl-setting-direction button{justify-content:center;align-items:center;gap:9px;display:inline-flex}.tl-setting-direction button svg{flex:none;display:block}.tl-setting button.active{border-color:var(--tl-accent);background:var(--tl-accent-soft);color:var(--tl-accent)}.tl-bot-stepper{align-items:center;gap:14px;display:flex}.tl-bot-stepper button{border:1px solid var(--tl-border);background:var(--tl-bg-panel-2);width:34px;height:34px;color:var(--tl-text);border-radius:10px;font-size:16px}.tl-lobby-sheet.settings .done{min-height:44px}@media (width>=700px){:is(.tl-viewport-shell:has(.tl-prod-lobby),.tl-desktop-frame:has(.tl-prod-lobby)){max-width:none}.tl-prod-lobby-controls,.tl-lobby-identity,.tl-prod-table-stage{width:min(100%,133.333dvh);margin-inline:auto}.tl-prod-lobby-controls{padding:24px 48px 0}.tl-lobby-identity{padding:10px 48px 0}.tl-prod-table-stage{height:clamp(430px,54.2vw,560px)}.tl-prod-table{border-radius:25% 19% 27% 17%/43% 57% 39% 61%;width:clamp(420px,58.6vw,600px);height:clamp(250px,31.25vw,320px)}.tl-lobby-seat strong{font-size:13px}.tl-prod-lobby-footer{padding-bottom:32px}.tl-lobby-overlay{align-items:center}.tl-lobby-sheet{border-bottom:1px solid var(--tl-border);border-radius:22px;width:400px;padding:24px;animation:.18s tl-fade-in}.tl-lobby-sheet.invite{border-radius:26px 26px 0 0;align-self:flex-end;width:420px}.tl-lobby-sheet.picker{border-radius:24px;width:440px;padding:28px}.tl-lobby-sheet.confirm{width:380px}.tl-lobby-sheet.actions{width:360px}.tl-lobby-sheet>i{display:none}.tl-color-picker{gap:12px}}@media (width>=1024px){.tl-prod-table-stage{height:560px}.tl-prod-table{width:600px;height:320px}}.tl-prod-table-center{width:0;height:0;position:absolute;top:50%;left:50%}.tl-prod-table-center>.tl-prod-table,.tl-prod-table-center>.tl-lobby-shuffle{top:0;left:0}@media (prefers-reduced-motion:reduce){.tl-lobby-shuffle.is-pending svg{animation:none}}.tl-lobby-status{text-align:center;height:30px;color:var(--tl-amber-dim);font:500 12px/15px var(--tl-font-ui);place-items:center;padding:0 8px;display:grid;overflow:hidden}.tl-lobby-game-seam{background:var(--tl-bg-deep);width:100%;min-height:100dvh;position:relative;overflow:hidden}.tl-seam-gameplay{opacity:0;transition:opacity .6s}.tl-seam-lobby{z-index:820;transition:opacity .6s;position:fixed;inset:0}.tl-lobby-game-seam.is-entering .tl-seam-gameplay{opacity:1}.tl-lobby-game-seam.is-entering .tl-seam-lobby{opacity:0;pointer-events:none}@keyframes tl-lobby-controls-away{0%{opacity:1}to{opacity:0}}.tl-prod-lobby.is-ceremony .tl-prod-lobby-controls,.tl-prod-lobby.is-ceremony .tl-lobby-identity,.tl-prod-lobby.is-ceremony .tl-prod-lobby-footer{opacity:0;pointer-events:none;animation:.28s both tl-lobby-controls-away}.tl-prod-lobby.is-ceremony .tl-av-star,.tl-prod-lobby.is-ceremony .tl-av-host,.tl-prod-lobby.is-ceremony .tl-av-tag,.tl-prod-lobby.is-ceremony .tl-av-bot,.tl-prod-lobby.is-ceremony .tl-av-ready,.tl-prod-lobby.is-ceremony .tl-lobby-seat small{opacity:0}.tl-prod-lobby.is-ceremony .tl-lobby-seat{pointer-events:none}.tl-prod-lobby.is-ceremony .tl-lobby-seat.ceremony-target .tl-av{animation:4s both pg-first-target}.tl-lobby-ceremony-result{z-index:8;left:50%;bottom:max(24px,env(safe-area-inset-bottom));text-align:center;opacity:0;flex-direction:column;align-items:center;gap:4px;min-height:64px;animation:.35s 3.1s forwards pg-first-result;display:flex;position:absolute;transform:translate(-50%)}.tl-lobby-ceremony-result small{color:var(--tl-accent);font:700 11px var(--tl-font-ui);letter-spacing:.08em;text-transform:uppercase}.tl-lobby-ceremony-result strong{color:var(--tl-text);font:700 clamp(20px,5vw,28px) var(--tl-font-display);white-space:nowrap}.tl-lobby-ceremony-result em{color:var(--tl-text);font:600 13px var(--tl-font-ui);font-style:normal}.tl-lobby-move-row{background:var(--tl-bg-panel-2);border:0;border-radius:12px;justify-content:space-between;align-items:center;padding:4px 8px}.tl-lobby-move-row button{flex:0 auto;padding:10px 8px}.tl-lobby-move-row button+button{border-left:0}.tl-color-picker button.occupied:disabled{opacity:1}.tl-color-picker button.occupied:after{content:"";border-radius:inherit;background:oklch(8% .01 55/.28);position:absolute;inset:0}.tl-color-picker button.occupied>img,.tl-color-picker button.occupied>span{z-index:1}@media (width>=520px) and (width<=699.98px){:is(.tl-viewport-shell:has(.tl-home),.tl-viewport-shell:has(.tl-prod-lobby),.tl-viewport-shell:has(.pg-game-over)){max-width:none}.tl-auth-header,.tl-home-content,.tl-prod-lobby-controls,.tl-lobby-identity,.tl-prod-table-stage{width:min(100%,520px);margin-inline:auto}}.tl-btn{font-family:var(--tl-font-ui);cursor:pointer;color:inherit;background:0 0;border:none}.tl-slide-track{background:var(--tl-bg-panel-2);border:1px solid var(--tl-border);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:27px 32px;position:relative;overflow:hidden}.tl-slide-handle{border-radius:var(--tl-radius-blob);width:44px;height:44px;position:absolute;top:5px;box-shadow:0 4px 10px oklch(5% .01 55/.4)}.tl-card{border-radius:var(--tl-radius-card);border:1px solid var(--tl-border-soft);box-sizing:border-box;position:relative;overflow:hidden}.tl-avatar{border-radius:var(--tl-radius-blob);font-family:var(--tl-font-display);color:var(--tl-bg-deep);box-sizing:border-box;justify-content:center;align-items:center;font-weight:700;display:flex}.tl-score-strip{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:7px;display:grid}.tl-score-player{background:var(--tl-bg-panel);color:var(--tl-text-muted);border-left:3px solid;justify-content:space-between;gap:8px;padding:8px 10px;font-size:12px;display:flex}.tl-score-player strong{color:var(--tl-text)}.tl-game-hand{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.tl-game-card{aspect-ratio:1;border-radius:var(--tl-radius-card);background:var(--tl-bg-panel-2);color:var(--tl-text-muted);cursor:pointer;border:2px solid #0000;padding:0;overflow:hidden}.tl-game-card.selected{border-color:var(--tl-accent);transform:translateY(-3px)}.tl-game-card img{object-fit:cover;width:100%;height:100%;display:block}.tl-game-wait,.tl-association{background:var(--tl-bg-panel);border:1px solid var(--tl-border-soft);border-radius:var(--tl-radius-angular);color:var(--tl-text-muted);text-align:center;padding:16px}.tl-association{color:var(--tl-text);font-family:var(--tl-font-display);font-size:18px}.tl-association span{color:var(--tl-accent);font:11px var(--tl-font-ui);text-transform:uppercase;margin-bottom:6px;display:block}.tl-card-viewer{z-index:90;background:oklch(8% .01 55/.96);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.tl-card-viewer img{aspect-ratio:1;object-fit:contain;border-radius:var(--tl-radius-card);width:min(80vw,560px);max-height:80vh}.tl-card-viewer button{color:var(--tl-text);cursor:pointer;background:0 0;border:0;font-size:34px;position:absolute;top:18px;right:18px}.pg-check-player{z-index:35;top:calc(var(--pg-top-safe) + 72px);border:1px solid var(--tl-accent);background:var(--tl-bg-panel);color:var(--tl-text);font:600 12px var(--tl-font-ui);cursor:pointer;border-radius:999px;padding:8px 13px;position:absolute;left:50%;transform:translate(-50%)}.pg-presence-check{z-index:140;background:oklch(6% .01 55/.92);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.pg-presence-check>div{border:1px solid var(--tl-border);border-radius:var(--tl-radius-angular);background:var(--tl-bg-panel);text-align:center;justify-items:center;gap:24px;width:min(100%,420px);padding:36px;display:grid}.pg-presence-check h2{font:700 clamp(26px,6vw,42px) var(--tl-font-display);margin:0}.pg-presence-check strong{font:700 36px var(--tl-font-display);color:var(--tl-accent)}.pg-presence-check button{background:var(--tl-accent);min-width:180px;color:var(--tl-bg-deep);font:700 16px var(--tl-font-ui);cursor:pointer;border:0;border-radius:999px;padding:14px 24px}@media (width>=720px){.tl-game-hand{grid-template-columns:repeat(6,minmax(0,1fr))}}.pg-root{--pg-top-safe:max(10px,env(safe-area-inset-top));--tl-choreo-reflow:.96s;--tl-choreo-ease:cubic-bezier(.2,.8,.2,1);--tl-choreo-hand-exit:.5s;--tl-choreo-hud-exit:.8s;--tl-choreo-rise:.52s;--pg-hint-slot:clamp(32px,6vh,44px);box-sizing:border-box;grid-template-rows:var(--pg-hud-row,auto) auto auto minmax(0,1fr) auto auto;width:100%;min-width:0;max-width:1180px;height:100dvh;color:var(--tl-text);padding:var(--pg-top-safe) 0 env(safe-area-inset-bottom);transition:grid-template-rows var(--tl-choreo-reflow) var(--tl-choreo-ease);background-image:radial-gradient(circle,color-mix(in oklch,var(--tl-bg-deep) 45%,black) 1px,transparent 1.4px),radial-gradient(ellipse 90% 65% at 50% 14%,var(--tl-bg-panel) 0%,transparent 60%),radial-gradient(ellipse 120% 85% at 50% 100%,color-mix(in oklch,var(--tl-bg-deep) 80%,black) 0%,transparent 55%),linear-gradient(180deg,var(--tl-bg-deep) 0%,color-mix(in oklch,var(--tl-bg-deep) 92%,black) 100%);--pg-action-slot:clamp(50px,6.5vh,60px);--pg-system-bottom:calc(var(--pg-hint-slot) + 8px);background-size:7px 7px,auto,auto,auto;margin-inline:auto;display:grid;position:relative;overflow:hidden}.pg-root.pg-bottom-action-active{--pg-system-bottom:calc(var(--pg-hint-slot) + var(--pg-action-slot) + 8px)}.pg-hud{grid-row:1}.pg-association-region{--pg-assoc-clear:clamp(10px,1.8vh,16px);text-align:center;min-height:0;padding:var(--pg-assoc-clear) 48px 3px;grid-row:2;justify-content:center;display:flex;position:relative}.pg-association-region-ceremony{z-index:40}.pg-timing-region{grid-row:3;justify-content:center;align-items:center;min-height:34px;max-height:34px;padding:0 16px;display:flex;overflow:hidden}.pg-root.presentation-association_center .pg-stage,.pg-root.presentation-association_settle .pg-stage{visibility:hidden}.pg-stage{grid-row:4;min-width:0;min-height:0;display:flex;overflow:hidden}.pg-stage>.pg-focus,.pg-stage>.pg-field-wrap,.pg-stage>.pg-story-assoc{flex:auto}.pg-lower-stage{min-height:var(--pg-hint-slot);max-height:var(--pg-hint-slot);flex-direction:column;grid-row:6;justify-content:flex-end;padding-bottom:clamp(3px,.8vh,7px);display:flex;overflow:hidden}.pg-lower-stage>*{width:100%}.pg-action-slot{min-height:var(--pg-action-slot);flex-direction:column;grid-row:5;justify-content:center;align-items:center;display:flex;overflow:hidden}.pg-action-slot .pg-slide{margin:2px auto}.pg-hand-overlay{left:0;right:0;bottom:var(--pg-hint-slot);z-index:20;pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex;position:absolute}.pg-hand-overlay>.pg-hand-tray{pointer-events:auto}.pg-refresh,.pg-hamburger{top:var(--pg-top-safe);z-index:45;border:1px solid var(--tl-border);background:color-mix(in oklch,var(--tl-bg-panel) 70%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:36px;height:36px;color:var(--tl-text);cursor:pointer;border-radius:12px;place-items:center;padding:0;display:grid;position:absolute}.pg-refresh{left:12px}.pg-hamburger{right:12px}.pg-paused-state{text-align:center;opacity:.85;place-items:center;gap:6px;height:100%;min-height:160px;padding:24px;display:grid}.pg-paused-state h2{color:var(--tl-text);font:800 30px var(--tl-font-display);letter-spacing:.05em;margin:0}.pg-paused-state p{color:var(--tl-text);font:500 14px var(--tl-font-ui);opacity:.72;margin:0}.pg-pause-request-card{right:12px;bottom:calc(var(--pg-hint-slot,0px) + 16px);z-index:130;border:1px solid var(--tl-border);background:var(--tl-bg-panel);border-radius:18px;width:min(300px,100vw - 24px);padding:16px;position:fixed;box-shadow:0 20px 60px oklch(2% 0 0/.45)}.pg-pause-request-card p{color:var(--tl-text);font:600 14px var(--tl-font-ui);margin:0 0 12px}.pg-pause-request-actions{gap:8px;display:flex}.pg-pause-request-actions button{border:1px solid color-mix(in oklch,var(--tl-accent) 55%,var(--tl-border));background:var(--tl-accent);min-height:40px;color:var(--tl-bg-deep);font:700 13px var(--tl-font-ui);cursor:pointer;border-radius:12px;flex:1;padding:8px 14px}.pg-pause-request-actions button:last-child{background:var(--tl-bg-panel-2);color:var(--tl-text)}.pg-pause-request-actions button:disabled{opacity:.58;cursor:default}.pg-menu-backdrop{z-index:80;position:fixed;inset:0}.pg-menu-leave{text-align:center;flex-direction:column;gap:12px;padding:6px 4px 2px;display:flex}.pg-menu-leave>p{color:var(--tl-text);font:600 14px var(--tl-font-ui);margin:0}.pg-menu-leave .pg-slide{margin:0 auto}.pg-menu-leave>button{border:1px solid var(--tl-border-soft);background:color-mix(in oklch,var(--tl-bg-panel-2) 58%,transparent);min-height:44px;color:var(--tl-text-muted);font:600 13px var(--tl-font-ui);cursor:pointer;border-radius:12px;padding:10px 16px}.pg-hud{flex-direction:column;align-items:center;gap:6px;padding:8px 10px 4px;display:flex}.pg-timing-status{border:1px solid color-mix(in oklch,var(--tl-accent) 42%,var(--tl-border-soft));background:color-mix(in oklch,var(--tl-bg-panel) 82%,transparent);max-width:calc(100vw - 104px);color:var(--tl-text);font:600 12px/1.35 var(--tl-font-ui);text-align:center;border-radius:999px;align-items:baseline;gap:2px;padding:5px 11px;display:flex}.pg-timing-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pg-timing-duration{white-space:nowrap;flex:none}.pg-timing-offline_grace{border-color:color-mix(in oklch,var(--tl-moss) 48%,var(--tl-border-soft));background:color-mix(in oklch,var(--tl-moss-soft) 52%,var(--tl-bg-panel));color:color-mix(in oklch,var(--tl-text) 88%,var(--tl-moss))}.pg-system-status{left:50%;bottom:var(--pg-system-bottom);z-index:30;background:color-mix(in oklch,var(--tl-bg-panel) 88%,transparent);border:1px solid var(--tl-border-soft);width:max-content;max-width:calc(100% - 24px);color:var(--tl-text-muted);font:600 12px/1.3 var(--tl-font-ui);text-align:center;pointer-events:none;box-shadow:0 5px 14px color-mix(in oklch,var(--tl-bg-deep) 45%,black);overflow-wrap:anywhere;-webkit-line-clamp:2;border-radius:9px;-webkit-box-orient:vertical;padding:4px 12px;display:-webkit-box;position:absolute;overflow:hidden;transform:translate(-50%)}.pg-system-status-error{border-color:color-mix(in oklch,var(--tl-danger) 58%,var(--tl-border-soft));background:color-mix(in oklch,var(--tl-danger-soft) 40%,var(--tl-bg-panel));width:fit-content;max-width:calc(100% - 24px);color:color-mix(in oklch,var(--tl-danger) 72%,var(--tl-text));padding-inline:14px}@media (width>=390px){.pg-system-status-error{white-space:nowrap;text-overflow:ellipsis;display:block}}.pg-hud,.pg-association-region,.pg-stage{transition:transform var(--tl-choreo-reflow) var(--tl-choreo-ease),opacity .5s ease}.pg-reveal-layout{transition:grid-template-rows var(--tl-choreo-rise) var(--tl-choreo-ease)}.pg-reveal-layout .pg-hud{transform:translateY(calc(-100% - var(--pg-top-safe) - 18px));opacity:0;pointer-events:none;transition:transform var(--tl-choreo-hud-exit) var(--tl-choreo-ease),opacity var(--tl-choreo-hud-exit) ease}.pg-root.presentation-covered>:not(.pg-first-draw):not(.pg-transition),.pg-root.presentation-entrance_ready>:not(.pg-refresh):not(.pg-hamburger):not(.pg-first-draw){visibility:hidden}.pg-root.presentation-entrance .pg-hud{animation:.9s cubic-bezier(.2,.85,.3,1) both pg-hud-descend}.pg-hud-row{justify-content:center;gap:var(--pg-hud-gap);display:flex}.pg-hud-stack{flex-direction:column;align-items:center;gap:6px;display:flex}.pg-hud-item{width:calc(var(--pg-hud-av) + 12px);flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.pg-hud-item.is-tappable{cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;padding:0}.tl-av{width:var(--tl-av-size,100%);height:var(--tl-av-size,100%);border-radius:var(--tl-av-shape,var(--tl-radius-blob));border:max(2px,calc(var(--tl-av-size,44px) * .05)) solid var(--tl-av-ring,var(--tl-border));background:linear-gradient(155deg,var(--tl-av-ring,var(--tl-bg-panel-2)),oklch(32% .05 55));box-shadow:0 0 0 2px var(--tl-bg-deep),0 0 var(--tl-av-glow,16px) color-mix(in oklch,var(--tl-av-ring,transparent) 60%,transparent);font-family:var(--tl-font-display);place-items:center;display:grid;position:relative;overflow:visible}.tl-av.no-color{border:2px dashed var(--tl-border);background:var(--tl-bg-panel-2);box-shadow:none}.tl-av{--tl-av-badge:clamp(6px,calc(var(--tl-av-size,44px) * .34 - 8px),13px)}.tl-av-profile{border-color:var(--tl-accent);background:var(--tl-bg-panel-2)}.tl-av>img{object-fit:cover;border-radius:inherit;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.tl-av.is-offline>img,.tl-av.is-offline>.tl-av-initial{opacity:.45;filter:saturate(.55)}.tl-av-initial{font:700 calc(var(--tl-av-size,44px) * .4) var(--tl-font-display);color:var(--tl-text);line-height:1}.tl-av.story{box-shadow:0 0 0 2px var(--tl-bg-deep),0 0 5px color-mix(in oklch,var(--tl-av-ring,var(--tl-accent)) 72%,transparent),0 0 calc(var(--tl-av-glow,16px) * 2.6) color-mix(in oklch,var(--tl-av-ring,var(--tl-accent)) 88%,transparent)}.tl-av-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tl-av-host{top:calc(var(--tl-av-size,44px) * -.07);left:calc(var(--tl-av-size,44px) * -.07);width:clamp(12px,calc(var(--tl-av-size,44px) * .3),24px);height:clamp(12px,calc(var(--tl-av-size,44px) * .3),24px);border:2px solid var(--tl-bg-deep);background:var(--tl-accent);color:var(--tl-bg-deep);font-size:clamp(0px,calc((var(--tl-av-size,44px) - 50px) * .9),13px);border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute;overflow:hidden}.tl-av-offline{top:calc(var(--tl-av-size,44px) * -.08);right:calc(var(--tl-av-size,44px) * -.08);width:clamp(15px,calc(var(--tl-av-size,44px) * .38),28px);height:clamp(15px,calc(var(--tl-av-size,44px) * .38),28px);color:var(--tl-text);filter:drop-shadow(0 0 1.5px var(--tl-bg-deep)) drop-shadow(0 1px 2px var(--tl-bg-deep));place-items:center;display:grid;position:absolute}.tl-av-offline>svg{stroke-width:2.75px;width:100%;height:100%}.tl-av-bot,.tl-av-tag{bottom:calc(var(--tl-av-size,44px) * -.09);font:700 var(--tl-av-badge,7px) var(--tl-font-ui);letter-spacing:.06em;color:var(--tl-bg-deep);white-space:nowrap;border-radius:.55em;padding:.14em .45em;line-height:1.15;position:absolute;left:50%;transform:translate(-50%)}.tl-av-bot{background:var(--tl-text-muted)}.tl-av-tag{background:var(--tl-accent)}.tl-av-ready{right:calc(var(--tl-av-size,44px) * -.06);bottom:calc(var(--tl-av-size,44px) * -.06);width:clamp(15px,calc(var(--tl-av-size,44px) * .3),24px);height:clamp(15px,calc(var(--tl-av-size,44px) * .3),24px);border:2px solid var(--tl-bg-deep);background:var(--tl-moss);color:var(--tl-bg-deep);font:700 clamp(9px,calc(var(--tl-av-size,44px) * .22),13px) var(--tl-font-ui);border-radius:50%;place-items:center;display:grid;position:absolute}.pg-hud-item .tl-av{--tl-av-size:var(--pg-hud-av)}.pg-hud-name{max-width:100%;font:600 10px var(--tl-font-ui);color:var(--tl-text-muted);white-space:nowrap;text-overflow:ellipsis;text-align:center;overflow:hidden}.pg-hud-score{font:700 11px var(--tl-font-ui);color:var(--tl-text);line-height:1}.pg-hud-lg{--pg-hud-av:clamp(42px,13vw,52px);--pg-hud-gap:14px}.pg-hud-md{--pg-hud-av:clamp(38px,11vw,46px);--pg-hud-gap:8px}.pg-hud-sm{--pg-hud-av:clamp(32px,9vw,40px);--pg-hud-gap:6px}.pg-game-over{isolation:isolate;height:100dvh;min-height:0;color:var(--tl-text);background:var(--tl-bg-deep);padding:max(14px,env(safe-area-inset-top)) clamp(12px,4vw,32px) max(14px,env(safe-area-inset-bottom));flex-direction:column;gap:clamp(10px,2vh,20px);display:flex;position:relative;overflow:hidden}.pg-game-over:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 16%,var(--tl-accent-soft),transparent 72%),linear-gradient(115deg,transparent 38%,oklch(97% .01 75/.07) 52%,transparent 66%),radial-gradient(ellipse 88% 68% at 50% 40%,transparent 50%,oklch(6% .01 55/.62) 100%);position:absolute;inset:0}.pg-game-over:after{content:"";z-index:0;pointer-events:none;opacity:.5;background-image:radial-gradient(oklch(97% .01 75/.05) 1px,#0000 1px);background-size:3px 3px;position:absolute;inset:0}.pg-game-over>:where(.pg-game-over-hero,.pg-game-over-standings,.pg-game-over-actions){z-index:1;position:relative}.pg-game-over-hero{text-align:center;flex-direction:column;flex:none;align-items:center;gap:8px;display:flex}.pg-game-over-title{font:700 clamp(19px,5.5vw,26px) var(--tl-font-display);letter-spacing:.01em;color:var(--tl-text);margin:0}.pg-game-over-hero>small{color:var(--tl-accent);font:700 11px var(--tl-font-ui);letter-spacing:.14em;text-transform:uppercase}.pg-game-over-winners{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(14px,5vw,32px);max-width:100%;display:flex}.pg-game-over-winners article{flex-direction:column;align-items:center;gap:3px;min-width:0;animation:.45s both pg-game-over-arrive;display:flex}.pg-game-over-winners strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font:700 clamp(20px,6vw,34px) var(--tl-font-display);overflow:hidden}.pg-game-over-winners b{color:var(--tl-text-muted);font:600 13px var(--tl-font-ui)}.pg-game-over-winners article>em{background:var(--tl-accent);color:var(--tl-bg-deep);font:700 8px var(--tl-font-ui);border-radius:7px;padding:1px 6px;font-style:normal}.pg-game-over-winners article.departed{opacity:.62}.pg-game-over-winner-avatar{--tl-av-size:clamp(92px,25vw,144px);margin-bottom:5px}.pg-game-over-winners.multiple .pg-game-over-winner-avatar{--tl-av-size:clamp(76px,20vw,116px)}.pg-game-over-standings{overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;flex:0 auto;width:min(100%,440px);min-height:0;margin:0 auto;padding:2px 2px 8px;list-style:none;display:flex;overflow-y:auto}.pg-game-over-standings::-webkit-scrollbar{display:none}.pg-game-over-row{border-bottom:1px solid color-mix(in oklch,var(--tl-border) 55%,transparent);align-items:center;gap:clamp(8px,3vw,14px);padding:clamp(7px,1.4vh,11px) 4px;animation:.35s both pg-game-over-row-in;display:flex}.pg-game-over-row:last-child{border-bottom:0}.pg-game-over-place{text-align:center;width:28px;color:var(--tl-text-muted);font:700 12px var(--tl-font-ui);flex-shrink:0}.pg-game-over-row-avatar{--tl-av-size:clamp(30px,8vw,38px);flex-shrink:0}.pg-game-over-nick{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--tl-text);font:600 14px var(--tl-font-ui);flex:1;overflow:hidden}.pg-game-over-you{background:var(--tl-accent);color:var(--tl-bg-deep);font:700 8px var(--tl-font-ui);border-radius:6px;flex-shrink:0;padding:1px 5px;font-style:normal}.pg-game-over-left{color:var(--tl-text-muted);font:600 10px var(--tl-font-ui);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.pg-game-over-row-score{text-align:right;min-width:26px;color:var(--tl-text-muted);font:700 15px var(--tl-font-display);flex-shrink:0}.pg-game-over-row.departed{opacity:.6}.pg-game-over-row.you .pg-game-over-nick{color:var(--tl-accent)}.pg-game-over-actions{flex-direction:column;flex:none;align-items:center;gap:5px;width:min(440px,100%);margin:auto auto 0;display:flex}.pg-game-over-actions p{color:var(--tl-text-muted);font:500 12px var(--tl-font-ui);margin:0 0 2px}.pg-game-over-actions .pg-slide{margin:4px auto 0}.pg-game-over-play{border-radius:var(--tl-radius-angular);background:var(--tl-accent);width:100%;min-height:50px;color:var(--tl-bg-deep);font:700 15px var(--tl-font-ui);cursor:pointer;border:0}.pg-game-over-play:disabled{opacity:.55;cursor:default}@keyframes pg-game-over-arrive{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:none}}@keyframes pg-game-over-row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (width>=700px) and (width<=1023.98px){.pg-game-over{padding-left:48px;padding-right:48px}.pg-game-over-winners.multiple .pg-game-over-winner-avatar{--tl-av-size:120px}.pg-game-over-standings{width:min(100%,540px)}.pg-game-over-row{padding:clamp(9px,1.5vh,13px) 6px}.pg-game-over-place{width:30px}.pg-game-over-row-avatar{--tl-av-size:clamp(36px,4.6vw,44px)}}@media (width>=1024px){.pg-game-over{padding-left:48px;padding-right:48px}.pg-game-over-winners.multiple .pg-game-over-winner-avatar{--tl-av-size:132px}.pg-game-over-standings{width:min(100%,600px)}.pg-game-over-row{gap:16px;padding:clamp(12px,1.7vh,18px) 8px}.pg-game-over-place{width:34px;font-size:13px}.pg-game-over-row-avatar{--tl-av-size:clamp(48px,3.6vw,56px)}.pg-game-over-nick{font-size:15px}.pg-game-over-row-score{min-width:30px;font-size:17px}}.pg-focus{text-align:center;border-radius:var(--tl-radius-blob);background:radial-gradient(ellipse 85% 75% at 40% 34%,var(--tl-bg-panel-2) 0%,var(--tl-bg-deep) 80%);border:1px solid var(--tl-border-soft);width:min(94%,520px);min-height:0;box-shadow:inset 0 0 24px color-mix(in oklch,var(--tl-bg-deep) 60%,black);flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:auto;padding:26px 22px;transition:width .45s cubic-bezier(.3,.8,.3,1),padding .45s cubic-bezier(.3,.8,.3,1),min-height .45s cubic-bezier(.3,.8,.3,1);display:flex;overflow:auto}.pg-focus.compact{width:min(90%,400px);min-height:0;padding:18px 20px}.pg-focus-card{aspect-ratio:1;border-radius:var(--tl-radius-card);background:var(--tl-bg-panel-2);width:clamp(84px,26vw,120px);box-shadow:0 8px 20px color-mix(in oklch,var(--tl-bg-deep) 70%,black);overflow:hidden}.pg-focus-card img{object-fit:cover;width:100%;height:100%;display:block}.pg-assoc-counter{color:var(--tl-text-muted);font:600 11px var(--tl-font-ui);align-self:flex-end}.pg-assoc-ceremony{z-index:3;pointer-events:none;text-align:center;max-width:460px;transition:font-size .82s,opacity .3s}.pg-assoc-ceremony em{color:var(--tl-accent);font-style:normal;font:700 10px var(--tl-font-ui);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;display:block}.pg-assoc-ceremony strong{font:700 clamp(15px,3.2vh,22px) var(--tl-font-display);overflow-wrap:anywhere;display:block}.pg-assoc-ceremony small{white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--tl-text-muted);font:700 10px var(--tl-font-ui);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;transition:opacity .25s .45s;display:block;overflow:hidden}.pg-assoc-ceremony-center{z-index:40;width:86%;transform:translateY(var(--pg-assoc-center-shift,0px));margin-inline:auto;padding:clamp(18px,5vh,36px) 0;position:absolute;left:0;right:0}.pg-assoc-ceremony-center em{font-size:13px}.pg-assoc-ceremony-center strong{font-size:clamp(22px,5vh,32px)}.pg-assoc-ceremony-center small{display:none}.pg-assoc-ceremony-compact{width:auto;max-width:100%;padding:2px 0 4px;transform:translateY(0)}.pg-root.presentation-entrance .pg-hand-tray{animation:.82s cubic-bezier(.2,.85,.3,1) .25s both pg-round-hand-rise}.pg-hand-tray.exiting{animation:pg-round-hand-exit var(--tl-choreo-hand-exit) cubic-bezier(.4,0,.8,.2) both;pointer-events:none}.pg-story-assoc{text-align:center;flex:auto;grid-template-rows:auto auto minmax(0,1fr);align-content:start;place-items:start center;gap:clamp(12px,2.4vh,22px);min-height:0;padding:clamp(10px,2.4vh,22px) 18px 0;display:grid}.pg-story-assoc-card{aspect-ratio:1;border-radius:var(--tl-radius-card);background:var(--tl-bg-panel-2);width:min(clamp(264px,62vw,425px),clamp(200px,42vh,425px));box-shadow:0 10px 24px color-mix(in oklch,var(--tl-bg-deep) 70%,black);align-self:start;animation:.34s 40ms both tl-fade-in;overflow:hidden}.pg-story-assoc-card img{object-fit:cover;width:100%;height:100%;display:block}.pg-story-assoc-card span{background:var(--tl-bg-panel-2);width:100%;height:100%;display:block}.pg-story-assoc-controls{flex-direction:column;align-self:start;gap:10px;width:min(520px,100%);max-width:100%;animation:.34s 80ms both tl-fade-in;display:flex}.pg-story-assoc-controls input{background:var(--tl-bg-panel);border:1px solid var(--tl-border);width:100%;min-width:0;color:var(--tl-text);border-radius:var(--tl-radius-angular);padding:13px}.pg-story-assoc-controls input:disabled{opacity:.72}.pg-story-assoc-controls .pg-slide{margin:0 auto}.pg-post-hand-reveal{animation:pg-soft-reveal .24s var(--tl-choreo-ease) both}.pg-hint-depart{animation:pg-hint-depart-out .18s var(--tl-choreo-ease) both}@keyframes pg-hint-depart-out{0%{opacity:1}to{opacity:0}}.pg-lower-copy,.pg-story-assoc-hint,.pg-field-tail>p,.pg-hint,.pg-submission-status p{text-align:center;text-transform:uppercase;color:var(--tl-text-muted);font:600 13px/1.35 var(--tl-font-ui);letter-spacing:.06em;margin:0}.pg-lower-copy.is-primary{color:var(--tl-text)}.pg-lower-copy.is-progress{font-size:12px}.pg-actionable-hint{color:color-mix(in oklch,var(--tl-text-muted) 42%,var(--tl-accent));text-shadow:0 0 8px color-mix(in oklch,var(--tl-accent) 32%,transparent),0 0 18px color-mix(in oklch,var(--tl-accent) 14%,transparent);filter:brightness(1.04);animation:2.8s ease-in-out infinite pg-actionable-hint-pulse}@keyframes pg-actionable-hint-pulse{0%,to{color:color-mix(in oklch,var(--tl-text-muted) 72%,var(--tl-accent));text-shadow:0 0 5px color-mix(in oklch,var(--tl-accent) 18%,transparent),0 0 12px color-mix(in oklch,var(--tl-accent) 8%,transparent);filter:brightness(.96)}50%{color:color-mix(in oklch,var(--tl-text-muted) 24%,var(--tl-accent));text-shadow:0 0 10px color-mix(in oklch,var(--tl-accent) 52%,transparent),0 0 22px color-mix(in oklch,var(--tl-accent) 24%,transparent);filter:brightness(1.12)}}.pg-hand-tray>.pg-lower-copy{margin-bottom:5px}.pg-central-anchor{text-align:center;flex:1;place-items:center;display:grid}.pg-idle-wait,.pg-role-prompt{padding:18px}.pg-root.presentation-entrance .pg-idle-wait,.pg-root.presentation-entrance .pg-role-prompt{animation:.55s .68s both pg-central-settle}.pg-idle-wait h2,.pg-role-prompt h2{font:600 clamp(18px,4vh,28px) var(--tl-font-display);color:var(--tl-text-muted);margin:0}@keyframes pg-hud-descend{0%{opacity:0;transform:translateY(-110%)}to{opacity:1;transform:none}}@keyframes pg-round-hand-rise{0%{opacity:0;transform:translateY(calc(100% + env(safe-area-inset-bottom) + 40px))}to{opacity:1;transform:none}}@keyframes pg-round-hand-exit{to{opacity:0;transform:translateY(calc(100% + env(safe-area-inset-bottom) + 40px))}}@keyframes pg-central-settle{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pg-flying-card{z-index:70;border-radius:var(--tl-radius-card);box-shadow:0 18px 34px color-mix(in oklch,var(--tl-bg-deep) 70%,black);transition:transform .48s cubic-bezier(.3,.8,.3,1),opacity .48s;overflow:hidden}.pg-flying-card img{object-fit:cover;width:100%;height:100%;display:block}.pg-flying-card span{background:var(--tl-bg-panel-2);width:100%;height:100%;display:block}.pg-flying-card.dissolve{box-shadow:0 10px 22px color-mix(in oklch,var(--tl-bg-deep) 60%,black);transition:transform .54s cubic-bezier(.4,0,.6,1),opacity .54s ease-in}.pg-flight-anchor{pointer-events:none;opacity:0;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pg-focus small{color:var(--tl-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.pg-focus blockquote{max-width:620px;font:700 clamp(18px,4vh,30px) var(--tl-font-display);overflow-wrap:anywhere;margin:0}.pg-focus blockquote em{color:var(--tl-accent);font:700 11px var(--tl-font-ui);margin-bottom:8px;display:block}.pg-wait{flex-direction:column;align-items:center;gap:6px;display:flex}.pg-assoc{flex-direction:column;gap:10px;width:min(520px,100%);max-width:100%;display:flex}.pg-assoc input{background:var(--tl-bg-panel);border:1px solid var(--tl-border);width:100%;min-width:0;color:var(--tl-text);border-radius:var(--tl-radius-angular);padding:13px}.pg-assoc input:disabled{opacity:.72}.pg-error{color:var(--tl-danger)}.pg-hand-tray{min-height:0;padding:0 0 8px}.pg-hand{--fan-card-w:clamp(82px,25vw,112px);--fan-focus-w:clamp(116px,36vw,148px);--fan-spacing:clamp(38px,12vw,56px);--fan-angle:7.5deg;--fan-rest-y:6px;--fan-focus-y:-18px;height:calc(var(--fan-focus-w) + 46px);touch-action:pan-y;isolation:isolate;margin:0 auto;padding:10px 0 0;display:block;position:relative;bottom:clamp(6px,1.5vh,14px)}.pg-hand-card{width:var(--fan-card-w);--fan-y:var(--fan-rest-y);transform:translateX(calc(-50% + var(--fan-off,0) * var(--fan-spacing))) translateY(var(--fan-y)) rotate(calc(var(--fan-off,0) * var(--fan-angle)));filter:brightness(.72);border-radius:var(--tl-radius-card);transition:transform .32s cubic-bezier(.25,.9,.35,1),width .32s cubic-bezier(.25,.9,.35,1),filter .18s;position:absolute;bottom:0;left:50%;box-shadow:0 8px 16px oklch(5% .01 55/.35)}.pg-hand-card.is-focused{width:var(--fan-focus-w);--fan-y:var(--fan-focus-y);filter:none;box-shadow:0 18px 34px oklch(5% .01 55/.5)}.pg-hand{cursor:grab;-webkit-user-select:none;user-select:none}.pg-hand:active{cursor:grabbing}.pg-hand .pg-card{cursor:inherit}.pg-hand img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.pg-card{z-index:1;aspect-ratio:1;border-radius:var(--tl-radius-card);background:var(--tl-bg-panel-2);width:100%;color:var(--tl-text);border:2px solid #0000;place-items:center;padding:0;transition:transform .18s,border-color .18s;display:grid;position:relative;overflow:hidden;box-shadow:-7px 0 16px oklch(5% .01 55/.5)}.pg-hand .pg-card{box-shadow:none}.pg-card img{object-fit:cover;width:100%;height:100%}.pg-card.selected{border-color:var(--tl-accent);z-index:4}.pg-card.focused{border-color:var(--tl-border);z-index:6}.pg-viewer .pg-card.focused{transform:translateY(-10px)scale(1.06)}@media (width>=700px){.pg-hand{--fan-card-w:140px;--fan-focus-w:188px;--fan-spacing:86px;--fan-angle:6deg;--fan-focus-y:-22px;height:calc(var(--fan-focus-w) + 50px);max-width:720px;bottom:clamp(10px,2vh,20px)}}@media (orientation:landscape) and (height<=600px){.pg-hand{--fan-card-w:min(18vh,100px);--fan-focus-w:min(24vh,128px);--fan-spacing:min(12vh,58px);height:calc(var(--fan-focus-w) + 26px);padding-top:4px}}@media (prefers-reduced-motion:reduce){.pg-hand-card{transition:none}}.pg-viewer{z-index:900;padding:max(14px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));color:var(--tl-text);touch-action:pan-y;background:oklch(8% .01 55/.97);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0}.pg-viewer header{justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:800px;margin:auto;display:flex}.pg-viewer-timer{color:var(--tl-accent);font:700 11px/1.3 var(--tl-font-ui);letter-spacing:.04em;white-space:nowrap;margin-left:auto;font-style:normal}.pg-viewer header button,.pg-viewer-stage>button{color:var(--tl-text);background:0 0;border:0;font-size:34px}.pg-viewer-stage{grid-template-columns:44px minmax(0,min(70vh,70vw,620px)) 44px;place-content:center;align-items:center;min-height:0;display:grid}.pg-viewer .pg-card{max-height:70vh}@media (width>=700px){.pg-viewer-stage{column-gap:clamp(16px,4vw,44px)}}.pg-slide{border:1px solid var(--tl-border);background:var(--tl-bg-panel-2);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:28px;place-items:center;width:clamp(200px,52vw,320px);max-width:100%;height:56px;margin:10px auto;display:grid;position:relative;overflow:hidden}.pg-slide-fill{background:var(--tl-accent-soft);position:absolute;inset:0 auto 0 0}.pg-slide span{z-index:1}.pg-slide i{background:var(--tl-accent);width:44px;height:44px;color:var(--tl-bg-deep);border-radius:50%;place-items:center;font-size:28px;font-style:normal;display:grid;position:absolute;top:5px}.pg-slide.locked{opacity:.6}.pg-committing{color:var(--tl-accent);animation:1.2s ease-in-out infinite tl-breathe}.pg-viewer-note{text-align:center;max-width:440px;color:var(--tl-text-muted);margin:8px auto 0;font-size:12px}.pg-viewer-action-slot{align-content:center;place-items:center;min-height:76px;display:grid}.pg-viewer-action-slot .pg-viewer-note{margin:0}.pg-votes{--pg-grid-gap:clamp(8px,2.6vw,12px);gap:var(--pg-grid-gap);overscroll-behavior-y:contain;scrollbar-width:none;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;width:100%;min-width:0;margin:0;padding:10px 10px 18px;display:grid;overflow-y:auto}.pg-votes::-webkit-scrollbar{display:none}.pg-vote{aspect-ratio:1;border-radius:var(--tl-radius-card);background:var(--tl-bg-panel-2);width:100%;color:var(--tl-text);cursor:pointer;border:2px solid #0000;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.pg-vote img{object-fit:cover;width:100%;height:100%}.pg-vote.chosen{border-color:var(--tl-moss);box-shadow:0 0 0 3px var(--tl-moss-soft)}.pg-vote.mine{border-color:var(--tl-amber-dim);cursor:default}.pg-vote.story{border-color:#0000}.pg-vote-tag{animation:pg-marker-reveal .24s var(--tl-choreo-ease) both}.pg-slot-shell{aspect-ratio:auto;display:block}.pg-slot-shell:before{content:"";padding-top:100%;display:block}.pg-slot-shell{perspective:900px;appearance:none;box-sizing:border-box;width:100%;min-width:0;font:inherit}.pg-slot-shell:disabled{cursor:default}.pg-slot-flip{border-radius:inherit;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.2,.8,.2,1);display:block;position:absolute;inset:0}.pg-slot-back,.pg-slot-face{border-radius:inherit;backface-visibility:hidden;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.pg-slot-back{transform:rotateY(0)}.pg-slot-face,.pg-voting-flip .pg-slot-flip,.pg-voting-faces .pg-slot-flip{transform:rotateY(180deg)}.pg-voting-shuffle .pg-slot-shell:nth-child(odd){animation:.6s ease-in-out both pg-slot-shuffle-left}.pg-voting-shuffle .pg-slot-shell:nth-child(2n){animation:.6s ease-in-out both pg-slot-shuffle-right}.pg-voting-settle .pg-slot-shell{animation:.28s ease-out both pg-slot-settle}.pg-voting-flip .pg-slot-shell,.pg-voting-faces .pg-slot-shell{transform:none}@keyframes pg-slot-shuffle-left{0%{transform:none}50%{transform:translate(12px,-7px)rotate(-3deg)}to{transform:scale(.97)}}@keyframes pg-slot-shuffle-right{0%{transform:none}50%{transform:translate(-12px,7px)rotate(3deg)}to{transform:scale(.97)}}@keyframes pg-slot-settle{0%{transform:scale(.97)}to{transform:none}}.pg-submission-wrap{opacity:1;position:relative}.pg-submission-wrap.ceremony{pointer-events:none}.pg-submission-wrap.released{animation:.34s both tl-fade-in}.pg-submission-field{align-content:start}.pg-submission-field .pg-vote{aspect-ratio:auto;display:block}.pg-submission-field .pg-vote:before{content:"";padding-top:100%;display:block}.pg-submission-slot{cursor:default;border:1px dashed color-mix(in oklch,var(--tl-border) 82%,transparent);background:color-mix(in oklch,var(--tl-bg-panel) 42%,transparent);box-shadow:inset 0 0 20px color-mix(in oklch,var(--tl-bg-deep) 72%,black)}.pg-submission-slot.occupied{background:var(--tl-bg-panel-2);border:2px solid #0000;animation:.48s cubic-bezier(.2,.8,.2,1) both pg-submission-back-in;box-shadow:0 6px 14px oklch(5% .01 55/.4)}.pg-card-back{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.pg-card-back img{object-fit:cover;width:100%;height:100%;display:block}.pg-submission-status{justify-content:center;align-items:center;min-height:0;padding:0 18px;display:flex}@keyframes pg-submission-back-in{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:none}}.pg-vote-tag{color:var(--tl-text);font:700 9px var(--tl-font-ui);letter-spacing:.08em;text-align:center;background:oklch(10% .01 55/.82);padding:3px 2px;position:absolute;bottom:0;left:0;right:0}.pg-reveal{--pg-reveal-owner-size:clamp(56px,17vw,72px)}.pg-reveal-cell{flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.pg-reveal-cell .pg-vote{width:100%}.pg-reveal-owner{z-index:4;grid-template-columns:auto auto;grid-template-rows:var(--pg-reveal-owner-size) auto;pointer-events:none;justify-content:center;align-items:center;column-gap:4px;width:100%;min-width:0;transition:opacity .28s;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%)}.pg-reveal-cell.story .pg-reveal-owner{color:var(--tl-accent)}.pg-reveal-cell.story .pg-vote:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 10px var(--tl-accent),inset 0 0 7px 10px color-mix(in oklch,var(--tl-accent) 72%,transparent),inset 0 0 16px 10px color-mix(in oklch,var(--tl-accent) 46%,transparent);position:absolute;inset:0}.pg-reveal-cell.story:not(.story-intro-visible) .pg-vote{box-shadow:none;border-color:#0000}.pg-reveal-cell.story-intro-visible .pg-vote{animation:.5s ease-in-out both pg-storyteller-intro-shake}.pg-reveal-cell.story-intro-visible .pg-vote:after{animation:pg-storyteller-frame-fade .5s var(--tl-choreo-ease) both}.pg-reveal-cell.story-intro-visible .pg-reveal-owner{animation:pg-storyteller-intro-fade .5s var(--tl-choreo-ease) both}@keyframes pg-storyteller-intro-shake{0%{transform:none}25%{transform:translate(6px,-3px)rotate(-1.5deg)}50%{transform:translate(-6px,3px)rotate(1.5deg)}75%{transform:translate(3px,-2px)rotate(-.75deg)}to{transform:none}}@keyframes pg-storyteller-frame-fade{0%{opacity:0}to{opacity:1}}@keyframes pg-storyteller-intro-fade{0%{opacity:0}to{opacity:1}}.pg-reveal-owner-avatar{width:var(--pg-reveal-owner-size);height:var(--pg-reveal-owner-size);--tl-av-size:var(--pg-reveal-owner-size);--tl-av-glow:10px;grid-column:1/-1;justify-self:center}.pg-reveal-cell.story .pg-reveal-owner-avatar{box-shadow:0 0 0 2px var(--tl-bg-deep),0 0 3px color-mix(in oklch,var(--tl-av-ring,var(--tl-accent)) 90%,transparent),0 0 7px color-mix(in oklch,var(--tl-av-ring,var(--tl-accent)) 82%,transparent)}.pg-reveal-voters{z-index:3;pointer-events:none;justify-content:center;align-items:center;height:22px;display:flex;position:absolute;bottom:5px;left:5px;right:5px;overflow:visible}.pg-reveal-name{font:700 10px var(--tl-font-ui);color:var(--tl-text);text-overflow:ellipsis;white-space:nowrap;max-width:82px;text-shadow:0 1px 3px var(--tl-bg-deep);overflow:hidden}.pg-reveal-delta{font:700 10px var(--tl-font-ui);color:var(--tl-moss);background:oklch(14% .02 148/.9);border-radius:8px;padding:1px 6px}.pg-reveal-delta.win{color:var(--tl-bg-deep);background:var(--tl-moss)}.pg-reveal-crown{top:calc(var(--pg-reveal-owner-size) + 2px);font:700 9px var(--tl-font-ui);color:var(--tl-moss);position:absolute;right:calc(50% - 52px)}.pg-reveal-voter{--tl-av-size:22px;--tl-av-glow:0;flex:0 0 22px;width:22px;height:22px;animation:.2s tl-fade-in}.pg-reveal-voter+.pg-reveal-voter{margin-left:-5px}.pg-reveal-voters.count-8 .pg-reveal-voter,.pg-reveal-voters.count-9 .pg-reveal-voter{--tl-av-size:20px;flex-basis:20px;width:20px;height:20px}.pg-reveal-voters.count-8 .pg-reveal-voter+.pg-reveal-voter,.pg-reveal-voters.count-9 .pg-reveal-voter+.pg-reveal-voter{margin-left:-7px}.pg-reveal-voters.count-10 .pg-reveal-voter,.pg-reveal-voters.count-11 .pg-reveal-voter{--tl-av-size:19px;flex-basis:19px;width:19px;height:19px}.pg-reveal-voters.count-10 .pg-reveal-voter+.pg-reveal-voter,.pg-reveal-voters.count-11 .pg-reveal-voter+.pg-reveal-voter{margin-left:-8px}.pg-field-wrap{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.pg-round-field{align-self:stretch;width:100%}.pg-round-field .pg-field-scroll{flex:0 auto;width:100%;min-width:0;max-height:100%}.pg-field-head{text-align:center;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;min-height:72px;padding:6px 18px;display:flex}.pg-field-head small{color:var(--tl-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.pg-field-head h2{font:700 clamp(16px,3.6vh,24px) var(--tl-font-display);margin:2px 0}.pg-field-head blockquote{max-width:620px;font:700 clamp(15px,3.2vh,22px) var(--tl-font-display);overflow-wrap:anywhere;margin:0}.pg-field-head blockquote em{color:var(--tl-accent);font:700 10px var(--tl-font-ui);margin-bottom:4px;font-style:normal;display:block}.pg-field-scroll{overscroll-behavior-y:contain;scrollbar-width:none;flex:auto;min-height:0;overflow-y:auto}.pg-field-scroll::-webkit-scrollbar{display:none}.pg-field-scroll .pg-votes{max-height:none;overflow:visible}.pg-reveal-pending{text-align:center;padding:24px}.pg-field-tail{padding-bottom:env(safe-area-inset-bottom);text-align:center;flex-direction:column;flex:none;gap:6px;display:flex}.pg-reveal-continue{flex:none;justify-content:center;align-items:center;min-height:56px;padding:8px 16px;display:flex}.pg-transition{z-index:800;background:0 0;place-items:center;animation:.25s tl-fade-in;display:grid;position:fixed;inset:0}.pg-transition-card{border-radius:var(--tl-radius-blob);background:radial-gradient(ellipse 85% 75% at 40% 34%,var(--tl-bg-panel-2) 0%,var(--tl-bg-deep) 80%);border:1px solid var(--tl-border-soft);flex-direction:column;align-items:center;gap:8px;min-width:min(82vw,280px);padding:30px;display:flex}.pg-transition-card small{color:var(--tl-accent);font:700 11px var(--tl-font-ui);text-transform:uppercase;letter-spacing:.06em}.pg-transition-avatar .tl-av{--tl-av-size:clamp(76px,22vw,96px)}.pg-transition-avatar .pg-hud-name,.pg-transition-avatar .pg-hud-score{display:none}.pg-transition-card strong{font:700 clamp(20px,6vw,27px) var(--tl-font-display);color:var(--tl-text)}.pg-transition-you{color:var(--tl-accent);font:700 12px var(--tl-font-ui)}.pg-transition-card em{color:var(--tl-text-muted);font:11px var(--tl-font-ui);font-style:normal}.pg-first-draw{z-index:820;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:clamp(16px,3vh,28px);padding:16px;animation:.22s tl-fade-in;display:flex;position:fixed;inset:0;overflow:hidden}.pg-first-draw-table{width:min(94vw,420px);height:min(80vh,540px);min-height:320px;position:relative}.pg-first-player{width:calc(var(--seat-size) + 30px);z-index:2;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;transform:translate(-50%,-50%)}.pg-first-player .tl-av{--tl-av-size:var(--seat-size);transition:transform .45s,filter .45s,box-shadow .45s}.pg-first-player .tl-av-star,.pg-first-player .tl-av-host,.pg-first-player .tl-av-offline,.pg-first-player .tl-av-bot,.pg-first-player .tl-av-tag,.pg-first-player .tl-av-ready{display:none}.pg-first-player>span{max-width:calc(var(--seat-size) + 28px);color:var(--tl-text-muted);font:600 11px var(--tl-font-ui);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 2px 8px var(--tl-bg-deep);overflow:hidden}.pg-first-player.target .tl-av{animation:4s both pg-first-target}.pg-first-player.target>span{color:var(--tl-text)}.pg-first-center{background:radial-gradient(circle at 35% 30%,var(--tl-accent-hover),var(--tl-accent));border:2px solid var(--tl-bg-deep);width:14px;height:14px;box-shadow:0 0 8px var(--tl-accent);z-index:6;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pg-first-pointer{--pg-first-len:70px;--pg-first-arrow-len:12px;--pg-first-arrow-w:13px;--pg-first-shaft-t:5px;left:50%;top:calc(50% - var(--pg-first-arrow-w) / 2);width:var(--pg-first-len);height:var(--pg-first-arrow-w);transform-origin:0;transform:rotate(calc(1800deg + var(--pg-first-target)));z-index:5;animation:3.1s cubic-bezier(.13,.87,.22,1) both pg-first-spin;position:absolute}.pg-first-pointer-shaft{width:calc(var(--pg-first-len) - var(--pg-first-arrow-len) + 2px);height:var(--pg-first-shaft-t);border-radius:calc(var(--pg-first-shaft-t) / 2);background:linear-gradient(90deg,var(--tl-amber-dim),var(--tl-accent));border:1px solid var(--tl-border);box-shadow:0 0 8px var(--tl-accent-soft);position:absolute;top:50%;left:0;transform:translateY(-50%)}.pg-first-pointer-head{width:var(--pg-first-arrow-len);height:var(--pg-first-arrow-w);clip-path:polygon(0 0,100% 50%,0 100%);background:var(--tl-accent);filter:drop-shadow(0 0 6px var(--tl-accent));position:absolute;top:50%;right:0;transform:translateY(-50%)}.pg-first-result{text-align:center;opacity:0;flex-direction:column;align-items:center;gap:4px;min-height:64px;animation:.35s 3.1s forwards pg-first-result;display:flex}.pg-first-result small{color:var(--tl-accent);font:700 11px var(--tl-font-ui);letter-spacing:.08em;text-transform:uppercase}.pg-first-result strong{color:var(--tl-text);font:700 clamp(20px,5vw,28px) var(--tl-font-display)}.pg-first-result em{color:var(--tl-text);font:600 13px var(--tl-font-ui);font-style:normal}@keyframes pg-first-spin{0%{transform:rotate(0)}to{transform:rotate(calc(1800deg + var(--pg-first-target)))}}@keyframes pg-first-target{0%,68%{filter:none;transform:scale(1)}82%,to{filter:drop-shadow(0 0 12px var(--tl-av-ring));box-shadow:0 0 0 3px var(--tl-av-ring),0 0 24px var(--tl-av-ring);transform:scale(1.13)}}@keyframes pg-first-result{to{opacity:1}}@media (width>=700px){.pg-first-draw-table{width:min(92vw,820px);height:min(84vh,600px)}.pg-first-pointer{--pg-first-len:110px;--pg-first-arrow-len:16px;--pg-first-arrow-w:17px;--pg-first-shaft-t:7px}.pg-first-center{width:18px;height:18px}}@media (orientation:landscape) and (height<=600px){.pg-hud{gap:3px;padding:4px 6px 2px}.pg-hud-lg,.pg-hud-md,.pg-hud-sm{--pg-hud-av:clamp(30px,7vh,38px)}.pg-hud-name{font-size:9px}.pg-focus{gap:4px}.pg-hand{--pg-card-w:min(24vh,120px)}.pg-hand-tray p{display:none}.pg-field-head{gap:3px;padding:2px 12px}.pg-field-head h2{font-size:15px}.pg-votes{padding:6px 8px 10px}}@media (prefers-reduced-motion:reduce){.pg-reveal-owner,.pg-reveal-voter{transition:none;animation:none}.pg-transition{animation:none}.pg-first-draw.reduced .pg-first-pointer,.tl-prod-lobby.is-ceremony .pg-first-pointer{transform:rotate(var(--pg-first-target));animation:none}.pg-first-draw.reduced .pg-first-player.target .tl-av,.tl-prod-lobby.is-ceremony .tl-lobby-seat.ceremony-target .tl-av{animation:none;transform:scale(1.13)}.pg-first-draw.reduced .pg-first-result,.tl-lobby-ceremony-result{opacity:1;animation:none}.tl-seam-gameplay,.tl-seam-lobby{transition-duration:.3s}.pg-game-over-winners article,.pg-game-over-row,.pg-root.presentation-entrance .pg-hud,.pg-root.presentation-entrance .pg-hand-tray,.pg-hand-tray.exiting,.pg-story-assoc-controls,.pg-story-assoc-card,.pg-idle-wait,.pg-role-prompt,.pg-submission-wrap.released,.pg-submission-slot.occupied{animation:none}.pg-root,.pg-hud,.pg-association-region,.pg-stage,.pg-lower-stage,.pg-action-slot,.pg-slot-flip{transition:none;animation:none}.pg-reveal-layout,.pg-reveal-layout .pg-hud{transition:none}.pg-reveal-cell.story-intro-visible .pg-vote{animation:none}.pg-reveal-cell.story-intro-visible .pg-vote:after{animation:.12s both pg-storyteller-frame-fade}}.tl-viewport-shell .pg-surface{display:contents}.tl-desktop-frame .pg-surface{background-image:radial-gradient(circle,color-mix(in oklch,var(--tl-bg-deep) 45%,black) 1px,transparent 1.4px), radial-gradient(ellipse 90% 65% at 50% 14%,var(--tl-bg-panel) 0%,transparent 60%), radial-gradient(ellipse 120% 85% at 50% 100%,color-mix(in oklch,var(--tl-bg-deep) 80%,black) 0%,transparent 55%), linear-gradient(180deg,var(--tl-bg-deep) 0%,color-mix(in oklch,var(--tl-bg-deep) 92%,black) 100%);background-size:7px 7px,auto,auto,auto;justify-content:center;align-items:stretch;width:100%;min-height:100dvh;display:flex}@media (width>=700px){.tl-desktop-frame .pg-surface:has(>.pg-game-over){background-image:none}.tl-desktop-frame .pg-surface>.pg-game-over{box-sizing:border-box;flex:100%;width:100%;min-width:0}}.tl-desktop-frame .pg-hud{padding:14px 10px 8px}.tl-desktop-frame .pg-hud-stack{flex-direction:column;gap:6px}.tl-desktop-frame .pg-hud-lg{--pg-hud-av:clamp(46px,13vw,57px);--pg-hud-gap:15px}.tl-desktop-frame .pg-hud-md{--pg-hud-av:clamp(42px,11vw,51px);--pg-hud-gap:9px}.tl-desktop-frame .pg-hud-sm{--pg-hud-av:clamp(35px,9vw,44px);--pg-hud-gap:7px}.tl-desktop-frame .pg-association-region{--pg-assoc-clear:clamp(22px,3.2vh,36px)}.tl-desktop-frame .pg-assoc-ceremony-compact strong{font-size:clamp(17px,3.6vh,25px)}@media (width>=1024px){.tl-desktop-frame .pg-hud-stack{gap:var(--pg-hud-gap);flex-direction:row}.pg-votes[data-desktop-layout]{--pg-desktop-half:clamp(97px,9.5vw,110px);grid-template-columns:repeat(var(--pg-desktop-cols,8),minmax(0,var(--pg-desktop-half)));grid-auto-rows:auto;place-content:start center;gap:clamp(12px,2.2vw,22px);width:auto;max-width:100%;margin-inline:auto;padding:clamp(12px,2.4vh,26px) 12px;overflow:visible}.pg-votes[data-desktop-layout]>*{grid-column:var(--pg-desktop-column);grid-row:var(--pg-desktop-row)}.pg-votes[data-size-tier=dense]{--pg-desktop-half:clamp(63px,6.2vw,72px);gap:clamp(10px,1.4vw,16px)}.pg-votes[data-desktop-layout="5-4"],.pg-votes[data-desktop-layout="5-5"]{--pg-desktop-half:clamp(78px,7.7vw,89px)}.pg-votes[data-desktop-layout]>:last-child:nth-child(odd){justify-self:stretch;width:auto;min-width:0}}@media (width<=699.98px){.pg-votes{max-width:min(560px,100%);margin-inline:auto}.pg-votes>:last-child:nth-child(odd){min-width:0;width:calc((100% - var(--pg-grid-gap)) / 2);grid-column:1/-1;justify-self:center}}@media (width>=700px) and (width<=1023px){.pg-votes[data-tablet-layout]{--pg-tablet-field:min(94vw,680px);--pg-tablet-half:clamp(84px,calc(5vw + 49px),100px);grid-template-columns:repeat(var(--pg-tablet-cols,6),minmax(0,var(--pg-tablet-half)));width:auto;max-width:var(--pg-tablet-field);justify-content:center;gap:clamp(8px,1.6vw,12px);margin-inline:auto;padding-block:clamp(8px,1.5vh,14px);overflow-y:auto}.pg-votes[data-tablet-layout]>*{grid-column:var(--pg-tablet-column);grid-row:var(--pg-tablet-row)}.pg-votes[data-tablet-layout]>:last-child:nth-child(odd){justify-self:stretch;width:auto;min-width:0}}.tl-desktop-frame .pg-round-field{justify-content:flex-start}.tl-desktop-frame .pg-round-field .pg-field-scroll{flex:none;justify-content:center;align-items:flex-start;margin-block:0;display:flex}.tl-desktop-frame .pg-story-assoc-card{width:min(clamp(408px,47vw,562px),clamp(340px,42dvh,430px))}.tl-desktop-frame .pg-story-assoc{align-self:flex-start}.tl-desktop-frame .pg-stage:has(.pg-story-assoc){overflow:visible}@media (prefers-reduced-motion:reduce){.tl-transient-notice,.pg-post-hand-reveal,.pg-vote-tag,.pg-hint-depart,.pg-actionable-hint,.pg-reveal-cell.story-intro-visible .pg-vote{animation:none}.pg-reveal-cell.story-intro-visible .pg-vote:after{animation:.12s both pg-storyteller-frame-fade}.pg-reveal-cell.story-intro-visible .pg-reveal-owner{animation:.12s both pg-storyteller-intro-fade}}.tl-demo-toolbar{z-index:500;height:40px;font-family:var(--tl-font-ui);box-sizing:border-box;background:oklch(20% .016 60);border-bottom:1px solid oklch(32% .02 60);align-items:center;gap:18px;padding:0 18px;display:flex;position:sticky;top:0}.tl-demo-toolbar button{font-family:var(--tl-font-ui);cursor:pointer;white-space:nowrap;color:var(--tl-text-muted);background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.tl-demo-toolbar button.active{background:var(--tl-accent);color:var(--tl-bg-deep)}.tl-lobby-sheet.host-actions{gap:6px}.tl-lobby-sheet.host-actions h2{margin-bottom:8px}.tl-lobby-sheet.host-actions>button{text-align:left;width:100%;min-height:48px;padding:7px 16px}.tl-lobby-sheet.host-actions>.danger{text-align:left}.tl-lobby-sheet.host-actions>.secondary{border-top:1px solid var(--tl-border-soft);color:var(--tl-text-muted);border-radius:0;margin-top:4px}.tl-lobby-sheet.host-actions>button:disabled{opacity:.45;cursor:default}.tl-host-candidate{align-items:center;gap:12px;display:flex}.tl-host-candidate .tl-av{flex:none}.tl-host-candidate>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;font-family:system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:#0f0704;min-width:320px;min-height:100%;margin:0}html,body{overscroll-behavior-y:contain}button,input{font:inherit}.tl-ptr{top:max(6px, env(safe-area-inset-top,0px));z-index:2147483000;width:38px;height:38px;color:var(--tl-accent,#c07a4b);background:var(--tl-bg-panel,#1c1a18);border:1px solid var(--tl-border,#3a3532);pointer-events:none;will-change:transform, opacity;border-radius:50%;place-items:center;display:grid;position:fixed;left:50%;box-shadow:0 6px 20px #00000059}.tl-ptr[data-phase=ready]{color:var(--tl-moss,#6b9b5a);border-color:var(--tl-moss,#6b9b5a)}.tl-ptr-mark{place-items:center;transition:transform .1s linear;display:grid}.tl-ptr[data-phase=refreshing] .tl-ptr-mark{animation:.8s linear infinite tl-ptr-spin}@keyframes tl-ptr-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.tl-ptr{transition:opacity .18s!important}.tl-ptr-mark{transition:none}.tl-ptr[data-phase=refreshing] .tl-ptr-mark{animation:none}}
