html,body{background-color:#000;width:100vw;height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;overflow:hidden}body.spinal-tap-theme{background:url(/Contents/Pictures/1-11%20picture.png) 50%/cover no-repeat fixed}.page-overlay{width:100vw;height:100vh;display:flex;position:relative}.dial-section{z-index:40;width:350px;height:350px;position:absolute;bottom:29vh;left:36.7vw}.dial-wrapper{cursor:pointer;width:100%;height:100%;position:relative}.dial-knob{transform-origin:50%;width:180px;height:180px;box-shadow:none;background:0 0;border:none;border-radius:50%;transition:transform .1s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.dial-pointer{z-index:10;opacity:1;transform-origin:50% calc(100% - 40px);background:#d4b69c;border-radius:0;width:6px;height:50%;position:absolute;top:0;left:50%;transform:translate(-50%)}.floating-tooltip{color:#000;pointer-events:none;opacity:0;z-index:100;white-space:nowrap;background:#fff;border-radius:20px;padding:8px 15px;font-family:Inter,sans-serif;font-size:12pt;font-weight:700;transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:absolute;transform:translate(-50%,-100%)translateY(-20px);box-shadow:0 10px 25px #00000080}.floating-tooltip.active{opacity:1;transform:translate(-50%,-100%)translateY(-40px)}.floating-tooltip:after{content:"";border-top:8px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.glass-side-panel{-webkit-backdrop-filter:blur(10px);z-index:100;background:#ffffff1a;border:1px solid #fff3;border-radius:30px;flex-direction:column;width:500px;padding:40px;display:flex;position:absolute;top:40px;bottom:40px;right:40px;box-shadow:0 25px 50px #00000080}.panel-scroller{flex:1;padding-right:15px;overflow-y:auto}.panel-scroller::-webkit-scrollbar{width:5px}.panel-scroller::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.level-name-large{color:#fff;text-transform:uppercase;margin-bottom:10px;font-family:Oswald,sans-serif;font-size:2.8rem;line-height:1.1}.level-badge{color:#fff;background:#ff0f5b;border-radius:10px;margin-bottom:30px;padding:5px 15px;font-family:Oswald,sans-serif;font-size:1.2rem;display:inline-block}.level-desc{color:#ffffffe6;margin-bottom:40px;font-size:1.2rem;line-height:1.7}.panel-dial-prompt{color:#ff6b8b;letter-spacing:.4px;text-transform:uppercase;background:#ff0f5b26;border:1px solid #ff0f5b59;border-radius:20px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.panel-dial-prompt .prompt-icon{font-size:.95rem;animation:6s linear infinite spinDialPrompt;display:inline-block}@keyframes spinDialPrompt{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-discreet-notice{-webkit-backdrop-filter:blur(8px);color:#ffffffc7;letter-spacing:.2px;z-index:50;pointer-events:none;white-space:nowrap;background:#000000bf;border:1px solid #ffffff26;border-radius:16px;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:500;display:inline-flex;position:absolute;bottom:95px;left:40px}.video-links-container{z-index:50;gap:20px;display:flex;position:absolute;bottom:40px;left:40px}.video-link-item{position:relative}.video-link-anchor{color:#fff;text-transform:uppercase;letter-spacing:1px;background:#0009;border:1px solid #fff3;border-radius:50px;padding:12px 25px;font-size:.9rem;font-weight:800;text-decoration:none;transition:all .3s}.video-link-anchor:hover{background:#ff0f5b;border-color:#ff0f5b}.video-preview-card{opacity:0;pointer-events:none;background:#111;border:1px solid #333;border-radius:15px;width:250px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;bottom:60px;left:50%;overflow:hidden;transform:translate(-50%)translateY(20px);box-shadow:0 15px 40px #000c}.video-link-item:hover .video-preview-card{opacity:1;transform:translate(-50%)translateY(0)}.preview-thumb{background-position:50%;background-size:cover;width:100%;height:140px}.preview-title{color:#eee;padding:12px;font-size:.85rem;font-weight:600}.back-link-fixed{z-index:200;flex-direction:column;gap:12px;display:flex;position:absolute;top:40px;left:40px}.back-link-fixed a{color:#ffffff80;align-items:center;font-weight:700;text-decoration:none;transition:color .2s;display:flex}.back-link-fixed a:hover{color:#fff}@media (width<=900px){html,body{height:auto!important;overflow:hidden auto!important}.page-overlay{box-sizing:border-box;min-height:100vh;flex-direction:column!important;align-items:center!important;height:auto!important;padding:70px 16px 40px!important;display:flex!important}.back-link-fixed{top:20px;left:20px}.dial-section{width:280px!important;height:280px!important;margin:20px auto!important;position:relative!important;bottom:auto!important;left:auto!important}.dial-knob{width:140px!important;height:140px!important}.glass-side-panel{box-sizing:border-box;width:100%!important;max-width:580px!important;margin:20px auto!important;padding:24px!important;position:relative!important;top:auto!important;bottom:auto!important;right:auto!important}.video-discreet-notice{text-align:center!important;white-space:normal!important;margin-top:24px!important;margin-bottom:8px!important;padding:4px 10px!important;font-size:.72rem!important;position:relative!important;bottom:auto!important;left:auto!important}.video-links-container{flex-wrap:wrap!important;justify-content:center!important;gap:10px!important;width:100%!important;margin-top:8px!important;display:flex!important;position:relative!important;bottom:auto!important;left:auto!important}.video-link-anchor{padding:10px 18px!important;font-size:.8rem!important}.video-preview-card{width:220px!important;left:50%!important}}