@font-face{font-family:BarlowBold;src:url(/assets/Barlow-Bold-2V5Uw9QO.woff2)format("woff2"),url(/assets/Barlow-Bold-BhOr5_TS.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:PoppinsRegular;src:url(/assets/Poppins-Regular-BR5NqOYi.woff2)format("woff2"),url(/assets/Poppins-Regular-DfYqSrDI.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}html,body{color:#fff;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}img,video{max-width:100%;display:block}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.nav-btn{z-index:50;background:linear-gradient(to bottom right,#60a5fa,#1d4ed8);border-radius:9999px;justify-content:center;align-items:center;width:4rem;height:4rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;box-shadow:0 0 20px #3b82f666}.nav-btn:hover{transform:scale(1.1)}.nav-btn:active{transform:scale(.95)}.nav-btn-back{bottom:2rem;left:2rem}.nav-btn-next{bottom:2rem;right:2rem}.nav-icon{width:2rem;height:2rem}.icon-btn{background-color:#ffffff1a;border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:background-color .15s;display:flex}.icon-btn:hover{background-color:#fff3}.icon-btn-svg{width:1.25rem;height:1.25rem}.action-btn{color:#fff;letter-spacing:.1em;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:9999px;padding:1rem 3rem;font-size:1.5rem;font-weight:900;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #3b82f680}.action-btn:hover{transform:scale(1.1)}.action-btn:active{transform:scale(.95)}.btn-disabled{opacity:.6;cursor:not-allowed}.btn-interactive{cursor:pointer}.btn-interactive:hover{transform:scale(1.1)}.btn-interactive:active{transform:scale(.95)}.spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:9999px;width:2rem;height:2rem;animation:1s linear infinite spin}.page-overlay{pointer-events:none;background-color:#0000001a;position:absolute;inset:0}.color-yellow{color:#facc15}.color-blue{color:#60a5fa}.color-green{color:#4ade80}.color-red{color:#dc2626}.welcome-page{background-position:50%;background-size:cover;flex-direction:column;align-items:center;min-height:100vh;display:flex}.welcome-btn-wrap{z-index:20;position:absolute;bottom:5rem;left:50%;transform:translate(-50%)}.welcome-start-btn{background:linear-gradient(to bottom right,#60a5fa,#1e40af);border:2px solid #fff3;width:4rem;height:4rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:static;box-shadow:0 0 30px #3b82f680}.welcome-start-icon{width:2rem;height:2rem}@media (width>=768px){.welcome-start-btn{width:6rem;height:6rem}.welcome-start-icon{width:3rem;height:3rem}}.welcome-settings-btn{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .2s;display:flex;position:absolute;bottom:1.5vw;right:1.5vw}.welcome-settings-btn:hover{background-color:#fff3;transform:rotate(45deg)}.welcome-settings-icon{width:1.5rem;height:1.5rem}.reg-page{flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.reg-form{z-index:10;flex-direction:column;align-items:center;width:100%;max-width:42rem;margin-top:13vw;display:flex;position:relative}.reg-title{text-transform:uppercase;letter-spacing:.1em;color:#fff;text-align:center;filter:drop-shadow(0 10px 8px #0000000a)drop-shadow(0 4px 3px #0000001a);font-family:BarlowBold;font-size:3rem;font-weight:900;line-height:1}.reg-fields{flex-direction:column;gap:2.5rem;width:100%;margin-top:3vw;display:flex}.field-group{flex-direction:column;gap:.75rem;display:flex}.field-label{color:#fff;font-family:BarlowBold;font-size:1.8vw;font-weight:700;line-height:2rem}.input-wrap{position:relative}.input-icon-wrap{position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.input-icon{object-fit:contain;width:2rem}.text-input{color:#1f2937;outline-offset:2px;text-transform:uppercase;background-color:#fff;border:2px solid #0000;border-radius:1rem;outline:2px solid #0000;width:100%;height:4.5vw;margin-top:.3vw;padding-left:3.5vw;padding-right:1.5vw;font-size:1.8vw;font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;font-family:PoppinsRegular!important}.text-input:focus{border-color:#60a5fa}.text-input::placeholder{color:#d1d5db}.reg-next-btn{background:linear-gradient(to bottom right,#60a5fa,#1d4ed8);border-radius:9999px;justify-content:center;align-items:center;width:4.5vw;height:4.5vw;margin-top:4vw;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 0 20px #3b82f666}.reg-next-btn:hover{transform:scale(1.1)}.reg-next-btn:active{transform:scale(.95)}.team-page{flex-direction:column;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.team-title{letter-spacing:-.025em;text-align:center;text-transform:uppercase;margin-top:12vw;font-family:BarlowBold;font-size:3vw;font-weight:900;line-height:1}.team-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.5rem;width:100%;margin-top:2vw;padding-left:3rem;padding-right:3rem;display:grid}.team-card{aspect-ratio:3/2;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:visible}.team-card-active{cursor:pointer}.team-card-active:hover{transform:scale(1.05)}.team-card-disabled{opacity:.7;cursor:not-allowed;filter:grayscale(.5)}.team-card-selected{z-index:20;transform:scale(1.05)}.team-card-img{object-fit:contain;pointer-events:none;width:100%;height:100%}.team-check{z-index:30;width:2vw;position:absolute;top:-.2vw;right:1vw;opacity:1!important}.team-check img{object-fit:contain;width:100%}.match-page{color:#fff;background-color:#0e1535;flex-direction:column;align-items:center;width:100%;height:100%;display:flex;position:relative}.match-player-left{pointer-events:none;z-index:5;position:absolute;bottom:0;left:0}.match-player-right{pointer-events:none;z-index:5;position:absolute;bottom:0;right:0}.match-player-img{object-fit:cover;object-position:top;width:100%;height:100%}.match-vs-row{z-index:500;justify-content:center;align-items:center;display:flex;position:absolute;top:400px;left:0;right:0}.match-vs-inner{flex-direction:row;justify-content:center;align-items:center;gap:60px;display:flex}.match-card{animation-duration:.8s;animation-timing-function:ease-out;animation-fill-mode:forwards;position:relative}.match-card-left{animation-name:slideInLeftBox}.match-card-right{animation-name:slideInRightBox}.match-card-img{object-fit:contain;width:480px;height:480px}.match-card-name{color:#fff;text-align:center;pointer-events:none;justify-content:center;align-items:center;width:85%;height:20vw;font-family:BarlowBold;font-size:3.2vw;font-weight:900;display:flex;position:absolute;top:45%;left:49%;transform:translate(-50%,-50%)}.match-vs-icon{animation:.6s cubic-bezier(.17,.67,.83,.67) forwards vsSlam}.match-vs-img{object-fit:contain;width:160px}@keyframes flyOut3D{0%{transform:translate(0,0)scale(.5)}50%{transform:translate3d(5vw,-50vh,100px)scale(2)}to{opacity:0;transform:translate(10vw,-10vh)scale(.2)}}@keyframes stretchTrail{0%{opacity:0;transform:scaleX(0)}20%{opacity:.7}to{opacity:0;transform:scaleX(1.5)}}@keyframes popText3D{0%{opacity:0;filter:blur(10px);transform:translate(-50%,-50%)scale(0)translateZ(-500px)}60%{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1.4)translateZ(250px)}to{opacity:1;filter:drop-shadow(0 0 40px #fff9);transform:translate(-50%,-50%)scale(1.1)translateZ(150px)}}.anim-impact-text-pop{transform-style:preserve-3d;opacity:0;animation:1s cubic-bezier(.175,.885,.32,1.275) .5s forwards popText3D}.anim-result-overlay{z-index:100;color:#fff;text-transform:uppercase;flex-direction:column;align-items:center;font-family:BarlowBold;animation:.5s ease-out forwards fade-in-up;display:flex;position:absolute;inset:0}.anim-result-overlay p,.anim-result-overlay h1,.anim-result-overlay h2{margin:0}.anim-result-team{font-size:4vw;margin-top:17vw!important}.anim-result-name{text-transform:uppercase;font-size:3vw;margin-top:2vw!important}.anim-result-score{font-size:5vw;margin-top:2vw!important}.anim-page{width:100%;min-height:100vh;font-family:var(--font-barlow);background-color:#000;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.anim-nav-btn{z-index:200}.anim-video{object-fit:cover;z-index:10;width:100%;height:100%;position:absolute;inset:0}.anim-overlay{pointer-events:none;z-index:20;background:linear-gradient(#0000,#0009);position:absolute;inset:0}.anim-3d-container{z-index:30;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.anim-ball{z-index:50;transition:all .15s cubic-bezier(.4,0,.2,1);position:absolute}.anim-ball-inner{position:relative}.anim-emoji{font-size:4.5rem;line-height:1;display:block}.anim-glow{filter:blur(40px);background-color:#f9731633;border-radius:9999px;position:absolute;inset:0}.anim-trail{z-index:40;transform-origin:0;position:absolute}.anim-impact-text{text-align:center;white-space:nowrap;z-index:100;filter:drop-shadow(0 20px 30px #000);font-size:3.75rem;font-style:italic;font-weight:900;line-height:1;position:absolute;top:50%;left:50%}.anim-subtitle{color:#fff;letter-spacing:.1em;text-transform:uppercase;margin-top:1rem;font-size:1.5rem;font-style:normal;font-weight:700;line-height:2rem}.result-page{color:#fff;min-height:100vh;font-family:var(--font-barlow);background-color:#0e1535;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.result-content{z-index:10;text-align:center}.result-tie-overlay{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#000c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.result-tie-text{color:#fff;font-size:3rem;line-height:1}.win-page{width:100%;height:100%;font-family:var(--font-barlow);position:relative;overflow:hidden}.win-content{text-align:center;flex-direction:column;align-items:center;display:flex}.win-content h1,.win-content p{margin:0;padding:0}.win-team-img{object-fit:contain;width:20vw;margin-top:17vw}.win-team-player{object-fit:contain;pointer-events:none;z-index:5;height:80%;position:absolute;bottom:0;right:0}.win-title{color:#fff;text-transform:uppercase;font-family:BarlowBold;font-size:5vw;margin-top:25vw!important}.win-draw-title{color:#fff;text-transform:uppercase;letter-spacing:.1em;font-family:BarlowBold;font-size:5vw;font-weight:900;margin-top:19vw!important}.win-draw-subtitle{color:#fff9;text-transform:uppercase;font-size:1.5vw;font-weight:700;margin-top:2vw!important}.win-home-btn{width:6vw;position:absolute;bottom:3vw;left:3vw}.win-home-btn:hover{transform:scale(1.1)}.win-home-btn:active{transform:scale(.95)}.win-home-btn img{object-fit:contain;width:100%}.win-confetti-lottie{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;inset:0}.question-page{background-position:50%;background-size:cover;flex-direction:column;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.q-player-tag{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.1em;color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:9999px;padding:.5rem 1.25rem;font-size:1rem;font-weight:900;position:absolute;top:1.5rem;right:1.5rem}.sticker-question{max-width:95vw;animation:2.4s ease-in-out infinite glow-pulse;position:relative}.question-phase{z-index:10;background-image:url(/assets/qustionbg-BI4IFaFT.png);background-position:top;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:80%;height:10vw;margin-top:20vw;display:flex;position:relative}.question-phase .sticker-question-text{text-align:center;justify-content:center;align-items:center;width:63%;height:7vw;margin-top:.5vw;font-family:BarlowBold;font-size:1.8vw;display:flex}.question-go-btn{margin-top:2.5rem}.ready-phase{z-index:10;flex-direction:column;align-items:center;width:100%;margin-top:18vw;display:flex;position:relative}.ready-phase .ready-phase-question{background-image:url(/assets/qustionbg-BI4IFaFT.png);background-position:top;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:70%;height:9vw;display:flex}.ready-phase-question .ready-phase-question-content{text-align:center;justify-content:center;align-items:center;width:63%;height:7vw;margin-top:.5vw;font-family:BarlowBold;font-size:1.8vw;display:flex}.sound-ui{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:64rem;margin-top:.5rem;padding-left:1rem;padding-right:1rem;animation:.5s ease-out forwards fade-in-up;display:flex}.sound-heading{text-align:center;text-transform:uppercase;white-space:nowrap;font-family:BarlowBold;font-size:2vw}.progres-container{width:40vw;height:7vw;margin-top:4vw;position:relative}.progres-container .bg{width:100%;height:3.5vw}.progres-container .bg img{width:100%;height:100%}.fg{will-change:clip-path;width:100%;height:3.5vw;transition:clip-path 80ms linear;position:absolute;top:0;left:0}.progres-container .fg img{object-fit:cover;width:100%;height:100%}.arrow-base{background-color:#848a8f;width:100%;height:.6vw;position:absolute;bottom:0}.progres-container .arrow{z-index:1000;will-change:left;width:1.8vw;transition:left 80ms linear;position:absolute;bottom:0;left:0;transform:translate(-50%)}.progres-container .bar-container{justify-content:space-between;gap:3vw;width:90%;display:flex;position:absolute;top:-.3vw;left:50%;transform:translate(-50%)}.bar-container .bar{background-color:#fff;width:.4vw;height:4vw}.progres-container .arrow img{object-fit:contain;width:100%}.start-btn-wrap{flex-direction:column;align-items:center;gap:.75rem;margin-top:4vw;font-family:BarlowBold;display:flex}.tq-page{color:#fff;min-height:100vh;font-family:var(--font-barlow);background-color:#080f2a;flex-direction:column;display:flex;overflow-y:auto}.tq-topbar{background-color:#ffffff0d;border-bottom:1px solid #ffffff1a;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.tq-title{text-transform:uppercase;letter-spacing:.1em;font-size:1.5rem;font-weight:900;line-height:2rem}@media (width>=768px){.tq-title{font-size:1.875rem;line-height:2.25rem}}.tq-save-btn{text-transform:uppercase;letter-spacing:.05em;background-color:#2563eb;border-radius:.75rem;margin-left:auto;padding:.5rem 1.5rem;font-size:.875rem;font-weight:900;line-height:1.25rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.tq-save-btn:hover{background-color:#3b82f6}.tq-save-btn-saved,.tq-save-btn-saved:hover{background-color:#16a34a}.tq-content{flex:1;display:flex;overflow:hidden}.tq-sidebar{background-color:#0000004d;border-right:1px solid #ffffff1a;flex-direction:column;gap:.25rem;width:5rem;padding:.75rem;display:flex;overflow-y:auto}@media (width>=768px){.tq-sidebar{width:13rem}}.tq-team-btn{text-align:left;border:1px solid #0000;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.tq-team-btn:hover{background-color:#ffffff0d}.tq-team-btn-active{background-color:#2563eb66;border-color:#60a5fa66}.tq-team-img{object-fit:contain;flex-shrink:0;width:2rem;height:2rem}.tq-team-info{flex-direction:column;line-height:1.25;display:none}@media (width>=768px){.tq-team-info{display:flex}}.tq-team-name{font-size:.875rem;font-weight:900;line-height:1.25rem}.tq-team-count{color:#ffffff80;font-size:.75rem;line-height:1rem}.tq-editor{flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex;overflow-y:auto}@media (width>=768px){.tq-editor{padding:1.5rem}}.tq-header{align-items:center;gap:1rem;display:flex}.tq-header-img{object-fit:contain;width:3rem;height:3rem}.tq-header-name{text-transform:uppercase;font-size:1.25rem;font-weight:900;line-height:1.75rem}.tq-header-desc{color:#ffffff80;font-size:.875rem;line-height:1.25rem}.tq-reset-btn{text-transform:uppercase;letter-spacing:.05em;background-color:#ffffff1a;border-radius:.5rem;margin-left:auto;padding:.375rem .75rem;font-size:.75rem;font-weight:700;line-height:1rem;transition:background-color .15s}.tq-reset-btn:hover{background-color:#fff3}.tq-list{flex-direction:column;gap:.75rem;display:flex}.tq-empty{text-align:center;color:#ffffff4d;text-transform:uppercase;letter-spacing:.05em;padding-top:2.5rem;padding-bottom:2.5rem;font-size:.875rem;line-height:1.25rem}.tq-item{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;align-items:flex-start;gap:.5rem;padding:.75rem;display:flex}.tq-item-num{color:#60a5fa;text-align:center;flex-shrink:0;width:1.5rem;margin-top:.25rem;font-size:.875rem;font-weight:900;line-height:1.25rem}.tq-item-text{outline-offset:2px;color:#fff;resize:none;background-color:#0000;outline:2px solid #0000;flex:1;font-size:.875rem;line-height:1.625}.tq-delete-btn{background-color:#dc262633;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background-color .15s;display:flex}.tq-delete-btn:hover{background-color:#dc262680}.tq-delete-icon{color:#f87171;width:1rem;height:1rem}.tq-add-area{align-items:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.tq-add-input{color:#fff;outline-offset:2px;resize:none;background-color:#ffffff0d;border:1px solid #fff3;border-radius:.75rem;outline:2px solid #0000;flex:1;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;transition:border-color .15s}.tq-add-input:focus{border-color:#60a5fa}.tq-add-btn{text-transform:uppercase;letter-spacing:.05em;background-color:#2563eb;border-radius:.75rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:900;line-height:1.25rem;transition:background-color .15s}.tq-add-btn:hover{background-color:#3b82f6}.tq-add-btn:disabled{opacity:.3;cursor:not-allowed}.tq-help{color:#ffffff4d;margin-top:-.25rem;font-size:.75rem;line-height:1rem}.pc-page{color:#fff;width:100%;height:100%;font-family:var(--font-barlow);background-color:#080f2a;flex-direction:column;display:flex;overflow-y:auto}.pc-topbar{background-color:#ffffff0d;border-bottom:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.pc-title{text-transform:uppercase;letter-spacing:.1em;font-size:1.25rem;font-weight:900;line-height:1.75rem}.pc-reset-all-btn{text-transform:uppercase;letter-spacing:.05em;background-color:#dc26264d;border-radius:.75rem;margin-left:auto;padding:.5rem 1rem;font-size:.75rem;font-weight:700;line-height:1rem;transition:background-color .15s}.pc-reset-all-btn:hover{background-color:#dc262680}.pc-save-btn{text-transform:uppercase;letter-spacing:.05em;background-color:#2563eb;border-radius:.75rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:900;line-height:1.25rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.pc-save-btn:hover{background-color:#3b82f6}.pc-save-btn-saved,.pc-save-btn-saved:hover{background-color:#16a34a}.pc-content{flex:1;gap:1.5rem;min-height:0;padding:1.5rem;display:flex}.pc-selector{flex-direction:column;flex-shrink:0;gap:.75rem;width:12rem;display:flex}.pc-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;font-size:.875rem;font-weight:900;line-height:1.25rem}.pc-label-mt{margin-top:1rem}.pc-label-center{text-align:center}.pc-team-list{flex-direction:column;gap:.25rem;display:flex}.pc-team-btn{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#fff9;background-color:#ffffff0d;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;line-height:1.25rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.pc-team-btn:hover{background-color:#ffffff1a}.pc-team-btn-active{color:#fff;background-color:#2563eb}.pc-team-btn-active:hover{background-color:#2563eb}.pc-side-btns{gap:.5rem;display:flex}.pc-side-btn{text-transform:uppercase;letter-spacing:.05em;color:#fff9;background-color:#ffffff0d;border-radius:.5rem;flex:1;padding:.5rem .75rem;font-size:.875rem;font-weight:700;line-height:1.25rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.pc-side-btn:hover{background-color:#ffffff1a}.pc-side-btn-left-active{color:#fff;background-color:#2563eb}.pc-side-btn-right-active{color:#fff;background-color:#dc2626}.pc-controls{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;flex-direction:column;flex:1;gap:1rem;padding:1.25rem;display:flex}.pc-controls-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.pc-controls-title{text-transform:uppercase;letter-spacing:.1em;font-size:1.125rem;font-weight:900;line-height:1.75rem}.pc-controls-title-blue{color:#60a5fa}.pc-controls-title-red{color:#f87171}.pc-reset-btn{text-transform:uppercase;background-color:#ffffff1a;border-radius:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;line-height:1rem}.pc-reset-btn:hover{background-color:#fff3}.pc-slider{flex-direction:column;gap:.25rem;display:flex}.pc-slider-header{text-transform:uppercase;letter-spacing:.1em;color:#ffffffb3;justify-content:space-between;font-size:.875rem;font-weight:700;line-height:1.25rem;display:flex}.pc-slider-value{color:#93c5fd}.pc-range{accent-color:#3b82f6;cursor:pointer;width:100%}.pc-flip-row{justify-content:space-between;align-items:center;padding-top:.25rem;display:flex}.pc-flip-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffffb3;font-size:.875rem;font-weight:700;line-height:1.25rem}.pc-toggle{background-color:#fff3;border-radius:9999px;width:3rem;height:1.5rem;transition:background-color .2s;position:relative}.pc-toggle-on{background-color:#3b82f6}.pc-toggle-knob{background-color:#fff;border-radius:9999px;width:1.25rem;height:1.25rem;transition:all .2s;position:absolute;top:.125rem;left:.125rem;box-shadow:0 1px 3px #0000001a}.pc-toggle-knob-on{left:1.5rem}.pc-preview{flex-direction:column;flex-shrink:0;gap:.75rem;width:20rem;display:flex}.pc-preview-area{background-color:#17255499;border:1px solid #ffffff1a;border-radius:1rem;flex:1;position:relative;overflow:hidden}.pc-preview-watermark{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pc-preview-watermark-text{color:#fff3;font-size:1.5rem;font-weight:900;line-height:2rem}.settings-page{color:#fff;width:100%;height:100vh;font-family:var(--font-barlow);background-color:#080f2a;flex-direction:column;display:flex;overflow-y:auto}.settings-topbar{background-color:#ffffff0d;border-bottom:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.settings-title{text-transform:uppercase;letter-spacing:.1em;font-size:1.5rem;font-weight:900}.settings-save-btn{text-transform:uppercase;letter-spacing:.05em;background-color:#2563eb;border-radius:.75rem;margin-left:auto;padding:.5rem 1.5rem;font-size:.875rem;font-weight:900;transition:background-color .15s}.settings-save-btn:hover{background-color:#3b82f6}.settings-content{flex-direction:column;gap:2rem;max-width:900px;padding:1.5rem;display:flex}.settings-section{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.settings-section-title{text-transform:uppercase;letter-spacing:.1em;font-size:1.125rem;font-weight:900}.settings-section-desc{color:#ffffff80;margin-bottom:.5rem;font-size:.875rem}.settings-location-grid{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.settings-location-btn{text-transform:uppercase;letter-spacing:.05em;color:#fff9;background-color:#ffffff0d;border:1px solid #0000;border-radius:.5rem;padding:.6rem .75rem;font-size:.875rem;font-weight:700;transition:all .15s}.settings-location-btn:hover{background-color:#ffffff1a}.settings-location-btn-active{color:#fff;background-color:#2563eb;border-color:#60a5fa}.settings-mic-list{flex-direction:column;gap:.5rem;display:flex}.settings-mic-btn{text-align:left;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .15s;display:flex}.settings-mic-btn:hover{background-color:#ffffff1a}.settings-mic-btn-active{background-color:#2563eb40;border-color:#60a5fa80}.settings-mic-radio{border:2px solid #ffffff4d;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.settings-mic-btn-active .settings-mic-radio{border-color:#60a5fa}.settings-mic-radio-dot{background-color:#60a5fa;border-radius:9999px;width:.6rem;height:.6rem}.settings-mic-label{font-size:.875rem;font-weight:600}.settings-no-mic{color:#fff6;padding:1rem 0;font-size:.875rem}.settings-test-area{align-items:center;gap:1rem;margin-top:.5rem;display:flex}.settings-test-btn{text-transform:uppercase;letter-spacing:.05em;background-color:#2563eb;border-radius:.5rem;flex-shrink:0;padding:.5rem 1.25rem;font-size:.875rem;font-weight:900;transition:background-color .15s}.settings-test-btn:hover{background-color:#3b82f6}.settings-test-btn-active{background-color:#dc2626}.settings-test-btn-active:hover{background-color:#ef4444}.settings-meter{background-color:#ffffff1a;border-radius:9999px;flex:1;height:1.25rem;overflow:hidden}.settings-meter-bar{background:linear-gradient(90deg,#06b6d4,#3b82f6,#4ade80,#facc15,#ef4444);border-radius:9999px;height:100%;transition:width .1s}.settings-meter-label{color:#fff9;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;min-width:6rem;font-size:.75rem;font-weight:700}