.toast-container{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast-item{pointer-events:auto;min-width:300px;max-width:400px;padding:16px 20px;background:var(--color-bg-card);border:3px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-hard);display:flex;align-items:flex-start;gap:12px;animation:toast-slide-in .3s cubic-bezier(.16,1,.3,1);transition:all .2s ease;cursor:pointer;font-weight:600}.toast-item:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hard-lg)}.toast-icon{font-size:1.2rem;line-height:1;margin-top:2px}.toast-content{flex:1 1;font-size:14px;line-height:1.5;word-break:break-word;color:var(--color-text)}.toast-close{font-size:1.2rem;line-height:.8;color:var(--color-text-secondary);opacity:.6;transition:opacity .2s}.toast-item:hover .toast-close{opacity:1}.toast-success{border-color:var(--color-success);background:#f0fff4}[data-theme=dark] .toast-success{background:rgba(46,204,113,.1)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{border-color:var(--color-error);background:#fff5f5}[data-theme=dark] .toast-error{background:rgba(231,76,60,.1)}.toast-error .toast-icon{color:var(--color-error)}.toast-warning{border-color:var(--color-warning);background:#fffaf0}[data-theme=dark] .toast-warning{background:rgba(243,156,18,.1)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info{border-color:var(--color-blue);background:azure}[data-theme=dark] .toast-info{background:rgba(78,205,196,.1)}.toast-info .toast-icon{color:var(--color-blue)}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}:root{--color-primary:#ff3b3b;--color-primary-dark:#e02020;--color-primary-light:#ff6b6b;--color-accent:#ffd93d;--color-accent-dark:#f59e0b;--color-bg:#0f0f1a;--color-bg-secondary:#1a1a2e;--color-bg-card:#252542;--color-bg-elevated:#2d2d4a;--color-border:#3d3d5c;--color-shadow:#000;--color-blue:#4ecdc4;--color-purple:#9b59b6;--color-pink:#ff6b9d;--color-cyan:#06b6d4;--color-success:#2ecc71;--color-warning:#f39c12;--color-error:#e74c3c;--color-text:#fff;--color-text-secondary:#a0a0b8;--color-text-muted:#6b6b80;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-xl:36px;--radius-full:9999px;--shadow-hard:4px 4px 0px 0px var(--color-shadow);--shadow-hard-sm:3px 3px 0px 0px var(--color-shadow);--shadow-hard-lg:6px 6px 0px 0px var(--color-shadow);--shadow-pressed:2px 2px 0px 0px var(--color-shadow);--glow-primary:0 0 20px rgba(255,59,59,.4);--glow-accent:0 0 20px rgba(255,217,61,.4);--font-family:"Nunito","Noto Sans SC",-apple-system,BlinkMacSystemFont,sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:20px;--font-size-xl:28px;--font-size-2xl:42px;--font-size-3xl:56px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px}[data-theme=light]{--color-bg:#fdf8f4;--color-bg-secondary:#f5ede6;--color-bg-card:#fff;--color-bg-elevated:#fff;--color-border:#2d3748;--color-shadow:#2d3748;--color-text:#1f2937;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--glow-primary:none;--glow-accent:none}@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}#root,body{min-height:100vh}#root{display:flex;flex-direction:column}a{color:var(--color-primary);text-decoration:none;font-weight:600;transition:all .2s ease}a:hover{color:var(--color-accent)}button{cursor:pointer;font-family:inherit;border:none;outline:none}.card{background:var(--color-bg-card);border:3px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-hard);transition:all .2s ease}.card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hard-lg)}.card-glow{box-shadow:var(--shadow-hard),var(--glow-primary)}.card-primary{background:var(--color-primary);border-color:var(--color-primary-dark);color:#fff}.card-accent{background:var(--color-accent);border-color:var(--color-accent-dark);color:var(--color-bg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border:3px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:800;box-shadow:var(--shadow-hard);transition:all .15s ease;text-transform:uppercase;letter-spacing:.5px;background:var(--color-bg-card);color:var(--color-text)}.btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hard-lg)}.btn:active{transform:translate(2px,2px);box-shadow:var(--shadow-pressed)}.btn-primary{background:var(--color-primary);border-color:var(--color-primary-dark);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-hard-lg),var(--glow-primary)}.btn-accent{background:var(--color-accent);border-color:var(--color-accent-dark);color:var(--color-bg)}.btn-danger{background:var(--color-error);border-color:#c33;color:#fff}.btn-danger:hover{box-shadow:var(--shadow-hard-lg),0 0 20px rgba(255,59,59,.4)}.btn-purple{background:var(--color-purple);border-color:#7d3c98;color:#fff}.btn-blue{background:var(--color-blue);border-color:#3aa89e;color:var(--color-bg)}.btn-outline{background:transparent;color:var(--color-text)}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg);border-radius:var(--radius-lg)}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.block,.btn-sm{box-shadow:var(--shadow-hard-sm)}.block{padding:var(--spacing-lg);border:3px solid var(--color-border);border-radius:var(--radius-lg)}.block-primary{background:var(--color-primary);border-color:var(--color-primary-dark);color:#fff}.block-accent{background:var(--color-accent);border-color:var(--color-accent-dark);color:var(--color-bg)}.block-purple{background:var(--color-purple);border-color:#7d3c98;color:#fff}.block-blue{background:var(--color-blue);border-color:#3aa89e;color:var(--color-bg)}.block-danger{background:var(--color-error);border-color:#c0392b;color:#fff}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:700;box-shadow:2px 2px 0 0 var(--color-shadow);background:var(--color-bg-elevated);color:var(--color-text)}.badge-primary{background:var(--color-primary);border-color:var(--color-primary-dark);color:#fff}.badge-accent{background:var(--color-accent);border-color:var(--color-accent-dark);color:var(--color-bg)}.badge-danger{background:var(--color-error);border-color:#c0392b;color:#fff}.badge-purple{background:var(--color-purple);border-color:#7d3c98;color:#fff}.tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);box-shadow:2px 2px 0 0 var(--color-shadow);transition:all .2s ease}.tag:hover{transform:translate(-1px,-1px)}.tag-negative{background:rgba(255,59,59,.2);color:var(--color-primary);border-color:var(--color-primary)}.tag-positive{background:rgba(46,204,113,.2);color:var(--color-success);border-color:var(--color-success)}.input{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border:3px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-md);font-weight:600;box-shadow:var(--shadow-hard-sm);transition:all .2s ease}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-hard-sm),var(--glow-primary)}.input::placeholder{color:var(--color-text-muted);font-weight:500}.vs-divider{justify-content:center;width:80px;height:80px;background:var(--color-primary);border:3px solid var(--color-primary-dark);border-radius:var(--radius-lg);font-size:var(--font-size-xl);font-weight:900;color:#fff}.player-card,.vs-divider{display:flex;align-items:center;box-shadow:var(--shadow-hard)}.player-card{flex-direction:column;padding:var(--spacing-xl);background:var(--color-bg-card);border:3px solid var(--color-border);border-radius:var(--radius-xl);min-width:280px;position:relative;transition:all .2s ease}.player-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hard-lg)}.player-card.winner{border-color:var(--color-success);box-shadow:var(--shadow-hard),0 0 20px rgba(46,204,113,.3)}.player-card.loser{opacity:.7}.player-avatar{width:100px;height:100px;background:linear-gradient(135deg,var(--color-purple) 0,var(--color-blue) 100%);border:3px solid var(--color-border);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);box-shadow:var(--shadow-hard-sm);margin-bottom:var(--spacing-md)}.player-name{font-size:var(--font-size-xl);font-weight:800;margin-bottom:var(--spacing-sm)}.theme-toggle{width:48px;height:48px;background:var(--color-bg-card);border:3px solid var(--color-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);box-shadow:var(--shadow-hard-sm);cursor:pointer;transition:all .2s ease}.theme-toggle:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hard)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes pulse-glow{0%,to{box-shadow:var(--shadow-hard),0 0 10px rgba(255,59,59,.3)}50%{box-shadow:var(--shadow-hard),0 0 30px rgba(255,59,59,.6)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-bounce{animation:bounce 2s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-slide-up{animation:slide-up .5s ease-out}.live-indicator{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-error);border:2px solid var(--color-border);border-radius:var(--radius-full);color:#fff;font-weight:700;font-size:var(--font-size-sm);box-shadow:2px 2px 0 0 var(--color-shadow)}.live-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-secondary)}.font-bold{font-weight:700}.font-black{font-weight:900}@media (max-width:768px){:root{--font-size-3xl:36px;--font-size-2xl:28px}.player-card{min-width:100%}}