@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{box-sizing:border-box}:root{--neon-pink: #ff00ff;--neon-blue: #00ffff;--neon-red: #ff0000;--neon-purple: #bc13fe;--neon-yellow: #ffff00;--glitch-red: #ff0000;--glitch-cyan: #00ffff;--bg-dark: #050505;--bg-darker: #000000;font-family:"Press Start 2P",system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:var(--bg-dark);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;width:100%;overflow-x:hidden;background-color:var(--bg-dark);background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px);background-size:50px 50px}#root{min-height:100vh;display:flex;flex-direction:column}.glitch{position:relative;text-transform:uppercase;text-shadow:2px 2px var(--glitch-red),-2px -2px var(--glitch-cyan)}h1,h2,h3,h4{text-transform:uppercase;letter-spacing:4px}.title-glow{text-shadow:0 0 10px var(--neon-pink),0 0 20px var(--neon-pink),0 0 40px var(--neon-pink)}a{color:var(--neon-blue);text-decoration:none;transition:all .3s ease;text-transform:uppercase;font-size:.8rem}a:hover{color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink)}button{font-family:"Press Start 2P",cursive;padding:12px 24px;background:#000;border:4px solid var(--neon-blue);color:var(--neon-blue);cursor:pointer;text-transform:uppercase;box-shadow:0 0 10px var(--neon-blue),inset 0 0 5px var(--neon-blue);transition:all .2s ease;position:relative;overflow:hidden}button:hover{background:var(--neon-blue);color:#000;box-shadow:0 0 30px var(--neon-blue);transform:translateY(-2px)}button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:#ffffff1a;transform:rotate(45deg);transition:all .5s ease;pointer-events:none}button:hover:before{left:100%}.arcade-container{min-height:100vh;padding:2rem;display:flex;flex-direction:column;align-items:center;position:relative}.scanlines{position:relative}.scanlines:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,.2) 1px,rgba(0,0,0,.2) 2px);pointer-events:none;z-index:10000}.neon-border{border:4px solid var(--neon-pink);box-shadow:0 0 15px var(--neon-pink),inset 0 0 10px var(--neon-pink)}.neon-text-red{color:var(--neon-red);text-shadow:0 0 10px var(--neon-red)}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(50px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}#root{width:100%;margin:0;padding:0;min-height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.arcade-navbar{background:#000;border-bottom:3px solid var(--neon-pink);box-shadow:0 5px 15px #ff00ff4d;padding:1rem;position:sticky;top:0;z-index:1000}.navbar-links{display:flex;justify-content:center;gap:2rem;max-width:1200px;margin:0 auto}.nav-link{font-family:"Press Start 2P",cursive;font-size:.7rem;color:var(--neon-blue);text-decoration:none;text-transform:uppercase;transition:all .3s ease;padding:.5rem 1rem;border:2px solid transparent}.nav-link:hover{color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink);border:2px solid var(--neon-pink);box-shadow:0 0 10px var(--neon-pink)}.arcade-frame{background:#000;padding:2rem;border-radius:10px;max-width:800px;width:100%;margin-top:2rem}.title{text-align:center;font-size:2rem;margin-bottom:2rem;color:#fff}.form-group{margin-bottom:2.5rem}.section-label{display:block;font-size:1rem;margin-bottom:1.5rem;text-align:center;transition:all .3s}.radio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.radio-option{padding:1rem;background:#1a1a1a;border:2px solid #333;text-align:center;cursor:pointer;transition:all .3s}.radio-option.selected{border-color:var(--neon-pink);box-shadow:0 0 10px var(--neon-pink);color:var(--neon-pink)}.hidden{display:none}.arcade-select{width:100%;padding:1rem;background:#000;border:2px solid var(--neon-blue);color:var(--neon-blue);font-family:"Press Start 2P",cursive;font-size:1rem;text-align:center}.intensity-group{display:flex;justify-content:space-around;gap:1rem}.intensity-btn{flex:1;font-size:.8rem}.intensity-btn.active{background:var(--neon-blue);color:#000}.start-btn{width:100%;padding:1.5rem;margin-top:1rem;font-size:1.2rem;border-color:var(--neon-pink);color:var(--neon-pink)}.summary-item{display:flex;justify-content:space-between;margin-bottom:1.5rem;font-size:1rem}.summary-item .label{color:var(--neon-blue)}.reset-btn{width:100%;margin-top:2rem}.question-box{margin:2rem 0;min-height:200px;display:flex;flex-direction:column;justify-content:center}.question-text{font-size:1rem;margin-bottom:2rem;line-height:1.6}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.options-grid button.active{background:var(--neon-pink);border-color:var(--neon-pink);color:#000}.arcade-input{width:100%;padding:1rem;background:#000;border:2px solid var(--neon-blue);color:var(--neon-blue);font-family:"Press Start 2P",cursive;text-align:center}.workout-nav{display:flex;justify-content:space-between;margin-top:2rem}.result-stats{margin:2rem 0;display:flex;flex-direction:column;gap:1rem;font-size:.9rem}.reward-status-bar{display:flex;justify-content:space-around;width:100%;max-width:800px;padding:1.5rem!important;margin-top:1rem!important}.status-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.status-item .label{font-size:.7rem;color:var(--neon-blue)}.status-item .value{font-size:1.2rem}.clipboard-container{width:100%;max-width:1200px;margin:0 auto;padding:20px}.clipboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px 20px;background:#0009;border:2px solid #00ffff}.score-display{display:flex;gap:10px;align-items:center}.score-display .label{font-size:.8rem;color:#aaa}.score-display .value{font-size:1.2rem;font-family:"Press Start 2P",monospace}.test-controls{display:flex;gap:5px;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.test-btn{padding:4px 8px!important;font-size:.5rem!important;min-width:40px;border-width:2px!important;box-shadow:none!important}.clipboard-layout{display:grid;grid-template-columns:1fr 400px;gap:20px}.clipboard-wrapper{position:relative;background:#2a2a2a;padding:15px;border-radius:8px;box-shadow:0 10px 30px #00000080,inset 0 0 20px #0000004d}.clipboard-clip{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:80px;height:25px;background:linear-gradient(180deg,silver,gray,#606060);border-radius:4px 4px 0 0;box-shadow:0 2px 8px #00000080,inset 0 1px #ffffff4d,inset 0 -1px #0000004d;z-index:10}.clipboard-clip:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:8px;background:linear-gradient(180deg,#e0e0e0,#a0a0a0);border-radius:2px}.clipboard-surface{background:#f4f1e8;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(139,120,93,.08) 2px,rgba(139,120,93,.08) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(139,120,93,.08) 2px,rgba(139,120,93,.08) 4px),linear-gradient(180deg,rgba(139,120,93,.05) 0%,transparent 100%);min-height:600px;padding:30px 20px 20px;border:2px solid #d4c5a9;border-radius:4px;box-shadow:inset 0 0 30px #00000014,inset 0 2px 4px #0000001a,0 0 20px #00f0ff33;position:relative}.clipboard-surface:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(139,120,93,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,120,93,.1) 0%,transparent 50%);pointer-events:none;border-radius:4px}.clipboard-title{font-family:"Press Start 2P",monospace;font-size:.7rem;color:#5a4a3a;margin-bottom:20px;text-align:center;padding-bottom:10px;border-bottom:2px dashed #8b7859;text-shadow:1px 1px 0 rgba(255,255,255,.3);letter-spacing:2px}.sticker-area{position:relative;width:100%;min-height:500px;cursor:default}.sticker{position:absolute;cursor:grab;transition:transform .2s,filter .2s;image-rendering:pixelated;filter:drop-shadow(0 0 8px var(--glow-color, #00ffff));-webkit-user-select:none;user-select:none}.sticker:active{cursor:grabbing}.sticker:hover{transform:scale(1.05)!important;filter:drop-shadow(0 0 15px var(--glow-color, #00ffff));z-index:100}.sticker.placed{cursor:grab}.sticker.placed:active{cursor:grabbing}.sticker.dragging{opacity:.6;z-index:1000;transform:scale(1.1)!important}.sticker-area.drag-over{background-color:#00f0ff0d}.sticker.preview{position:relative;margin:0 auto}.joystick-sticker{width:60px;height:50px;position:relative}.joystick-base{position:absolute;bottom:0;left:5px;width:50px;height:20px;background:#000;border:2px solid #333}.joystick-shaft{position:absolute;bottom:18px;left:28px;width:4px;height:15px;background:#0ff;border:1px solid #000}.joystick-ball{position:absolute;bottom:32px;left:20px;width:20px;height:20px;background:red;border:2px solid #000;border-radius:50%}.joystick-btn{position:absolute;bottom:5px;width:8px;height:8px;background:red;border:1px solid #000;border-radius:50%}.joystick-btn.btn-1{right:8px}.joystick-btn.btn-2{right:20px}.insert-coin-sticker{width:40px;height:80px;background:#000;border:3px solid #ff0000;padding:5px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-family:"Press Start 2P",monospace}.coin-text{font-size:.3rem;color:red;text-align:center;line-height:1.2}.coin-amount{font-size:.4rem;color:red}.coin-arrow{font-size:.5rem;color:red}.circle-sticker{width:40px;height:40px;border-radius:50%;border:3px solid #000}.star-sticker{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.star-shape{font-size:40px;color:#fc0;text-shadow:2px 2px 0 #000;filter:drop-shadow(0 0 10px #ffff00)}.mixtape-sticker{width:50px;height:35px;background:#000;border:2px solid #000;position:relative}.tape-label{position:absolute;top:2px;left:2px;right:2px;height:8px;background:#fff;font-family:"Press Start 2P",monospace;font-size:.25rem;display:flex;align-items:center;justify-content:center;color:#000;text-align:center;line-height:1}.tape-stripe{position:absolute;top:10px;left:2px;right:2px;height:4px;background:linear-gradient(to right,#fc0,#f0f,#0ff 66%,#fc0)}.tape-spool{position:absolute;width:12px;height:12px;border:2px solid #666;border-radius:50%;background:#333;top:50%;transform:translateY(-50%)}.tape-spool:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:#000;border-radius:50%}.spool-1{left:8px}.spool-2{right:8px}.game-over-sticker{width:70px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:"Press Start 2P",monospace}.game-text{font-size:.5rem;color:#0ff;text-shadow:2px 2px 0 #000;margin-bottom:2px}.over-text{font-size:.5rem;color:#f0f;text-shadow:2px 2px 0 #000}.shades-sticker{width:60px;height:25px;position:relative}.shades-frame{position:absolute;top:0;left:0;right:0;height:20px;background:#000;border:2px solid #000}.shades-lens{position:absolute;top:2px;width:25px;height:16px;background:#000;border:1px solid #333}.lens-1{left:2px}.lens-2{right:2px}.shutter-line{position:absolute;left:0;right:0;height:2px;background:#000}.shutter-line:nth-child(1){top:3px}.shutter-line:nth-child(2){top:7px}.shutter-line:nth-child(3){top:11px}.stickers-panel{background:#000c;padding:20px;max-height:800px;overflow-y:auto}.stickers-panel h3{text-align:center;margin-bottom:15px;font-size:.9rem}.stickers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.sticker-item{background:#00000080;border:2px solid #333;padding:10px;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.5;transition:all .3s}.sticker-item.unlocked{opacity:1;border-color:#0ff}.sticker-item.placed{border-color:#0f0;background:#00ff001a}.sticker-info{width:100%;text-align:center}.sticker-name{font-size:.6rem;color:#fff;margin-bottom:4px;font-family:"Press Start 2P",monospace}.sticker-threshold{font-size:.5rem;color:#f0f;margin-bottom:6px}.place-btn{padding:4px 8px!important;font-size:.4rem!important;width:100%;margin-top:4px}.placed-badge{font-size:.5rem;color:#0f0;font-family:"Press Start 2P",monospace;margin-top:4px}.clear-btn{width:100%;margin-top:20px;padding:10px!important;font-size:.7rem!important}@media(max-width:1200px){.clipboard-layout{grid-template-columns:1fr}.stickers-panel{max-height:400px}}.workout-selector-content{width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem}.rewards-layout{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:1200px}.carousel-container{width:100%;max-width:900px;height:400px;position:relative;perspective:1000px;margin:1rem 0 0}.button-list{display:flex;flex-direction:row}.survey-meta{display:flex;flex-direction:row;gap:50px}.survey-button.active{background-color:var(--neon-blue);z-index:10}.container{display:flex;flex-direction:column;align-items:center;gap:0px;width:100%;position:relative}.container .leaderboard-container{margin-top:0;transition:margin-top .3s ease}.carousel-container{transition:min-height .3s ease}.carousel{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1)}.card{position:absolute;left:50%;top:50%;margin-left:-110px;margin-top:-140px;width:220px;min-height:280px;background:#000;border-radius:10px;padding:1.5rem;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s,border .3s;border:2px solid #333;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.card-active{border:3px solid var(--neon-pink);box-shadow:0 0 20px var(--neon-pink);z-index:10;overflow:hidden}.card:hover{width:320px;min-height:400px;margin-left:-160px;margin-top:-200px;border-color:var(--neon-blue);box-shadow:0 0 40px var(--neon-blue);z-index:500}.description-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000f2;border:2px solid var(--neon-blue);padding:1.5rem 1rem;display:flex;flex-direction:column;justify-content:space-between;opacity:0;z-index:20;pointer-events:none;overflow:hidden}.card:hover .description-screen{opacity:1;pointer-events:auto;animation:screen-flash .35s steps(1) forwards}@keyframes screen-flash{0%{opacity:0;transform:scaleY(.01);background:var(--neon-blue)}20%{opacity:1;transform:scaleY(.01);background:#000}40%{opacity:0;transform:scaleY(1)}60%{opacity:1;background:var(--neon-blue)}80%{opacity:.5}to{opacity:1;transform:scaleY(1);background:#000000f2}}.album-art{width:100%;aspect-ratio:1;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff}.album-art svg{width:60%;height:60%}.song-title{font-size:.6rem;margin-bottom:.5rem}.song-title.active{color:var(--neon-pink)}.song-artist{font-size:.5rem;color:#666}.description-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 4px,3px 100%;pointer-events:none;z-index:2}.screen-header{color:var(--neon-blue);font-size:.7rem;text-align:center;border-bottom:2px solid var(--neon-blue);padding-bottom:.7rem;margin-bottom:.7rem;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 5px var(--neon-blue)}.screen-body{color:#fff;font-size:.6rem;line-height:1.8;text-align:left;overflow-y:hidden;flex-grow:1;padding:.5rem 0;scrollbar-width:thin;scrollbar-color:var(--neon-blue) transparent}.card:hover .screen-body{overflow-y:auto;transition:overflow-y 0s .4s}.screen-body::-webkit-scrollbar{width:4px}.screen-body::-webkit-scrollbar-track{background:transparent}.screen-body::-webkit-scrollbar-thumb{background:var(--neon-blue);box-shadow:0 0 5px var(--neon-blue)}.screen-footer{color:var(--neon-pink);font-size:.55rem;text-align:center;margin-top:.7rem;border-top:1px solid rgba(0,255,255,.3);padding-top:.7rem;text-shadow:0 0 5px var(--neon-pink)}.description-text{display:block;word-wrap:break-word;white-space:normal}.subtitle{color:var(--neon-blue);font-size:.8rem;letter-spacing:4px}.chevron{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--neon-blue);cursor:pointer;z-index:100;padding:1rem;transition:all .2s ease}.chevron:hover{color:var(--neon-pink);filter:drop-shadow(0 0 10px var(--neon-pink));transform:translateY(-50%) scale(1.1)}.chevron:active{transform:translateY(-50%) scale(.9)}.chevron.left{left:-20px}.chevron.right{right:-20px}.screen-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.controls{display:flex;justify-content:center;gap:1.5rem;width:100%}.controls .btn{font-size:.8rem}.loading-message{text-align:center;padding:2rem;color:var(--neon-blue);font-size:1.2rem;letter-spacing:3px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;min-height:300px}*{padding:0;box-sizing:border-box}.leaderboard-container{margin:0;padding:10px 20px;width:100%;max-width:800px;z-index:10}.leaderboard-card{background:#000000e6;border:4px solid var(--neon-blue);box-shadow:0 0 15px var(--neon-blue),inset 0 0 10px var(--neon-blue);overflow:hidden;position:relative}.leaderboard-header{background:#00000080;padding:20px;text-align:center;color:#fff;border-bottom:4px solid var(--neon-blue)}.leaderboard-title{display:flex;align-items:center;justify-content:center;gap:12px;font-size:1.2rem;margin-bottom:8px;color:#fff;position:relative;text-shadow:3px 0 var(--glitch-red),-3px 0 var(--glitch-cyan);animation:glitch-anim 2s infinite linear alternate-reverse}@keyframes glitch-anim{0%{text-shadow:2px 0 var(--glitch-red),-2px 0 var(--glitch-cyan)}25%{text-shadow:-2px 0 var(--glitch-red),2px 0 var(--glitch-cyan)}50%{text-shadow:2px 2px var(--glitch-red),-2px -2px var(--glitch-cyan)}75%{text-shadow:-2px -2px var(--glitch-red),2px 2px var(--glitch-cyan)}to{text-shadow:2px 0 var(--glitch-red),-2px 0 var(--glitch-cyan)}}.trophy-icon{width:24px;height:24px;color:var(--neon-yellow);filter:drop-shadow(0 0 5px var(--neon-yellow))}.leaderboard-subtitle{font-size:.6rem;color:var(--neon-blue);text-transform:uppercase;letter-spacing:1px}.leaderboard-table{padding:15px}.table-header{display:grid;grid-template-columns:60px 1fr 100px 80px;gap:8px;padding:10px;background:#00f0ff1a;border:2px solid var(--neon-blue);margin-bottom:12px}.header-cell{font-size:.5rem;font-weight:400;color:var(--neon-blue);text-transform:uppercase;letter-spacing:.5px}.table-body{display:flex;flex-direction:column;gap:8px}.table-row{display:grid;grid-template-columns:60px 1fr 100px 80px;gap:8px;padding:10px;background:#00000080;border:2px solid #333;transition:all .2s}.table-row:hover{border-color:var(--neon-pink);box-shadow:0 0 10px var(--neon-pink);transform:scale(1.02)}.table-cell{display:flex;align-items:center}.rank-number{font-weight:400;color:var(--neon-yellow);font-size:.8rem}.user-info{display:flex;align-items:center;gap:8px}.user-avatar{width:24px;height:24px;background:var(--neon-purple);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.6rem;flex-shrink:0;border:1px solid #fff}.user-name{color:#fff;font-size:.6rem}.score-badge{color:var(--neon-green, #39ff14);font-size:.7rem;text-shadow:0 0 5px var(--neon-green, #39ff14)}.surveys-badge{color:var(--neon-blue);font-size:.7rem}.loading-state,.error-state,.empty-state{padding:40px 20px;text-align:center;font-size:.7rem;color:var(--neon-blue)}.spinner{width:30px;height:30px;border:4px solid rgba(0,240,255,.1);border-top-color:var(--neon-blue);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.small-text{font-size:.5rem;margin-top:5px;opacity:.7}.table-row:nth-child(1) .rank-number{color:gold;text-shadow:0 0 10px #ffd700}.table-row:nth-child(2) .rank-number{color:silver;text-shadow:0 0 10px #c0c0c0}.table-row:nth-child(3) .rank-number{color:#cd7f32;text-shadow:0 0 10px #cd7f32}.retry-btn{margin-top:15px;padding:8px 16px;background:transparent;color:var(--neon-blue);border:2px solid var(--neon-blue);font-family:"Press Start 2P",cursive;font-size:.6rem;cursor:pointer;transition:all .2s}.retry-btn:hover{background:var(--neon-blue);color:#000;box-shadow:0 0 15px var(--neon-blue)}@media(max-width:768px){.leaderboard-container{justify-content:center}.leaderboard-card{border-radius:16px;margin-left:0}.leaderboard-header{padding:32px 20px}.leaderboard-title{font-size:28px}.leaderboard-table{padding:0 20px 20px}.table-header,.table-row{grid-template-columns:60px 1fr 50px 70px;gap:8px;padding:12px 16px}.header-cell{font-size:10px}.user-name{font-size:14px}.score-badge{font-size:16px}.surveys-badge{font-size:12px;padding:4px 8px}}@media(max-width:480px){.table-header{display:none}.table-row{grid-template-columns:1fr;gap:12px}.table-cell{justify-content:space-between}.table-cell:before{content:attr(data-label);font-weight:600;color:#718096;font-size:12px}}.video-box-container{width:100%;max-width:1200px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.video-box-header h1{font-size:2rem;margin-bottom:1rem}.video-box-header p{color:var(--neon-blue);font-size:.7rem;letter-spacing:2px}.video-box-content{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem}.video-section{display:flex;flex-direction:column;gap:1.5rem}.video-section:has(.video-wrapper-active){gap:1rem}.video-wrapper{background:#000;border:4px solid var(--neon-purple);box-shadow:0 0 20px var(--neon-purple);position:relative;aspect-ratio:4/3;overflow:hidden}.video-wrapper-small{background:#000;border:4px solid var(--neon-purple);box-shadow:0 0 20px var(--neon-purple);position:relative;aspect-ratio:4/3;overflow:hidden;max-width:500px;margin:0 auto}.video-wrapper-small.video-wrapper-active{max-width:400px;max-height:300px}.video-element{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.canvas-overlay{position:absolute;top:0;left:0;width:100%;height:100%;transform:scaleX(-1)}.video-placeholder{height:100%;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#666}.video-controls{display:flex;gap:1rem}.video-controls button{flex:1;font-size:.7rem}.btn-start{border-color:var(--neon-blue);color:var(--neon-blue)}.btn-stop{border-color:var(--neon-pink);color:var(--neon-pink)}.btn-reset{border-color:var(--neon-yellow);color:var(--neon-yellow)}.counters-section{background:#000;padding:1.5rem;border:3px solid var(--neon-blue);box-shadow:0 0 15px var(--neon-blue)}.counters-section h2{font-size:1.2rem;margin-bottom:1.5rem;text-align:center}.counters-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.counter-card{padding:1rem;background:#1a1a1a;border:1px solid #333;display:flex;flex-direction:column;align-items:center;gap:.5rem}.counter-icon{font-size:1.5rem}.counter-label{font-size:.5rem;color:#888}.counter-value{font-size:1.2rem;color:var(--neon-pink)}.total-section{margin-top:2rem;padding-top:1rem;border-top:2px dashed #444;text-align:center}.total-label{font-size:.8rem;margin-bottom:.5rem}.total-value{font-size:2rem;color:var(--neon-yellow);text-shadow:0 0 10px var(--neon-yellow)}.survey-section{background:#000;padding:1rem;border:3px solid var(--neon-blue);box-shadow:0 0 15px var(--neon-blue);display:flex;flex-direction:column;gap:1rem}.survey-section.neon-border-yellow{border:3px solid var(--neon-yellow);box-shadow:0 0 15px var(--neon-yellow),0 0 30px var(--neon-yellow)}.question-header{text-align:center;border-bottom:2px dashed #444;padding-bottom:.75rem}.question-header h3{font-size:.75rem;margin-bottom:.4rem;letter-spacing:2px;display:flex;align-items:center;justify-content:center;gap:.5rem}.question-answered-indicator{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--neon-yellow);color:#000;border-radius:50%;font-size:.9rem;font-weight:700;box-shadow:0 0 10px var(--neon-yellow),0 0 20px var(--neon-yellow);animation:checkmark-pop .4s ease-out}@keyframes checkmark-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}.question-header h4{font-size:1rem;margin:0}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.option-btn{padding:.75rem;background:#1a1a1a;border:2px solid #333;color:#888;font-size:.85rem;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px;display:flex;flex-direction:column;gap:.4rem;align-items:flex-start;text-align:left}.option-text{font-weight:700;width:100%}.option-exercise{display:flex;flex-direction:column;gap:.25rem;width:100%;margin-top:.4rem;padding-top:.4rem;border-top:1px dashed #444}.exercise-badge{font-size:.7rem;color:var(--neon-yellow);text-shadow:0 0 5px var(--neon-yellow);font-weight:700;text-transform:none;letter-spacing:.5px}.exercise-specs{font-size:.6rem;color:#888;text-transform:none;letter-spacing:.5px}.option-btn:hover{border-color:var(--neon-blue);color:var(--neon-blue);box-shadow:0 0 10px var(--neon-blue)}.option-btn:hover .exercise-badge{color:var(--neon-yellow);text-shadow:0 0 8px var(--neon-yellow)}.option-btn.active{border-color:var(--neon-pink);color:var(--neon-pink);box-shadow:0 0 15px var(--neon-pink);background:#2a1a2a}.option-btn.active .exercise-badge{color:var(--neon-yellow);text-shadow:0 0 10px var(--neon-yellow)}.option-btn.active .exercise-specs{color:#aaa}.option-btn.in-progress{border-color:var(--neon-blue);box-shadow:0 0 20px var(--neon-blue);animation:pulse-border 2s infinite}.option-btn.complete{border-color:var(--neon-yellow);box-shadow:0 0 25px var(--neon-yellow)}.option-btn:disabled{cursor:not-allowed;opacity:.8}.option-progress{margin-top:.4rem;padding-top:.4rem;border-top:1px dashed #444;display:flex;flex-direction:column;gap:.4rem;width:100%}.option-progress-bar{width:100%;height:6px;background:#1a1a1a;border:1px solid #333;overflow:hidden;position:relative}.option-progress-fill{height:100%;background:linear-gradient(90deg,#0ff,#0f0);box-shadow:0 0 8px #0ff;transition:width .3s ease;display:block}.complete-check{color:var(--neon-yellow);font-size:1.2rem;text-shadow:0 0 10px var(--neon-yellow);animation:check-pop .5s}@keyframes pulse-border{0%,to{box-shadow:0 0 20px var(--neon-blue)}50%{box-shadow:0 0 30px var(--neon-blue),0 0 40px var(--neon-blue)}}@keyframes check-pop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.open-ended-input{width:100%}.arcade-textarea{width:100%;min-height:100px;padding:1rem;background:#1a1a1a;border:2px solid #333;color:var(--neon-blue);font-family:Courier New,monospace;font-size:.9rem;resize:vertical}.arcade-textarea:focus{outline:none;border-color:var(--neon-blue);box-shadow:0 0 10px var(--neon-blue)}.exercise-action{background:#1a1a1a;padding:1.5rem;border:3px solid var(--neon-pink);box-shadow:0 0 15px var(--neon-pink);transition:all .3s}.exercise-action.complete{border-color:var(--neon-yellow);box-shadow:0 0 20px var(--neon-yellow)}.exercise-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px dashed #444}.exercise-label{font-size:.7rem;color:#888;letter-spacing:2px}.exercise-name{font-size:1.3rem;color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink);font-weight:700}.exercise-details{display:flex;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:var(--neon-blue)}.exercise-details span{padding:.3rem .8rem;background:#0a0a1a;border:1px solid var(--neon-blue)}.exercise-details .complete-reps{color:var(--neon-yellow);border-color:var(--neon-yellow);text-shadow:0 0 5px var(--neon-yellow)}.reps-progress{margin-top:1rem;padding-top:1rem;border-top:1px dashed #444}.progress-bar{width:100%;height:8px;background:#0a0a1a;border:1px solid #333;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--neon-pink),var(--neon-yellow));box-shadow:0 0 10px var(--neon-yellow);transition:width .3s}.complete-message{text-align:center;font-size:.8rem;font-weight:700;letter-spacing:2px;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.error-message{background:#2a1a1a;padding:1rem;border:2px solid var(--neon-yellow);box-shadow:0 0 10px var(--neon-yellow);color:var(--neon-yellow);text-align:center;font-size:.8rem;letter-spacing:1px;margin-top:1rem}.question-nav{display:flex;gap:1rem;justify-content:center}.nav-btn{padding:.8rem 2rem;background:#1a1a1a;border:2px solid var(--neon-blue);color:var(--neon-blue);font-size:.8rem;cursor:pointer;text-transform:uppercase;letter-spacing:2px;transition:all .3s}.nav-btn:hover:not(:disabled){box-shadow:0 0 15px var(--neon-blue);background:#2a2a3a}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.nav-btn.disabled{border-color:var(--neon-yellow);color:var(--neon-yellow);opacity:.6}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;min-height:200px}.loading-spinner{width:50px;height:50px;border:4px solid #333;border-top:4px solid var(--neon-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.loading-text{font-size:1rem;letter-spacing:3px;text-align:center;animation:pulse 1.5s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:900px){.video-box-content{grid-template-columns:1fr}.video-wrapper-small{max-width:100%}.options-grid{grid-template-columns:1fr}}.exercise-progress-container{margin-top:1.5rem;padding-top:1rem;border-top:2px dashed #444}.exercise-progress-bar{width:100%;height:12px;background:#1a1a1a;border:2px solid #444;overflow:hidden;position:relative}.exercise-progress-fill{height:100%;background:linear-gradient(90deg,var(--neon-pink),var(--neon-yellow));box-shadow:0 0 15px var(--neon-pink);transition:width .3s ease}.countdown-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000080;z-index:10;pointer-events:none}.countdown-number{font-size:8rem;font-weight:700;color:var(--neon-yellow);text-shadow:0 0 30px var(--neon-yellow),0 0 60px var(--neon-yellow);animation:countdown-pulse 1s ease-out;font-family:Courier New,monospace}.countdown-text{font-size:1.5rem;color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink);margin-top:1rem;letter-spacing:3px;text-transform:uppercase;animation:countdown-fade 1s ease-out}@keyframes countdown-pulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.9}}@keyframes countdown-fade{0%{opacity:0}to{opacity:1}}.completion-message{padding:3rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.completion-title{font-size:2rem;margin-bottom:.5rem;text-shadow:0 0 10px var(--neon-yellow),0 0 20px var(--neon-yellow),0 0 40px var(--neon-yellow);animation:pulse 1.5s ease-in-out infinite}.completion-text{font-size:1.2rem;color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue);letter-spacing:2px;margin:0}.completion-subtext{font-size:.9rem;color:#ccc;letter-spacing:1px;margin:0}.completion-stats{margin-top:1rem;display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.5rem;background:#ffff001a;border:2px solid var(--neon-yellow);border-radius:4px}.stat-label{font-size:.7rem;color:#ccc;letter-spacing:1px}.stat-value{font-size:1rem;color:var(--neon-yellow);text-shadow:0 0 10px var(--neon-yellow);font-weight:700}