:root{--cream-bg: #f7f4f0;--warm-white: #fffefb;--soft-sand: #ede8e1;--warm-gray: #ddd7cf;--stone: #b8b0a5;--charcoal: #3d3832;--ink: #1c1917;--sage: #6b9a70;--deep-sage: #4a7a50;--terracotta: #c2694a;--ocean: #4d7f94;--warm-gold: #c49a5c;--rust: #a04b38;--team-coral: #d4705a;--team-slate: #6e7d8c;--team-olive: #7a9455;--font-display: "DM Serif Display", serif;--font-body: "Inter", sans-serif;--fs-micro: .65rem;--fs-label: .75rem;--fs-body-sm: .82rem;--fs-body: .9rem;--fs-body-lg: .95rem;--fs-score: 1.5rem;--fs-prompt: 1.6rem;--btn-h-xs: 28px;--btn-h-sm: 32px;--btn-h-md: 36px;--btn-h-lg: 40px;--btn-h-xl: 44px;--btn-px-sm: 12px;--btn-px-md: 16px;--btn-px-lg: 24px;--btn-px-xl: 32px;--btn-fs-sm: .72rem;--btn-fs-md: .82rem;--btn-fs-lg: .9rem;--space-xs: 4px;--space-sm: 8px;--space-md: 14px;--space-lg: 20px;--space-xl: 28px;--space-2xl: 40px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--shadow-soft: 0 1px 3px rgba(28, 25, 23, .06), 0 1px 2px rgba(28, 25, 23, .04);--shadow-medium: 0 4px 12px rgba(28, 25, 23, .08), 0 2px 4px rgba(28, 25, 23, .04);--shadow-lifted: 0 12px 40px rgba(28, 25, 23, .12), 0 4px 12px rgba(28, 25, 23, .06);--ease-gentle: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-quick: .12s;--duration-moderate: .25s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-pill);font-family:var(--font-body);font-weight:600;letter-spacing:.03em;cursor:pointer;border:none;transition:background-color var(--duration-quick) var(--ease-gentle),color var(--duration-quick) var(--ease-gentle),border-color var(--duration-quick) var(--ease-gentle),transform var(--duration-quick) var(--ease-gentle),box-shadow var(--duration-quick) var(--ease-gentle)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:2px solid var(--deep-sage);outline-offset:2px}@media (prefers-reduced-motion: reduce){.btn{transition:background-color .12s,color .12s,border-color .12s}.btn:hover,.btn:active{transform:none;box-shadow:none}}.btn--primary{height:var(--btn-h-lg);padding:0 var(--btn-px-lg);background:var(--deep-sage);color:var(--warm-white);font-size:var(--btn-fs-lg)}.btn--primary:hover:not(:disabled){background:#3d6843;transform:translateY(-1px);box-shadow:0 4px 12px #4a7a504d}.btn--secondary{height:var(--btn-h-md);padding:0 var(--btn-px-md);background:transparent;color:var(--deep-sage);border:1.5px solid var(--deep-sage);font-size:var(--btn-fs-md)}.btn--secondary:hover:not(:disabled){background:#4a7a5014;transform:translateY(-1px)}.btn--ghost{height:var(--btn-h-sm);padding:0 var(--btn-px-md);background:transparent;color:var(--stone);border:1px solid transparent;font-size:var(--btn-fs-sm)}.btn--ghost:hover:not(:disabled){background:var(--soft-sand);border-color:var(--warm-gray)}.btn--destructive{height:var(--btn-h-sm);padding:0 var(--btn-px-md);background:transparent;color:var(--rust);border:1px solid rgba(160,75,56,.4);font-size:var(--btn-fs-sm)}.btn--destructive:focus-visible{outline-color:var(--rust)}.btn--icon{width:32px;height:32px;padding:0;border-radius:50%;background:var(--soft-sand);color:var(--charcoal);border:1px solid var(--warm-gray)}.chip{height:var(--btn-h-sm);padding:0 var(--btn-px-sm);border-radius:var(--radius-pill);font-size:var(--btn-fs-sm);font-weight:600;border:1.5px solid var(--warm-gray);background:var(--warm-white);color:var(--stone);cursor:pointer;display:inline-flex;align-items:center;white-space:nowrap;transition:background .12s ease,border-color .12s ease,color .12s ease}.chip--selected{background:var(--soft-sand);border-color:var(--deep-sage);color:var(--deep-sage)}.chip:focus-visible{outline:2px solid var(--deep-sage);outline-offset:2px}.chip--readonly{pointer-events:none;cursor:default}.chip-group{display:flex;flex-wrap:wrap;gap:var(--space-xs)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--cream-bg);color:var(--charcoal);min-height:100vh;padding:var(--space-lg);line-height:1.55;font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em}.game-wrapper{max-width:640px;margin:var(--space-sm) auto;background:linear-gradient(165deg,var(--warm-white) 0%,var(--cream-bg) 100%);border-radius:var(--radius-xl);box-shadow:0 12px 48px #1c191726,0 0 0 1px var(--warm-gray);overflow:clip;position:relative;animation:stageEnter .6s cubic-bezier(.34,1.56,.64,1)}@keyframes stageEnter{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-header{padding:var(--space-lg) var(--space-xl);background:linear-gradient(135deg,var(--deep-sage) 0%,var(--sage) 100%);border-bottom:3px solid var(--terracotta);position:relative;overflow:hidden}.game-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(255,255,255,.03) 20px,rgba(255,255,255,.03) 40px);pointer-events:none}.header-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.header-controls{display:flex;gap:var(--space-sm);align-items:center}.game-header h1{font-family:var(--font-display);font-size:1.5rem;font-weight:400;color:var(--warm-white);letter-spacing:.02em;line-height:1;text-transform:uppercase;text-shadow:0 2px 8px rgba(28,25,23,.3)}#startButton{height:42px;padding:0 var(--space-2xl);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:.85rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);background:var(--warm-white);border:2px solid var(--warm-white);cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px #fff6}#startButton:hover{background:var(--terracotta);color:var(--warm-white);border-color:var(--terracotta);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px #c77d5f66}#startButton:active{transform:translateY(0) scale(1);box-shadow:0 2px 8px #c77d5f4d}#startButton[hidden]{display:none}.game-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 var(--space-md);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;border:2px solid;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.game-btn[hidden]{display:none}.game-btn svg{flex-shrink:0;width:14px;height:14px}.game-btn--skip{background:#fff3;color:var(--warm-white);border-color:#fff6}.game-btn--skip:hover{background:#ffffff4d;border-color:var(--warm-white);transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.game-btn--end{background:#a85a4533;color:var(--warm-white);border-color:#a85a4599}.game-btn--end:hover{background:var(--rust);border-color:var(--rust);transform:translateY(-2px);box-shadow:0 4px 12px #a85a4566}.game-hint{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);margin-bottom:var(--space-lg);font-family:var(--font-body);font-size:var(--fs-label);font-weight:600;color:var(--ocean);background:linear-gradient(135deg,#6b8fa314,#6b8fa31f);border:2px dashed var(--ocean);border-radius:var(--radius-pill);animation:hintBounce 2s ease-in-out infinite;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px #6b8fa31a}.game-hint[hidden]{display:none}.game-hint__icon{font-size:1rem;animation:hintIconBounce 2s ease-in-out infinite}@keyframes hintBounce{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.7;transform:translateY(-4px)}}@keyframes hintIconBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(-10deg)}75%{transform:translateY(-6px) rotate(10deg)}}#settingsButton{width:36px;height:36px;border-radius:50%;background:var(--soft-sand);border:1px solid var(--warm-gray);color:var(--charcoal);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-moderate) var(--ease-gentle)}#settingsButton:hover{background:var(--warm-gray);border-color:var(--stone);transform:rotate(30deg)}.container{padding:var(--space-md) var(--space-md) var(--space-sm);text-align:center;position:relative}.game-mode-content{padding:var(--space-md) var(--space-md) var(--space-lg);text-align:center;position:relative}.flag{width:100%;max-width:320px;height:180px;object-fit:contain;margin:0 auto var(--space-md);border-radius:var(--radius-lg);clip-path:inset(0 round var(--radius-lg));box-shadow:0 0 0 4px var(--warm-white),0 0 0 6px var(--terracotta),0 12px 36px #1c19172e;border:none;background:linear-gradient(135deg,var(--soft-sand) 0%,var(--warm-white) 100%);padding:var(--space-md);transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer;display:block;position:relative}.flag:hover{transform:scale(1.05) translateY(-8px);box-shadow:0 0 0 5px var(--warm-white),0 0 0 8px var(--sage),0 24px 64px #1c191740,0 0 40px #7a9b7f33}.flag:active{transform:scale(.98) translateY(-4px);box-shadow:0 0 0 5px var(--warm-white),0 0 0 8px var(--terracotta),0 12px 32px #1c19172e;transition-duration:.15s}.flag-rush-flag,.supervivencia-flag{width:100%;max-width:240px;height:130px;object-fit:contain;margin:0 auto var(--space-sm);border-radius:var(--radius-lg);clip-path:inset(0 round var(--radius-lg));box-shadow:0 0 0 4px var(--warm-white),0 0 0 6px var(--terracotta),0 12px 36px #1c191726;background:linear-gradient(135deg,var(--soft-sand) 0%,var(--warm-white) 100%);padding:var(--space-sm);display:block}.geo-puzzle-flag{width:100%;max-width:160px;height:90px;object-fit:contain;margin:0 auto var(--space-xs);border-radius:var(--radius-lg);clip-path:inset(0 round var(--radius-lg));box-shadow:0 0 0 4px var(--warm-white),0 0 0 6px var(--terracotta),0 8px 24px #1c19171f;background:linear-gradient(135deg,var(--soft-sand) 0%,var(--warm-white) 100%);padding:var(--space-xs);display:block}.streak-blitz-question-area{position:relative;height:150px;margin-bottom:var(--space-sm)}.streak-blitz-flag{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;max-width:240px;height:130px;object-fit:contain;border-radius:var(--radius-lg);clip-path:inset(0 round var(--radius-lg));box-shadow:0 0 0 4px var(--warm-white),0 0 0 6px var(--terracotta),0 12px 36px #1c191726;background:linear-gradient(135deg,var(--soft-sand) 0%,var(--warm-white) 100%);padding:var(--space-sm);display:block}.flag-rush-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs);background:linear-gradient(135deg,var(--soft-sand) 0%,rgba(122,155,127,.08) 100%);border-radius:var(--radius-md);border:1px solid rgba(122,155,127,.2)}.flag-rush-score{font-family:var(--font-display);font-size:var(--fs-score);font-weight:600;color:var(--ink)}.flag-rush-progress{font-family:var(--font-body);font-size:var(--fs-body);color:var(--stone);font-weight:500}.flag-rush-timer{margin:var(--space-xs) 0}.flag-rush-streak{min-height:0}.flag-rush-options,.flag-rush-powerups{margin-top:var(--space-sm)}.capital-clash-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs);background:linear-gradient(135deg,var(--soft-sand) 0%,rgba(107,143,163,.08) 100%);border-radius:var(--radius-md);border:1px solid rgba(107,143,163,.2)}.capital-clash-score{font-family:var(--font-display);font-size:var(--fs-score);font-weight:600;color:var(--ink)}.capital-clash-progress{font-family:var(--font-body);font-size:var(--fs-body);color:var(--stone);font-weight:500}.capital-clash-timer{margin:var(--space-xs) 0}.capital-clash-streak{min-height:0}.capital-clash-prompt{font-family:var(--font-display);font-size:1.6rem;font-weight:400;color:var(--ink);margin:var(--space-sm) 0;padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,#6b8fa30f,#6b8fa31f);border-radius:var(--radius-md);border:2px dashed rgba(107,143,163,.3);height:3rem;display:flex;align-items:center;justify-content:center}.capital-clash-options,.capital-clash-powerups{margin-top:var(--space-sm)}.mode-skip-btn{display:block;margin:var(--space-sm) auto 0;height:36px;padding:0 var(--space-lg);background:transparent;color:var(--stone);border:1.5px solid var(--warm-gray);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:color var(--duration-quick) var(--ease-gentle),border-color var(--duration-quick) var(--ease-gentle),background var(--duration-quick) var(--ease-gentle)}.mode-skip-btn:hover:not(:disabled){color:var(--charcoal);border-color:var(--stone);background:var(--soft-sand)}.mode-skip-btn:disabled{opacity:.35;cursor:not-allowed}.streak-blitz-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs);background:linear-gradient(135deg,var(--soft-sand) 0%,rgba(196,154,92,.08) 100%);border-radius:var(--radius-md);border:1px solid rgba(196,154,92,.2)}.streak-blitz-score{font-family:var(--font-display);font-size:var(--fs-score);font-weight:600;color:var(--ink)}.streak-blitz-lives{font-size:1.1rem;letter-spacing:2px;color:var(--rust)}.streak-blitz-question-count{font-family:var(--font-body);font-size:var(--fs-body);color:var(--stone);font-weight:500}.streak-blitz-session-timer{margin:var(--space-xs) 0;opacity:.5;transform:scaleY(.6);transform-origin:center}.streak-blitz-question-timer{margin:var(--space-xs) 0}.streak-blitz-streak{min-height:0}.streak-blitz-prompt{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:fit-content;font-family:var(--font-display);font-size:1.6rem;font-weight:400;color:var(--ink);text-align:center;padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,#6b8fa30f,#6b8fa31f);border-radius:var(--radius-md);border:2px dashed rgba(107,143,163,.3)}.streak-blitz-options,.streak-blitz-powerups{margin-top:var(--space-sm)}.supervivencia-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs);background:linear-gradient(135deg,var(--soft-sand) 0%,rgba(160,75,56,.08) 100%);border-radius:var(--radius-md);border:1px solid rgba(160,75,56,.2)}.supervivencia-score{font-family:var(--font-display);font-size:var(--fs-score);font-weight:600;color:var(--ink)}.supervivencia-lives{font-size:1.2rem;letter-spacing:2px}.supervivencia-round{font-family:var(--font-body);font-size:var(--fs-body);color:var(--stone);font-weight:500}.supervivencia-timer{margin:var(--space-xs) 0}.supervivencia-streak{min-height:0}.supervivencia-prompt{font-family:var(--font-display);font-size:1.6rem;font-weight:400;color:var(--ink);margin:var(--space-sm) 0;padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,#a04b380d,#a04b381a);border-radius:var(--radius-md);border:2px dashed rgba(160,75,56,.3);height:3rem;display:flex;align-items:center;justify-content:center}.supervivencia-options,.supervivencia-powerups{margin-top:var(--space-sm)}.geo-puzzle-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs);background:linear-gradient(135deg,var(--soft-sand) 0%,rgba(122,155,127,.08) 100%);border-radius:var(--radius-md);border:1px solid rgba(122,155,127,.2)}.geo-puzzle-score{font-family:var(--font-display);font-size:var(--fs-score);font-weight:600;color:var(--ink)}.geo-puzzle-progress{font-family:var(--font-body);font-size:var(--fs-body);color:var(--stone);font-weight:500}.geo-puzzle-hints{margin:var(--space-sm) 0;text-align:left;padding:var(--space-sm) var(--space-md);background:var(--soft-sand);border-radius:var(--radius-md);border:1px solid var(--warm-gray);min-height:120px}.geo-puzzle-hint{padding:3px 0;font-size:.875rem;color:var(--charcoal);border-bottom:1px solid rgba(0,0,0,.05);font-weight:500}.geo-puzzle-hint:last-child{border-bottom:none}.geo-puzzle-hint--animate{animation:hintSlideIn .35s ease-out}@keyframes hintSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.geo-puzzle-feedback{margin:var(--space-sm) 0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:600;font-size:var(--fs-body-sm);min-height:2rem}.geo-puzzle-feedback--correct{background:#6b9a701a;color:var(--deep-sage);border:1px solid rgba(107,154,112,.3)}.geo-puzzle-feedback--incorrect{background:#a04b381a;color:var(--rust);border:1px solid rgba(160,75,56,.3)}.geo-puzzle-feedback--failed{background:#a04b3826;color:var(--rust);border:1px solid rgba(160,75,56,.4)}.geo-puzzle-skip-btn{height:36px;padding:0 var(--space-md);border:1.5px solid var(--warm-gray);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:transparent;color:var(--stone);transition:all var(--duration-quick) var(--ease-gentle)}.geo-puzzle-skip-btn:hover:not(:disabled){background:var(--soft-sand);border-color:var(--stone);color:var(--charcoal)}.geo-puzzle-skip-btn:disabled{opacity:.4;cursor:not-allowed}.geo-puzzle-guess-btn{height:48px;padding:0 var(--space-xl);margin-top:var(--space-md);border:none;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:.95rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,var(--deep-sage) 0%,var(--sage) 100%);color:var(--warm-white);transition:all var(--duration-moderate) var(--ease-spring);box-shadow:0 4px 12px #4a7a5040}.geo-puzzle-guess-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4a7a5059}.geo-puzzle-guess-btn:active{transform:translateY(0);box-shadow:0 2px 8px #4a7a5033}.geo-puzzle-input-area{display:flex;gap:var(--space-sm);margin-top:var(--space-md);align-items:center;flex-wrap:wrap}.geo-puzzle-input{flex:1;padding:var(--space-sm) var(--space-md);border:2px solid var(--warm-gray);border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;background:var(--warm-white);transition:border-color .2s;min-width:0}.geo-puzzle-input:focus{outline:none;border-color:var(--sage)}.geo-puzzle-submit{height:48px;padding:0 var(--space-lg);border:none;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--fs-body-lg);font-weight:700;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:all var(--duration-moderate) var(--ease-spring);background:linear-gradient(135deg,var(--deep-sage) 0%,var(--sage) 100%);color:var(--warm-white);box-shadow:0 4px 12px #4a7a5040}.geo-puzzle-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4a7a5059}.geo-puzzle-countdown{font-family:var(--font-body);font-size:.9rem;font-weight:600;color:var(--stone);padding:var(--space-xs) var(--space-sm);width:100%;text-align:center;margin-top:var(--space-xs)}.geo-puzzle-countdown.countdown-urgent{color:var(--rust);animation:pulse .5s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:1}to{opacity:.5}}#countryInfo{margin:0 0 var(--space-md);font-family:var(--font-display);font-size:2.2rem;font-weight:400;color:var(--ink);letter-spacing:-.02em;line-height:1.1;min-height:calc(2.2rem * 1.1 * 2 + var(--space-md) * 2);display:flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--soft-sand) 0%,rgba(122,155,127,.12) 100%);border:2px solid var(--sage);transition:opacity .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1;text-transform:uppercase;box-shadow:0 4px 16px #7a9b7f26}#countryInfo.hidden-keep-space{opacity:0;pointer-events:none;transform:scale(.9)}#countryInfo.hidden-keep-space:empty{border-color:transparent;box-shadow:none;background:transparent}#countryInfo:not(.hidden-keep-space){animation:countryReveal .5s cubic-bezier(.34,1.56,.64,1)}@keyframes countryReveal{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}#capitalInfo{margin:0 0 var(--space-md);font-family:var(--font-display);font-size:2.2rem;font-weight:400;font-style:normal;color:var(--ocean);letter-spacing:-.02em;line-height:1.1;min-height:71px;display:flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--soft-sand) 0%,rgba(107,143,163,.12) 100%);border:2px solid var(--ocean);box-shadow:0 4px 16px #6b8fa326;opacity:0;pointer-events:none;transform:scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1);text-transform:uppercase;position:relative;z-index:1}#capitalInfo.revealed{opacity:1;pointer-events:auto;transform:scale(1);animation:capitalReveal .5s cubic-bezier(.34,1.56,.64,1)}@keyframes capitalReveal{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}#teamsContainer{display:flex;justify-content:center;align-items:stretch;gap:var(--space-md);padding:0;margin-top:0;position:relative;z-index:1}#redCounter,#blueCounter,#greenCounter{flex:1;padding:var(--space-lg) var(--space-md);border-radius:var(--radius-lg);font-family:var(--font-body);font-weight:600;font-size:.7rem;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);border:3px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);min-height:90px;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;box-shadow:0 6px 20px #1c19171f}#redCounter{background:linear-gradient(135deg,#fdf6f4,#fce8e3);border-color:var(--team-coral);color:var(--team-coral)}#blueCounter{background:linear-gradient(135deg,#f5f7f9,#e5ebf1);border-color:var(--team-slate);color:var(--team-slate)}#greenCounter{background:linear-gradient(135deg,#f4f7f1,#e4ede1);border-color:var(--team-olive);color:var(--team-olive)}#redCounter:hover,#blueCounter:hover,#greenCounter:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 32px #1c19172e}#redCounter:active,#blueCounter:active,#greenCounter:active{transform:translateY(-2px) scale(1);box-shadow:0 4px 16px #1c19171f;transition-duration:.1s}#redCounter:active:after,#blueCounter:active:after,#greenCounter:active:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:3px solid currentColor;border-radius:inherit;opacity:0;animation:scoreRing .6s ease-out}@keyframes scoreRing{0%{opacity:.8;transform:scale(.95)}to{opacity:0;transform:scale(1.15)}}#redCounter span:first-child,#blueCounter span:first-child,#greenCounter span:first-child{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;opacity:.85;position:relative;z-index:1}#redCounter span:last-child,#blueCounter span:last-child,#greenCounter span:last-child{font-family:var(--font-display);font-size:2.4rem;font-weight:400;line-height:1;position:relative;z-index:1;text-shadow:0 2px 8px rgba(28,25,23,.1)}#filterContainer{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#1c191780;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1700;opacity:0;visibility:hidden;transition:opacity var(--duration-moderate) var(--ease-gentle);padding:var(--space-lg)}#filterContainer.show{opacity:1;visibility:visible}#filterContainer .filter-panel{background:var(--warm-white);border-radius:var(--radius-xl);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md);border:1px solid var(--warm-gray);box-shadow:var(--shadow-lifted);min-width:320px;max-width:380px;width:100%;transform:translateY(8px);transition:transform var(--duration-moderate) var(--ease-spring)}#filterContainer.show .filter-panel{transform:translateY(0)}#filterContainer .filter-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}#filterContainer .filter-panel-title{font-family:var(--font-display);font-size:1.5rem;font-weight:400;color:var(--ink);margin:0}.filter-close-btn{width:32px;height:32px;border:none;background:var(--soft-sand);color:var(--charcoal);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all var(--duration-quick) var(--ease-gentle)}.filter-close-btn:hover{background:var(--warm-gray);color:var(--ink)}.primary-control{height:48px;font-family:var(--font-body);font-size:.9rem;font-weight:500;border-radius:var(--radius-lg);border:2px solid var(--deep-sage);background:var(--warm-white);color:var(--deep-sage);text-align:center;padding:0 var(--space-md);transition:all var(--duration-moderate) var(--ease-gentle);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;cursor:pointer}.primary-control:hover{background:var(--soft-sand)}.primary-control:focus{outline:none;box-shadow:0 0 0 3px #4a7a5033}.filter-control{height:42px;font-family:var(--font-body);font-size:.85rem;font-weight:400;border-radius:var(--radius-md);border:1.5px solid var(--warm-gray);background:var(--warm-white);color:var(--charcoal);text-align:center;padding:0 var(--space-md);transition:all var(--duration-quick) var(--ease-gentle);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;cursor:pointer}.filter-control:hover{border-color:var(--stone)}.filter-control:focus{outline:none;border-color:var(--deep-sage);box-shadow:0 0 0 2px #4a7a501f}.filter-control option{background:var(--warm-white);color:var(--charcoal)}.filter-row{display:flex;gap:var(--space-sm)}.filter-row>*{flex:1;min-width:0}.filter-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);height:42px;padding:0 var(--space-md);border-radius:var(--radius-md);border:1.5px solid var(--warm-gray);background:var(--warm-white);cursor:pointer;transition:all var(--duration-quick) var(--ease-gentle);-webkit-user-select:none;user-select:none}.filter-toggle:hover{border-color:var(--stone);background:var(--soft-sand)}.filter-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--deep-sage);cursor:pointer}.filter-toggle span{font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--charcoal)}.practice-mode-container,.random-mode-container{flex:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c191799;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn var(--duration-moderate) var(--ease-gentle);padding:var(--space-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--warm-white);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-xl);max-width:380px;width:90%;max-height:85vh;overflow-y:auto;border:1px solid var(--warm-gray);box-shadow:var(--shadow-lifted);text-align:center;animation:modalSlideUp .35s var(--ease-spring)}@keyframes modalSlideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header h2{font-family:var(--font-display);font-size:1.85rem;font-weight:400;color:var(--ink);margin-bottom:var(--space-lg)}.winner-announcement{margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--soft-sand);border-radius:var(--radius-md);border-left:4px solid var(--terracotta)}.winner-announcement h3{font-family:var(--font-display);font-size:1.3rem;font-weight:400;color:var(--terracotta);margin:0}.final-scores{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.score-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-family:var(--font-body);font-weight:500;font-size:1.05rem}.score-item.red{background:#fdf6f4;border-left:3px solid var(--team-coral);color:var(--team-coral)}.score-item.blue{background:#f5f7f9;border-left:3px solid var(--team-slate);color:var(--team-slate)}.score-item.green{background:#f4f7f1;border-left:3px solid var(--team-olive);color:var(--team-olive)}.score-item .score{font-family:var(--font-display);font-size:1.6rem;font-weight:400}.modal-close-btn{background:linear-gradient(135deg,var(--deep-sage) 0%,var(--sage) 100%);color:var(--warm-white);border:none;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--fs-body-lg);font-weight:700;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:all var(--duration-moderate) var(--ease-spring);box-shadow:0 4px 12px #4a7a5040}.modal-close-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4a7a5059}.progress-container{display:none;margin-bottom:var(--space-sm);text-align:center;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);background:var(--cream-bg);border:1px solid var(--soft-sand)}.progress-text{font-family:var(--font-body);font-size:var(--fs-micro);color:var(--stone);margin-bottom:var(--space-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.progress-bar{width:100%;height:2px;background:var(--soft-sand);border-radius:var(--radius-pill);overflow:hidden;margin-bottom:var(--space-xs)}.progress-fill{height:100%;background:var(--deep-sage);width:0%;transition:width .4s var(--ease-gentle);border-radius:var(--radius-pill)}.timer-container{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.timer{font-family:var(--font-body);font-size:.82rem;font-weight:600;color:var(--charcoal);font-variant-numeric:tabular-nums}.countdown-timer{font-family:var(--font-display);font-size:1.1rem;font-weight:400;color:var(--terracotta);background:var(--warm-white);border:1.5px solid var(--terracotta);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all var(--duration-moderate) var(--ease-gentle);opacity:0}.countdown-timer.urgent{color:var(--rust);border-color:var(--rust);background:#fdf6f4;animation:pulse .7s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (min-width: 601px){.progress-container{display:block}}.screen-hidden{display:none!important}#modeSelectorScreen,#parametrizationScreen{min-height:100vh;min-height:100dvh;padding:var(--space-xl);background:var(--cream-bg)}body.screen-modeSelector,body.screen-parametrization{padding:0;background:var(--cream-bg);overflow-y:auto}body.screen-game{padding:0}.landing-hero{display:none}body.landing-mode,body.screen-home{padding:0;background:var(--cream-bg);overflow:hidden;height:100vh;height:100dvh}body.landing-mode .game-wrapper,body.screen-home .game-wrapper{display:none!important}body.landing-mode #filterContainer:not(.show),body.screen-home #filterContainer:not(.show){display:none!important}body.landing-mode .landing-hero,body.screen-home .landing-hero{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;position:relative;overflow:hidden;color:var(--charcoal);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:linear-gradient(165deg,var(--cream-bg) 0%,var(--soft-sand) 100%)}body.screen-game .landing-hero{display:none!important}body.screen-game{padding:0;overflow:auto}body.screen-game .game-wrapper{display:block!important}.landing-nav{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--space-xl);width:100%;height:60px;background:#fffefbd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--soft-sand);box-shadow:0 1px #1c19170a;flex-shrink:0}.landing-logo{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:1.25rem;font-weight:400;color:var(--ink);text-decoration:none;transition:opacity .2s var(--ease-gentle);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);grid-column:2;justify-self:center;white-space:nowrap}.landing-logo:hover{opacity:.7;background:transparent;transform:none}.landing-logo-icon{width:26px;height:26px;color:var(--terracotta);filter:drop-shadow(0 1px 4px rgba(194,105,74,.25));flex-shrink:0}.landing-nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);grid-column:3}.landing-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--charcoal);cursor:pointer;transition:background var(--duration-quick) var(--ease-gentle),color var(--duration-quick) var(--ease-gentle);grid-column:1;justify-self:start}.landing-nav-btn svg{width:22px;height:22px;stroke-width:1.8}.landing-nav-btn:hover{background:var(--soft-sand);color:var(--ink);transform:none;box-shadow:none}.landing-nav-btn:active{background:var(--warm-gray);transform:none;box-shadow:none}.landing-nav-btn-label{display:none}.landing-hero-content{position:relative;z-index:2;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-md) var(--space-xl);max-width:900px;margin:0 auto;width:100%;gap:var(--space-sm);overflow:visible;padding-bottom:8vh;isolation:isolate}.landing-badge{display:none}.landing-badge svg{width:14px;height:14px;color:var(--deep-sage)}.landing-title{font-family:var(--font-display);font-size:clamp(1.65rem,4.5vw,2.2rem);font-weight:400;line-height:1.15;letter-spacing:-.015em;margin:0 0 var(--space-sm);color:var(--ink);display:flex;flex-direction:column;gap:4px;text-shadow:0 2px 12px rgba(28,25,23,.08)}.landing-title span{display:block;opacity:0;animation:fadeInUp .6s cubic-bezier(.34,1.56,.64,1) forwards}.landing-title span:nth-child(1){animation-delay:.1s}.landing-title span:nth-child(2){animation-delay:.2s;color:var(--terracotta);position:relative}.landing-title span:nth-child(2):after{content:"";position:absolute;bottom:-6px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--terracotta) 0%,var(--terracotta) 40%,transparent 100%);border-radius:2px;opacity:.6}.landing-subtitle{display:none}.landing-actions{display:flex;flex-direction:column;align-items:center;gap:0;opacity:0;animation:fadeInUp .6s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.4s;width:100%;flex:0 0 auto}.landing-cta{display:inline-flex;align-items:center;gap:var(--space-sm);padding:16px var(--space-2xl);border-radius:var(--radius-pill);border:none;background:linear-gradient(135deg,var(--deep-sage) 0%,var(--sage) 100%);color:var(--warm-white);font-family:var(--font-body);font-size:1rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 24px #4a7a504d,0 0 #4a7a5066;position:relative;overflow:hidden}.landing-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--sage) 0%,var(--deep-sage) 100%);opacity:0;transition:opacity .3s ease}.landing-cta:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 32px #4a7a5066,0 0 0 4px #4a7a5033}.landing-cta:hover:before{opacity:1}.landing-cta:active{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #4a7a504d}.landing-cta span{position:relative;z-index:1}.landing-cta span:last-child{transition:transform var(--duration-quick) var(--ease-gentle);font-size:1.1rem}.landing-cta:hover span:last-child{transform:translate(3px)}.landing-settings-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--warm-gray);background:var(--warm-white);color:var(--charcoal);cursor:pointer;transition:all var(--duration-moderate) var(--ease-gentle)}.landing-settings-btn svg{width:18px;height:18px;transition:transform var(--duration-moderate) var(--ease-gentle)}.landing-settings-btn:hover{border-color:var(--stone);background:var(--soft-sand)}.landing-settings-btn:hover svg{transform:rotate(60deg)}.landing-steps{position:relative;z-index:2;list-style:none;margin:0;padding:var(--space-xl) var(--space-2xl);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl);border-top:3px solid var(--sage);background:linear-gradient(180deg,var(--warm-white) 0%,var(--cream-bg) 100%);opacity:0;animation:fadeInUp .6s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.5s}.landing-steps li{display:flex;flex-direction:column;gap:var(--space-xs)}.landing-steps .step-num{font-family:var(--font-display);font-size:2.2rem;font-weight:400;color:var(--terracotta);opacity:.5;margin-bottom:var(--space-sm);line-height:1}.landing-steps h3{font-family:var(--font-body);font-size:.82rem;font-weight:600;margin:0;color:var(--ink);line-height:1.3}.landing-steps p{font-family:var(--font-body);font-size:.75rem;font-weight:400;margin:0;color:var(--stone);line-height:1.5}.landing-progress{margin:0 auto var(--space-xs);font-family:var(--font-body);font-size:var(--fs-body-sm);color:var(--charcoal);opacity:0;animation:fadeInUp .6s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.35s}.landing-progress[hidden]{display:none}.landing-progress strong{color:var(--terracotta);font-weight:700}.streak-badge{display:inline-flex;align-items:center;gap:var(--space-sm);height:36px;padding:0 var(--space-md);border-radius:var(--radius-pill);background:var(--warm-white);border:1.5px solid var(--terracotta);color:var(--terracotta);font-family:var(--font-body);font-size:.8rem;font-weight:600}.streak-badge[hidden]{display:none}.landing-flags-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden;opacity:1}.landing-flags-grid img{position:absolute;width:68px;height:auto;border-radius:var(--radius-md);filter:saturate(.7) contrast(.85) brightness(1.05);animation:flagDrift 24s ease-in-out infinite;box-shadow:0 4px 16px #1c191714,0 0 0 1px #ffffff40;z-index:1;opacity:.28;transition:opacity .4s ease,transform .4s ease}.landing-flags-grid img:nth-child(1){top:18%;left:12%;transform:rotate(-8deg);animation-delay:0s;opacity:.22}.landing-flags-grid img:nth-child(2){top:48%;left:8%;transform:rotate(4deg);animation-delay:-6s;width:62px;opacity:.3}.landing-flags-grid img:nth-child(3){bottom:22%;left:15%;transform:rotate(-5deg);animation-delay:-13s;opacity:.3}.landing-flags-grid img:nth-child(4){bottom:8%;left:10%;transform:rotate(6deg);animation-delay:-19s;opacity:.2;width:52px}.landing-flags-grid img:nth-child(5){top:18%;right:12%;left:auto;transform:rotate(8deg);animation-delay:-3s;opacity:.22}.landing-flags-grid img:nth-child(6){top:48%;right:8%;left:auto;transform:rotate(-4deg);animation-delay:-9s;width:62px;opacity:.3}.landing-flags-grid img:nth-child(7){bottom:22%;right:15%;left:auto;transform:rotate(5deg);animation-delay:-16s;opacity:.3}.landing-flags-grid img:nth-child(8){bottom:8%;right:10%;left:auto;transform:rotate(-6deg);animation-delay:-22s;opacity:.2;width:52px}@keyframes flagDrift{0%,to{transform:translateY(0) scale(1) rotate(var(--flag-rotation, 0deg))}50%{transform:translateY(-10px) scale(1.03) rotate(calc(var(--flag-rotation, 0deg) + 2deg))}}.landing-flags-grid img:nth-child(1){--flag-rotation: -8deg}.landing-flags-grid img:nth-child(2){--flag-rotation: 4deg}.landing-flags-grid img:nth-child(3){--flag-rotation: -5deg}.landing-flags-grid img:nth-child(4){--flag-rotation: 6deg}.landing-flags-grid img:nth-child(5){--flag-rotation: 8deg}.landing-flags-grid img:nth-child(6){--flag-rotation: -4deg}.landing-flags-grid img:nth-child(7){--flag-rotation: 5deg}.landing-flags-grid img:nth-child(8){--flag-rotation: -6deg}@media (max-width: 768px){.landing-flags-grid img{width:56px;opacity:.26;box-shadow:0 3px 12px #1c191712,0 0 0 1px #ffffff38}.landing-flags-grid img:nth-child(4),.landing-flags-grid img:nth-child(8){width:46px;opacity:.18}.landing-flags-grid img:nth-child(1){top:16%;left:10%;opacity:.2}.landing-flags-grid img:nth-child(2){top:46%;left:6%;width:52px;opacity:.28}.landing-flags-grid img:nth-child(3){bottom:20%;left:12%;opacity:.28}.landing-flags-grid img:nth-child(5){top:16%;right:10%;opacity:.2}.landing-flags-grid img:nth-child(6){top:46%;right:6%;width:52px;opacity:.28}.landing-flags-grid img:nth-child(7){bottom:20%;right:12%;opacity:.28}}@media (max-width: 480px){.landing-flags-grid img{width:48px;opacity:.24}.landing-flags-grid img:nth-child(1),.landing-flags-grid img:nth-child(5){opacity:.18}.landing-flags-grid img:nth-child(2),.landing-flags-grid img:nth-child(6){width:44px;opacity:.26}.landing-flags-grid img:nth-child(3),.landing-flags-grid img:nth-child(7){opacity:.26}.landing-flags-grid img:nth-child(4),.landing-flags-grid img:nth-child(8){width:38px;opacity:.15}}@media (prefers-reduced-motion: reduce){.landing-flags-grid img{animation:none}}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c191766;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1500;opacity:0;pointer-events:none;transition:opacity var(--duration-moderate) var(--ease-gentle)}.drawer-overlay.show{opacity:1;pointer-events:auto}.app-drawer{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:82vw;background:var(--warm-white);border-right:2px solid var(--soft-sand);box-shadow:var(--shadow-lifted);transform:translate(-100%);transition:transform var(--duration-moderate) var(--ease-gentle);z-index:1600;display:flex;flex-direction:column;color:var(--charcoal);font-family:var(--font-body)}.app-drawer.open{transform:translate(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl) var(--space-lg);border-bottom:2px solid var(--soft-sand)}.drawer-close{width:36px;height:36px;border-radius:50%;border:none;background:var(--soft-sand);color:var(--charcoal);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-quick) var(--ease-gentle)}.drawer-close:hover{background:var(--warm-gray);color:var(--ink)}.drawer-close svg{width:16px;height:16px}.drawer-nav{flex:1;padding:var(--space-md);display:flex;flex-direction:column;gap:2px;overflow-y:auto}.drawer-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-md);border-radius:var(--radius-md);background:transparent;border:none;color:var(--charcoal);font-family:var(--font-body);font-size:.9rem;font-weight:450;text-align:left;cursor:pointer;transition:all var(--duration-quick) var(--ease-gentle);width:100%}.drawer-item svg{width:20px;height:20px;color:var(--stone);flex-shrink:0;transition:color var(--duration-quick) var(--ease-gentle)}.drawer-item:hover{background:var(--soft-sand);color:var(--ink)}.drawer-item:hover svg{color:var(--deep-sage)}.drawer-item--primary{color:var(--terracotta);font-weight:600}.drawer-item--primary svg{color:var(--terracotta)}.drawer-item--primary:hover{background:var(--soft-sand);color:var(--terracotta)}.drawer-item--primary:hover svg{color:var(--terracotta)}.drawer-separator{height:1px;background:var(--soft-sand);margin:var(--space-sm) var(--space-md)}.drawer-footer{padding:var(--space-lg);border-top:1px solid var(--soft-sand);display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--stone)}.drawer-footer-link{color:var(--charcoal);text-decoration:none;font-weight:500;transition:color var(--duration-quick) var(--ease-gentle)}.drawer-footer-link:hover{color:var(--deep-sage)}.drawer-version{font-variant-numeric:tabular-nums}.app-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1700;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);opacity:0;pointer-events:none;transition:opacity var(--duration-moderate) var(--ease-gentle)}.app-modal.show{opacity:1;pointer-events:auto}.app-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1c191780;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-modal__panel{position:relative;width:100%;max-width:480px;max-height:85vh;display:flex;flex-direction:column;background:var(--warm-white);border:1px solid var(--warm-gray);border-radius:var(--radius-xl);box-shadow:var(--shadow-lifted);color:var(--charcoal);overflow:hidden;transform:translateY(8px);transition:transform var(--duration-moderate) var(--ease-spring);height:fit-content}.app-modal.show .app-modal__panel{transform:translateY(0)}.app-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:2px solid var(--soft-sand)}.app-modal__header h2{font-family:var(--font-display);font-size:1.4rem;font-weight:400;margin:0}.app-modal__close{width:32px;height:32px;border-radius:50%;border:none;background:var(--soft-sand);color:var(--charcoal);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-quick) var(--ease-gentle)}.app-modal__close:hover{background:var(--warm-gray);color:var(--ink)}.app-modal__close svg{width:14px;height:14px}.app-modal__body{padding:var(--space-md) var(--space-lg);overflow-y:auto;font-family:var(--font-body);font-size:.9rem;line-height:1.6;color:var(--charcoal)}.app-modal__body p{margin:0 0 var(--space-md)}.app-modal__body p:last-child{margin-bottom:0}.app-modal__body strong{color:var(--ink);font-weight:600}.app-modal__body .modal-section{margin-bottom:var(--space-xl)}.app-modal__body .modal-section:last-child{margin-bottom:0}.app-modal__body h3{font-family:var(--font-display);font-size:1.1rem;font-weight:400;margin:0 0 var(--space-md);color:var(--ink)}.howto-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-lg)}.howto-steps li{display:flex;gap:var(--space-md);align-items:flex-start}.howto-steps .howto-num{width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--warm-white);font-family:var(--font-body);font-weight:700;font-size:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.howto-steps h4{margin:0 0 var(--space-xs);font-family:var(--font-body);font-size:.9rem;font-weight:600;color:var(--ink)}.howto-steps p{margin:0;font-size:.85rem;color:var(--stone)}.shortcuts-table{width:100%;border-collapse:collapse}.shortcuts-table td{padding:var(--space-md) 0;border-bottom:1px solid var(--soft-sand);font-size:.85rem}.shortcuts-table tr:last-child td{border-bottom:none}.shortcuts-table .key{display:inline-block;padding:3px var(--space-sm);border-radius:var(--radius-sm);background:var(--ink);color:var(--warm-white);font-family:var(--font-body);font-size:.7rem;font-weight:700;min-width:28px;text-align:center;letter-spacing:.02em}.stats-grid{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-sm)}.stats-grid .stat-card{padding:5px var(--space-sm);border-radius:var(--radius-sm);background:var(--warm-white);border:1px solid var(--soft-sand);display:flex;flex-direction:row;align-items:center;gap:var(--space-xs);transition:box-shadow .15s ease}.stats-grid .stat-card:hover{box-shadow:0 1px 6px #1c19170f}.stats-grid .stat-card--accent{background:linear-gradient(90deg,rgba(194,105,74,.05) 0%,var(--warm-white) 100%);border-color:#c2694a33}.stats-grid .stat-card--accent .stat-value{color:var(--terracotta)}.stat-card-icon{font-size:.85rem;line-height:1;opacity:.75;flex-shrink:0;width:18px;text-align:center}.stats-grid .stat-label{font-size:.6rem;color:var(--stone);text-transform:uppercase;letter-spacing:.06em;font-weight:600;flex:1;line-height:1}.stats-grid .stat-value{font-family:var(--font-display);font-size:1rem;font-weight:400;color:var(--ink);line-height:1;display:flex;align-items:baseline;gap:2px;flex-shrink:0}.stats-grid .stat-value small{font-family:var(--font-body);font-size:.55rem;font-weight:500;color:var(--stone);text-transform:uppercase;letter-spacing:.04em}.stats-unique-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:5px var(--space-sm);border-radius:var(--radius-sm);background:linear-gradient(90deg,#c2694a12,#c2694a05);border:1.5px solid rgba(194,105,74,.25);margin-bottom:var(--space-sm)}.stats-unique-left{display:flex;align-items:center;gap:var(--space-xs);min-width:0}.stats-unique-icon{font-size:.9rem;flex-shrink:0}.stats-unique-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--charcoal);line-height:1.2}.stats-unique-sub{font-size:.55rem;color:var(--stone);margin-top:1px}.stats-unique-value{font-family:var(--font-display);font-size:1.1rem;font-weight:400;color:var(--terracotta);line-height:1;flex-shrink:0}.stats-unique-total{font-family:var(--font-body);font-size:.6rem;color:var(--stone);font-weight:500}.word-drop-container{padding:var(--space-md) var(--space-md) var(--space-sm);text-align:center;flex-direction:column;align-items:center;gap:var(--space-sm)}.word-drop-container[hidden]{display:none}.word-drop-container:not([hidden]){display:flex}.word-drop-top-bar{display:flex;justify-content:space-between;align-items:center;width:100%}.word-drop-round-progress,.geo-puzzle-round-progress{width:100%;padding:var(--space-xs) var(--space-xs) 0}.word-drop-end-btn{height:36px;padding:0 var(--space-md);border-radius:var(--radius-pill);background:#a85a451f;color:var(--rust);border:1.5px solid rgba(168,90,69,.5);font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:all var(--duration-quick) var(--ease-gentle)}.word-drop-end-btn:hover{background:var(--rust);border-color:var(--rust);color:var(--warm-white);transform:translateY(-1px)}.word-drop-score{display:flex;align-items:center;gap:var(--space-sm)}.wd-score-label{font-family:var(--font-body);font-size:.68rem;font-weight:700;color:var(--stone);text-transform:uppercase;letter-spacing:.08em}.wd-score-value{font-family:var(--font-display);font-size:var(--fs-score);font-weight:400;color:var(--terracotta);min-width:40px}.word-drop-lives{display:flex;align-items:center}.wd-lives-hearts{font-size:1.3rem;letter-spacing:2px;color:var(--rust);transition:opacity var(--duration-moderate) var(--ease-gentle)}.wd-lives-hearts.lives-critical{animation:livesPulse .7s ease-in-out infinite}@keyframes livesPulse{0%,to{opacity:1}50%{opacity:.2}}.word-drop-flag-hint{width:100%;max-width:180px;height:90px;object-fit:contain;border-radius:var(--radius-md);clip-path:inset(0 round var(--radius-md));border:2.5px solid rgba(28,25,23,.15);box-shadow:0 4px 12px #1c191714;background:var(--warm-white)}.word-drop-flag-hint.flag-hint-reveal{animation:flagReveal .4s var(--ease-spring)}@keyframes flagReveal{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.word-drop-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm) 0;min-height:50px}.word-drop-grid.grid-correct{animation:gridSuccess .4s var(--ease-gentle)}.word-drop-grid.grid-wrong{animation:gridShake .35s var(--ease-gentle)}@keyframes gridSuccess{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes gridShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.letter-box{width:34px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:2px solid var(--warm-gray);background:var(--warm-white);font-family:var(--font-body);font-size:1rem;font-weight:700;color:transparent;text-transform:uppercase;transition:all var(--duration-moderate) var(--ease-gentle)}.letter-box.revealed{color:var(--ink);border-color:var(--deep-sage);background:#f4f7f1}.letter-box.revealed-final{border-color:var(--warm-gray);background:var(--warm-white);color:var(--stone)}.letter-box.letter-drop{animation:letterDrop .4s var(--ease-spring)}@keyframes letterDrop{0%{transform:translateY(-20px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.word-drop-spacer{width:12px;height:40px}.word-drop-feedback{font-family:var(--font-body);font-size:var(--fs-body-sm);font-weight:600;min-height:1.5em}.feedback-correct{color:var(--deep-sage)}.feedback-wrong{color:var(--rust)}.feedback-timeout{color:var(--stone)}.word-drop-guess-btn{height:48px;padding:0 var(--space-xl);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:.95rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--warm-white);background:linear-gradient(135deg,var(--deep-sage) 0%,var(--sage) 100%);border:none;cursor:pointer;transition:all var(--duration-moderate) var(--ease-spring);box-shadow:0 4px 12px #4a7a5040}.word-drop-guess-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4a7a5059}.word-drop-input-container{display:flex;gap:var(--space-sm);width:100%;max-width:340px}.word-drop-input{flex:1;height:44px;padding:0 var(--space-md);border-radius:var(--radius-md);border:2px solid var(--warm-gray);background:var(--warm-white);color:var(--charcoal);font-family:var(--font-body);font-size:.9rem;font-weight:400;outline:none;transition:all var(--duration-quick) var(--ease-gentle)}.word-drop-input:focus{border-color:var(--deep-sage);box-shadow:0 0 0 3px #4a7a5026}.word-drop-input::placeholder{color:var(--stone)}.word-drop-submit-btn{height:48px;padding:0 var(--space-lg);border-radius:var(--radius-pill);border:none;background:linear-gradient(135deg,var(--deep-sage) 0%,var(--sage) 100%);color:var(--warm-white);font-family:var(--font-body);font-size:.9rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:all var(--duration-moderate) var(--ease-spring);box-shadow:0 4px 12px #4a7a5040}.word-drop-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4a7a5059}.word-drop-surrender-btn{height:48px;padding:0 var(--space-xl);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--fs-body-sm);font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--stone);background:transparent;border:1.5px solid var(--warm-gray);cursor:pointer;transition:color var(--duration-quick) var(--ease-gentle),border-color var(--duration-quick) var(--ease-gentle)}.word-drop-surrender-btn:hover{color:var(--rust);border-color:var(--rust)}.word-drop-surrender-btn[hidden]{display:none}.word-drop-answer-countdown{font-family:var(--font-display);font-size:1.1rem;font-weight:400;color:var(--ocean);text-align:center;margin-top:var(--space-sm);transition:color var(--duration-quick) var(--ease-gentle)}.word-drop-answer-countdown.countdown-urgent{color:var(--rust);animation:countdownPulse .5s ease-in-out infinite}@keyframes countdownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.word-drop-next-btn{height:48px;padding:0 var(--space-2xl);border-radius:var(--radius-pill);background:var(--deep-sage);color:var(--warm-white);border:none;font-family:var(--font-body);font-size:.95rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:all var(--duration-quick) var(--ease-gentle);margin-top:var(--space-md)}.word-drop-next-btn:hover{background:var(--sage);transform:translateY(-1px)}.word-drop-options{flex-direction:column;gap:var(--space-md)}.word-drop-options[hidden]{display:none}.word-drop-options:not([hidden]){display:flex}.word-drop-difficulty-badge{font-family:var(--font-body);font-size:.7rem;font-weight:700;padding:4px var(--space-sm);border-radius:var(--radius-pill);letter-spacing:.04em;text-transform:uppercase}.word-drop-difficulty-badge.difficulty-easy{background:#f4f7f1;border:1.5px solid var(--team-olive);color:var(--team-olive)}.word-drop-difficulty-badge.difficulty-hard{background:#fdf6f4;border:1.5px solid var(--team-coral);color:var(--team-coral)}.word-drop-difficulty-badge.difficulty-medium{background:#fdf9ed;border:1.5px solid #c9a227;color:#9a7a10}.word-drop-country-name-hint{text-align:center;font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--text-primary);background:#f4f7f1;border:1.5px solid var(--team-olive);border-radius:8px;padding:6px 16px;margin:4px auto 8px;max-width:280px}.landing-aurora{position:absolute;z-index:1;right:-10%;top:10%;width:55vw;height:75vh;pointer-events:none;opacity:.08;animation:auroraFloat 30s ease-in-out infinite}.landing-aurora:before{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(ellipse 50% 60% at 50% 50%,rgba(107,154,112,.5) 0%,rgba(194,105,74,.3) 45%,transparent 70%);filter:blur(50px)}@keyframes auroraFloat{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(1%,-1.5%) rotate(1deg)}66%{transform:translate(-.5%,1%) rotate(-.5deg)}}@media (max-width: 767px){body{padding:var(--space-xs)}.game-wrapper{margin:var(--space-sm) auto;border-radius:var(--radius-lg);max-width:100%}.game-wrapper:before,.game-wrapper:after{width:24px;height:24px;border-width:2px}.game-header{padding:var(--space-md) var(--space-lg)}.game-header h1{font-size:1.1rem}#startButton{height:38px;padding:0 var(--space-lg);font-size:.75rem}.container,.game-mode-content{padding:var(--space-sm) var(--space-sm) var(--space-sm)}.flag{height:150px;max-width:100%;margin-bottom:var(--space-sm);box-shadow:0 0 0 3px var(--warm-white),0 0 0 5px var(--terracotta),0 8px 24px #1c191726}.flag-rush-flag,.streak-blitz-flag,.supervivencia-flag{max-width:200px;height:110px;padding:var(--space-xs)}.geo-puzzle-flag{max-width:140px;height:80px;padding:var(--space-xs)}.flag-rush-header{padding:var(--space-xs) var(--space-sm)}.flag-rush-score{font-size:1.2rem}.flag-rush-progress{font-size:var(--fs-body-sm)}#countryInfo{font-size:1.5rem;margin:0 0 var(--space-sm);min-height:calc(1.5rem * 1.1 * 2 + var(--space-sm) * 2);padding:var(--space-sm) var(--space-md)}#capitalInfo{font-size:1.1rem;margin-bottom:var(--space-lg)}#teamsContainer{gap:var(--space-sm);margin-top:0}#redCounter,#blueCounter,#greenCounter{padding:var(--space-md) var(--space-sm);min-height:80px;border-radius:var(--radius-md);border-width:2px}#redCounter span:last-child,#blueCounter span:last-child,#greenCounter span:last-child{font-size:2rem}.progress-container{padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-xs)}.game-hint{font-size:.7rem;padding:var(--space-xs) var(--space-md)}.landing-nav{padding:0 var(--space-md);height:52px}.landing-title{font-size:1.1rem;margin:0 0 2px}.landing-subtitle{display:none}.landing-cta{padding:12px var(--space-lg);font-size:.85rem}.landing-actions{gap:0}.landing-settings-btn{width:40px;height:40px}.landing-steps{display:none}.landing-aurora{opacity:.04}.landing-flags-grid{display:none}.landing-modes{padding:0 var(--space-sm);margin-top:0}.landing-hero-content{gap:var(--space-xs);padding:4vh var(--space-lg) var(--space-xs)}}@media (max-width: 1023px){.landing-steps{gap:var(--space-md);padding:var(--space-lg)}.landing-steps h3{font-size:.78rem}.landing-steps p{font-size:.7rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.settings-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c191773;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:2000;opacity:0;transition:opacity var(--duration-moderate) var(--ease-gentle)}.settings-modal-overlay.is-open{opacity:1}.settings-modal{background:var(--warm-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lifted),0 0 0 1px #1c19170f;width:100%;max-width:400px;display:flex;flex-direction:column;transform:translateY(12px) scale(.97);transition:transform var(--duration-moderate) var(--ease-spring)}.settings-modal-overlay.is-open .settings-modal{transform:translateY(0) scale(1)}.settings-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl) var(--space-sm);border-bottom:1px solid var(--soft-sand)}.settings-modal__title{font-family:var(--font-display);font-size:1.25rem;font-weight:400;color:var(--ink);margin:0}.settings-modal__close{width:32px;height:32px;border-radius:var(--radius-md);border:1.5px solid var(--warm-gray);background:transparent;color:var(--stone);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color var(--duration-quick) var(--ease-gentle),color var(--duration-quick) var(--ease-gentle),background var(--duration-quick) var(--ease-gentle)}.settings-modal__close:hover{border-color:var(--charcoal);color:var(--charcoal);background:var(--soft-sand)}.settings-modal__body{padding:var(--space-md) var(--space-xl);display:flex;flex-direction:column;gap:var(--space-sm)}.settings-field{display:flex;flex-direction:column;gap:var(--space-xs)}.settings-field__label{font-size:var(--fs-label);font-weight:600;color:var(--stone);text-transform:uppercase;letter-spacing:.06em;display:flex;justify-content:space-between;align-items:baseline}.settings-field__hint{font-size:.72rem;font-weight:400;text-transform:none;letter-spacing:0;color:var(--stone);opacity:.7}.settings-modal__hint{font-size:var(--fs-body-sm);color:var(--stone);line-height:1.4;margin-bottom:0;padding:var(--space-xs) var(--space-sm);background:#6b8fa314;border-radius:var(--radius-sm);border-left:3px solid rgba(107,143,163,.4)}.settings-field__control{height:44px;border-radius:var(--radius-md);border:1.5px solid var(--warm-gray);background:var(--cream-bg);color:var(--charcoal);font-family:var(--font-body);font-size:.9rem;padding:0 var(--space-md);transition:border-color var(--duration-quick) var(--ease-gentle);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}.settings-field__control:focus{outline:none;border-color:var(--deep-sage);box-shadow:0 0 0 3px #4a7a501f}.settings-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:0}.settings-toggle__label{font-size:.9rem;font-weight:500;color:var(--charcoal);-webkit-user-select:none;user-select:none}.settings-toggle__track{position:relative;width:44px;height:24px;flex-shrink:0}.settings-toggle__input{position:absolute;opacity:0;width:0;height:0}.settings-toggle__thumb{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-pill);background:var(--warm-gray);transition:background var(--duration-quick) var(--ease-gentle);cursor:pointer}.settings-toggle__thumb:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--warm-white);box-shadow:var(--shadow-soft);transition:transform var(--duration-quick) var(--ease-spring)}.settings-toggle__input:checked~.settings-toggle__thumb{background:var(--sage)}.settings-toggle__input:checked~.settings-toggle__thumb:after{transform:translate(20px)}.settings-toggle__input:focus-visible~.settings-toggle__thumb{outline:3px solid var(--deep-sage);outline-offset:2px}.settings-modal__footer{display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl) var(--space-md);border-top:1px solid var(--soft-sand);flex-wrap:wrap}.settings-modal__reset{width:100%;height:44px;border-radius:var(--radius-pill);border:1.5px dashed var(--warm-gray);background:transparent;color:var(--stone);font-family:var(--font-body);font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:border-color var(--duration-quick) var(--ease-gentle),color var(--duration-quick) var(--ease-gentle),background var(--duration-quick) var(--ease-gentle)}.settings-modal__reset:hover{border-color:var(--rust);color:var(--rust);background:#b4503c0d}.settings-modal__reset[hidden]{display:none}.settings-modal__cancel{flex:1;height:44px;border-radius:var(--radius-pill);border:1.5px solid var(--warm-gray);background:transparent;color:var(--stone);font-family:var(--font-body);font-size:.88rem;font-weight:500;cursor:pointer;transition:border-color var(--duration-quick) var(--ease-gentle),color var(--duration-quick) var(--ease-gentle)}.settings-modal__cancel:hover{border-color:var(--charcoal);color:var(--charcoal)}.settings-modal__save{flex:2;height:44px;border-radius:var(--radius-pill);border:none;background:var(--deep-sage);color:var(--warm-white);font-family:var(--font-body);font-size:.9rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:background var(--duration-quick) var(--ease-gentle),transform var(--duration-quick) var(--ease-gentle)}.settings-modal__save:hover{background:var(--sage);transform:translateY(-1px)}.settings-modal__save:active{transform:translateY(0)}@media (max-width: 480px){.settings-modal{max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;position:fixed;bottom:0;left:0;right:0}.settings-modal-overlay{align-items:flex-end;padding:0}.settings-modal-overlay .settings-modal{transform:translateY(100%)}.settings-modal-overlay.is-open .settings-modal{transform:translateY(0)}}.mode-selector__back-btn{display:inline-flex;align-items:center;gap:var(--space-xs);background:none;border:none;color:var(--stone);font-family:var(--font-body);font-size:.82rem;font-weight:500;cursor:pointer;padding:var(--space-xs) 0;margin-bottom:var(--space-md);transition:color var(--duration-quick) var(--ease-gentle);letter-spacing:.01em}.mode-selector__back-btn:hover{color:var(--charcoal)}.mode-selector__back-btn:focus-visible{outline:2px solid var(--deep-sage);outline-offset:3px;border-radius:var(--radius-sm)}.mode-selector__heading{font-family:var(--font-display);font-size:1.8rem;font-weight:400;color:var(--ink);text-align:center;margin-bottom:var(--space-xl)}.mode-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);max-width:640px;margin:0 auto}.home-view__section{margin-bottom:var(--space-lg)}.home-view__section-heading{font-family:var(--font-body);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--stone);margin:0 0 var(--space-sm);text-align:center}.home-view__modes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);padding:var(--space-xl);background:var(--warm-white);border:1.5px solid var(--warm-gray);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-moderate) var(--ease-gentle);box-shadow:var(--shadow-soft);text-align:left;font-family:var(--font-body)}.mode-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lifted);border-color:var(--stone)}.mode-card:focus-visible{outline:3px solid var(--deep-sage);outline-offset:2px}.mode-card[aria-selected=true]{border-color:var(--deep-sage);box-shadow:0 0 0 2px #4a7a5026,var(--shadow-medium)}.mode-card__icon{font-size:2rem;line-height:1}.mode-card__name{font-family:var(--font-display);font-size:1.15rem;font-weight:400;color:var(--ink)}.mode-card__description{font-size:.8rem;color:var(--stone);line-height:1.4}.mode-card__badge{display:inline-block;padding:3px var(--space-sm);border-radius:var(--radius-pill);font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--warm-white);margin-top:var(--space-xs)}.mode-card__badge--team{background:var(--sage)}.mode-card__badge--individual{background:var(--ocean)}.parametrization{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-xl)}.parametrization__header{display:flex;align-items:center;gap:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:2px solid var(--soft-sand)}.parametrization__icon{font-size:2.5rem;line-height:1}.parametrization__info{display:flex;flex-direction:column;gap:var(--space-xs)}.parametrization__name{font-family:var(--font-display);font-size:1.5rem;font-weight:400;color:var(--ink);margin:0}.parametrization__description{font-size:.85rem;color:var(--stone);margin:0;line-height:1.4}.parametrization__section{display:flex;flex-direction:column;gap:var(--space-md)}.parametrization__section-title{font-family:var(--font-body);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--stone);margin:0}.parametrization__field{display:flex;flex-direction:column;gap:var(--space-xs)}.parametrization__label{font-size:var(--fs-label);font-weight:500;color:var(--charcoal)}.parametrization__control{height:42px;padding:0 var(--space-md);border-radius:var(--radius-md);border:1.5px solid var(--warm-gray);background:var(--warm-white);color:var(--charcoal);font-family:var(--font-body);font-size:.85rem;transition:border-color var(--duration-quick) var(--ease-gentle);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}.parametrization__control:focus{outline:none;border-color:var(--deep-sage);box-shadow:0 0 0 2px #4a7a501f}.parametrization__toggle{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;cursor:pointer;font-size:.85rem;color:var(--charcoal)}.parametrization__toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--deep-sage);cursor:pointer}.parametrization__warning{font-size:var(--fs-body-sm);color:var(--rust);font-weight:500;padding:var(--space-sm) var(--space-md);background:#a04b380f;border-radius:var(--radius-sm);border-left:3px solid var(--rust)}.parametrization__empty{font-size:.82rem;color:var(--stone);font-style:italic;margin:0}.parametrization__footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-lg);border-top:2px solid var(--soft-sand)}.parametrization__back-btn{background:none;border:none;color:var(--charcoal);font-family:var(--font-body);font-size:.85rem;font-weight:500;cursor:pointer;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:all var(--duration-quick) var(--ease-gentle)}.parametrization__back-btn:hover{background:var(--soft-sand);color:var(--ink)}.parametrization__play-btn{padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-pill);border:none;background:linear-gradient(135deg,var(--deep-sage) 0%,var(--sage) 100%);color:var(--warm-white);font-family:var(--font-body);font-size:.95rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:all var(--duration-moderate) var(--ease-spring);box-shadow:0 4px 12px #4a7a5040}.parametrization__play-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.03);box-shadow:0 8px 24px #4a7a5059}.parametrization__play-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.mc-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);width:100%}.mc-option{height:52px;padding:0 var(--space-md);border-radius:var(--radius-md);border:2px solid var(--warm-gray);background:var(--warm-white);color:var(--charcoal);font-family:var(--font-body);font-size:.88rem;font-weight:500;cursor:pointer;transition:all var(--duration-quick) var(--ease-gentle);text-align:center;line-height:1.3;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);position:relative}.mc-option__number{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--warm-gray);color:var(--charcoal);font-size:.75rem;font-weight:700;flex-shrink:0;transition:all var(--duration-quick) var(--ease-gentle)}.mc-option__text{flex:1}.mc-option:hover:not(:disabled) .mc-option__number{background:var(--stone);color:var(--warm-white)}.mc-option--pressed{transform:scale(.97);background:var(--soft-sand)}.mc-option:hover:not(:disabled){border-color:var(--stone);background:var(--soft-sand);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.mc-option:focus-visible{outline:3px solid var(--deep-sage);outline-offset:2px}.mc-option:disabled{cursor:default}.mc-option--correct{border-color:var(--deep-sage);background:#4a7a501f;color:var(--deep-sage);box-shadow:0 0 0 3px #4a7a5033;font-weight:700;animation:mc-pulse-correct .35s ease-out}.mc-option--incorrect{border-color:var(--rust);background:#a04b381f;color:var(--rust);box-shadow:0 0 0 3px #a04b3826;font-weight:700;animation:mc-shake .4s ease-out}@keyframes mc-pulse-correct{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes mc-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.mc-option--disabled{opacity:.35;pointer-events:none}.mc-option__icon{font-weight:800;font-size:1.1em;margin-left:.3em}.mc-option--correct .mc-option__icon{color:var(--deep-sage)}.mc-option--incorrect .mc-option__icon{color:var(--rust)}.timer-bar{width:100%;height:4px;background:var(--soft-sand);border-radius:var(--radius-pill);overflow:hidden;margin:var(--space-xs) 0;position:relative}.timer-bar__fill{height:100%;background:var(--sage);border-radius:var(--radius-pill);transition:background-color .3s var(--ease-gentle);will-change:width}.timer-bar--frozen .timer-bar__fill{background:var(--ocean);animation:timer-frozen-pulse 1.5s var(--ease-gentle) infinite}@keyframes timer-frozen-pulse{0%,to{opacity:1}50%{opacity:.6}}.round-progress{width:100%;height:6px;background:var(--soft-sand);border-radius:var(--radius-pill);overflow:hidden;margin:var(--space-xs) 0 var(--space-sm);position:relative}.round-progress__fill{height:100%;background:var(--terracotta);border-radius:var(--radius-pill);transition:width .4s var(--ease-gentle);will-change:width}.powerup-inventory{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) 0}.powerup-btn{width:36px;height:36px;border-radius:50%;border:2px solid var(--warm-gray);background:var(--warm-white);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-moderate) var(--ease-spring);box-shadow:var(--shadow-soft)}.powerup-btn:hover:not(:disabled){border-color:var(--sage);transform:translateY(-2px) scale(1.1);box-shadow:var(--shadow-medium)}.powerup-btn:active:not(:disabled){transform:translateY(0) scale(.95)}.powerup-btn:focus-visible{outline:3px solid var(--deep-sage);outline-offset:2px}.powerup-btn--used{opacity:.4;cursor:not-allowed;border-color:var(--soft-sand);transform:none;box-shadow:none}.game-end-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c191799;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--space-md);animation:fadeIn var(--duration-moderate) var(--ease-gentle)}.game-end-modal__content{background:var(--warm-white);border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-lg);max-width:420px;width:100%;max-height:92vh;overflow-y:auto;border:1px solid var(--warm-gray);box-shadow:var(--shadow-lifted);text-align:center;animation:modalSlideUp .35s var(--ease-spring)}.game-end-modal__header{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;padding:var(--space-lg) var(--space-xl) var(--space-md);border-bottom:2px solid var(--soft-sand);margin-bottom:var(--space-md);gap:var(--space-xs)}.game-end-modal__header.app-modal__header{flex-direction:column;align-items:center;justify-content:flex-start}.game-end-modal__header .app-modal__close{position:absolute;top:var(--space-md);right:var(--space-md)}.game-end-modal__title{font-family:var(--font-display);font-size:1.35rem;font-weight:400;color:var(--ink);margin:0;padding-right:36px;padding-left:36px}.game-end-modal__game-name{font-family:var(--font-display);font-size:.95rem;font-weight:400;color:var(--terracotta);margin:0}.game-end-modal__difficulty-badge{display:inline-block;font-size:.8rem;color:var(--ink-muted);background:var(--soft-sand);border-radius:var(--radius-pill);padding:2px var(--space-sm);margin:0}.game-end-modal__option-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center;margin:0}.game-end-modal__options-summary{display:flex;flex-wrap:wrap;gap:4px;padding:var(--space-sm);background:var(--soft-sand);border:1.5px solid var(--warm-gray);border-radius:var(--radius-md);margin:var(--space-xs) 0 0}.game-end-modal__option-chip{display:inline-flex;align-items:center;font-size:.68rem;font-weight:500;color:var(--charcoal);background:var(--warm-white);border:1px solid var(--warm-gray);border-radius:var(--radius-sm);padding:2px var(--space-xs);white-space:nowrap;line-height:1.2}.game-end-modal__stats{margin-bottom:var(--space-md)}.game-end-modal__winner{font-family:var(--font-display);font-size:1.3rem;font-weight:400;color:var(--terracotta);margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--soft-sand);border-radius:var(--radius-md)}.game-end-modal__score-list{display:flex;flex-direction:column;gap:var(--space-sm)}.game-end-modal__score-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:500}.game-end-modal__score-item--red{background:#fdf6f4;border-left:3px solid var(--team-coral);color:var(--team-coral)}.game-end-modal__score-item--blue{background:#f5f7f9;border-left:3px solid var(--team-slate);color:var(--team-slate)}.game-end-modal__score-item--green{background:#f4f7f1;border-left:3px solid var(--team-olive);color:var(--team-olive)}.game-end-modal__team-score{font-family:var(--font-display);font-size:1.5rem;font-weight:400}.game-end-modal__individual-stats{display:flex;flex-direction:column;gap:4px;text-align:left}.game-end-modal__stat-row{display:flex;align-items:center;gap:var(--space-sm);padding:6px var(--space-md);border-radius:var(--radius-md);background:var(--cream-bg)}.game-end-modal__stat-icon{font-size:1rem;flex-shrink:0}.game-end-modal__stat-label{flex:1;font-size:.82rem;font-weight:500;color:var(--charcoal)}.game-end-modal__stat-value{font-family:var(--font-display);font-size:1rem;font-weight:400;color:var(--ink)}.game-end-modal__footer{display:flex;gap:var(--space-md);justify-content:center}.game-end-modal__btn{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-pill);border:none;font-family:var(--font-body);font-size:.88rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:all var(--duration-moderate) var(--ease-gentle)}.game-end-modal__btn--play-again{background:linear-gradient(135deg,var(--deep-sage) 0%,var(--sage) 100%);color:var(--warm-white);box-shadow:0 4px 12px #4a7a5040}.game-end-modal__btn--play-again:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4a7a5059}.game-end-modal__btn--home{background:transparent;color:var(--stone);border:1.5px solid var(--warm-gray);text-transform:none;font-weight:500;letter-spacing:0}.game-end-modal__btn--home:hover{border-color:var(--charcoal);color:var(--charcoal)}.streak-indicator{display:flex;align-items:center;justify-content:center;min-height:32px;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:.95rem;font-weight:700;letter-spacing:.02em;border:2px solid transparent;background:transparent;transition:all var(--duration-moderate) var(--ease-gentle)}.streak-indicator--none{opacity:0;transform:scale(.9);pointer-events:none}.streak-indicator--gold{opacity:1;transform:scale(1);color:var(--warm-gold);border-color:var(--warm-gold);background:#c49a5c14;box-shadow:0 0 12px #c49a5c33}.streak-indicator--fire{opacity:1;transform:scale(1);color:var(--warm-white);border-color:var(--terracotta);background:linear-gradient(135deg,var(--terracotta),var(--warm-gold));box-shadow:0 0 16px #c2694a4d}.streak-indicator--pulse{opacity:1;transform:scale(1);color:var(--warm-white);border-color:var(--ocean);background:linear-gradient(135deg,var(--ocean),var(--deep-sage));box-shadow:0 0 20px #4d7f9466;animation:streak-pulse 1.2s var(--ease-spring) infinite}.streak-indicator--aurora{opacity:1;transform:scale(1);color:var(--warm-white);border-color:transparent;background:linear-gradient(135deg,var(--deep-sage),var(--ocean),var(--terracotta),var(--warm-gold));background-size:300% 300%;box-shadow:0 0 24px #6b9a7066,0 0 48px #4d7f9433;animation:streak-aurora 3s var(--ease-gentle) infinite}@keyframes streak-pulse{0%,to{box-shadow:0 0 20px #4d7f9466;transform:scale(1)}50%{box-shadow:0 0 32px #4d7f9499,0 0 48px #4d7f9433;transform:scale(1.03)}}@keyframes streak-aurora{0%{background-position:0% 50%;box-shadow:0 0 24px #6b9a7066,0 0 48px #4d7f9433}50%{background-position:100% 50%;box-shadow:0 0 32px #c49a5c66,0 0 56px #c2694a33}to{background-position:0% 50%;box-shadow:0 0 24px #6b9a7066,0 0 48px #4d7f9433}}.streak-indicator__display{white-space:nowrap}@media (max-width: 767px){.mode-selector{grid-template-columns:repeat(3,1fr);gap:var(--space-sm);max-width:100%}.mode-selector__heading{font-size:1.2rem;margin-bottom:var(--space-md)}.mode-selector{gap:var(--space-sm)}.mode-card{padding:var(--space-sm) var(--space-xs);align-items:center;text-align:center;gap:4px;aspect-ratio:1 / 1;justify-content:center;border-radius:var(--radius-md);min-height:0}.mode-card__icon{font-size:1.6rem;line-height:1}.mode-card__name{font-size:.7rem;font-weight:600;line-height:1.2}.mode-card__description{display:none}.mode-card__badge{font-size:.55rem;padding:2px 4px;margin-top:0}.parametrization{gap:var(--space-lg)}.parametrization__header{gap:var(--space-md)}.parametrization__name{font-size:1.2rem}.parametrization__footer{flex-direction:column-reverse;gap:var(--space-md)}.parametrization__play-btn{width:100%}.parametrization__back-btn{width:100%;text-align:center}.mc-grid{grid-template-columns:1fr 1fr;gap:var(--space-sm)}.mc-option{height:52px;padding:0 var(--space-sm);font-size:.82rem}.powerup-btn{width:32px;height:32px;font-size:1rem}.game-end-modal__content{padding:var(--space-md) var(--space-md)}.game-end-modal__title{font-size:1.2rem}.game-end-modal__footer{flex-direction:column;gap:var(--space-sm)}.game-end-modal__btn{width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mode-stats-section{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--soft-sand)}.mode-stats-title{font-family:var(--font-body);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--stone);margin-bottom:4px;text-align:left}.mode-stat-row{display:flex;align-items:center;gap:var(--space-xs);padding:4px var(--space-xs);border-radius:var(--radius-sm);transition:background var(--duration-quick) var(--ease-gentle)}.mode-stat-row:hover{background:var(--cream-bg)}.mode-stat-icon{font-size:.95rem;flex-shrink:0;width:20px;text-align:center}.mode-stat-body{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-xs)}.mode-stat-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-xs);flex-shrink:0;width:100%}.mode-stat-name{font-size:.78rem;font-weight:500;color:var(--charcoal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.mode-stat-score{font-family:var(--font-display);font-size:.88rem;color:var(--ink);flex-shrink:0}.mode-stat-bottom{display:none}.mode-stat-bar-track{flex:1;height:3px;background:var(--soft-sand);border-radius:99px;overflow:hidden;min-width:24px}.mode-stat-bar-fill{height:100%;background:linear-gradient(90deg,var(--terracotta),rgba(194,105,74,.6));border-radius:99px;transition:width .4s ease}.mode-stat-games{font-size:.6rem;color:var(--stone);white-space:nowrap;flex-shrink:0}.landing-modes{width:100%;max-width:540px;margin:var(--space-sm) auto 0;padding:var(--space-lg) var(--space-lg) var(--space-md);flex:0 0 auto;display:flex;flex-direction:column;gap:var(--space-xs);position:relative;z-index:3;background:linear-gradient(180deg,#fffefba6,#fffefbbf,#fffefbcc);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl);box-shadow:0 8px 32px #1c19170f}.landing-modes__label{font-family:var(--font-body);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--charcoal);margin:var(--space-xs) 0 var(--space-xs);opacity:.75}.landing-modes__label:first-child{margin-top:0}.landing-modes__label:not(:first-child){margin-top:var(--space-md)}.landing-modes__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);align-content:start}.landing-mode-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);border:2px solid var(--warm-gray);border-radius:var(--radius-lg);background:linear-gradient(165deg,var(--warm-white) 0%,var(--soft-sand) 100%);cursor:pointer;transition:all .25s var(--ease-gentle);min-height:88px;position:relative;overflow:hidden;box-shadow:0 2px 8px #1c19170a}.landing-mode-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(165deg,rgba(122,155,127,.03) 0%,transparent 100%);opacity:0;transition:opacity .25s var(--ease-gentle)}.landing-mode-card:hover{border-color:var(--sage);transform:translateY(-3px);box-shadow:0 6px 20px #4a7a5026,0 0 0 1px #7a9b7f1a}.landing-mode-card:hover:before{opacity:1}.landing-mode-card:active{transform:translateY(-1px);box-shadow:0 3px 12px #4a7a501f}.landing-mode-card__icon{font-size:1.6rem;line-height:1;filter:drop-shadow(0 1px 3px rgba(28,25,23,.08));position:relative;z-index:1}.landing-mode-card__name{font-family:var(--font-body);font-size:.82rem;font-weight:600;color:var(--ink);text-align:center;line-height:1.3;position:relative;z-index:1}.landing-mode-card:focus-visible{outline:2px solid var(--sage);outline-offset:3px;border-color:var(--deep-sage)}@media (prefers-reduced-motion: reduce){.landing-mode-card{transition:background .12s,border-color .12s,box-shadow .12s}.landing-mode-card:hover,.landing-mode-card:active{transform:none}.landing-mode-card:before{display:none}}@media (max-width: 480px){.landing-modes{padding:var(--space-md) var(--space-md) var(--space-sm);gap:0;border-radius:var(--radius-lg);box-shadow:0 6px 24px #1c19170d;background:linear-gradient(180deg,#fffefbb3,#fffefbcc);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.landing-modes__grid{grid-template-columns:repeat(2,1fr);gap:6px}.landing-modes__label{font-size:.65rem;margin:var(--space-xs) 0 3px}.landing-modes__label:first-child{margin-top:0}.landing-modes__label:not(:first-child){margin-top:var(--space-sm)}.landing-mode-card{padding:8px var(--space-xs);min-height:76px;gap:2px}.landing-mode-card__icon{font-size:1.3rem}.landing-mode-card__name{font-size:.7rem;line-height:1.25}}.bottom-sheet{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);z-index:1800;background:var(--warm-white);border-radius:16px;box-shadow:0 8px 40px #1d1a1626;max-height:92vh;max-width:400px;width:calc(100% - 32px);overflow-y:auto;padding:var(--space-sm) var(--space-lg) var(--space-md);opacity:0;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1)}.bottom-sheet--visible{transform:translate(-50%,-50%) scale(1);opacity:1}.bottom-sheet__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1799;background:#1d1a1666;opacity:0;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.bottom-sheet__backdrop--visible{opacity:1}.bottom-sheet__handle{display:flex;justify-content:center;margin-bottom:var(--space-xs)}.bottom-sheet__handle-bar{width:32px;height:3px;background:var(--warm-gray);border-radius:var(--radius-pill)}.bottom-sheet__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.bottom-sheet__mode-icon{font-size:1.2rem}.bottom-sheet__title{flex:1;font-family:var(--font-display);font-size:1.1rem;font-weight:400;color:var(--ink);margin:0}.bottom-sheet__close-btn{width:28px;height:28px;border-radius:50%;border:none;background:var(--soft-sand);color:var(--charcoal);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all var(--duration-quick) var(--ease-gentle)}.bottom-sheet__close-btn:hover{background:var(--warm-gray)}.bottom-sheet__content{display:flex;flex-direction:column;gap:var(--space-xs)}.bottom-sheet__section{display:flex;flex-direction:column;gap:3px}.bottom-sheet__section--spacious{gap:var(--space-sm)}.bottom-sheet__section--spacious .bottom-sheet__field{padding:4px 0}.bottom-sheet__section--spacious .chip-group{gap:6px}.bottom-sheet__section--spacious .chip{padding:0 10px;font-size:.75rem}.bottom-sheet__section-title{font-family:var(--font-body);font-size:var(--fs-label);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--stone);margin:var(--space-xs) 0 2px}.bottom-sheet__field{display:flex;flex-direction:row;align-items:center;gap:var(--space-sm)}.bottom-sheet__field--vertical{flex-direction:column;align-items:flex-start;gap:4px}.bottom-sheet__field--vertical .chip-group{width:100%;justify-content:flex-start}.bottom-sheet__field .chip-group{flex:1;flex-wrap:wrap;gap:4px;overflow-x:visible}.bottom-sheet__field .chip-group::-webkit-scrollbar{display:none}.bottom-sheet__field .chip{height:var(--btn-h-xs);padding:0 8px;font-size:.7rem;white-space:nowrap;flex-shrink:0}.bottom-sheet__label{font-family:var(--font-body);font-size:var(--fs-label);font-weight:500;color:var(--charcoal);min-width:90px;flex-shrink:0}.bottom-sheet__control{flex:1;padding:4px 8px;border:1.5px solid var(--soft-sand);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.8rem;color:var(--charcoal);background:var(--warm-white);transition:border-color var(--duration-quick) var(--ease-gentle)}.bottom-sheet__control:focus{outline:none;border-color:var(--sage)}.bottom-sheet__toggle{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-body);font-size:.8rem;color:var(--charcoal);cursor:pointer}.bottom-sheet__warning{font-family:var(--font-body);font-size:var(--fs-body-sm);color:var(--rust);margin:2px 0 0}.bottom-sheet__footer{margin-top:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs)}.bottom-sheet__reset-btn{width:100%;padding:6px var(--space-xl);border-radius:var(--radius-pill);border:1.5px dashed var(--warm-gray);background:transparent;color:var(--stone);font-family:var(--font-body);font-size:.8rem;font-weight:500;cursor:pointer;transition:border-color var(--duration-quick) var(--ease-gentle),color var(--duration-quick) var(--ease-gentle),background var(--duration-quick) var(--ease-gentle)}.bottom-sheet__reset-btn:hover{border-color:var(--rust);color:var(--rust);background:#b4503c0d}.bottom-sheet__reset-btn[hidden]{display:none}.bottom-sheet__play-btn{width:100%;height:var(--btn-h-lg);min-height:var(--btn-h-lg);padding:0 var(--btn-px-lg);border-radius:var(--radius-pill);border:none;background:var(--deep-sage);color:var(--warm-white);font-family:var(--font-body);font-size:var(--btn-fs-lg);font-weight:700;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:all var(--duration-moderate) var(--ease-spring);box-shadow:0 4px 12px #4a7a5040}.bottom-sheet__play-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #4a7a5059}.bottom-sheet__play-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.bottom-sheet{max-width:calc(100% - 24px);padding:var(--space-sm) var(--space-md) var(--space-md)}}@media (prefers-reduced-motion: reduce){.bottom-sheet,.bottom-sheet__backdrop{transition:none}}