:root{--color-bg:#1a0235;--color-surface:#3a066b;--color-surface-alt:#4e1085;--color-primary:#7c3fb8;--color-accent:#599445;--color-accent-light:#6bb34a;--color-text:#f0eaff;--color-text-muted:#9b82c0;--color-success:#599445;--color-danger:#c33;--color-warning:#e8a020;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--shadow-glow-purple:0 0 24px #7c3fb8b3;--shadow-glow-green:0 0 20px #599445b3;--shadow-glow-danger:0 0 20px #cc3333b3;--press-scale:.95;--press-duration:.12s;--font-arcade:"Press Start 2P", monospace;--font-body:"Nunito", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img,svg{max-width:100%;display:block}.menu-screen{background:var(--color-bg);flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:clamp(16px,3vh,40px) clamp(16px,3vw,48px);display:flex;position:relative;overflow:hidden}.menu-scanline{pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000f 2px 4px);animation:8s linear infinite scanline-scroll;position:absolute;inset:0}@keyframes scanline-scroll{0%{background-position:0 0}to{background-position:0 100%}}.menu-header{z-index:1;flex-direction:column;align-items:center;gap:clamp(4px,1vh,12px);display:flex}.menu-logo{align-items:baseline;gap:clamp(8px,1.5vw,20px);display:flex}.menu-logo-muwiz{font-family:var(--font-arcade);color:var(--color-accent-light);text-shadow:0 0 30px var(--color-accent), 0 0 60px #59944566;letter-spacing:4px;font-size:clamp(24px,5vw,64px);animation:4s ease-in-out infinite title-flicker}.menu-logo-quiz{font-family:var(--font-arcade);color:var(--color-primary);text-shadow:0 0 20px var(--color-primary);letter-spacing:2px;font-size:clamp(16px,3vw,40px)}@keyframes title-flicker{0%,95%,to{opacity:1}96%{opacity:.85}97%{opacity:1}98%{opacity:.9}}.menu-subtitle{font-family:var(--font-arcade);color:var(--color-text-muted);letter-spacing:2px;font-size:clamp(8px,1.2vw,14px);animation:1.5s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.menu-cards{z-index:1;flex-direction:row;flex:1;justify-content:center;align-items:stretch;gap:clamp(16px,2.5vw,40px);width:100%;max-height:65vh;padding:clamp(8px,2vh,24px) 0;display:flex}.menu-card{border-radius:var(--radius-lg);background:var(--color-surface);border:2px solid var(--color-primary);cursor:pointer;-webkit-user-select:none;user-select:none;max-width:380px;transition:transform var(--press-duration) ease, box-shadow var(--press-duration) ease;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(8px,1.5vh,18px);padding:clamp(16px,3vh,36px) clamp(12px,2vw,28px);animation:.5s ease-out both card-enter;display:flex;position:relative;overflow:hidden}@keyframes card-enter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.menu-card:before{content:"";border-radius:inherit;opacity:0;transition:opacity .3s;position:absolute;inset:-2px}.menu-card:active{transform:scale(var(--press-scale)) rotateY(5deg);box-shadow:inset 0 4px 16px #00000080}.menu-card--cyan{border-color:var(--color-accent);animation:.5s ease-out both card-enter,3s ease-in-out .5s infinite card-glow-green;box-shadow:0 0 20px #5994454d}.menu-card--pink{border-color:var(--color-primary);animation:.5s ease-out both card-enter,3s ease-in-out .65s infinite card-glow-purple;box-shadow:0 0 20px #7c3fb84d}.menu-card--yellow{border-color:var(--color-warning);animation:.5s ease-out both card-enter,3s ease-in-out .8s infinite card-glow-yellow;box-shadow:0 0 20px #e8a0204d}@keyframes card-glow-green{0%,to{box-shadow:0 0 16px #5994454d}50%{box-shadow:0 0 32px #59944599}}@keyframes card-glow-purple{0%,to{box-shadow:0 0 16px #7c3fb84d}50%{box-shadow:0 0 32px #7c3fb899}}@keyframes card-glow-yellow{0%,to{box-shadow:0 0 16px #e8a0204d}50%{box-shadow:0 0 32px #e8a02099}}.menu-card-icon{filter:drop-shadow(0 0 8px #ffffff4d);font-size:clamp(32px,6vw,72px);line-height:1}.menu-card-title{font-family:var(--font-arcade);color:var(--color-text);text-align:center;white-space:pre-line;font-size:clamp(10px,1.6vw,20px);line-height:1.8}.menu-card-desc{font-family:var(--font-body);color:var(--color-text-muted);text-align:center;font-size:clamp(11px,1.2vw,15px);line-height:1.4}.menu-card-play{font-family:var(--font-arcade);color:var(--color-accent-light);letter-spacing:1px;flex-direction:column;flex-shrink:0;align-items:center;gap:clamp(2px,.4vw,6px);margin-top:clamp(4px,1vh,12px);display:flex}.menu-card-play-label{font-size:clamp(9px,1.1vw,13px)}.menu-card-play-icon{font-size:clamp(14px,2vw,22px);line-height:1}.menu-footer{z-index:1;font-family:var(--font-arcade);color:var(--color-text-muted);letter-spacing:1px;font-size:clamp(8px,1vw,11px);animation:2s step-end infinite blink}@media (orientation:portrait){.menu-screen{justify-content:center;gap:clamp(16px,3vh,36px);padding:clamp(20px,4vw,48px) clamp(20px,5vw,48px)}.menu-logo-muwiz{font-size:clamp(28px,6vw,72px)}.menu-logo-quiz{font-size:clamp(18px,3.5vw,44px)}.menu-subtitle{font-size:clamp(9px,1.4vw,16px)}.menu-cards{flex-direction:column;flex:none;align-items:center;gap:clamp(14px,2.5vh,28px);width:100%;max-width:900px;max-height:none;margin:0 auto;padding:0}.menu-card{text-align:left;flex-direction:row;flex-shrink:0;justify-content:flex-start;gap:clamp(16px,3.5vw,36px);width:100%;max-width:900px;min-height:clamp(130px,15vw,200px);padding:clamp(20px,3.5vw,40px) clamp(24px,4vw,48px)}.menu-card-icon{flex-shrink:0;font-size:clamp(44px,9vw,80px)}.menu-card-title{text-align:left;font-size:clamp(13px,2.8vw,28px)}.menu-card-desc{text-align:left;font-size:clamp(12px,1.6vw,18px)}.menu-card-play{margin-top:0;margin-left:auto}.menu-card-play-label{font-size:clamp(10px,1.3vw,15px)}.menu-card-play-icon{font-size:clamp(18px,2.8vw,32px)}.menu-footer{font-size:clamp(9px,1.2vw,13px)}}.quiz-layout{background:var(--color-bg);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.quiz-layout--quality,.quiz-layout--aprova{--quiz-accent:var(--color-accent)}.quiz-layout--soccer{--quiz-accent:#3a8a2a;background:radial-gradient(#1a3a10 0%,#0c1f08 60%,#0a0a10 100%)}.quiz-header{background:#0000004d;border-bottom:1px solid #7c3fb84d;flex-shrink:0;justify-content:center;align-items:center;padding:clamp(10px,1.5vh,20px) clamp(16px,2.5vw,40px);display:flex}.quiz-title{font-family:var(--font-arcade);color:var(--color-text);text-align:center;font-size:clamp(13px,1.95vw,23px);line-height:1.5}.quiz-footer{background:#0000004d;border-top:1px solid #7c3fb833;flex-shrink:0;align-items:center;padding:clamp(10px,1.5vh,18px) clamp(16px,2.5vw,40px);display:flex}.quiz-back{font-family:var(--font-arcade);color:var(--color-text-muted);border-radius:var(--radius-sm);border:1px solid var(--color-primary);background:var(--color-surface);transition:transform var(--press-duration) ease;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:clamp(8px,1vh,14px) clamp(12px,1.5vw,20px);font-size:clamp(9px,1.2vw,14px)}.quiz-back:active{transform:scale(var(--press-scale))}.quiz-content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}@media (orientation:portrait){.quiz-header{padding:clamp(16px,2.5vw,36px)}.quiz-title{font-size:clamp(16px,2.6vw,29px)}.quiz-back{padding:clamp(10px,1.5vw,18px) clamp(14px,2vw,24px);font-size:clamp(10px,1.5vw,16px)}}.progress-bar{justify-content:center;align-items:center;gap:clamp(8px,1.5vw,16px);padding:clamp(8px,1.5vh,16px) 0;display:flex}.progress-dot{background:var(--color-surface-alt);border:2px solid var(--color-primary);border-radius:50%;width:clamp(10px,1.4vw,18px);height:clamp(10px,1.4vw,18px);transition:background .3s,box-shadow .3s}.progress-dot--done{background:var(--color-accent);border-color:var(--color-accent)}.progress-dot--active{background:var(--color-accent-light);border-color:var(--color-accent-light);box-shadow:0 0 10px var(--color-accent-light);animation:1.2s ease-in-out infinite dot-pulse}@keyframes dot-pulse{0%,to{box-shadow:0 0 6px #fff9}50%{box-shadow:0 0 14px #ffffffe6}}.result-screen{flex-direction:column;justify-content:center;align-items:center;gap:clamp(16px,3vh,32px);width:100%;height:100%;padding:clamp(24px,4vw,64px);animation:.5s ease-out both result-enter;display:flex}@keyframes result-enter{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.result-icon{font-size:clamp(48px,10vw,120px);animation:.6s ease-out .3s both icon-bounce}@keyframes icon-bounce{0%{opacity:0;transform:translateY(-30px)scale(.5)}60%{transform:translateY(8px)scale(1.1)}to{opacity:1;transform:translateY(0)scale(1)}}.result-label{font-family:var(--font-arcade);text-align:center;font-size:clamp(50px,2.5vw,32px);line-height:1.6;animation:.5s ease-out .2s both result-enter}.result-screen--champion .result-label{color:var(--color-accent-light);text-shadow:0 0 20px var(--color-accent)}.result-screen--warning .result-label{color:var(--color-warning);text-shadow:0 0 20px #e8a02080}.result-screen--danger .result-label{color:var(--color-danger);text-shadow:0 0 20px #cc333380}.result-score{font-family:var(--font-body);color:var(--color-text-muted);font-size:clamp(40px,2.5vw,28px);font-weight:700}.result-actions{flex-flow:wrap;justify-content:center;gap:clamp(12px,2vw,24px);margin-top:clamp(8px,2vh,24px);display:flex}.result-btn{border-radius:var(--radius-md);min-height:clamp(65px,7.5vh,100px);font-family:var(--font-body);cursor:pointer;transition:transform var(--press-duration) ease;-webkit-user-select:none;user-select:none;border:2px solid #0000;padding:clamp(15px,1.875vh,25px) clamp(25px,3.75vw,60px);font-size:clamp(18px,2.25vh,25px);font-weight:900}.result-btn:active{transform:scale(var(--press-scale))}.result-btn--play{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:var(--shadow-glow-green)}.result-btn--menu{background:var(--color-surface);color:var(--color-text);border-color:var(--color-primary);box-shadow:var(--shadow-glow-purple)}.result-energy{flex-direction:column;align-items:center;gap:clamp(4px,.8vh,8px);animation:.5s ease-out .4s both result-enter;display:flex}.result-energy-track{background:#00000059;border:1.5px solid #fff3;border-radius:8px;width:clamp(160px,30vw,380px);height:clamp(18px,2.5vh,30px);position:relative;overflow:hidden}.result-energy-fill{background:linear-gradient(90deg,#97c459,#6bb34a);border-radius:6px 0 0 6px;transition:width .6s;position:absolute;top:0;bottom:0;left:0}.result-energy-mark{background:#ffffff4d;width:1.5px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.result-energy-pct{font-family:var(--font-arcade);color:var(--color-accent-light);font-size:clamp(12px,1.8vw,20px)}.result-energy-label{font-family:var(--font-body);color:var(--color-text-muted);font-size:clamp(11px,1.3vw,15px)}@media (orientation:portrait){.result-actions{flex-direction:column;width:100%;max-width:400px}.result-btn{width:100%}}.dq-container{flex-direction:column;gap:clamp(12px,2.5vh,32px);height:100%;padding:clamp(16px,3vw,48px);display:flex;overflow:hidden}.dq-question{flex-direction:column;gap:clamp(6px,1vh,12px);animation:.35s ease-out both slide-in;display:flex}@keyframes slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.dq-question-number{font-family:var(--font-arcade);color:var(--color-accent-light);letter-spacing:1px;font-size:clamp(9px,1.2vw,13px)}.dq-question-text{font-family:var(--font-body);color:var(--color-text);font-size:clamp(16px,2.5vw,30px);font-weight:700;line-height:1.4}.dq-options{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:clamp(10px,1.8vh,22px);display:grid}.dq-options--locked{pointer-events:none}.dq-option{text-align:center;border-radius:var(--radius-md);border:2px solid var(--color-primary);background:var(--color-surface);min-height:clamp(70px,10vh,130px);color:var(--color-text);font-family:var(--font-body);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--press-duration) ease, background .2s, border-color .2s;justify-content:center;align-items:center;padding:clamp(12px,2vh,20px) clamp(14px,1.8vw,24px);font-size:clamp(13px,1.8vw,20px);font-weight:700;line-height:1.3;animation:.35s ease-out both slide-in;display:flex}.dq-option:active{transform:scale(var(--press-scale))}.dq-option--correct{background:var(--color-success);border-color:var(--color-success);color:#fff;box-shadow:var(--shadow-glow-green);animation:.4s ease-out both correct-pulse!important}@keyframes correct-pulse{0%{transform:scale(1)}40%{transform:scale(1.05)}to{transform:scale(1)}}.dq-option--wrong{background:var(--color-danger);border-color:var(--color-danger);color:#fff;box-shadow:var(--shadow-glow-danger);animation:.4s ease-out both wrong-shake!important}@keyframes wrong-shake{0%{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}to{transform:translate(0)}}@media (orientation:portrait){.dq-container{justify-content:center;gap:clamp(24px,3.5vh,48px);width:100%;max-width:900px;margin:0 auto;padding:clamp(24px,4vw,64px) clamp(32px,6vw,80px)}.dq-question-number{font-size:clamp(20px,1.5vw,16px)}.dq-question-text{font-size:clamp(24px,3.5vw,42px)}.dq-options{flex:none;grid-template-columns:1fr;gap:clamp(16px,2.5vh,32px)}.dq-option{min-height:clamp(120px,14vw,180px);padding:clamp(16px,2.5vw,32px) clamp(24px,4vw,48px);font-size:clamp(18px,2.8vw,32px)}}.ar-container{flex-direction:column;height:100%;display:flex;overflow:hidden}.ar-instructions{flex-direction:column;flex-shrink:0;align-items:center;gap:clamp(4px,.8vh,10px);padding:clamp(12px,2vh,24px) clamp(16px,3vw,48px) clamp(8px,1.5vh,16px);display:flex}.ar-title{font-family:var(--font-arcade);color:var(--color-text);text-align:center;font-size:clamp(11px,1.6vw,18px);line-height:1.6}.ar-hint{font-family:var(--font-body);color:var(--color-text-muted);font-size:clamp(12px,1.4vw,16px)}.ar-counter{font-family:var(--font-arcade);color:var(--color-accent-light);background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-accent);padding:clamp(6px,.8vh,10px) clamp(14px,1.5vw,22px);font-size:clamp(10px,1.3vw,15px)}.ar-items{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:clamp(8px,1.5vh,16px);display:flex;overflow-y:auto}.ar-items::-webkit-scrollbar{background:var(--color-surface);width:4px}.ar-items::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:2px}.ar-item{border-radius:var(--radius-md);border:2px solid var(--color-primary);background:var(--color-surface);min-height:clamp(60px,8vh,100px);color:var(--color-text);font-family:var(--font-body);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--press-duration) ease, background .2s, border-color .2s;align-items:center;gap:clamp(10px,1.5vw,20px);width:100%;padding:clamp(12px,1.8vh,20px) clamp(16px,2vw,28px);font-size:clamp(14px,2vw,22px);font-weight:700;display:flex}.ar-item:active{transform:scale(var(--press-scale))}.ar-item-check{color:var(--color-text-muted);flex-shrink:0;font-size:clamp(16px,2.2vw,26px);transition:color .2s}.ar-item-text{flex:1}.ar-item-reveal{flex-shrink:0;font-size:clamp(18px,2.5vw,30px);animation:.3s ease-out both reveal-pop}@keyframes reveal-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.ar-item--selected{border-color:var(--color-accent);box-shadow:var(--shadow-glow-green);background:#59944533}.ar-item--selected .ar-item-check{color:var(--color-accent-light)}.ar-item--rejected{animation:.4s ease-out both reject-flash!important}@keyframes reject-flash{0%,to{border-color:var(--color-primary)}25%,75%{border-color:var(--color-danger);box-shadow:var(--shadow-glow-danger)}}.ar-item--correct{border-color:var(--color-success);background:#59944540;animation:.4s ease-out both reveal-correct}@keyframes reveal-correct{0%{opacity:.5;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.ar-item--wrong{border-color:var(--color-danger);background:#c333;animation:.4s ease-out both reveal-wrong}@keyframes reveal-wrong{0%{opacity:.5;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.ar-confirm-bar{background:linear-gradient(transparent, var(--color-bg) 40%);flex-shrink:0;padding:clamp(12px,2vh,24px) clamp(16px,3vw,48px)}.ar-confirm-btn{border-radius:var(--radius-md);border:2px solid var(--color-primary);background:var(--color-surface);width:100%;min-height:clamp(56px,7vh,90px);color:var(--color-text-muted);font-family:var(--font-arcade);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--press-duration) ease, background .2s, color .2s, border-color .2s;letter-spacing:1px;font-size:clamp(11px,1.5vw,16px)}.ar-confirm-btn:active{transform:scale(var(--press-scale))}.ar-confirm-btn--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:var(--shadow-glow-green)}.ar-confirm-btn:disabled{pointer-events:none}@media (orientation:portrait){.ar-container{justify-content:center;gap:clamp(12px,2vh,28px)}.ar-instructions{width:100%;max-width:900px;margin:0 auto;padding:clamp(16px,3vw,40px) clamp(32px,6vw,80px) 0}.ar-title{font-size:clamp(14px,2.2vw,26px)}.ar-hint{font-size:clamp(14px,1.8vw,20px)}.ar-counter{font-size:clamp(12px,1.6vw,18px)}.ar-items{flex:none;width:100%;max-width:900px;max-height:55vh;margin:0 auto;padding:0 clamp(32px,6vw,80px);overflow-y:auto}.ar-item{gap:clamp(14px,2.5vw,30px);min-height:clamp(110px,13vw,160px);padding:clamp(16px,2.5vw,32px) clamp(24px,4vw,48px);font-size:clamp(18px,2.8vw,32px)}.ar-item-check{font-size:clamp(22px,3.2vw,40px)}.ar-confirm-bar{background:0 0;width:100%;max-width:900px;margin:0 auto;padding:0 clamp(32px,6vw,80px)}.ar-confirm-btn{min-height:clamp(90px,10vw,130px);font-size:clamp(14px,2vw,24px)}}.fc-screen{background:#0a1a08;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.fc-header{background:#0006;border-bottom:1px solid #7c3fb840;flex-shrink:0;justify-content:center;align-items:center;padding:clamp(10px,1.5vh,20px) clamp(14px,2.5vw,36px);display:flex}.fc-back{font-family:var(--font-arcade);color:var(--color-text-muted);border-radius:var(--radius-sm);border:1px solid var(--color-primary);background:var(--color-surface);transition:transform var(--press-duration) ease;white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0;padding:clamp(8px,1vh,12px) clamp(10px,1.5vw,18px);font-size:clamp(9px,1.2vw,13px)}.fc-back:active{transform:scale(var(--press-scale))}.fc-title{font-family:var(--font-arcade);color:var(--color-text);text-align:center;font-size:clamp(13px,1.82vw,21px);line-height:1.4}.fc-field{background:repeating-linear-gradient(90deg,#26511f 0% 12.5%,#2e5d27 12.5% 25%);border:2px solid #ffffff26;border-radius:12px;flex:0 0 clamp(160px,32vh,320px);margin:clamp(6px,1.2vh,16px) clamp(10px,2.5vw,32px);transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.fc-field-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.fc-fl{fill:none;stroke:#ffffff38;stroke-width:.9px}.fc-fl-dot{fill:#ffffff59;stroke:none}.fc-field-zones{gap:clamp(4px,.8vw,10px);height:100%;padding:clamp(6px,1vh,12px);display:flex}.fc-field-zone{border:2px dashed #ffffff4d;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;transition:border-color .3s,background .3s;display:flex;position:relative}.fc-field-zone--current{background:#ffffff0d;border-color:#ffffffa6}.fc-field-zone--correct{background:#59944547;border:2px solid #6bb34a}.fc-field-zone--wrong{background:#c333;border:2px solid #c33;animation:.4s ease-out zone-shake}@keyframes zone-shake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.fc-field-zone-label{text-align:center;font-family:var(--font-arcade);color:#ffffffb3;letter-spacing:.5px;padding:0 4px;font-size:clamp(6px,.8vw,10px);line-height:1.2;position:absolute;top:clamp(4px,.6vh,8px);left:0;right:0}.fc-field-zone-body{justify-content:center;align-items:center;display:flex}.fc-field-check{color:#6bb34a;font-size:clamp(20px,4vw,44px);font-weight:900;animation:.3s ease-out both check-pop}@keyframes check-pop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.fc-ball{font-size:clamp(18px,3.5vw,40px);animation:1s ease-in-out infinite ball-bounce}@keyframes ball-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.fc-goal{z-index:2;pointer-events:none;background:#ffffff12;border:3px solid #ffffffe6;border-right:none;border-radius:3px 0 0 3px;width:clamp(12px,2.2vw,28px);height:20%;position:absolute;top:40%;right:0}.fc-progress{gap:clamp(6px,1vw,12px);display:flex;position:absolute;bottom:clamp(4px,.8vh,10px);left:50%;transform:translate(-50%)}.fc-progress-dot{background:#ffffff40;border:1.5px solid #ffffff73;border-radius:50%;width:clamp(8px,1.3vw,14px);height:clamp(8px,1.3vw,14px);transition:background .3s,border-color .3s}.fc-progress-dot--done{background:#6bb34a;border-color:#6bb34a}.fc-progress-dot--active{background:#fff;border-color:#fff;animation:1s ease-in-out infinite dot-pulse}.fc-bottom{flex-direction:column;flex:1;gap:clamp(8px,1.5vh,18px);padding:clamp(10px,1.8vh,22px) clamp(14px,2.5vw,36px) clamp(6px,1vh,14px);display:flex;overflow:hidden}.fc-zone-label{font-family:var(--font-arcade);color:#6bb34a;letter-spacing:1px;font-size:clamp(9px,1.3vw,14px)}.fc-question-text{font-family:var(--font-body);color:var(--color-text);font-size:clamp(15px,2.2vw,26px);font-weight:700;line-height:1.4}.fc-cards{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:clamp(8px,1.5vw,18px);display:grid}.fc-cards--locked{pointer-events:none;opacity:.6}.fc-card{border-radius:var(--radius-md);min-height:clamp(44px,6vw,80px);color:var(--color-text);font-family:var(--font-body);-webkit-user-select:none;user-select:none;cursor:pointer;background:#143c0fbf;border:2px solid #59944559;align-items:center;gap:clamp(6px,1vw,12px);padding:clamp(6px,1vw,14px) clamp(8px,1.4vw,18px);transition:transform .15s,opacity .15s,border-color .15s;display:flex}.fc-card:active{border-color:#6bb34a;transform:scale(1.03)}.fc-card-icon{flex-shrink:0;font-size:clamp(18px,2.8vw,32px);line-height:1}.fc-card-text{font-size:clamp(12px,1.8vw,20px);font-weight:700;line-height:1.3}.fc-hint{font-family:var(--font-body);color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:clamp(4px,.6vh,8px) 0;font-size:clamp(11px,1.4vw,15px);display:flex}.fc-result-area{flex:1;overflow:hidden}.fc-footer{font-family:var(--font-arcade);color:var(--color-text-muted);background:#00000073;border-top:1px solid #7c3fb840;flex-shrink:0;justify-content:space-around;align-items:center;gap:12px;padding:clamp(10px,1.5vh,18px) clamp(16px,3vw,40px);font-size:clamp(10px,1.5vw,15px);display:flex}.fc-footer-time--urgent{color:var(--color-danger);animation:.5s step-end infinite blink-urgent}@keyframes blink-urgent{0%,to{opacity:1}50%{opacity:0}}@media (orientation:landscape){.fc-screen{flex-flow:wrap}.fc-header{flex-shrink:0;width:100%}.fc-field{flex:0 0 42%;align-self:stretch;margin:clamp(8px,1.5vh,20px)}.fc-bottom{flex:1;padding:clamp(10px,1.5vh,20px) clamp(12px,1.5vw,24px)}.fc-footer{flex-shrink:0;width:100%}.fc-cards{grid-template-columns:1fr 1fr}.fc-card{min-height:clamp(60px,8vh,100px)}}@media (orientation:portrait){.fc-field{flex:1;align-self:center;width:calc(100% - clamp(32px,8vw,96px));max-height:48vh;margin:0 auto clamp(6px,1vw,12px)}.fc-field-zone-label{font-size:clamp(7px,1.1vw,13px)}.fc-ball{font-size:clamp(22px,5vw,52px)}.fc-bottom{flex:1;align-self:center;gap:clamp(10px,1.8vh,22px);width:100%;padding:clamp(12px,2vw,28px) clamp(24px,5vw,64px) clamp(8px,1.5vw,20px);overflow:hidden}.fc-zone-label{font-size:clamp(11px,1.8vw,18px)}.fc-question-text{font-size:clamp(20px,3.2vw,38px)}.fc-cards{flex:1;grid-template-rows:1fr 1fr;align-items:stretch;gap:clamp(10px,2vw,22px)}.fc-card{min-height:clamp(54px,7vw,90px);padding:clamp(8px,1.5vw,18px) clamp(10px,2vw,22px)}.fc-card-icon{font-size:clamp(24px,4vw,44px)}.fc-card-text{font-size:clamp(14px,2.5vw,28px)}.fc-hint{font-size:clamp(12px,1.6vw,18px)}.fc-footer{padding:clamp(12px,2vw,24px) clamp(24px,5vw,64px);font-size:clamp(11px,1.8vw,18px)}.fc-back{font-size:clamp(10px,1.5vw,15px)}.fc-title{font-size:clamp(16px,2.6vw,26px)}}.fc-players-layer{pointer-events:none;position:absolute;inset:0}.fc-player{flex-direction:column;align-items:center;gap:3px;transition:opacity .3s;display:flex;position:absolute;transform:translate(-50%,-50%)}.fc-player-img{object-fit:cover;border:2px solid #ffffff59;border-radius:50%;width:clamp(80px,14vw,144px);height:clamp(80px,14vw,144px);display:block}.fc-player--current .fc-player-img{border-color:#fff;animation:1s ease-in-out infinite player-pulse;box-shadow:0 0 10px #fff9}.fc-player--correct .fc-player-img{border-color:#6bb34a;animation:.3s ease-out both check-pop;box-shadow:0 0 8px #6bb34a80}.fc-player--yellow .fc-player-img{border-color:#e8a020;animation:.3s ease-out both check-pop}.fc-player--red .fc-player-img{border-color:#c33;animation:.3s ease-out both check-pop}@keyframes player-pulse{0%,to{box-shadow:0 0 8px #ffffff80}50%{box-shadow:0 0 20px #ffffffe6}}.fc-player-label{font-family:var(--font-arcade);color:#fffc;text-align:center;white-space:nowrap;text-shadow:0 1px 3px #000000e6;font-size:clamp(5px,.7vw,9px);line-height:1}.fc-pass-svg{pointer-events:none;z-index:4;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fc-pass-path{fill:none;stroke:#ffffffbf;stroke-width:.7px;stroke-dasharray:200;stroke-dashoffset:200px;stroke-linecap:round;animation:.65s ease-out forwards pass-draw}.fc-pass-path--static{fill:none;stroke:#ffffff73;stroke-width:.7px;stroke-linecap:round;stroke-dashoffset:0}@keyframes pass-draw{to{stroke-dashoffset:0}}.fc-energy-bar{flex-direction:column;flex-shrink:0;gap:clamp(3px,.5vh,6px);padding:0 2.6rem;display:flex}.fc-energy-header{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.fc-energy-label{font-family:var(--font-arcade);color:#fff9;letter-spacing:.5px}.fc-energy-pct{font-family:var(--font-arcade);color:#6bb34a}.fc-energy-track{background:#00000073;border:1.5px solid #fff3;border-radius:8px;width:100%;height:30px;position:relative;overflow:hidden}.fc-energy-fill{background:linear-gradient(90deg,#5a9e3a,#97c459);border-radius:6px 0 0 6px;transition:width .5s;position:absolute;top:0;bottom:0;left:0}.fc-energy-mark{z-index:1;background:#ffffff59;width:1.5px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.fc-card-overlay{z-index:20;background:#000000b8;flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,1.5vh,18px);animation:.25s ease-out both overlay-in;display:flex;position:absolute;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.fc-card-overlay-icon{font-size:clamp(64px,14vw,160px);line-height:1;animation:.35s cubic-bezier(.22,1,.36,1) both card-slam}@keyframes card-slam{0%{opacity:0;transform:scale(.3)rotate(-15deg)}to{opacity:1;transform:scale(1)rotate(0)}}.fc-card-overlay-title{font-family:var(--font-arcade);color:#fff;text-align:center;text-shadow:0 2px 10px #000c;font-size:clamp(14px,2.8vw,34px);animation:.3s ease-out .2s both overlay-in}.fc-card-overlay--yellow .fc-card-overlay-title{color:#f0c040}.fc-card-overlay--red .fc-card-overlay-title{color:#e85555}.fc-card-overlay-sub{font-family:var(--font-body);color:#ffffffd9;text-align:center;font-size:clamp(12px,2vw,24px);animation:.3s ease-out .35s both overlay-in}.fc-field--goal{animation:.35s ease-out 3 field-goal-flash}@keyframes field-goal-flash{0%,to{border-color:#ffffff26}50%{border-color:#6bb34ae6;box-shadow:0 0 32px #599445b3}}.fc-confetti-container{pointer-events:none;z-index:10;position:absolute;inset:0;overflow:hidden}.fc-confetti-piece{top:-10px;left:var(--x);background:var(--color);width:clamp(5px,.8vw,9px);height:clamp(10px,1.6vw,18px);animation:confetti-fall 1.8s var(--delay,0s) ease-in both;border-radius:2px;position:absolute}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(160px)rotate(540deg)}}