@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700&display=swap";.header{display:flex;flex-direction:column;align-items:stretch;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:2rem;gap:.75rem}.header-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.logo{font-family:Bebas Neue,sans-serif;font-size:2rem;letter-spacing:2px;color:#e63946;text-transform:uppercase;margin:0}.logo span{display:block;font-size:1.2rem;color:gold;letter-spacing:4px}.lang-switcher{display:flex;gap:.25rem}.lang-btn{background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:2px 8px;color:#6a6a7a;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .2s ease}.lang-btn:hover{border-color:gold;color:#fff}.lang-btn.active{background:#ffd70033;border-color:gold;color:gold}.nav-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.nav-tab{background:#1e1e2acc;border:2px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem 1.25rem;color:#a0a0b0;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .25s ease}.nav-badge{margin-left:.5rem;padding:.1rem .4rem;border-radius:999px;background:#e6394633;color:#e63946;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.nav-tab:hover{border-color:gold;color:#fff}.nav-tab.active{background:gold;border-color:gold;color:#0f0f14}.score-display{display:flex;gap:1.5rem;justify-content:center}.score-item{text-align:center;background:#1e1e2acc;padding:.5rem 1.5rem;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)}.score-label{display:block;font-size:.75rem;color:#6a6a7a;text-transform:uppercase;letter-spacing:1px}.score-value{font-family:Bebas Neue,sans-serif;font-size:1.75rem;color:gold}.score-total{font-size:1rem;color:#6a6a7a}@media(max-width:640px){.header{text-align:center}.header-row{justify-content:center}.logo{font-size:1.5rem}.logo span{font-size:1rem}}.rules-summary{background:#1e1e2acc;border-radius:12px;padding:1rem 1.5rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)}.rules-summary h2{font-size:.875rem;color:#6a6a7a;text-transform:uppercase;letter-spacing:1px;margin:0 0 .5rem}.rules-grid{display:flex;justify-content:space-around;gap:1rem}.rule-item{display:flex;align-items:center;gap:.5rem}.dice-count{width:28px;height:28px;background:gold;color:#0f0f14;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.rule-text{font-size:.875rem;color:#a0a0b0}@media(max-width:640px){.rules-grid{flex-direction:column;gap:.5rem}}.pitch-container{background:#2d5016;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 8px 24px #00000080;border:3px solid rgba(255,255,255,.1)}.pitch-instructions{text-align:center;margin-bottom:1rem;color:#fff}.pitch-instructions p{margin:.25rem 0}.pitch-instructions .hint{font-size:.8rem;color:gold;font-style:italic}.pitch-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:4px;aspect-ratio:1;max-width:350px;margin:0 auto 1.5rem}.pitch-cell{background:#0003;border:1px solid rgba(255,255,255,.2);border-radius:4px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;transition:.15s ease}.pitch-cell.highlight{background:#ffffff1a}.pitch-cell.clickable{cursor:pointer}.pitch-cell.clickable:hover{background:#ffffff26;transform:scale(1.05)}.player-token{width:80%;height:80%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;box-shadow:0 4px 12px #0006;text-shadow:1px 1px 2px rgba(0,0,0,.5);transition:all .2s ease}.player-token.attacker.main{background:linear-gradient(135deg,#e63946,#b82d3a);border:3px solid white;animation:pulse-attacker 2s infinite}.player-token.defender.main{background:linear-gradient(135deg,#4361ee,#2f45b8);border:3px solid white}.player-token.attacker-team{background:linear-gradient(135deg,#ff8fa3,#ff6b7f);border:2px dashed rgba(255,255,255,.6);font-size:1.2rem}.player-token.attacker-team.selected{background:linear-gradient(135deg,#2ec4b6,#22a699);border:3px solid #fff;box-shadow:0 0 12px #2ec4b699}.player-token.defender-team{background:linear-gradient(135deg,#7b8cff,#5a6ed4);border:2px dashed rgba(255,255,255,.6);font-size:1.2rem}.player-token.defender-team.selected{background:linear-gradient(135deg,#2ec4b6,#22a699);border:3px solid #fff;box-shadow:0 0 12px #2ec4b699}@keyframes pulse-attacker{0%,to{box-shadow:0 0 #e6394680}50%{box-shadow:0 0 0 8px #e6394600}}.pitch-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem 1.5rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#a0a0b0}.legend-token{width:16px;height:16px;border-radius:50%;border:2px solid white}.legend-item.attacker .legend-token{background:#e63946}.legend-item.defender .legend-token{background:#4361ee}.legend-item.attacker-team .legend-token{background:#ff8fa3;border-style:dashed}.legend-item.defender-team .legend-token{background:#7b8cff;border-style:dashed}.strength-display{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2rem}.strength-card{background:#1e1e2acc;border-radius:12px;padding:1rem 2rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid transparent;min-width:160px}.attacker-card{border-color:#e63946;box-shadow:0 0 20px #e6394666}.defender-card{border-color:#4361ee;box-shadow:0 0 20px #4361ee66}.strength-label{display:block;font-size:.75rem;color:#6a6a7a;text-transform:uppercase;letter-spacing:1px;margin-bottom:.25rem}.strength-base{display:block;font-family:Bebas Neue,sans-serif;font-size:1.5rem}.strength-base.attacker{color:#e63946}.strength-base.defender{color:#4361ee}.strength-assists{display:block;font-size:.875rem;color:#2ec4b6;min-height:1.3em}.strength-total{display:block;font-family:Bebas Neue,sans-serif;font-size:2rem;color:gold;margin-top:.25rem}.vs-badge{font-family:Bebas Neue,sans-serif;font-size:1.5rem;color:#6a6a7a;padding:.5rem 1rem}@media(max-width:640px){.strength-display{flex-direction:column}.vs-badge{padding:0}}.answer-section{background:#1e1e2acc;border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)}.answer-section h3{text-align:center;font-size:1.125rem;color:#a0a0b0;margin:0 0 1.5rem}.dice-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.dice-btn{background:#1a1a24;border:2px solid rgba(255,255,255,.05);border-radius:12px;padding:1rem 2rem;cursor:pointer;transition:all .25s ease;display:flex;flex-direction:column;align-items:center;min-width:90px}.dice-btn:hover{border-color:gold;transform:translateY(-2px);box-shadow:0 0 20px #ffd70066}.dice-btn.selected{background:gold;border-color:gold}.dice-btn.selected .dice-number,.dice-btn.selected .dice-label{color:#0f0f14}.dice-number{font-family:Bebas Neue,sans-serif;font-size:2.5rem;color:gold;line-height:1}.dice-label{font-size:.75rem;color:#6a6a7a;text-transform:uppercase;letter-spacing:1px}.chooser-section{border-top:1px solid rgba(255,255,255,.05);padding-top:1.5rem;margin-top:1.5rem}.chooser-buttons{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem}.chooser-btn{background:#1a1a24;border:2px solid rgba(255,255,255,.05);border-radius:12px;padding:1rem 2rem;cursor:pointer;transition:all .25s ease;display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:120px;color:#a0a0b0;font-size:1rem}.chooser-btn:hover{border-color:gold;transform:translateY(-2px)}.chooser-btn.selected{border-color:#2ec4b6;background:#2ec4b61a;color:#fff}.chooser-icon{font-size:1.5rem}.submit-btn{display:block;width:100%;max-width:300px;margin:0 auto;padding:1rem 2rem;background:linear-gradient(135deg,#2ec4b6,#22a699);border:none;border-radius:9999px;color:#fff;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .25s ease;text-transform:uppercase;letter-spacing:2px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 20px #2ec4b666}.submit-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:640px){.dice-buttons{flex-wrap:wrap}.dice-btn{min-width:75px;padding:.5rem 1rem}.dice-number{font-size:2rem}.chooser-buttons{flex-direction:column;align-items:center}.chooser-btn{width:100%;max-width:200px}}.feedback-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .25s ease;overflow-y:auto;padding:2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.feedback-card{background:#1e1e2af2;border-radius:16px;padding:2rem 2.5rem;text-align:center;max-width:500px;width:100%;border:2px solid transparent;animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.feedback-card.correct{border-color:#2ec4b6;box-shadow:0 0 20px #2ec4b666}.feedback-card.incorrect{border-color:#e63946;box-shadow:0 0 20px #e6394666}.feedback-icon{font-size:3rem;margin-bottom:.75rem}.feedback-card.correct .feedback-icon{color:#2ec4b6}.feedback-card.incorrect .feedback-icon{color:#e63946}.feedback-title{font-family:Bebas Neue,sans-serif;font-size:1.75rem;letter-spacing:2px;margin:0 0 1rem}.feedback-card.correct .feedback-title{color:#2ec4b6}.feedback-card.incorrect .feedback-title{color:#e63946}.feedback-explanation{color:#a0a0b0;margin:0 0 1.5rem;line-height:1.6;font-family:Inter,sans-serif;font-size:.9rem;white-space:pre-wrap;text-align:left;background:#0003;padding:1rem;border-radius:8px;max-height:300px;overflow-y:auto}.next-btn{background:linear-gradient(135deg,gold,#c9a800);border:none;border-radius:9999px;padding:1rem 3rem;color:#0f0f14;font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s ease;text-transform:uppercase;letter-spacing:1px}.next-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #ffd70066}.game-over-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-over-card{background:linear-gradient(135deg,#1a1a24,#1e1e2acc);border-radius:16px;padding:3rem 4.5rem;text-align:center;border:2px solid #ffd700;box-shadow:0 0 20px #ffd70066;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.game-over-card h2{font-family:Bebas Neue,sans-serif;font-size:2.5rem;color:gold;letter-spacing:3px;margin:0 0 2rem}.final-score{margin-bottom:.5rem}.final-score-value{font-family:Bebas Neue,sans-serif;font-size:5rem;color:#2ec4b6;line-height:1}.final-score-label{font-size:1.5rem;color:#6a6a7a}.final-percentage{font-family:Bebas Neue,sans-serif;font-size:2rem;color:gold;margin-bottom:1rem}.final-message{color:#a0a0b0;font-size:1.125rem;margin:0 0 2rem}.game-over-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.restart-btn{background:linear-gradient(135deg,#e63946,#b82d3a);border:none;border-radius:9999px;padding:1rem 2rem;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s ease;text-transform:uppercase;letter-spacing:2px}.restart-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #e6394666}.scoreboard-btn{background:transparent;border:2px solid #ffd700;border-radius:9999px;padding:1rem 2rem;color:gold;font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s ease;text-transform:uppercase;letter-spacing:2px}.scoreboard-btn:hover{background:gold;color:#0f0f14;transform:translateY(-2px)}.scoreboard{max-width:700px;margin:0 auto}.scoreboard-title{font-family:Bebas Neue,sans-serif;font-size:2rem;color:gold;letter-spacing:3px;text-align:center;margin:0 0 2rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:#1e1e2acc;border-radius:12px;padding:1.5rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid transparent}.stat-card.best{border-color:gold;box-shadow:0 0 15px #ffd70033}.stat-card.average{border-color:#2ec4b6;box-shadow:0 0 15px #2ec4b633}.stat-card.total{border-color:#4361ee;box-shadow:0 0 15px #4361ee33}.stat-label{display:block;font-size:.75rem;color:#6a6a7a;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.stat-value{display:block;font-family:Bebas Neue,sans-serif;font-size:2.5rem;line-height:1}.stat-card.best .stat-value{color:gold}.stat-card.average .stat-value{color:#2ec4b6}.stat-card.total .stat-value{color:#4361ee}.stat-detail{display:block;font-size:.875rem;color:#a0a0b0;margin-top:.25rem}.history-section{background:#1e1e2acc;border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.history-header h3{font-size:1.125rem;color:#fff;margin:0}.clear-btn{background:transparent;border:1px solid #e63946;border-radius:6px;padding:.375rem .75rem;color:#e63946;font-size:.75rem;cursor:pointer;transition:all .2s ease}.clear-btn:hover{background:#e63946;color:#fff}.empty-state{text-align:center;padding:2rem;color:#6a6a7a}.empty-hint{font-size:.875rem;margin-top:.5rem}.history-table-wrapper{overflow-x:auto}.history-table{width:100%;border-collapse:collapse}.history-table th,.history-table td{padding:.75rem 1rem;text-align:left}.history-table th{font-size:.75rem;color:#6a6a7a;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.1)}.history-table td{color:#a0a0b0;border-bottom:1px solid rgba(255,255,255,.05)}.history-table tr.latest td{color:#fff;background:#ffd7000d}.percentage{padding:.25rem .5rem;border-radius:4px;font-weight:600;font-size:.875rem}.percentage.high{background:#2ec4b633;color:#2ec4b6}.percentage.medium{background:#ffd70033;color:gold}.percentage.low{background:#e6394633;color:#e63946}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-value{font-size:2rem}}.frenzy-pitch{background:#2d5016;border-radius:12px;padding:clamp(.75rem,2vw,1.5rem);box-shadow:0 8px 24px #00000080;border:3px solid rgba(255,255,255,.1);display:flex;justify-content:center}.frenzy-grid{display:grid;grid-template-columns:repeat(var(--frenzy-grid-size, 5),1fr);gap:clamp(2px,.6vw,4px);aspect-ratio:var(--frenzy-grid-cols, 5) / var(--frenzy-grid-rows, 5);width:min(92vw,calc(var(--frenzy-grid-cols, 5) * 42px));margin:0 auto}.frenzy-cell{background:#0003;border:1px solid rgba(255,255,255,.2);border-radius:4px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;transition:.15s ease;padding:0}.frenzy-cell.clickable{cursor:pointer}.frenzy-cell.clickable:hover{background:#ffffff26;transform:scale(1.03)}.frenzy-token{width:72%;height:72%;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(.55rem,1.5vw,.95rem);color:#fff;box-shadow:0 4px 12px #0006;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.player-label{position:absolute;top:-6px;right:-6px;background:#000000b3;border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:0 4px;font-size:.55rem;line-height:1.2}.frenzy-token.attacker{background:linear-gradient(135deg,#e63946,#b82d3a);border:2px solid white}.frenzy-token.defender{background:linear-gradient(135deg,#4361ee,#2f45b8);border:2px solid white}.frenzy-token.support{font-size:clamp(.5rem,1.3vw,.85rem)}.frenzy-cell.selected-blocker{box-shadow:0 0 0 2px #ffd700cc inset}.frenzy-cell.selected-target{box-shadow:0 0 0 2px #2ec4b6cc inset}.frenzy-cell.selected-push{background:#ffd70026}.frenzy-cell.valid-target{box-shadow:0 0 0 2px #2ec4b6b3 inset}.frenzy-cell.valid-push{background:#ffd7001f;box-shadow:0 0 0 2px #ffd70099 inset}.frenzy-cell.offboard-cell{background:#e6394614;border-style:dashed}.frenzy-cell.valid-offboard{background:#e6394633;box-shadow:0 0 0 2px #e6394699 inset}.offboard-label{font-size:.6rem;color:#e63946;letter-spacing:1px;font-weight:700}.cell-coord{position:absolute;bottom:2px;left:4px;font-size:.65rem;color:#ffffffd9;pointer-events:none;background:#00000073;border-radius:4px;padding:1px 4px;line-height:1.2}.frenzy-token.ball-carrier:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:gold;border:1px solid #0f0f14;transform:translate(12px,12px)}.frenzy-tab{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.frenzy-scoreboard{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;background:#1e1e2acc;border-radius:12px;padding:1rem 1.5rem;border:1px solid rgba(255,255,255,.05)}.frenzy-hint{background:#1e1e2acc;border-radius:12px;padding:1rem 1.5rem;border:1px solid rgba(255,255,255,.05)}.frenzy-hint h3{font-size:.875rem;color:#6a6a7a;text-transform:uppercase;letter-spacing:1px;margin:0 0 .5rem}.frenzy-hint p{margin:0 0 .4rem;color:#fff}.frenzy-hint-sub{font-size:.85rem;color:#a0a0b0}.frenzy-scoreboard .score-item{display:flex;flex-direction:column;gap:.2rem}.frenzy-scoreboard .score-label{font-size:.75rem;color:#6a6a7a;text-transform:uppercase;letter-spacing:1px;font-weight:600}.frenzy-scoreboard .score-value{font-size:1.25rem;font-weight:700}.frenzy-scoreboard .score-total{color:#6a6a7a;margin-left:.25rem}.frenzy-selection{background:#1e1e2acc;border-radius:12px;padding:1.5rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto auto;gap:1rem;align-items:center;border:1px solid rgba(255,255,255,.05)}.frenzy-settings .setting-options{flex-wrap:wrap;align-items:center;gap:.35rem}.frenzy-settings{display:flex;flex-direction:column;gap:1rem}.frenzy-settings .setting-item{align-items:center;gap:1rem}.frenzy-settings .setting-item label{min-width:160px;text-align:right}.frenzy-settings .setting-btn{padding:.3rem .65rem;min-width:44px;font-size:.8rem}@media(max-width:720px){.frenzy-settings .setting-item label{min-width:auto;text-align:left}}.frenzy-settings .setting-btn:disabled{opacity:.4;cursor:not-allowed;border-color:#ffffff14}.frenzy-step{display:flex;flex-direction:column;gap:.25rem}.step-label{font-size:.75rem;color:#6a6a7a;text-transform:uppercase;letter-spacing:1px;font-weight:600}.step-value{font-size:1rem;color:#fff;font-weight:600}.frenzy-reset{background:transparent;border:1px solid #ffd700;border-radius:8px;padding:.5rem 1rem;color:gold;font-weight:600;cursor:pointer;transition:.2s ease}.frenzy-reset:hover{background:gold;color:#0f0f14}.frenzy-submit{background:linear-gradient(135deg,gold,#c9a800);border:none;border-radius:8px;padding:.5rem 1rem;color:#0f0f14;font-weight:700;cursor:pointer;transition:.2s ease}.frenzy-submit:hover{transform:translateY(-1px);box-shadow:0 0 12px #ffd70066}@media(max-width:720px){.frenzy-selection{grid-template-columns:1fr}.frenzy-scoreboard{flex-direction:column;align-items:flex-start}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#0f0f14;color:#fff;min-height:100vh;line-height:1.5;overflow-x:hidden}.app-container{max-width:900px;margin:0 auto;padding:1.5rem;min-height:100vh}.main-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scenario-section{margin-bottom:2rem}.quiz-settings{background:#1e1e2acc;border-radius:12px;padding:1rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.05)}.setting-item{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}.setting-item label{font-size:.875rem;color:#6a6a7a;font-weight:600;text-transform:uppercase;letter-spacing:1px}.setting-options{display:flex;gap:.5rem}.setting-btn{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.4rem 1rem;color:#fff;font-size:.875rem;cursor:pointer;transition:all .2s ease;min-width:60px}.setting-btn:hover{border-color:gold}.setting-btn.active{background:gold;color:#0f0f14;border-color:gold;font-weight:600}