:root{--ink: #11101a;--yellow: #ffd23f;--red: #ff3b3b;--green: #2ec27e;--blue: #1f6bff;--white: #fff;--bg-dark: #15131f;--bg-dark-2: #100e1a;--muted: #6b6a78;--font-display: "Unbounded", system-ui, sans-serif;--font-body: "Manrope", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:var(--bg-dark);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}@keyframes confettiFall{to{transform:translateY(110vh) rotate(680deg);opacity:0}}@keyframes eq{0%{height:16px}to{height:100%}}@keyframes joinPop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes softpulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.font-display{font-family:var(--font-display)}.halftone{background:var(--yellow);background-image:radial-gradient(rgba(17,16,26,.12) 2px,transparent 2.5px);background-size:18px 18px}.halftone-sm{background-size:16px 16px}.burst{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0}.card-comic{background:var(--white);border:4px solid var(--ink);border-radius:22px;box-shadow:8px 8px 0 var(--ink)}.badge-round{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--yellow);font-family:var(--font-display);font-weight:800;border-radius:12px;padding:9px 16px;transform:rotate(-2deg);box-shadow:4px 4px #ff3b3be6}.btn-3d{font-family:var(--font-display);font-weight:800;color:var(--white);background:var(--red);border:4px solid var(--ink);border-radius:16px;padding:16px 34px;cursor:pointer;box-shadow:6px 6px 0 var(--ink);transition:transform .08s ease,box-shadow .08s ease}.btn-3d:active{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink)}.btn-3d.green{background:var(--green)}.btn-3d.yellow{background:var(--yellow);color:var(--ink)}.btn-3d.dark{background:var(--ink);color:var(--white)}.btn-3d:disabled{opacity:.5;cursor:not-allowed}.btn-ctrl{background:var(--white);border:2.5px solid var(--ink);border-radius:11px;padding:13px;font-weight:800;font-size:14px;color:var(--ink);cursor:pointer;font-family:var(--font-body);box-shadow:3px 3px 0 var(--ink);transition:transform .08s ease,box-shadow .08s ease}.btn-ctrl:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn-ctrl.primary{background:var(--yellow)}.btn-ctrl:disabled{opacity:.5;cursor:not-allowed}.tile{display:flex;align-items:center;gap:14px;background:var(--white);border:3px solid var(--ink);border-radius:14px;padding:0 18px;box-shadow:4px 4px 0 var(--ink)}.chip{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;border:2.5px solid var(--ink);background:var(--red);color:var(--white);font-family:var(--font-display);font-weight:800}input.field{border:2px solid var(--ink);border-radius:11px;padding:12px 15px;font-size:16px;font-family:var(--font-body);font-weight:700;width:100%}.avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0;object-fit:cover}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}