body.player-open{overflow:hidden}body.player-open .toast{z-index:700}.workout-player[hidden]{display:none}.workout-player{position:fixed;inset:0;z-index:500;background:#111;color:#fff;display:flex;flex-direction:column}.player-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #303030;background:#171717}.player-close,.player-sound{border:1px solid #3d3d3d;background:#232323;color:#fff;border-radius:999px;min-width:42px;height:42px;padding:0 13px;font-weight:900;cursor:pointer}.player-title{text-align:center;min-width:0}.player-title strong{display:block;font-size:.95rem}.player-title small{display:block;color:#aaa;font-size:.65rem;font-weight:750;margin-top:2px}.player-progress{height:5px;background:#282828}.player-progress span{display:block;height:100%;width:0;background:#ffd84a;transition:width .35s linear}.player-stage{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:26px;align-items:center;width:min(1180px,calc(100% - 32px));margin:auto;padding:20px 0}.player-visual{position:relative;min-height:430px;border-radius:30px;overflow:hidden;background:radial-gradient(circle at 50% 25%,rgba(255,216,74,.28),transparent 30%),linear-gradient(145deg,#252525,#151515);display:flex;align-items:flex-end;justify-content:center}.player-visual:after{content:"";position:absolute;left:12%;right:12%;bottom:7%;height:18px;background:rgba(0,0,0,.35);border-radius:50%;filter:blur(7px)}.player-mascot{position:relative;z-index:2;max-height:82%;max-width:72%;object-fit:contain;transform-origin:center bottom;animation:playerIdle 1.2s ease-in-out infinite alternate}.workout-player.paused .player-mascot{animation-play-state:paused}.player-mascot[data-motion="march"]{animation:playerMarch .7s ease-in-out infinite alternate}.player-mascot[data-motion="squat"]{animation:playerSquat 1.15s ease-in-out infinite}.player-mascot[data-motion="push"]{animation:playerPush 1s ease-in-out infinite}.player-mascot[data-motion="plank"]{animation:playerPlank 1.5s ease-in-out infinite}.player-mascot[data-motion="jump"]{animation:playerJump .75s ease-in-out infinite}.player-mascot[data-motion="lunge"]{animation:playerLunge 1.1s ease-in-out infinite}.player-mascot[data-motion="climber"]{animation:playerClimber .55s ease-in-out infinite alternate}.player-mascot[data-motion="bridge"]{animation:playerBridge 1.15s ease-in-out infinite}.player-mascot[data-motion="deadbug"]{animation:playerDeadbug 1s ease-in-out infinite alternate}.player-mascot[data-motion="mobility"]{animation:playerMobility 1.8s ease-in-out infinite}.player-mascot[data-motion="rest"]{animation:playerRest 2.2s ease-in-out infinite}.player-countdown-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:rgba(0,0,0,.66);font-size:clamp(5rem,18vw,11rem);font-weight:1000;color:#ffd84a;letter-spacing:-.08em}.player-countdown-overlay[hidden]{display:none}.player-info{display:flex;flex-direction:column;justify-content:center}.player-kicker{font-size:.68rem;font-weight:950;letter-spacing:.11em;color:#ffd84a}.player-info h1{font-size:clamp(2.3rem,5vw,4.2rem);line-height:.9;letter-spacing:-.055em;margin:8px 0 10px}.player-cue{color:#c9c9c3;line-height:1.5;font-weight:650;margin:0}.player-clock{font-size:clamp(4.5rem,10vw,7.5rem);line-height:.9;font-weight:1000;letter-spacing:-.08em;margin:26px 0 10px}.player-target{display:inline-flex;align-self:flex-start;border:1px solid #3b3b3b;background:#202020;border-radius:999px;padding:8px 11px;font-size:.72rem;font-weight:850;color:#d8d8d2}.player-next{margin-top:24px;padding-top:18px;border-top:1px solid #303030;color:#9f9f99;font-size:.72rem;font-weight:750}.player-next strong{color:#fff}.player-controls{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:10px;margin-top:18px}.player-controls button{border:1px solid #3b3b3b;background:#202020;color:#fff;border-radius:16px;padding:13px 10px;font-weight:900;cursor:pointer}.player-controls .player-pause{background:#ffd84a;color:#171717;border-color:#ffd84a}.player-controls button:disabled{opacity:.35;cursor:default}.player-finish{position:absolute;inset:0;z-index:8;background:#171717;display:grid;place-items:center;padding:24px}.player-finish[hidden]{display:none}.finish-card{text-align:center;width:min(520px,100%);background:#222;border:1px solid #373737;border-radius:30px;padding:34px}.finish-mascot{height:180px;margin:auto auto 10px}.finish-card h2{font-size:2.2rem;margin:4px 0 8px}.finish-card p{color:#bbb;margin:0}.finish-rewards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0}.finish-rewards article{background:#181818;border:1px solid #343434;border-radius:16px;padding:14px 8px}.finish-rewards strong{display:block;font-size:1.35rem}.finish-rewards small{display:block;color:#999;font-size:.63rem;font-weight:800;margin-top:3px}.finish-card button{width:100%;border:0;background:#ffd84a;color:#171717;border-radius:14px;padding:13px;font-weight:950;cursor:pointer}@keyframes playerIdle{to{transform:translateY(-5px)}}@keyframes playerMarch{to{transform:translateY(-10px) rotate(2deg)}}@keyframes playerSquat{0%,100%{transform:translateY(0) scaleY(1)}50%{transform:translateY(34px) scaleY(.9)}}@keyframes playerPush{0%,100%{transform:rotate(-3deg) translateX(-8px)}50%{transform:rotate(4deg) translateX(14px)}}@keyframes playerPlank{0%,100%{transform:rotate(87deg) scale(.88)}50%{transform:rotate(87deg) scale(.9)}}@keyframes playerJump{0%,100%{transform:translateY(0) scaleX(1)}50%{transform:translateY(-34px) scaleX(1.06)}}@keyframes playerLunge{0%,100%{transform:translateX(-16px) rotate(-3deg)}50%{transform:translateX(16px) translateY(14px) rotate(3deg)}}@keyframes playerClimber{to{transform:rotate(82deg) translateX(12px)}}@keyframes playerBridge{0%,100%{transform:rotate(88deg) translateY(18px)}50%{transform:rotate(82deg) translateY(-4px)}}@keyframes playerDeadbug{to{transform:rotate(90deg) translateX(10px) scale(.92)}}@keyframes playerMobility{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg) translateY(-6px)}}@keyframes playerRest{0%,100%{transform:scale(.94) translateY(12px)}50%{transform:scale(.96) translateY(8px)}}@media(max-width:760px){.library-card>.primary-action{grid-column:2;justify-self:start}.player-top{padding:10px 11px}.player-title small{display:none}.player-stage{display:flex;flex-direction:column;width:100%;padding:0;gap:0;overflow:auto}.player-visual{width:100%;min-height:0;height:45vh;border-radius:0}.player-mascot{max-height:88%;max-width:76%}.player-info{width:100%;padding:18px 18px calc(20px + env(safe-area-inset-bottom));background:#171717}.player-info h1{font-size:2.35rem}.player-clock{font-size:5rem;margin:18px 0 8px}.player-next{margin-top:16px;padding-top:14px}.player-controls{position:sticky;bottom:0;background:#171717;padding-bottom:env(safe-area-inset-bottom)}.finish-card{padding:24px 18px}.finish-mascot{height:145px}.finish-card h2{font-size:1.8rem}}@media(max-height:680px) and (max-width:760px){.player-visual{height:38vh}.player-info h1{font-size:1.9rem}.player-clock{font-size:4rem;margin:12px 0 6px}.player-cue{font-size:.83rem}.player-next{display:none}}
