:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e2e8f0;background-color:#0f0f23;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh}#root{min-height:100vh;min-height:100dvh}a{font-weight:500;color:#818cf8;text-decoration:inherit}a:hover{color:#a5b4fc}h1,h2,h3,h4,h5,h6{margin:0}button{font-family:inherit}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.dial-container{width:100%;max-width:360px;height:200px;position:relative;touch-action:none;user-select:none;-webkit-user-select:none;margin:16px auto}.dial-svg{width:100%;height:100%;overflow:visible}.dial-zone{transition:opacity var(--wl-transition-normal)}.dial-zone.zone-4{fill:var(--wl-gold)}.dial-zone.zone-3{fill:var(--wl-orange)}.dial-zone.zone-2{fill:var(--wl-red)}.dial-base{fill:#1e1b4be6;stroke:#ffffff26;stroke-width:2}.target-pointer{transition:opacity var(--wl-transition-slow)}.target-pointer.hidden{opacity:0}.target-pointer line{stroke:var(--wl-gold);stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}.target-pointer circle{fill:var(--wl-gold);filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}.guess-pointer{cursor:grab;transition:filter var(--wl-transition-fast)}.guess-pointer:active{cursor:grabbing}.guess-pointer.dragging{filter:drop-shadow(0 0 12px rgba(239,68,68,.8))}.guess-pointer line{stroke:var(--wl-danger);stroke-width:5;stroke-linecap:round}.guess-pointer circle{fill:var(--wl-danger)}.guess-pointer .handle{fill:#fff;stroke:var(--wl-danger);stroke-width:3;cursor:grab}.guess-pointer .handle:active{cursor:grabbing}.dial-tick{stroke:#fff3;stroke-width:1}.dial-tick.major{stroke:#fff6;stroke-width:2}.dial-label{fill:var(--wl-text);font-size:12px;font-weight:600}.dial-label.left{text-anchor:start}.dial-label.right{text-anchor:end}@keyframes revealTarget{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.target-pointer.revealing{animation:revealTarget .6s ease-out forwards}@keyframes zoneGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.dial-zone.highlight{animation:zoneGlow .8s ease-in-out 2}.dial-touch-area{fill:transparent;cursor:pointer}@media (max-width: 360px){.dial-container{height:160px}.dial-label{font-size:10px}}:root{--wl-primary: #6366f1;--wl-primary-light: #818cf8;--wl-primary-dark: #4f46e5;--wl-secondary: #f59e0b;--wl-bg-dark: #0f0f23;--wl-bg-card: rgba(255, 255, 255, .05);--wl-text: #e2e8f0;--wl-text-muted: rgba(255, 255, 255, .6);--wl-gold: #ffd700;--wl-orange: #ff8c00;--wl-red: #ff4500;--wl-success: #10b981;--wl-danger: #ef4444;--wl-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--wl-gradient-dial: linear-gradient(180deg, #1e1b4b 0%, #312e81 50%, #4338ca 100%);--wl-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--wl-shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--wl-shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--wl-shadow-glow: 0 0 20px rgba(99, 102, 241, .4);--wl-spacing-xs: 4px;--wl-spacing-sm: 8px;--wl-spacing-md: 16px;--wl-spacing-lg: 24px;--wl-spacing-xl: 32px;--wl-spacing-2xl: 48px;--wl-radius-sm: 8px;--wl-radius-md: 12px;--wl-radius-lg: 16px;--wl-radius-full: 9999px;--wl-transition-fast: .15s ease;--wl-transition-normal: .25s ease;--wl-transition-slow: .4s ease}.language-toggle,.language-toggle-btn{position:absolute;top:var(--wl-spacing-md);right:var(--wl-spacing-md);background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:var(--wl-text);padding:var(--wl-spacing-xs) var(--wl-spacing-md);border-radius:var(--wl-radius-full);font-size:.85rem;cursor:pointer;transition:all var(--wl-transition-fast);z-index:100}.language-toggle:hover,.language-toggle-btn:hover{background:#ffffff26;border-color:#ffffff40}.game-header .language-toggle-btn{position:static;margin-left:auto}.game-container{min-height:100vh;min-height:100dvh;background:var(--wl-bg-dark);background-image:radial-gradient(ellipse at top,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(139,92,246,.1) 0%,transparent 50%);color:var(--wl-text);display:flex;flex-direction:column;overflow-x:hidden}.main-menu{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--wl-spacing-lg);text-align:center;gap:var(--wl-spacing-xl)}.main-menu h1{font-size:clamp(2rem,8vw,3.5rem);font-weight:800;background:var(--wl-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.02em}.main-menu .subtitle{font-size:1rem;color:var(--wl-text-muted);margin-top:var(--wl-spacing-sm)}.menu-buttons{display:flex;flex-direction:column;gap:var(--wl-spacing-md);width:100%;max-width:320px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--wl-spacing-sm);padding:var(--wl-spacing-md) var(--wl-spacing-lg);font-size:1rem;font-weight:600;border:none;border-radius:var(--wl-radius-md);cursor:pointer;transition:all var(--wl-transition-normal);min-height:52px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-primary{background:var(--wl-gradient-primary);color:#fff;box-shadow:var(--wl-shadow-md),var(--wl-shadow-glow)}.btn-primary:hover,.btn-primary:focus{transform:translateY(-2px);box-shadow:var(--wl-shadow-lg),0 0 30px #6366f180}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--wl-bg-card);color:var(--wl-text);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover,.btn-secondary:focus{background:#ffffff1a;border-color:#fff3}.btn-ghost{background:transparent;color:var(--wl-text-muted);padding:var(--wl-spacing-sm) var(--wl-spacing-md);min-height:auto}.btn-ghost:hover{color:var(--wl-text);background:#ffffff0d}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-icon{font-size:1.2em}.game-header-centered{display:flex;flex-direction:column;align-items:center;padding:var(--wl-spacing-lg) 0;gap:var(--wl-spacing-md);width:100%}.back-btn-clean{background:transparent;border:none;color:var(--wl-text-muted);font-size:1rem;font-weight:500;cursor:pointer;padding:var(--wl-spacing-xs) var(--wl-spacing-md);border-radius:var(--wl-radius-sm);transition:all var(--wl-transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--wl-spacing-xs);opacity:.8;margin:0 auto}.back-btn-clean:hover{color:var(--wl-text);opacity:1}.game-stats-row{display:flex;justify-content:center;width:100%}.game-stats{display:flex;align-items:center;gap:var(--wl-spacing-md);background:#ffffff14;padding:var(--wl-spacing-xs) var(--wl-spacing-xl);border-radius:var(--wl-radius-full);font-weight:600;font-size:.95rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0003}.game-stats .round-count{color:var(--wl-primary-light)}.game-stats .separator{opacity:.3;font-weight:300}.game-stats .total-score{color:var(--wl-gold)}.game-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--wl-spacing-lg);gap:var(--wl-spacing-xl)}.game-card{background:var(--wl-bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--wl-radius-lg);padding:var(--wl-spacing-lg);width:100%;max-width:400px;text-align:center}.game-card .spectrum{display:flex;align-items:center;justify-content:space-between;gap:var(--wl-spacing-md)}.game-card .spectrum .left,.game-card .spectrum .right{flex:1;font-size:clamp(1rem,4vw,1.25rem);font-weight:600}.game-card .spectrum .divider{color:var(--wl-text-muted);font-size:1.5rem}.phase-title{font-size:clamp(1.25rem,5vw,1.75rem);font-weight:700;text-align:center;margin:0}.phase-subtitle{font-size:1rem;color:var(--wl-text-muted);text-align:center;margin:var(--wl-spacing-sm) 0 0}.score-reveal{text-align:center}.score-reveal .points{font-size:clamp(4rem,15vw,6rem);font-weight:800;line-height:1}.score-reveal .points.gold{color:var(--wl-gold)}.score-reveal .points.orange{color:var(--wl-orange)}.score-reveal .points.red{color:var(--wl-red)}.score-reveal .points.zero{color:var(--wl-text-muted)}.score-reveal .label{font-size:1.25rem;color:var(--wl-text-muted);margin-top:var(--wl-spacing-sm)}.game-complete{text-align:center}.game-complete h2{font-size:clamp(2rem,8vw,3rem);font-weight:800;margin:0;background:linear-gradient(135deg,var(--wl-gold) 0%,var(--wl-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-complete .winner{font-size:1.5rem;margin:var(--wl-spacing-md) 0}.final-scores{display:flex;justify-content:center;gap:var(--wl-spacing-xl);margin:var(--wl-spacing-xl) 0}.final-scores .team{text-align:center}.final-scores .team-name{font-size:.875rem;color:var(--wl-text-muted);margin-bottom:var(--wl-spacing-xs)}.final-scores .team-final-score{font-size:2.5rem;font-weight:800}.final-scores .team.winner .team-final-score{color:var(--wl-gold)}.action-buttons{display:flex;flex-direction:column;align-items:center;gap:var(--wl-spacing-md);width:100%;max-width:320px;margin:var(--wl-spacing-lg) auto 0;padding-bottom:var(--wl-spacing-lg)}.language-toggle{position:absolute;top:var(--wl-spacing-md);right:var(--wl-spacing-md)}.card-generator{max-width:480px;margin:0 auto;padding:var(--wl-spacing-lg);text-align:center}.card-generator h1{font-size:clamp(1.5rem,5vw,2rem);font-weight:700;margin-bottom:var(--wl-spacing-lg)}.card-generator .card-display{background:var(--wl-bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--wl-radius-lg);padding:var(--wl-spacing-xl);margin:var(--wl-spacing-xl) 0}.card-generator .spectrum{display:flex;align-items:center;justify-content:space-between;gap:var(--wl-spacing-md);font-size:clamp(1.1rem,4vw,1.4rem);font-weight:600}.card-generator .spectrum .left,.card-generator .spectrum .right{flex:1;text-align:center}.card-generator .spectrum .arrow{color:var(--wl-text-muted)}.card-generator button{background:var(--wl-bg-card);border:1px solid rgba(255,255,255,.15);color:var(--wl-text);padding:var(--wl-spacing-sm) var(--wl-spacing-md);border-radius:var(--wl-radius-sm);cursor:pointer;transition:all var(--wl-transition-fast);font-size:.95rem}.card-generator button:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff40}.card-generator button:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-fadeIn{animation:fadeIn var(--wl-transition-normal) ease-out}.animate-slideUp{animation:slideUp var(--wl-transition-slow) ease-out}.animate-scaleIn{animation:scaleIn var(--wl-transition-normal) ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}@media (max-width: 480px){.game-header{padding:var(--wl-spacing-sm) var(--wl-spacing-md)}.game-content,.game-card{padding:var(--wl-spacing-md)}}@supports (padding: max(0px)){.game-container{padding-top:max(0px,env(safe-area-inset-top));padding-bottom:max(0px,env(safe-area-inset-bottom));padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app-container{max-width:480px;margin:40px auto;padding:24px;background:#fff;border-radius:16px;box-shadow:0 2px 16px #00000014;text-align:center}.card-display{margin:32px 0;padding:24px;background:#f6f8fa;border-radius:12px;font-size:1.4rem;font-weight:500}.spectrum{display:flex;align-items:center;justify-content:space-between;gap:16px}.spectrum .left,.spectrum .right{flex:1;text-align:center}.spectrum .arrow{font-size:1.5rem;color:#888}button{font-size:1rem;padding:8px 16px;border-radius:8px;border:none;background:#e0e7ef;cursor:pointer;transition:background .2s}button:hover:not(:disabled){background:#bcd4f6}button:disabled{opacity:.6;cursor:not-allowed}