:root{--bg-main: #f0f4f8;--bg-card: #ffffff;--text-dark: #1e293b;--text-muted: #64748b;--tendie-gold: #f59e0b;--tendie-gold-dark: #d97706;--tendie-cream: #fffbeb;--tendie-border: #fcd34d;--dimmie-red: #dc2626;--dimmie-red-dark: #991b1b;--dimmie-dark: #18181b;--dimmie-border: #fca5a5;--ranch-sauce: #f8fafc;--vinegar-sauce: #271a1a;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 30px -10px rgba(0, 0, 0, .12)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;background-color:var(--bg-main);background-image:radial-gradient(at 0% 0%,rgba(245,158,11,.08) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(220,38,38,.08) 0px,transparent 50%);color:var(--text-dark);overflow-x:hidden;user-select:none;-webkit-user-select:none}#app{display:flex;flex-direction:column;min-height:100vh;max-width:1200px;margin:0 auto;padding:1rem 1.5rem}.app-header{text-align:center;margin-bottom:1rem}.logo{font-family:Bungee Shade,cursive;font-size:clamp(2rem,5vw,4rem);color:#0a0a0a;letter-spacing:2px;line-height:1.1}.tagline{font-family:Space Mono,monospace;font-size:.85rem;letter-spacing:4px;text-transform:uppercase;color:var(--text-muted);font-weight:700;margin-top:.25rem}.war-banner{background:var(--bg-card);border-radius:16px;padding:1rem 1.25rem;box-shadow:var(--shadow-md);margin-bottom:1.5rem;border:1px solid rgba(0,0,0,.05)}.war-lead-badge{font-family:Space Mono,monospace;font-size:.8rem;font-weight:700;letter-spacing:2px;text-align:center;color:var(--text-dark);margin-bottom:.5rem;text-transform:uppercase}.war-progress-track{display:flex;height:14px;border-radius:8px;overflow:hidden;background:#e2e8f0;margin-bottom:.75rem;box-shadow:inset 0 2px 4px #0000001a}.war-progress-bar{height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.war-progress-bar.tendie-bar{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.war-progress-bar.dimmie-bar{background:linear-gradient(90deg,#ef4444,#dc2626)}.war-scores-row{display:flex;align-items:center;justify-content:space-between}.score-pill{display:flex;flex-direction:column;padding:.35rem .75rem;border-radius:8px;font-family:Space Mono,monospace}.score-pill.tendie-pill{background:var(--tendie-cream);border:1px solid var(--tendie-border);color:var(--tendie-gold-dark)}.score-pill.dimmie-pill{background:#fef2f2;border:1px solid var(--dimmie-border);color:var(--dimmie-red-dark);text-align:right}.pill-name{font-size:.65rem;font-weight:700;letter-spacing:1px;opacity:.8}.pill-val{font-size:1.2rem;font-weight:700;font-variant-numeric:tabular-nums}.score-vs{font-family:Space Mono,monospace;font-weight:700;font-size:.8rem;color:var(--text-muted)}.arena{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;flex:1;margin-bottom:1.5rem}@media(max-width:768px){.arena{grid-template-columns:1fr}}.faction-stage{background:var(--bg-card);border-radius:24px;padding:1.5rem;box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;min-height:420px}.faction-stage:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.faction-stage:active{transform:translateY(-1px)}.faction-stage.tendie-stage:hover{border-color:var(--tendie-gold)}.faction-stage.dimmie-stage:hover{border-color:var(--dimmie-red)}.mascot-rig{position:relative;width:100%;max-width:320px;height:260px;display:flex;align-items:center;justify-content:center;transform-origin:50% 10%;transition:transform .05s ease-out;pointer-events:none}.svg-container{width:100%;height:100%}.svg-container svg{width:100%;height:100%;display:block}@keyframes gloop{0%,to{transform:translateY(0) scaleY(1) scaleX(1)}50%{transform:translateY(7px) scaleY(1.22) scaleX(.92)}}.glooping{transform-box:fill-box;transform-origin:top center;animation:gloop 1.5s ease-in-out infinite}@keyframes gingerJiggle{0%{transform:rotate(0) translateY(0)}18%{transform:rotate(-7deg) translateY(-2px)}42%{transform:rotate(6deg) translateY(1px)}68%{transform:rotate(-3deg)}to{transform:rotate(0)}}.ginger-jiggle{transform-box:fill-box;transform-origin:center;animation:gingerJiggle .5s ease-out}.splash-particles{position:absolute;bottom:20%;left:50%;transform:translate(-50%);pointer-events:none;width:50%;height:30%;z-index:5}.splash-drop{position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;animation:splashAnim .35s ease-out forwards}.ranch-drop{background:#fff;box-shadow:0 0 4px #fffc}.vinegar-drop{background:#44403c;box-shadow:0 0 4px #000c}@keyframes splashAnim{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}.stage-footer{text-align:center;z-index:10}.currency-label{font-family:Space Mono,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:.25rem}.faction-action{font-family:Space Mono,monospace;font-weight:700;font-size:.9rem;letter-spacing:1px;padding:.6rem 1.25rem;border-radius:30px;text-transform:uppercase;transition:background .15s ease,color .15s ease}.tendie-stage .faction-action{background:var(--tendie-cream);color:var(--tendie-gold-dark);border:2px solid var(--tendie-border)}.dimmie-stage .faction-action{background:#fef2f2;color:var(--dimmie-red-dark);border:2px solid var(--dimmie-border)}.app-footer{display:flex;justify-content:space-around;background:var(--bg-card);padding:1rem;border-radius:16px;box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.05)}.alltime-stat{display:flex;flex-direction:column;align-items:center;font-family:Space Mono,monospace}.stat-num{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums}.stat-lbl{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.tendie-stat .stat-num{color:var(--tendie-gold-dark)}.dimmie-stat .stat-num{color:var(--dimmie-red-dark)}