:root{--primary:#6c5ce7;--secondary:#a29bfe;--success:#00b894;--danger:#ff7675;--bg:#0f0c29;--glass:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body,html,#root{background:linear-gradient(180deg, #0504108f, #050410ad), url(/TelaFundo_dancegoal.webp) center center / cover no-repeat, var(--bg);color:#fff;width:100%;height:100%;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}.dance-goal-app{width:100%;height:100%}.setup-screen{background:linear-gradient(#0504108f,#050410ad),url(/TelaFundo_dancegoal.webp) 50%/cover no-repeat;justify-content:center;align-items:flex-start;width:100%;height:100%;min-height:0;padding:2rem 0;display:flex;overflow-y:auto}.glass-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#0a0a1240;border:1px solid #fff3;border-radius:24px;width:90%;max-width:500px;margin:auto 0;padding:3rem;box-shadow:0 8px 32px #00000080}.brand-logo{filter:drop-shadow(0 0 26px #00ffd242);width:min(100%,390px);height:auto;margin:-1rem auto .75rem;display:block}.auth-panel{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:58px;margin:0 0 1.25rem;display:flex}.google-login{justify-content:center;align-items:center;min-height:44px;display:flex}.auth-user{text-align:left;background:linear-gradient(135deg,#00ff8817,#0000004d);border:1px solid #ffffff29;border-radius:12px;grid-template-columns:40px minmax(0,1fr) 32px;align-items:center;gap:.75rem;width:100%;min-height:52px;padding:.6rem .65rem;display:grid;box-shadow:inset 0 1px #ffffff14}.auth-avatar{border-radius:50%;width:40px;height:40px}.auth-user-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.auth-user-text strong,.auth-user-text span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth-user-text strong{font-size:.92rem}.auth-user-text span{color:#0f8;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.auth-logout{color:#ffffffb8;cursor:pointer;background:#00000038;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;font-size:1.25rem;font-weight:500;line-height:1;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-grid}.auth-logout:hover{color:#fff;background:#ff767524;border-color:#ff767580;transform:scale(1.04)}.auth-logout:focus-visible{outline-offset:2px;outline:2px solid #ff7675bf}.auth-logout span{transform:translateY(-1px)}.auth-error{color:#ff7675;font-size:.78rem;line-height:1.3}.yt-input{color:#fff;background:#0000004d;border:none;border-radius:12px;width:100%;margin:1.5rem 0;padding:1rem;font-size:1rem}.mode-selector{grid-template-columns:repeat(2,1fr);gap:15px;margin:20px 0;display:grid}.mode-btn{color:#fff;cursor:pointer;text-align:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100px;padding:20px 15px;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.mode-btn:hover{border-color:var(--secondary);background:#ffffff1a;transform:translateY(-5px)scale(1.02);box-shadow:0 10px 20px #0000004d}.mode-btn.active{background:linear-gradient(135deg,#6c5ce766,#a29bfe66);border-color:#0f8;transform:scale(1.05);box-shadow:0 0 20px #00ff884d}.mode-btn:first-child{border-left:6px solid #00d2ff}.mode-btn:nth-child(2){border-left:6px solid #9d50bb}.mode-btn:nth-child(3){border-left:6px solid #f80759}.mode-btn:nth-child(4){border-left:6px solid #00f260}.admin-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0 0 1.4rem;display:grid}.admin-tool-btn{color:#0f8;cursor:pointer;background:#00000042;border:1px solid #00ff8842;border-radius:12px;min-height:46px;padding:0 .8rem;font-weight:900}.admin-tool-btn:hover{background:#00ff881f}.start-game-btn{color:#fff;text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:linear-gradient(90deg,#6c5ce7,#a29bfe);border:none;border-radius:16px;width:100%;padding:1.2rem;font-size:1.2rem;font-weight:900;transition:all .3s;box-shadow:0 4px 15px #6c5ce766}.start-game-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #6c5ce799}.start-game-btn:disabled{opacity:.5;cursor:not-allowed}.pose-admin-panel{text-align:left;gap:.8rem;display:grid}.pose-admin-title{color:#0f8;text-align:center;text-transform:uppercase;margin:0;font-size:.95rem;font-weight:900}.pose-file-input{color:#ffffffd1;gap:.45rem;font-size:.82rem;font-weight:800;display:grid}.pose-file-input input{color:#fff;background:#0000004d;border:1px solid #ffffff24;border-radius:10px;width:100%;padding:.75rem}.pose-preview{aspect-ratio:16/9;background:#00000052;border:1px solid #ffffff24;border-radius:12px;width:100%;position:relative;overflow:hidden}.pose-preview.large{min-height:360px}.pose-preview video,.pose-preview canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.pose-preview canvas{pointer-events:none}.pose-progress{background:#00000057;border-radius:999px;height:10px;overflow:hidden}.pose-progress span{border-radius:inherit;background:linear-gradient(90deg,#00d2ff,#0f8);height:100%;transition:width .16s;display:block}.pose-action-btn,.pose-download-btn{color:#fff;text-align:center;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;min-height:42px;padding:0 1rem;font-weight:900;text-decoration:none;display:inline-flex}.pose-action-btn{background:linear-gradient(90deg,#6c5ce7,#00b894)}.pose-action-btn:disabled{opacity:.5;cursor:not-allowed}.pose-download-btn{background:linear-gradient(90deg,#00b894,#00d2ff)}.pose-admin-status,.pose-admin-hint{margin:0;font-size:.75rem;line-height:1.35}.pose-admin-status{color:#ffffffd1}.pose-admin-hint{color:#ffffff94}.admin-screen{background:linear-gradient(#0504108f,#050410c2),url(/TelaFundo_dancegoal.webp) 50%/cover no-repeat;width:100%;height:100%;padding:2rem;overflow-y:auto}.admin-workspace{width:min(1120px,100%);margin:0 auto}.admin-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.admin-header h1{margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:1}.admin-kicker{color:#0f8;text-transform:uppercase;margin:0 0 .35rem;font-size:.82rem;font-weight:900}.admin-back-btn{color:#fff;cursor:pointer;background:#00000047;border:1px solid #ffffff29;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.pose-admin-layout{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:1rem;display:grid}.admin-screen .pose-admin-panel,.video-manager-list,.manager-toolbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0a126b;border:1px solid #ffffff29;border-radius:14px;padding:1rem}.manager-toolbar{gap:.75rem;margin-bottom:1rem;display:flex}.video-manager-list{gap:.75rem;display:grid}.video-manager-row{background:#00000038;border:1px solid #ffffff1f;border-radius:10px;grid-template-columns:minmax(0,1fr) auto minmax(360px,auto);align-items:center;gap:.8rem;padding:.85rem;display:grid}.video-manager-row.hidden-video{opacity:.58}.video-manager-row div{gap:.2rem;min-width:0;display:grid}.video-manager-row strong,.video-manager-row span,.video-manager-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.video-manager-row span,.video-manager-row small{color:#ffffff9e;font-size:.75rem}.pose-status{text-align:center;text-transform:uppercase;border-radius:999px;min-width:74px;padding:.35rem .55rem;font-size:.72rem;font-weight:900}.pose-status.ready{color:#0f8;background:#00ff882e}.pose-status.missing{color:#ffb4b3;background:#ff76752e}.pose-status.checking{color:#ffffffb8;background:#ffffff1f}.manager-row-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;min-height:36px;padding:0 .75rem;font-weight:800}.manager-row-btn:disabled{opacity:.42;cursor:not-allowed}.manager-row-btn.danger{color:#ffb4b3;border-color:#ff767557}.manager-actions{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.manager-preview{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0a127a;border:1px solid #ffffff29;border-radius:14px;margin-bottom:1rem;padding:1rem}.manager-preview-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.manager-preview-header div{gap:.15rem;min-width:0;display:grid}.manager-preview-header strong,.manager-preview-header span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.manager-preview-header span{color:#ffffff94;text-transform:uppercase;font-size:.78rem}.manager-preview-stage{aspect-ratio:16/9;background:#05050a;border-radius:12px;width:100%;position:relative;overflow:hidden}.manager-preview-stage video,.manager-preview-stage canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.manager-preview-stage.pose canvas{background:radial-gradient(circle,#00ff8814,#0000004d)}.manager-preview-stage.video-pose canvas{pointer-events:none}.manager-preview-error{color:#ffb4b3;margin:0;font-size:.9rem}@media (width<=760px){.admin-screen{padding:1rem}.pose-admin-layout{grid-template-columns:1fr}.pose-preview.large{min-height:auto}.manager-toolbar,.admin-tools{flex-direction:column;grid-template-columns:1fr}.video-manager-row{grid-template-columns:1fr;align-items:stretch}.pose-status,.manager-row-btn,.manager-actions{width:100%}.manager-actions{justify-content:stretch}}.game-screen{z-index:100;background:#000;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}.session-loading-overlay{z-index:1400;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05050a8c;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.session-loading-card{background:#080a12c7;border:1px solid #ffffff29;border-radius:18px;flex-direction:column;align-items:center;gap:.75rem;min-width:min(280px,90vw);padding:1.5rem 1.75rem;display:flex;box-shadow:0 16px 50px #00000073}.session-loading-card p{letter-spacing:.08em;text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:1.35rem;font-weight:700}.user-view,.user-view-full{position:absolute;top:0;left:0}.user-view-full,.user-view.user-full{z-index:5;width:100%;height:100%}.user-view.user-window{width:min(calc((100vw - 40px) * var(--target-window-size-percent,40) / 100), calc(100vw - 40px), calc((100vh - 40px) * 16 / 9));aspect-ratio:16/9;border:4px solid var(--primary);z-index:60;background:#111;border-radius:12px;height:auto;transition:top .25s,right .25s,bottom .25s,left .25s,width .25s,height .25s,border-radius .25s,transform .25s;overflow:hidden;box-shadow:0 4px 30px #000c}.user-view.user-window.top-left{inset:20px auto auto 20px}.user-view.user-window.top-right{inset:20px 20px auto auto}.user-view.user-window.top-center{inset:20px auto auto 50%;transform:translate(-50%)}.user-view.user-window.bottom-left{inset:auto auto 20px 20px}.user-view.user-window.bottom-right{inset:auto 20px 20px auto}.user-view.user-window.bottom-center{inset:auto auto 20px 50%;transform:translate(-50%)}.user-view.user-window.center-left{inset:50% auto auto 20px;transform:translateY(-50%)}.user-view.user-window.center-right{inset:50% 20px auto auto;transform:translateY(-50%)}.user-view.user-window.center,.user-view.user-window.target-window-fullscreen{border-width:0;border-radius:0;width:100vw;height:100vh;inset:0}.user-video{object-fit:cover;background:#222;width:100%;height:100%;transform:scaleX(-1)}.game-overlay-canvas{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(-1)}.youtube-overlay{width:min(calc((100vw - 40px) * var(--target-window-size-percent,40) / 100), calc(100vw - 40px), calc((100vh - 40px) * 16 / 9));aspect-ratio:16/9;border:4px solid var(--primary);z-index:50;background:#111;border-radius:12px;height:auto;transition:top .25s,right .25s,bottom .25s,left .25s,width .25s,height .25s,border-radius .25s,transform .25s;position:absolute;top:20px;left:20px;overflow:hidden;box-shadow:0 4px 30px #000c}.youtube-overlay.top-left{inset:20px auto auto 20px}.youtube-overlay.top-right{inset:20px 20px auto auto}.youtube-overlay.top-center{inset:20px auto auto 50%;transform:translate(-50%)}.youtube-overlay.bottom-left{inset:auto auto 20px 20px}.youtube-overlay.bottom-right{inset:auto 20px 20px auto}.youtube-overlay.bottom-center{inset:auto auto 20px 50%;transform:translate(-50%)}.youtube-overlay.center-left{inset:50% auto auto 20px;transform:translateY(-50%)}.youtube-overlay.center-right{inset:50% 20px auto auto;transform:translateY(-50%)}.youtube-overlay.center{border-width:0;border-radius:0;width:100vw;height:100vh;inset:0}.youtube-overlay.target-window-fullscreen{z-index:50;border-width:0;border-radius:0;width:100vw;height:100vh;inset:0}.youtube-overlay.stage-full{z-index:5;border-width:0;border-radius:0;width:100vw;height:100vh;inset:0}.yt-container{width:100%;height:100%;position:relative}.yt-overlay-canvas{pointer-events:none;z-index:51;width:100%;height:100%;position:absolute;top:0;left:0}.yt-label{text-transform:uppercase;color:#fff;z-index:52;background:#000c;width:100%;padding:6px 10px;font-size:.9rem;font-weight:700;position:absolute;bottom:0;left:0}.hud{bottom:var(--tall-portrait-bottom-offset,40px);z-index:100;opacity:1;will-change:transform, opacity;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;transition:transform .35s,opacity .25s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hud.collapsed{opacity:0;pointer-events:none;transform:translate(-50%,calc(100% + 34px))}.hud-tab{z-index:101;color:#fff;cursor:pointer;opacity:0;pointer-events:none;background:#000000c2;border:1px solid #ffffff2e;border-bottom:none;border-radius:18px 18px 0 0;justify-content:center;align-items:center;min-width:87px;height:51px;transition:transform .35s,opacity .25s;display:inline-flex;position:absolute;bottom:0;left:50%;transform:translate(-50%,100%)}.hud-tab.visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.hud-tab .control-icon{width:36px;height:36px}.score-widget,.points-widget{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#000000b3;border:1px solid #ffffff1a;border-radius:16px;padding:1rem 2rem}.score-label{text-transform:uppercase;letter-spacing:2px;opacity:.8;margin-bottom:.5rem;font-size:.7rem}.score-value{font-size:3rem;font-weight:900;line-height:1}.points-value{font-size:2rem;font-weight:700}.quit-btn{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;height:fit-content;padding:.8rem 1.5rem;font-weight:700;display:inline-flex}.controls-group,.training-panel,.metrics-window,.target-video-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.training-panel,.metrics-window{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:14px;padding:.75rem}.training-panel{gap:1rem}.metrics-window{left:24px;right:auto;bottom:var(--tall-portrait-bottom-offset,40px);z-index:95;will-change:transform, opacity;flex-direction:row;align-items:stretch;gap:.65rem;min-width:272px;transition:transform .35s,opacity .25s;position:absolute}.metrics-window.collapsed{opacity:0;pointer-events:none;transform:translateY(calc(100% + 24px))}.metrics-window.bottom-right{left:auto;right:24px}.metrics-window.no-skeleton{min-width:128px}.metrics-values{flex-direction:column;gap:.65rem;display:flex}.metric-card{text-align:center;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:10px;min-width:104px;min-height:54px;padding:.55rem .75rem;transition:background .2s,border-color .2s}.metric-card.low{background:#d63031db;border-color:#ff7675cc}.metric-card.mid{color:#1f1a05;background:#fdcb6ee6;border-color:#ffeaa7d9}.metric-card.high{background:#00b894e0;border-color:#55efc4cc}.metric-card span{letter-spacing:1px;opacity:.75;margin-bottom:.2rem;font-size:.68rem;font-weight:800;display:block}.metric-card strong{font-size:1.35rem;line-height:1;display:block}.target-skeleton-panel{background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;width:136px;min-height:122px;display:flex;overflow:hidden}.target-skeleton-canvas{width:100%;height:100%;display:block}.target-video-controls{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;flex-wrap:nowrap;padding:0}.target-video-row{display:contents}.screen-position-control{background:#ffffff1f;border-radius:10px;flex:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:2px;width:54px;height:54px;padding:4px;display:grid}.screen-position-btn{cursor:pointer;background:#ffffff1f;border:none;border-radius:4px;padding:0}.screen-position-btn:hover,.screen-position-btn.active{background:var(--secondary)}.screen-position-btn.top-left{grid-area:1/1}.screen-position-btn.top-right{grid-area:1/3}.screen-position-btn.top-center{grid-area:1/2}.screen-position-btn.bottom-left{grid-area:3/1}.screen-position-btn.bottom-right{grid-area:3/3}.screen-position-btn.bottom-center{grid-area:3/2}.screen-position-btn.center-left{grid-area:2/1}.screen-position-btn.center{grid-area:2/2}.screen-position-btn.center-right{grid-area:2/3}.skeleton-toggle{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:10px;flex:none;width:44px;height:42px;position:relative}.skeleton-toggle:hover,.skeleton-toggle.active{background:var(--secondary)}.skeleton-toggle:not(.active){opacity:.55}.skeleton-icon{position:absolute;inset:7px 9px 6px}.skeleton-icon span{background:currentColor;display:block;position:absolute}.skeleton-head{border-radius:50%;width:7px;height:7px;top:0;left:50%;transform:translate(-50%)}.skeleton-body{border-radius:999px;width:3px;height:12px;top:8px;left:50%;transform:translate(-50%)}.skeleton-arm,.skeleton-leg{transform-origin:top;border-radius:999px;width:3px;left:50%}.skeleton-arm{height:11px;top:10px}.skeleton-leg{height:12px;top:19px}.skeleton-arm.left{transform:translate(-50%)rotate(48deg)}.skeleton-arm.right{transform:translate(-50%)rotate(-48deg)}.skeleton-leg.left{transform:translate(-50%)rotate(32deg)}.skeleton-leg.right{transform:translate(-50%)rotate(-32deg)}.control-icon{color:currentColor;flex:none;width:22px;height:22px;display:inline-block;position:relative}.timer-icon{border:2px solid;border-radius:50%}.timer-icon:before,.timer-icon:after{content:"";transform-origin:top;background:currentColor;border-radius:999px;width:2px;position:absolute;top:50%;left:50%}.timer-icon:before{height:7px;transform:translate(-50%,-1px)rotate(0)}.timer-icon:after{height:6px;transform:translate(-50%,-1px)rotate(115deg)}.play-icon{border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:14px solid;width:0;height:0}.pause-icon:before,.pause-icon:after{content:"";background:currentColor;border-radius:2px;width:5px;height:16px;position:absolute;top:3px}.pause-icon:before{left:4px}.pause-icon:after{right:4px}.video-control-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:10px;justify-content:center;align-items:center;min-width:82px;height:42px;font-weight:800;display:inline-flex}.video-control-btn:hover{background:#fff3}.video-control-btn.compact-icon-btn,.swap-view-btn{width:44px;min-width:44px;padding:0}.video-size-control{flex:none}.video-size-control input[type=number]{color:#fff;text-align:center;background:#ffffff1f;border:none;border-radius:10px;width:54px;height:38px;font-size:1rem;font-weight:800}.video-size-control input[type=number]:disabled{opacity:.45}.video-size-control input[type=number]::-webkit-outer-spin-button{-webkit-appearance:auto;margin:0}.video-size-control input[type=number]::-webkit-inner-spin-button{-webkit-appearance:auto;margin:0}.video-size-control input[type=number]{accent-color:var(--secondary);font-variant-numeric:tabular-nums;appearance:auto}.video-control-btn.countdown-active{background:#ffffff2e;min-width:82px;font-size:2rem;line-height:1}.play-pause-btn{order:6}.restart-btn{order:7}.video-control-btn.countdown-critical{background:#d63031f2;animation:.55s ease-in-out infinite countdownPulse}@keyframes countdownPulse{0%,to{background:#d63031f2;box-shadow:0 0 #ff767500}50%{background:#ff4141;box-shadow:0 0 18px #ff7675cc}}.volume-control,.timer-control{text-transform:uppercase;letter-spacing:1px;align-items:center;gap:.55rem;min-height:42px;padding:0 .25rem;font-size:.78rem;font-weight:800;display:flex}.timer-control{order:5}.volume-control{order:8}.screen-position-control{order:1}.video-size-control{order:2}.video-control-btn.compact-icon-btn{order:3}.skeleton-toggle{order:4}.quit-btn{order:9}.volume-control input{width:120px;accent-color:var(--secondary)}.timer-control input[type=checkbox]{width:18px;height:18px;accent-color:var(--secondary)}.timer-control input[type=number]{color:#fff;text-align:center;background:#ffffff1f;border:none;border-radius:10px;width:54px;height:38px;font-size:1rem;font-weight:800}.timer-control input[type=number]:disabled{opacity:.45}@media (orientation:portrait),(aspect-ratio<=1){.game-screen{--tall-portrait-bottom-offset:72px}.play-pause-btn,.restart-btn,.timer-control,.volume-control,.screen-position-control,.video-size-control,.video-control-btn.compact-icon-btn,.skeleton-toggle,.quit-btn{order:initial}.target-video-controls{flex-direction:column;align-items:stretch;gap:.6rem;width:100%}.target-video-controls .target-video-row{flex-wrap:nowrap;justify-content:center;align-items:center;gap:.4rem;width:100%;display:flex}.target-video-controls .target-video-row-primary{order:1}.target-video-controls .target-video-row-secondary{order:2}.timer-control,.video-size-control{gap:.35rem;min-height:38px;padding:0 .2rem}.timer-control input[type=number],.video-size-control input[type=number]{width:46px;height:34px;font-size:.92rem}.video-control-btn{min-width:60px;height:38px}.video-control-btn.countdown-active{min-width:60px;font-size:1.55rem}.volume-control input{width:clamp(78px,24vw,92px)}.screen-position-control{width:48px;height:48px}.skeleton-toggle{width:38px;height:38px}.video-control-btn.compact-icon-btn{width:38px;min-width:38px}}@media (orientation:portrait) and (aspect-ratio<=5/8){.game-screen{--tall-portrait-bottom-offset:112px}.target-video-controls.tall-portrait-controls .target-video-row-primary{order:1}.target-video-controls.tall-portrait-controls .target-video-row-secondary{order:2}.target-video-controls.tall-portrait-controls .target-video-row-tertiary{order:3}.target-video-controls.tall-portrait-controls .target-video-row{gap:.6rem}.target-video-controls.tall-portrait-controls .timer-control,.target-video-controls.tall-portrait-controls .volume-control,.target-video-controls.tall-portrait-controls .screen-position-control,.target-video-controls.tall-portrait-controls .video-size-control,.target-video-controls.tall-portrait-controls .video-control-btn.compact-icon-btn,.target-video-controls.tall-portrait-controls .skeleton-toggle,.target-video-controls.tall-portrait-controls .quit-btn{min-height:57px}.target-video-controls.tall-portrait-controls .timer-control,.target-video-controls.tall-portrait-controls .video-size-control{gap:.5rem;padding:0 .35rem}.target-video-controls.tall-portrait-controls .timer-control input[type=checkbox]{width:27px;height:27px}.target-video-controls.tall-portrait-controls .target-video-row-secondary .timer-icon,.target-video-controls.tall-portrait-controls .target-video-row-secondary .quit-btn .control-icon,.target-video-controls.tall-portrait-controls .target-video-row-secondary .skeleton-icon{transform:none}.target-video-controls.tall-portrait-controls .target-video-row-secondary .quit-btn .control-icon{width:40px;height:40px}.target-video-controls.tall-portrait-controls .target-video-row-secondary .skeleton-icon{inset:4px 6px}.target-video-controls.tall-portrait-controls .target-video-row-secondary .skeleton-icon .skeleton-head{width:9px;height:9px}.target-video-controls.tall-portrait-controls .target-video-row-secondary .skeleton-icon .skeleton-body{width:4px;height:16px;top:10px}.target-video-controls.tall-portrait-controls .target-video-row-secondary .skeleton-icon .skeleton-arm{width:4px;height:14px;top:12px}.target-video-controls.tall-portrait-controls .target-video-row-secondary .skeleton-icon .skeleton-leg{width:4px;height:15px;top:25px}.target-video-controls.tall-portrait-controls .timer-control input[type=number],.target-video-controls.tall-portrait-controls .video-size-control input[type=number]{width:69px;height:51px;font-size:1.38rem}.target-video-controls.tall-portrait-controls .video-control-btn{min-width:90px;height:57px}.target-video-controls.tall-portrait-controls .video-control-btn.countdown-active{min-width:90px;font-size:2.33rem}.target-video-controls.tall-portrait-controls .video-control-btn.compact-icon-btn{width:57px;min-width:57px}.target-video-controls.tall-portrait-controls .swap-view-btn{width:57px;min-width:57px;height:57px}.target-video-controls.tall-portrait-controls .swap-view-btn .control-icon{width:28px;height:28px}.target-video-controls.tall-portrait-controls .volume-control input{width:clamp(117px,36vw,138px)}.target-video-controls.tall-portrait-controls .screen-position-control{gap:3px;width:72px;height:72px;padding:6px}.target-video-controls.tall-portrait-controls .skeleton-toggle{width:57px;height:57px}.target-video-controls.tall-portrait-controls .control-icon{width:33px;height:33px}.target-video-controls.tall-portrait-controls .timer-icon{border-width:3px}.target-video-controls.tall-portrait-controls .timer-icon:before,.target-video-controls.tall-portrait-controls .timer-icon:after{width:3px}.target-video-controls.tall-portrait-controls .timer-icon:before{height:10px}.target-video-controls.tall-portrait-controls .timer-icon:after{height:9px}.target-video-controls.tall-portrait-controls .play-icon{border-top-width:13px;border-bottom-width:13px;border-left-width:21px}.target-video-controls.tall-portrait-controls .pause-icon:before,.target-video-controls.tall-portrait-controls .pause-icon:after{width:7px;height:24px;top:4px}}.spinner{border:5px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:50px;height:50px;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}