*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fafafa;--surface:#fff;--border:#eaeaea;--text:#171717;--text-secondary:#666;--text-tertiary:#999;--accent:#000;--accent-hover:#333;--red:#e5484d;--red-light:#fff1f0;--blue:#0070f3;--blue-light:#f0f7ff;--green:#46a758;--green-light:#f0faf0;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000a;--shadow:0 2px 8px #00000014;--shadow-lg:0 8px 30px #0000001f;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}#root{flex-direction:column;min-height:100dvh;display:flex}button{font-family:var(--font);cursor:pointer}input{font-family:var(--font)}a{color:inherit;text-decoration:none}.particles{pointer-events:none;width:100%;height:100%;top:0;left:0;z-index:-1!important;position:fixed!important}.particles canvas{z-index:-1!important}.app{z-index:0;flex-direction:column;min-height:100dvh;display:flex;position:relative}nav{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.logo{letter-spacing:-.3px;color:var(--text);font-size:15px;font-weight:600}.logo span{color:var(--text-tertiary);font-weight:400}.nav-right{align-items:center;gap:16px;display:flex}.preset-toggle{color:var(--text-tertiary);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;transition:border-color .15s,color .15s}.preset-toggle:hover{border-color:var(--text-tertiary);color:var(--text-secondary)}.made-by{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;transition:color .15s;display:flex}.made-by:hover{color:var(--text)}.made-by-pic{object-fit:cover;border-radius:50%;width:20px;height:20px}main{flex:1;justify-content:center;align-items:flex-start;padding:48px 24px 24px;display:flex}footer{border-top:1px solid var(--border);text-align:center;color:var(--text-tertiary);padding:16px 24px;font-size:13px}.home{text-align:center;width:100%;max-width:520px}.home h1{letter-spacing:-1.5px;margin-bottom:12px;font-size:48px;font-weight:700;line-height:1.1}.home p.subtitle{color:var(--text-secondary);margin-bottom:40px;font-size:16px;line-height:1.5}.fight-form{flex-direction:column;gap:16px;display:flex}.vs-inputs{align-items:center;gap:12px;display:flex}.handle-input{flex:1;position:relative}.handle-input .at{color:var(--text-tertiary);pointer-events:none;font-size:15px;font-weight:500;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.handle-input input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);outline:none;padding:12px 14px 12px 30px;font-size:16px;transition:border-color .15s,box-shadow .15s}.handle-input input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00000014}.handle-input input::placeholder{color:var(--text-tertiary)}.vs-badge{color:var(--text-tertiary);letter-spacing:1px;flex-shrink:0;font-size:12px;font-weight:700}.fight-btn{background:var(--accent);color:#fff;border-radius:var(--radius);border:none;padding:12px 24px;font-size:15px;font-weight:600;transition:background .15s}.fight-btn:hover{background:var(--accent-hover)}.fight-btn:disabled{opacity:.5;cursor:not-allowed}.marquee-section{width:100%;padding:0 0 24px;overflow:clip}.recent-header{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1.5px;text-align:center;margin-bottom:16px;font-size:12px;font-weight:600}.marquee-wrap{width:100%;padding:8px 0;overflow:visible;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.marquee-track{gap:16px;width:max-content;animation:40s linear infinite marquee;display:flex}.marquee-track:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.mini-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:300px;color:inherit;cursor:pointer;flex-shrink:0;text-decoration:none;transition:box-shadow .2s,transform .2s;overflow:hidden}.mini-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.mc-header{background:var(--text);color:var(--surface);justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.mc-label{letter-spacing:1.5px;font-size:9px;font-weight:700}.mc-score{letter-spacing:1px;font-size:14px;font-weight:800}.mc-fighters{justify-content:center;align-items:center;gap:10px;padding:14px 14px 10px;display:flex}.mc-fighter{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.mc-pic{object-fit:cover;border-radius:50%;width:48px;height:48px}.mc-winner-pic{border:3px solid var(--green)}.mc-loser-pic{border:3px solid var(--red);filter:grayscale(.5)brightness(.85)}.mc-handle{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:700;overflow:hidden}.mc-tag{font-size:10px;line-height:1}.mc-vs{color:var(--text-tertiary);letter-spacing:1px;flex-shrink:0;font-size:11px;font-weight:900}.mc-verdict{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;padding:0 14px 10px;font-size:12px;line-height:1.4;overflow:hidden}.mc-cta{color:var(--text-tertiary);text-align:center;border-top:1px solid var(--border);padding:8px 14px;font-size:12px;font-weight:700;transition:color .15s}.mini-card:hover .mc-cta{color:var(--text)}.loading{text-align:center}.loading h2{letter-spacing:-.5px;margin-bottom:8px;font-size:24px;font-weight:600}.loading p{color:var(--text-secondary);font-size:15px}.fighters-loading{justify-content:center;align-items:center;gap:28px;margin-bottom:32px;display:flex}.loading-fighter{flex-direction:column;align-items:center;gap:8px;display:flex}.loading-pic{object-fit:cover;border:3px solid var(--border);border-radius:50%;width:80px;height:80px}.loading-handle{color:var(--text);font-size:14px;font-weight:700}.vs-loading{color:var(--text-tertiary);margin-top:-20px;font-size:18px;font-weight:800}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.loading .pulse{animation:1.5s ease-in-out infinite pulse}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.3)}70%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes staggerIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes winnerPulse{0%,to{box-shadow:0 0 0 3px var(--green), 0 0 16px #46a7584d}50%{box-shadow:0 0 0 3px var(--green), 0 0 28px #46a75880}}.fade-in{animation:.5s ease-out both fadeIn}.slide-in-left{animation:.5s ease-out .1s both slideInLeft}.slide-in-right{animation:.5s ease-out .1s both slideInRight}.pop-in{animation:.4s ease-out .2s both popIn}.stagger-in{opacity:0;animation:.4s ease-out both staggerIn}.results{width:100%;max-width:560px}.fight-card{background:var(--surface);border:2px solid var(--text);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.fight-card-header{background:var(--text);color:var(--surface);justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:relative}.fight-card-label{letter-spacing:2px;text-transform:uppercase;font-size:11px;font-weight:700}.round-dots{align-items:center;gap:6px;display:flex}.round-dot{border-radius:50%;width:10px;height:10px}.dot-green{background:var(--green)}.dot-red{background:var(--red)}.fight-card-score{letter-spacing:2px;font-size:22px;font-weight:800}.fighters-row{justify-content:center;align-items:flex-start;gap:16px;padding:28px 24px 24px;display:flex}.fighter{text-align:center;flex:1;min-width:0}.fighter-pic-wrap{justify-content:center;margin-bottom:8px;display:flex}.fighter-pic{background:var(--border);width:80px;height:80px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:32px;font-weight:700;display:flex;overflow:hidden}.fighter-pic img{object-fit:cover;border-radius:50%;width:100%;height:100%}.winner-glow .fighter-pic{width:90px;height:90px;box-shadow:0 0 0 3px var(--green), 0 0 20px #46a75859;animation:2s ease-in-out infinite winnerPulse}.loser-cooked .fighter-pic{box-shadow:0 0 0 3px var(--red);filter:grayscale(.6)brightness(.85);transform:rotate(-3deg)}.fighter-tag{letter-spacing:1.5px;margin-bottom:6px;font-size:11px;font-weight:800}.winner-tag{color:var(--green)}.loser-tag{color:var(--red)}.fighter-handle{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.fighter-name{color:var(--text-tertiary);margin-top:2px;font-size:12px}.fighter-followers{color:var(--text-tertiary);margin-top:4px;font-size:11px;font-weight:500}.vs-flash{color:var(--text);letter-spacing:2px;flex-shrink:0;justify-content:center;align-items:center;margin-top:24px;font-size:28px;font-weight:900;display:flex}@media (width>=601px){.vs-flash{font-size:48px}}.rounds{padding:0 24px}.round{border-top:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.round-indicator{border-radius:2px;flex-shrink:0;width:4px;height:32px}.round-left{background:var(--green)}.round-right{background:var(--red)}.round-content{flex:1;min-width:0}.round-name{color:var(--text);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.round-reason{color:var(--text-secondary);margin-top:2px;font-size:13px;line-height:1.4}.round-winner{border-radius:20px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:700}.rw-green{color:var(--green);background:var(--green-light)}.rw-red{color:var(--red);background:var(--red-light)}.knockout-verdict{border-top:2px solid var(--border);background:var(--bg);padding:20px 24px}.verdict-tweet{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.verdict-tweet-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.verdict-avatar{background:var(--text);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.verdict-meta{flex-direction:column;display:flex}.verdict-name{color:var(--text);font-size:13px;font-weight:700;line-height:1.2}.verdict-handle{color:var(--text-tertiary);font-size:12px}.verdict-text{color:var(--text);font-size:15px;font-weight:500;line-height:1.5}.card-watermark{text-align:center;color:var(--text-tertiary);letter-spacing:.5px;border-top:1px solid var(--border);padding:12px 24px;font-size:12px;font-weight:600}.result-actions{gap:12px;margin-top:16px;display:flex}.share-btn{background:var(--text);color:var(--surface);border-radius:var(--radius);border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:14px;font-weight:700;transition:opacity .15s;display:flex}.share-btn:hover{opacity:.85}.share-btn svg{width:16px;height:16px}.new-fight-btn{background:var(--surface);color:var(--text);border:2px solid var(--border);border-radius:var(--radius);padding:14px 20px;font-size:14px;font-weight:700;transition:border-color .15s}.new-fight-btn:hover{border-color:var(--text)}@media (width<=600px){.home h1{font-size:36px}.vs-inputs{flex-direction:column}.handle-input{width:100%}.fighters-row{padding:24px 16px 16px}.rounds{padding:0 16px}.round{flex-wrap:wrap}.knockout-verdict{padding:16px}.result-actions{flex-direction:column}}